diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 6113ef8768..9825437213 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -36,6 +36,7 @@ jobs:
     runs-on: ubuntu-latest
     outputs:
       docs_only: ${{ steps.docs_only_route.outputs.docs_only }}
+      frontend_only: ${{ steps.docs_only_route.outputs.frontend_only }}
       all_changed: ${{ steps.filter.outputs.all_changed }}
       core_code: ${{ steps.filter.outputs.core_code }}
       product_runtime: ${{ steps.filter.outputs.product_runtime }}
@@ -130,18 +131,29 @@ jobs:
             console_web:
               - 'apps/aevatar-console-web/**'
               - '.github/workflows/ci.yml'
+            frontend_paths:
+              - 'apps/aevatar-console-web/**'
 
-      - name: Resolve Doc-Only Route
+      - name: Resolve Change Scope
         id: docs_only_route
         env:
           ALL_CHANGED_COUNT: ${{ steps.filter.outputs.all_changed_count }}
           DOCS_ONLY_COUNT: ${{ steps.filter.outputs.docs_only_count }}
+          FRONTEND_CHANGED_COUNT: ${{ steps.filter.outputs.frontend_paths_count }}
         run: |
           if [ "${ALL_CHANGED_COUNT:-0}" != "0" ] && [ "${ALL_CHANGED_COUNT:-0}" = "${DOCS_ONLY_COUNT:-0}" ]; then
             echo "docs_only=true" >> "$GITHUB_OUTPUT"
           else
             echo "docs_only=false" >> "$GITHUB_OUTPUT"
           fi
+          if [ "${ALL_CHANGED_COUNT:-0}" != "0" ] && [ "${ALL_CHANGED_COUNT:-0}" = "${FRONTEND_CHANGED_COUNT:-0}" ]; then
+            echo "frontend_only=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "frontend_only=false" >> "$GITHUB_OUTPUT"
+          fi
+
+      - name: Verify Change Scope Routing
+        run: python3 tools/ci/tests/test_ci_change_scope.py
 
   fkst-host-policy:
     if: |
@@ -233,19 +245,54 @@ jobs:
       - name: Test Stability Guards
         run: bash tools/ci/test_stability_guards.sh
 
+  console-web-tests:
+    if: needs.changes.outputs.docs_only == 'false' && needs.changes.outputs.console_web == 'true'
+    needs: changes
+    runs-on: ubuntu-latest
+    timeout-minutes: 35
+    strategy:
+      fail-fast: false
+      matrix:
+        shard: [1, 2, 3, 4]
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.2.1
+          run_install: false
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+          cache-dependency-path: apps/aevatar-console-web/pnpm-lock.yaml
+
+      - name: Install console-web dependencies
+        run: pnpm --dir apps/aevatar-console-web install --frozen-lockfile
+
+      - name: Test console-web shard
+        run: pnpm --dir apps/aevatar-console-web test --runInBand --shard=${{ matrix.shard }}/4
+
   console-web:
     # Refactor (iter16/cluster-ci-systemic-refactor):
     #   Old pattern: console-web skipped scheduled CI and ran for every PR, workflow_dispatch, main/dev push, or console_web changes
     #   New principle: gate on changes.outputs.console_web per Phase 9 #716 r3 consensus A
-    if: needs.changes.outputs.docs_only == 'false' && needs.changes.outputs.console_web == 'true'
-    needs: changes
+    # Keep the existing required check name and fail it if any test shard fails
+    # or is cancelled. All tests run once across the four Jest partitions.
+    if: always() && needs.changes.outputs.docs_only == 'false' && needs.changes.outputs.console_web == 'true'
+    needs: [changes, console-web-tests]
     runs-on: ubuntu-latest
-    # The serial suite grew into this budget: recent runs took 19m02s, 19m35s,
-    # 19m57s, then 20m10s and 20m17s, the last two cancelled mid-test at the
-    # 20m cap. The ~18m of test work is real, so give it headroom rather than
-    # letting every run decide the build on runner jitter.
-    timeout-minutes: 35
+    # Retain the base branch's budget for typecheck, build, and canvas benchmark.
+    timeout-minutes: 45
     steps:
+      - name: Require all console-web test shards
+        env:
+          TEST_SHARDS_RESULT: ${{ needs.console-web-tests.result }}
+        run: test "$TEST_SHARDS_RESULT" = success
+
       - uses: actions/checkout@v4
 
       - name: Setup pnpm
@@ -267,12 +314,22 @@ jobs:
       - name: Type-check console-web
         run: pnpm --dir apps/aevatar-console-web tsc
 
-      - name: Test console-web
-        run: pnpm --dir apps/aevatar-console-web test --runInBand
-
       - name: Build console-web
+        env:
+          AEVATAR_WORKFLOW_CANVAS_BENCHMARK: '1'
         run: pnpm --dir apps/aevatar-console-web build
 
+      - name: Benchmark workflow canvas
+        run: pnpm --dir apps/aevatar-console-web benchmark:workflow-canvas
+
+      - name: Upload workflow canvas benchmark
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: workflow-canvas-benchmark
+          path: apps/aevatar-console-web/artifacts/workflow-canvas-benchmark
+          if-no-files-found: warn
+
   slow-test-guards:
     needs: changes
     # Refactor (iter18/cluster-019-strict-coverage-aevatar-slnx):
@@ -388,11 +445,17 @@ jobs:
     #   Old pattern: coverage_quality_guard.sh 吞 test fail 继续 emit coverage;split-test-guards 漏跑 22 orphan project
     #   New principle: strict-coverage fail-fast(不吞 fail);aevatar.slnx-or-slow-test 唯一测试权威;
     #   retire slnf 测试执行(只保留 slnf build boundary);slow-tests 独立 CI job
+    # Frontend-only PRs do not need backend coverage, regardless of their target branch.
+    # Mixed changes and changes to CI/build infrastructure retain this gate.
     if: |
       github.event_name == 'schedule' ||
       github.event_name == 'workflow_dispatch' ||
       (github.event_name == 'push' && (github.ref == 'refs/heads/main' || github.ref == 'refs/heads/dev')) ||
-      needs.changes.outputs.docs_only == 'false'
+      (
+        github.event_name == 'pull_request' &&
+        needs.changes.outputs.frontend_only != 'true' &&
+        needs.changes.outputs.docs_only == 'false'
+      )
     runs-on: ubuntu-latest
     # Full coverage takes 34-35 minutes after a roughly 10-minute restore/build,
     # then still needs time to upload the report. Keep the fail-fast guard while
diff --git a/apps/aevatar-console-web/AGENTS.md b/apps/aevatar-console-web/AGENTS.md
index c4085866da..7a345d6867 100644
--- a/apps/aevatar-console-web/AGENTS.md
+++ b/apps/aevatar-console-web/AGENTS.md
@@ -133,6 +133,58 @@ pnpm --dir apps/aevatar-console-web build
 - Do not add or preserve hidden `/teams/:scopeId...` compatibility routes.
   Parse paths by resource name, not by fragile segment indexes.
 
+## Workflow Activity vNext Baseline
+
+- Before changing any route, page, component, hook, query, adapter, model,
+  style, locale, or test for
+  `/scopes/:scopeId/workflow-activity-vnext`, read all three of these sources
+  completely:
+  `docs/design-baselines/workflow-activity-vnext/README.md` and
+  `docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md` and
+  `docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md`.
+- Treat
+  `docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.excalidraw`
+  as the primary visual, information-architecture, and interaction reference.
+  Treat the design specification as the normative route, product identity,
+  API, state, and backend-compatibility contract. Treat the user-path
+  specification as the normative journey, decision, recovery, and completion
+  evidence contract.
+- The PNG and HTML prototypes are reference artifacts, not runtime data
+  sources. Never copy their hard-coded records, `localStorage` persistence,
+  timers, simulated receipts, or successful-looking defaults into production
+  code.
+- Production remote state must come from real API responses or real user
+  actions acknowledged by those APIs. When an API is pending, empty,
+  unavailable, delayed, or failed, render that exact state; do not insert mock
+  or fixture fallback data.
+- Keep mock and fixture data in clearly named test-only files. Production
+  routes, components, hooks, queries, and API adapters must not import them.
+- Reuse the existing protected-route, `/login`, `/auth/callback`,
+  `NyxIDAuthClient`, sanitized `returnTo`, session restoration, sign-in,
+  sign-out, and service-access review behavior. Do not create a vNext auth
+  route, provider, callback, token cache, session store, or identity fallback.
+- Reuse the existing Umi locale configuration, `ConsoleLanguageSwitch`,
+  `getLocale`/`setLocale`, message helpers, and `en-US`/`zh-CN` catalogues. Add
+  every new vNext message to both catalogues; do not create a vNext locale
+  context, storage key, or hard-coded visible-copy path.
+- Login, callback, language, and account presentation may adopt the vNext
+  visual system, but auth, redirect, callback, session, language, persistence,
+  error, and accessibility behavior must remain unchanged. If vNext hides the
+  global header, reuse its existing language/account actions inside the local
+  shell rather than cloning their logic.
+- Include the design-baseline declaration from
+  `docs/design-baselines/workflow-activity-vnext/README.md` in every vNext
+  implementation task and pull request so the Excalidraw hash, contract
+  documents, user paths, and real-API-only data-source rule are reviewable.
+- Run
+  `python3 docs/design-baselines/workflow-activity-vnext/verify-baseline.py`
+  from `apps/aevatar-console-web/` before and after changing the baseline. The
+  verifier must confirm the declared hash, deterministic generator output, and
+  exact 17-frame inventory.
+- Keep this feature frontend-only and isolated to its new route namespace.
+  Do not change backend code or alter existing Workflow, Run, Settings, Studio,
+  Team, member, redirect, or menu behavior to implement it.
+
 ## UI and Interaction
 
 - For page, component, console, playground, or visual-polish work, follow
@@ -148,6 +200,32 @@ pnpm --dir apps/aevatar-console-web build
   magic values.
 - Treat the console as an operational tool: prioritize scannability, clear
   hierarchy, predictable navigation, and efficient repeated actions.
+- Every visible title or heading must add distinct orientation, resource
+  identity, current-state, or task meaning. Do not repeat the same noun at the
+  modal/drawer shell and content levels, and do not add helper copy that merely
+  paraphrases an adjacent heading. Prefer one resource-owned container title;
+  add a nested heading only when it names a genuinely different state, view,
+  or user task.
+- Scope asynchronous loading feedback to the data region owned by the query or
+  command. Keep committed sibling regions mounted and usable, preserving their
+  selection and scroll position when they are not being reloaded. Use a
+  whole-workspace loading state only when the initiating operation actually
+  invalidates or blocks the whole workspace.
+- Reuse the shared loading language instead of composing page-local spinners or
+  indicator cards: use `AevatarContentSkeleton` for an initial structured data
+  surface, `AevatarLoadingOverlay` when a command temporarily blocks committed
+  content, and `AevatarLoadingDots` only for compact inline progress.
+- Default user-facing surfaces must show only information needed to understand
+  the current task, result, or next action. Do not expose backend architecture,
+  transport, storage, or consistency terminology such as `read model`,
+  `projection`, `materialization`, `receipt`, raw actor/command/correlation
+  identifiers, state versions/watermarks, DTO or endpoint names, or query
+  sampling limits in page titles, descriptions, helper copy, primary tables,
+  empty states, or primary error messages. Preserve truthful loading, accepted,
+  delayed, and failed semantics in plain product language. When raw values are
+  genuinely useful for support or debugging, place them behind an explicit,
+  user-opened technical-details disclosure instead of making them the default
+  interface.
 - Preserve responsive behavior, keyboard access, focus visibility, semantic
   controls, and readable contrast. Verify dense real content and narrow mobile
   widths without overlap, clipping, or inaccessible actions.
@@ -157,6 +235,34 @@ pnpm --dir apps/aevatar-console-web build
 - Use established icon libraries and control patterns. Add accessible names or
   tooltips for icon-only or unfamiliar actions.
 
+### Action Feedback and Toasts
+
+- Use the shared `ConsoleToastProvider` and `useConsoleToast` from
+  `src/shared/ui/ConsoleToast.tsx` for transient user-action feedback. Do not
+  introduce new direct `antd` `message` or `notification` calls inside React
+  product surfaces. Non-React transport error boundaries retain their existing
+  handling unless the boundary receives a deliberate React-safe migration.
+- A success toast is evidence of a completed user-visible action, not of a
+  click, request dispatch, `202 Accepted` response, local optimistic update,
+  or background observation still in progress. Show it only after the API
+  contract has reached the state the copy claims.
+- Keep a toast short, localized, and action-oriented. Do not put endpoint
+  names, DTO fields, request IDs, raw backend errors, or recovery diagnostics
+  in it; expose those through the surface's existing technical-details path.
+- Report transient API request failures through the shared error toast. Do not
+  add page-wide warning or error banners above otherwise usable content, and
+  do not render an error while another request required to classify the same
+  state is still pending.
+- Use persistent inline state, alerts, or panels for loading, accepted,
+  observing, delayed, retryable, authorization, forbidden, and primary-content
+  failures where the user needs a durable next step. A toast must not be the
+  only evidence of a durable status or recovery action.
+- Emit at most one toast for one user action. Avoid success toasts for local
+  form edits that still require an explicit page-level save. Migrate touched
+  user-feedback paths to the shared abstraction while preserving legacy
+  behavior outside the requested surface unless a deliberate migration is in
+  scope.
+
 ## Change and Review Hygiene
 
 - Branch names use `<type>/YYYY-MM-DD_<purpose>`, where `<type>` is one of
diff --git a/apps/aevatar-console-web/config/config.ts b/apps/aevatar-console-web/config/config.ts
index 04da71021f..e84a9615db 100644
--- a/apps/aevatar-console-web/config/config.ts
+++ b/apps/aevatar-console-web/config/config.ts
@@ -1,9 +1,9 @@
 // https://umijs.org/config/
 
 import { defineConfig } from '@umijs/max';
+import { aevatarThemeConfig } from '../src/shared/ui/aevatarWorkbench';
 import defaultSettings from './defaultSettings';
 import proxy from './proxy';
-import { aevatarThemeConfig } from '../src/shared/ui/aevatarWorkbench';
 
 import routes from './routes';
 
@@ -15,7 +15,9 @@ function resolvePublicPath(value?: string): string {
     return '/';
   }
 
-  const rootRelative = normalized.startsWith('/') ? normalized : `/${normalized}`;
+  const rootRelative = normalized.startsWith('/')
+    ? normalized
+    : `/${normalized}`;
   return rootRelative.endsWith('/') ? rootRelative : `${rootRelative}/`;
 }
 
@@ -157,13 +159,14 @@ const config: ReturnType<typeof defineConfig> = defineConfig({
   define: {
     'process.env.CI': JSON.stringify(process.env.CI),
     'process.env.NYXID_BASE_URL': JSON.stringify(process.env.NYXID_BASE_URL),
-    'process.env.NYXID_CLIENT_ID': JSON.stringify(
-      process.env.NYXID_CLIENT_ID,
-    ),
+    'process.env.NYXID_CLIENT_ID': JSON.stringify(process.env.NYXID_CLIENT_ID),
     'process.env.NYXID_REDIRECT_URI': JSON.stringify(
       process.env.NYXID_REDIRECT_URI,
     ),
     'process.env.NYXID_SCOPE': JSON.stringify(process.env.NYXID_SCOPE),
+    'process.env.AEVATAR_CHANNEL_WEBHOOK_BASE_URL': JSON.stringify(
+      process.env.AEVATAR_CHANNEL_WEBHOOK_BASE_URL,
+    ),
     'process.env.ORNN_BASE_URL': JSON.stringify(process.env.ORNN_BASE_URL),
     'process.env.AEVATAR_CONSOLE_TEAM_FIRST_ENABLED': JSON.stringify(
       process.env.AEVATAR_CONSOLE_TEAM_FIRST_ENABLED,
@@ -171,6 +174,9 @@ const config: ReturnType<typeof defineConfig> = defineConfig({
     'process.env.AEVATAR_CONSOLE_PUBLIC_PATH': JSON.stringify(
       process.env.AEVATAR_CONSOLE_PUBLIC_PATH,
     ),
+    'process.env.AEVATAR_WORKFLOW_CANVAS_BENCHMARK': JSON.stringify(
+      process.env.AEVATAR_WORKFLOW_CANVAS_BENCHMARK,
+    ),
   },
 });
 
diff --git a/apps/aevatar-console-web/config/proxy.ts b/apps/aevatar-console-web/config/proxy.ts
index 7dcbb001e3..3007ed9c48 100644
--- a/apps/aevatar-console-web/config/proxy.ts
+++ b/apps/aevatar-console-web/config/proxy.ts
@@ -10,8 +10,7 @@
  * @doc https://umijs.org/docs/guides/proxy
  */
 const apiTarget = process.env.AEVATAR_API_TARGET || 'http://127.0.0.1:5080';
-const studioApiTarget =
-  process.env.AEVATAR_STUDIO_API_TARGET || apiTarget;
+const studioApiTarget = process.env.AEVATAR_STUDIO_API_TARGET || apiTarget;
 const preserveAuthHost = process.env.AEVATAR_PROXY_PRESERVE_AUTH_HOST;
 
 const buildProxyTarget = (target: string) => ({
@@ -35,8 +34,8 @@ const buildAuthProxyTarget = (target: string) =>
       ? buildHostPreservingProxyTarget(target)
       : buildProxyTarget(target)
     : shouldPreserveHost(target)
-    ? buildHostPreservingProxyTarget(target)
-    : buildProxyTarget(target);
+      ? buildHostPreservingProxyTarget(target)
+      : buildProxyTarget(target);
 
 const studioProxyEntries = [
   '/api/app',
@@ -46,35 +45,34 @@ const studioProxyEntries = [
   '/api/executions',
   '/api/roles',
   '/api/studio',
+  '/api/user-config',
   '/api/workspace',
-].reduce<Record<string, ReturnType<typeof buildProxyTarget>>>((entries, path) => {
-  const proxyFactory = path === '/api/auth'
-    ? buildAuthProxyTarget
-    : buildProxyTarget;
-  entries[`^${path}$`] = proxyFactory(studioApiTarget);
-  entries[`${path}/`] = proxyFactory(studioApiTarget);
-  return entries;
-}, {});
+  '/api/workflow-templates',
+].reduce<Record<string, ReturnType<typeof buildProxyTarget>>>(
+  (entries, path) => {
+    const proxyFactory =
+      path === '/api/auth' ? buildAuthProxyTarget : buildProxyTarget;
+    entries[`^${path}$`] = proxyFactory(studioApiTarget);
+    entries[`${path}/`] = proxyFactory(studioApiTarget);
+    return entries;
+  },
+  {},
+);
 
 const studioScopeProxyEntries = {
-  '^/api/scopes/[^/]+/chat-history(?:/.*)?$':
-    buildProxyTarget(studioApiTarget),
-  '^/api/scopes/[^/]+/teams/[^/]+/invoke(?:/.*)?$':
-    buildProxyTarget(apiTarget),
-  '^/api/scopes/[^/]+/teams(?:/.*)?$':
-    buildProxyTarget(studioApiTarget),
-  '^/api/scopes/[^/]+/members$':
-    buildProxyTarget(studioApiTarget),
-  '^/api/scopes/[^/]+/members/[^/]+$':
-    buildProxyTarget(studioApiTarget),
+  '^/api/scopes/[^/]+/chat-history(?:/.*)?$': buildProxyTarget(studioApiTarget),
+  '^/api/scopes/[^/]+/teams/[^/]+/invoke(?:/.*)?$': buildProxyTarget(apiTarget),
+  '^/api/scopes/[^/]+/teams(?:/.*)?$': buildProxyTarget(studioApiTarget),
+  '^/api/scopes/[^/]+/members$': buildProxyTarget(studioApiTarget),
+  '^/api/scopes/[^/]+/members/[^/]+$': buildProxyTarget(studioApiTarget),
   '^/api/scopes/[^/]+/members/[^/]+/(?:binding(?:/.*)?|binding-runs(?:/.*)?|endpoints/[^/]+/contract)$':
     buildProxyTarget(studioApiTarget),
-  '^/api/scopes/[^/]+/scripts/draft-run$':
-    buildProxyTarget(studioApiTarget),
-  '^/api/scopes/[^/]+/workflow/draft-run$':
-    buildProxyTarget(studioApiTarget),
+  '^/api/scopes/[^/]+/scripts/draft-run$': buildProxyTarget(studioApiTarget),
+  '^/api/scopes/[^/]+/workflow/draft-run$': buildProxyTarget(studioApiTarget),
   '^/api/scopes/[^/]+/workflows:save-and-bind$':
     buildProxyTarget(studioApiTarget),
+  '^/api/scopes/[^/]+/workflow-templates/[^/]+:instantiate$':
+    buildProxyTarget(studioApiTarget),
   '^/api/scripts/validate$': buildProxyTarget(studioApiTarget),
   '^/api/scripts/generator$': buildProxyTarget(studioApiTarget),
   '^/api/workflows/generator$': buildProxyTarget(studioApiTarget),
diff --git a/apps/aevatar-console-web/config/routes.ts b/apps/aevatar-console-web/config/routes.ts
index c383962060..ff5fd185d4 100644
--- a/apps/aevatar-console-web/config/routes.ts
+++ b/apps/aevatar-console-web/config/routes.ts
@@ -10,281 +10,354 @@
  * @param icon 配置路由的图标，取值参考 https://ant.design/components/icon-cn， 注意去除风格后缀和大小写，如想要配置图标为 <StepBackwardOutlined /> 则取值应为 stepBackward 或 StepBackward，如想要配置图标为 <UserOutlined /> 则取值应为 user 或者 User
  * @doc https://umijs.org/docs/guides/routes
  */
+import { CONSOLE_HOME_ROUTE } from '../src/shared/navigation/consoleHome';
+
+const workflowCanvasBenchmarkRoutes =
+  process.env.AEVATAR_WORKFLOW_CANVAS_BENCHMARK === '1'
+    ? [
+        {
+          path: '/workflow-canvas-benchmark',
+          component: './workflow-canvas-benchmark',
+          hideInMenu: true,
+          layout: false,
+        },
+      ]
+    : [];
+
 export default [
+  ...workflowCanvasBenchmarkRoutes,
   {
-    path: "/login",
-    component: "./login",
+    path: '/login',
+    component: './login',
     layout: false,
   },
   {
-    path: "/auth/callback",
-    component: "./auth/callback",
+    path: '/auth/callback',
+    component: './auth/callback',
     layout: false,
   },
   {
-    path: "/overview",
-    redirect: "/scopes",
+    path: '/overview',
+    redirect: CONSOLE_HOME_ROUTE,
     hideInMenu: true,
   },
   {
-    path: "/chat",
-    name: "Chat",
-    component: "./chat",
-    menuGroupKey: "chat",
+    path: '/chat',
+    name: 'Chat',
+    component: './chat',
+    menuGroupKey: 'chat',
     hideInMenu: false,
   },
   {
-    path: "/scopes",
-    name: "My Teams",
-    component: "./teams",
-    menuGroupKey: "teams",
-    hideInMenu: false,
+    path: '/scopes',
+    component: './scopes',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext',
+    redirect: '/scopes/:scopeId/workflow-activity-vnext/workflows',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/workflows',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/workflows/new',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/workflows/new/templates',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/workflows/:workflowId',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/activity',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/activity/:runId',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/channels',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/channels/bind/:botId',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/channels/:registrationId/edit',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/channels/:registrationId',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
+  },
+  {
+    path: '/scopes/:scopeId/workflow-activity-vnext/settings',
+    component: './workflow-activity-vnext',
+    hideInMenu: true,
   },
   {
-    path: "/scopes/:scopeId/teams/new",
-    name: "Create Team",
-    component: "./teams/new",
+    path: '/scopes/:scopeId/teams/new',
+    name: 'Create Team',
+    component: './teams/new',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams",
-    name: "My Teams",
-    component: "./teams",
+    path: '/scopes/:scopeId/teams',
+    name: 'My Teams',
+    component: './teams',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams/:teamId/members/new/workflow",
-    name: "Team Member Workflow Studio",
-    component: "./team-member-workflow-studio",
+    path: '/scopes/:scopeId/teams/:teamId/members/new/workflow',
+    name: 'Team Member Workflow Studio',
+    component: './team-member-workflow-studio',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams/:teamId/members/:memberId/workflow",
-    name: "Team Member Workflow Studio",
-    component: "./team-member-workflow-studio",
+    path: '/scopes/:scopeId/teams/:teamId/members/:memberId/workflow',
+    name: 'Team Member Workflow Studio',
+    component: './team-member-workflow-studio',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams/:teamId/members/:memberId/invoke",
-    name: "Team Member Invoke",
-    component: "./team-member-invoke",
+    path: '/scopes/:scopeId/teams/:teamId/members/:memberId/invoke',
+    name: 'Team Member Invoke',
+    component: './team-member-invoke',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams/:teamId/members/:memberId/runs",
-    name: "Team Member Published Runs",
-    component: "./runtime-published-runs",
+    path: '/scopes/:scopeId/teams/:teamId/members/:memberId/runs',
+    name: 'Team Member Published Runs',
+    component: './runtime-published-runs',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams/:teamId/members/:memberId/automations",
-    component: "./teams/detail",
+    path: '/scopes/:scopeId/teams/:teamId/members/:memberId/automations',
+    component: './teams/detail',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams/:teamId/work-orders/:workOrderId",
-    name: "WorkOrder Details",
-    component: "./team-work-order-detail",
+    path: '/scopes/:scopeId/teams/:teamId/work-orders/:workOrderId',
+    name: 'WorkOrder Details',
+    component: './team-work-order-detail',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/:scopeId/teams/:teamId",
-    name: "Team Details",
-    component: "./teams/detail",
+    path: '/scopes/:scopeId/teams/:teamId',
+    name: 'Team Details',
+    component: './teams/detail',
     hideInMenu: true,
-    parentKeys: ["/scopes"],
+    parentKeys: ['/scopes'],
   },
   {
-    path: "/scopes/assets",
-    component: "./scopes/assets",
+    path: '/scopes/assets',
+    component: './scopes/assets',
     hideInMenu: true,
   },
   {
-    path: "/scopes/files",
-    name: "Files",
-    component: "./scopes/files",
-    menuGroupKey: "build",
+    path: '/scopes/files',
+    name: 'Files',
+    component: './scopes/files',
+    menuGroupKey: 'build',
   },
   {
-    path: "/studio",
-    component: "./studio",
+    path: '/studio',
+    component: './studio',
     hideInMenu: true,
   },
   {
-    path: "/runtime/workflows",
-    component: "./workflows",
+    path: '/runtime/workflows',
+    component: './workflows',
     hideInMenu: true,
   },
   {
-    path: "/runtime/primitives",
-    name: "Connectors",
-    component: "./primitives",
+    path: '/runtime/primitives',
+    name: 'Connectors',
+    component: './primitives',
     hideInMenu: true,
   },
   {
-    path: "/scopes/invoke",
-    component: "./scopes/invoke",
+    path: '/scopes/invoke',
+    component: './scopes/invoke',
     hideInMenu: true,
   },
   {
-    path: "/runtime/runs",
-    name: "Event Stream",
-    component: "./runs",
-    menuGroupKey: "platform",
+    path: '/runtime/runs',
+    name: 'Event Stream',
+    component: './runs',
+    menuGroupKey: 'platform',
   },
   {
-    path: "/runtime/mission-control",
-    name: "Mission Control",
-    component: "./MissionControl",
+    path: '/runtime/mission-control',
+    name: 'Mission Control',
+    component: './MissionControl',
     hideInMenu: true,
   },
   {
-    path: "/runtime/mission-wall",
-    component: "./MissionWall",
+    path: '/runtime/mission-wall',
+    component: './MissionWall',
     hideInMenu: true,
   },
   {
-    path: "/services",
-    name: "Services",
-    component: "./services",
-    menuGroupKey: "platform",
+    path: '/services',
+    name: 'Services',
+    component: './services',
+    menuGroupKey: 'platform',
   },
   {
-    path: "/services/:serviceId",
-    component: "./services",
+    path: '/services/:serviceId',
+    component: './services',
     hideInMenu: true,
-    parentKeys: ["/services"],
+    parentKeys: ['/services'],
   },
   {
-    path: "/governance",
-    name: "Governance",
-    component: "./governance",
-    menuGroupKey: "platform",
+    path: '/governance',
+    name: 'Governance',
+    component: './governance',
+    menuGroupKey: 'platform',
   },
   {
-    path: "/governance/policies",
-    component: "./governance/policies",
+    path: '/governance/policies',
+    component: './governance/policies',
     hideInMenu: true,
-    parentKeys: ["/governance"],
+    parentKeys: ['/governance'],
   },
   {
-    path: "/governance/bindings",
-    component: "./governance/bindings",
+    path: '/governance/bindings',
+    component: './governance/bindings',
     hideInMenu: true,
-    parentKeys: ["/governance"],
+    parentKeys: ['/governance'],
   },
   {
-    path: "/governance/endpoints",
-    component: "./governance/endpoints",
+    path: '/governance/endpoints',
+    component: './governance/endpoints',
     hideInMenu: true,
-    parentKeys: ["/governance"],
+    parentKeys: ['/governance'],
   },
   {
-    path: "/governance/activation",
-    component: "./governance/activation",
+    path: '/governance/activation',
+    component: './governance/activation',
     hideInMenu: true,
-    parentKeys: ["/governance"],
+    parentKeys: ['/governance'],
   },
   {
-    path: "/deployments",
-    name: "Deployments",
-    component: "./Deployments",
-    menuGroupKey: "platform",
+    path: '/deployments',
+    name: 'Deployments',
+    component: './Deployments',
+    menuGroupKey: 'platform',
   },
   {
-    path: "/runtime/explorer",
-    name: "Topology",
-    component: "./actors",
-    menuGroupKey: "platform",
+    path: '/runtime/explorer',
+    name: 'Topology',
+    component: './actors',
+    menuGroupKey: 'platform',
   },
   {
-    path: "/runtime/explorer/detail",
-    component: "./actors/detail",
+    path: '/runtime/explorer/detail',
+    component: './actors/detail',
     hideInMenu: true,
-    parentKeys: ["/runtime/explorer"],
+    parentKeys: ['/runtime/explorer'],
   },
   {
-    path: "/runtime/gagents",
-    name: "Members",
-    component: "./gagents",
+    path: '/runtime/gagents',
+    name: 'Members',
+    component: './gagents',
     hideInMenu: true,
   },
   {
-    path: "/scopes/overview",
-    component: "./scopes/overview",
+    path: '/scopes/overview',
+    component: './scopes/overview',
     hideInMenu: true,
   },
   {
-    path: "/settings",
-    name: "Settings",
-    component: "./settings",
-    menuGroupKey: "settings",
+    path: '/settings',
+    name: 'Settings',
+    component: './settings',
+    menuGroupKey: 'settings',
   },
   {
-    path: "/scopes/workflows",
-    redirect: "/runtime/workflows",
+    path: '/scopes/workflows',
+    redirect: '/runtime/workflows',
     hideInMenu: true,
   },
   {
-    path: "/scopes/scripts",
-    redirect: "/studio?tab=scripts",
+    path: '/scopes/scripts',
+    redirect: '/studio?tab=scripts',
     hideInMenu: true,
   },
   {
-    path: "/governance/audit",
-    redirect: "/governance?view=changes",
+    path: '/governance/audit',
+    redirect: '/governance?view=changes',
     hideInMenu: true,
   },
   {
-    path: "/workflows",
-    redirect: "/runtime/workflows",
+    path: '/workflows',
+    component: './workflow-activity-vnext/WorkflowHomePage',
     hideInMenu: true,
   },
   {
-    path: "/primitives",
-    redirect: "/runtime/primitives",
+    path: '/primitives',
+    redirect: '/runtime/primitives',
     hideInMenu: true,
   },
   {
-    path: "/runs",
-    redirect: "/runtime/runs",
+    path: '/runs',
+    redirect: '/runtime/runs',
     hideInMenu: true,
   },
   {
-    path: "/actors",
-    redirect: "/runtime/explorer",
+    path: '/actors',
+    redirect: '/runtime/explorer',
     hideInMenu: true,
   },
   {
-    path: "/gagents",
-    redirect: "/runtime/gagents",
+    path: '/gagents',
+    redirect: '/runtime/gagents',
     hideInMenu: true,
   },
   {
-    path: "/mission-control",
-    redirect: "/runtime/mission-control",
+    path: '/mission-control',
+    redirect: '/runtime/mission-control',
     hideInMenu: true,
   },
   {
-    path: "/mission-wall",
-    redirect: "/runtime/mission-wall",
+    path: '/mission-wall',
+    redirect: '/runtime/mission-wall',
     hideInMenu: true,
   },
   {
-    path: "/",
-    redirect: "/scopes",
+    path: '/',
+    redirect: CONSOLE_HOME_ROUTE,
   },
   {
-    component: "404",
+    component: '404',
     layout: false,
-    path: "/*",
+    path: '/*',
   },
 ];
diff --git a/apps/aevatar-console-web/docs/2026-09-15-channel-runtime-editor.md b/apps/aevatar-console-web/docs/2026-09-15-channel-runtime-editor.md
new file mode 100644
index 0000000000..c5424646f6
--- /dev/null
+++ b/apps/aevatar-console-web/docs/2026-09-15-channel-runtime-editor.md
@@ -0,0 +1,111 @@
+# Channel Runtime Editor
+
+> Superseded by [Channel Bot Adoption](superpowers/specs/2026-09-17-channel-bot-adoption.md).
+> The current editor shares the binding form, uses the registration detail/update
+> endpoints, and supports Skill and Services alongside the existing NyxID Label
+> action. The runtime-config API and token-based creation described below are historical.
+
+Channel details now provides an Edit action at
+`/scopes/:scopeId/workflow-activity-vnext/channels/:registrationId/edit`.
+Edit and Remove sit at the top right beside the breadcrumb, with a 12px gap.
+On narrow screens, the action group wraps below the breadcrumb and stays right aligned.
+The editor follows the approved [Figma frame](https://www.figma.com/design/FaVJx5IZeQX9jHcUi55ndB/?node-id=63-327)
+and the existing Telegram connection form, with the September 16 request
+to limit editing to Label and Skill name.
+
+## Shared Components
+
+- `ChannelSkillField` is shared by connection and editing, including its label,
+  optional state, input, and field error presentation.
+- Both pages reuse the existing connection styles, centered content, shell,
+  loading skeleton, and toast provider.
+- The edit form contains only Label and Skill name. It does not load the
+  UserService inventory or display a Services selector. Creation retains its
+  existing service selection; details retain their read-only authorization list.
+- Bot tokens are not editable. Tool sets, extra tool names, instructions,
+  service selectors, skill version, and credential source are retained from the
+  loaded config (clearing Skill name also clears its version).
+
+## API Behavior
+
+The runtime-config contract was checked against `origin/feature/integrate` at
+`6c929a00db3d7636c91bc719478043a5fd331f7c`, specifically `ChannelCallbackEndpoints.cs`. Label updates use NyxID's existing
+`backend/src/handlers/channel_bots.rs` contract; no backend changes are required.
+
+- GET and POST use `/api/channels/registrations/{registrationId}/runtime-config`.
+  Detail identity and scope must match the route.
+- Opening the editor requires fresh successful config, registration-list, and
+  personal NyxID bot-list reads, even when Query has cached data. The exact owned
+  registration's `nyx_channel_bot_id` and matching platform identify the bot.
+  Missing/cross-scope identities block the editor; registration IDs never serve
+  as bot IDs. Later readback never resets user input.
+- Label uses the actual NyxID bot label, not the runtime-config `label` placeholder
+  (currently the registration ID). Only a changed label triggers
+  `PATCH /api/v1/channel-bots/{botId}` with `{ "label": "..." }`. NyxID requires a
+  non-empty trimmed label of at most 128 UTF-8 bytes. The PATCH response must
+  confirm the exact bot ID, platform, and label before the safe query cache is
+  updated; credential fields and raw diagnostic bodies are discarded.
+- A changed Skill name submits the complete known runtime config because omitted
+  runtime fields are not patches. Only Skill name is trimmed; other fields are
+  retained. The request omits `authorization_mode` and `service_ids`, allowing
+  the backend to preserve its current service selection, including legacy
+  defaults and explicit empty allowlists. Backend authorization checks still
+  apply; there is no frontend authorization override.
+- When both fields change, Label saves first, then Skill name. A rejected Label
+  request leaves both inputs intact and skips the runtime update. If Label has
+  saved but Skill fails, the editor explicitly reports partial success and a
+  retry submits only the still-unsaved changes. The two APIs are not atomic.
+- A Label-only save returns to details after the confirmed PATCH without
+  submitting runtime config or performing an unnecessary config readback.
+- After an acknowledged POST, the form makes one GET for accurate feedback and
+  returns to channel details. The Save action remains busy across both requests
+  and rejects duplicate submission. There is no separate confirmation step,
+  Check again button, background polling, or automatic resubmission.
+- A saved toast requires that GET to match the submitted configuration and have
+  an authoritative state version newer than the initial GET. Otherwise an
+  informational toast reports only that changes were submitted; a failed GET
+  produces a warning that the latest configuration could not be loaded. Details
+  reloads real data on entry and never substitutes submitted values as saved
+  facts. The user may refresh details later to see the current configuration.
+- A rejected POST keeps the edited values, reports the error through a toast,
+  and unlocks the form for correction and another explicit Save.
+- Backend errors for editable fields map to localized field messages; errors
+  for other fields use the shared save-failure toast. Raw diagnostic messages
+  are not retained. Unrecognized config modes fail closed; unexpected credential
+  fields are discarded by the adapter.
+- Cancel and shell navigation protect unsaved changes. Reload/close uses the
+  native before-unload warning. Late responses after unmount cannot navigate or
+  report success.
+
+## Design Baseline
+
+- Baseline directory: `docs/design-baselines/workflow-activity-vnext/`.
+- Primary design: `aevatar-workflow-activity-vnext.excalidraw`.
+- SHA-256: `30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de`.
+- Contract: `docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md`.
+- User paths: `docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md`.
+- The approved Figma frame supplements the baseline for Channel editing.
+- Authentication, callback, session, returnTo, and Umi localization are reused.
+- Production data comes only from real APIs and API-acknowledged user actions.
+  Fixtures remain test-only; no backend, mock, or credential fallback is added.
+
+## Verification Scope
+
+Focused integration cases cover exact identity, safe decoding, unsupported
+config, detail-to-edit navigation, whole-config preservation, accepted readback,
+explicit clearing, label validation and exact bot identity, partial-save retry,
+field errors, cached detail revalidation,
+legacy authorization, delayed/failed readback navigation, duplicate-submit
+protection, failed-save retry, unsaved navigation, and unmounts during POST/GET.
+Existing creation, channel listing/details, API, navigation, route configuration,
+and locale tests protect the reused surfaces.
+
+The original editor was verified against the configured remote backend for
+configuration prefill and desktop and 390px layouts. The names-only revision is
+covered by API-boundary integration tests. No live bot configuration is changed
+for verification.
+
+Local verification is restricted to affected Jest files, changed-file Biome,
+the test stability guard, baseline integrity, and diff checks. Full frontend
+tests, typecheck, and production build are delegated to GitHub CI; no native
+affected TypeScript target is available.
diff --git a/apps/aevatar-console-web/docs/2026-09-15-workflow-operation-feedback.md b/apps/aevatar-console-web/docs/2026-09-15-workflow-operation-feedback.md
new file mode 100644
index 0000000000..6d2795e835
--- /dev/null
+++ b/apps/aevatar-console-web/docs/2026-09-15-workflow-operation-feedback.md
@@ -0,0 +1,57 @@
+# Workflow generation and change feedback
+
+The Workflow Activity vNext creation and catalogue surfaces distinguish a
+request being accepted from its completed result.
+
+## Describe
+
+- Generate and open shows generation, validation, and saving as separate
+  stages. Real server progress and generated text are available in a bounded,
+  expandable Generation details section.
+- Generation and validation have a two-minute deadline. Cancel generation or
+  Change method stops waiting and prevents that attempt from creating a draft.
+  The entered name and description remain available. Leaving the page or scope
+  invalidates the pending attempt, including a late successful response.
+- Once saving starts, cancellation is no longer offered. Draft creation and
+  accepted-save observation retain their existing completion/recovery contract.
+- A stream ending without a nonempty completed workflow is an error, including
+  an HTTP 200 response containing only a partial YAML document. Only the final
+  result is parsed and submitted for draft creation.
+- Full generation progress still depends on the backend sending events while
+  it works. Backend issue #3631 tracks buffering in the reference backend.
+
+## Archive and delete draft
+
+- The confirmation dialog identifies the selected workflow by name. It blocks
+  duplicate submission while the command is pending.
+- After acceptance, it automatically checks the exact scoped workflow for up
+  to 30 seconds, including time spent waiting for a read request. Archive uses
+  the archived catalogue and requires Deactivated; deletion requires the exact
+  workflow to be absent from the all-workflows catalogue.
+- A delayed result remains unconfirmed. A failed check has its own persistent
+  status and technical details. Neither is labelled as a completed deletion.
+- Check again only reads the accepted operation's result. Closing stops active
+  checks without undoing the submitted request. Reopening the same selected
+  operation while the page retains it preserves acceptance and offers another
+  check. Selecting a different operation or leaving the page ends that local
+  recovery context; a later page visit reloads authoritative catalogue state.
+- Only observed completion produces a success toast and refreshes the list.
+  Old reads cannot close a newer dialog or report stale success.
+
+## Verification scope
+
+Nine added regression cases cover real progress and cancellation followed by
+retry, timeout during validation, generation unmount, archive completion beyond
+the former short window, failed deletion-check recovery, a hung read with
+close/reopen and stale completion, final validated SSE output, and truncated SSE
+rejection. The ninth case verifies that confirmed deletion remains distinct
+from a failed subsequent list refresh, with a read-only recovery action. Existing catalogue, creation, observation, and Studio adapter tests
+also remain part of the focused validation set.
+
+The design continues the Operational Automation Ledger direction and the
+17-frame Excalidraw baseline with SHA-256
+`30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de`.
+The contract and user-path specifications remain
+`docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md` and
+`docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md`.
+Remote state comes from real APIs and API-acknowledged actions only.
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/README.md b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/README.md
new file mode 100644
index 0000000000..779f8ac6ca
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/README.md
@@ -0,0 +1,328 @@
+# Workflow + Activity + Settings vNext
+
+## Repository Implementation Baseline
+
+Status: **Normative for the Workflow Activity vNext frontend**.
+
+Any implementation or review of routes below
+`/scopes/:scopeId/workflow-activity-vnext` must read this directory together
+with the
+[`design specification`](../../superpowers/specs/2026-08-04-workflow-activity-vnext-design.md)
+and
+[`user paths`](../../superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md),
+plus the
+[`published-workflow schedule supplement`](../../superpowers/specs/2026-08-11-workflow-schedule-design.md)
+and the
+[`Schedule management and History specification`](../../superpowers/specs/2026-08-21-workflow-schedule-history-design.md)
+when Schedule is in scope.
+
+Use the sources in this order:
+
+1. `aevatar-workflow-activity-vnext.excalidraw` is the primary visual,
+   information-architecture, and interaction reference for Workflow,
+   Activity, and Settings.
+2. The design specification is the normative product, route, identity, API,
+   state, and backend-compatibility contract.
+3. `aevatar-workflow-schedule-design.excalidraw`, its generator, and the
+   published-workflow schedule supplement are normative whenever a Schedule
+   entry, panel, or resource is changed. They define Schedule as an exact child
+   of `scopeId + workflowId`, backed by the Workflow-scoped Schedule API, not a
+   Team member automation, graph node, draft property, or Run property.
+   Schedule History owns bounded attempts while Activity remains the owner of
+   actual Runs.
+4. The user-path specification is the normative end-to-end journey, decision,
+   recovery, and completion-evidence contract.
+5. The PNG files are viewport references for individual states. Schedule review
+   uses seven standalone 1440x900 scene PNGs; there is no combined overview.
+6. `prototype.html` is an interaction demonstration only;
+   `prototype-schedule.html` opens its published Workflow Schedule state
+   directly.
+7. `aevatar-workflow-activity-vnext.gen.py` and
+   `aevatar-workflow-schedule-design.gen.py` are source generators for these
+   reference artifacts; they are not application runtime code.
+
+If the Excalidraw or prototype conflicts with a real API contract, follow the
+design specification's backend-honest behavior. Do not change the backend and
+do not fabricate data to close the gap.
+
+## Console Home Entry
+
+The 2026-09-14 home decision supersedes the original preview-only entry rule.
+`/workflows` resolves the freshly fetched `/api/auth/me` scope and opens
+`/scopes/:scopeId/workflow-activity-vnext/workflows`. `/`, `/overview`, `/scopes`,
+and default login/callback recovery use this home. Explicit safe deep links keep
+their original destination. There is no fixed workspace or intermediate Teams
+home. See the repository-root
+[`home specification`](../../../../../docs/superpowers/specs/2026-08-31-workflow-vnext-home-design.md)
+for loading, authentication, missing-scope, and retry behavior. This entry change
+is the explicit exception to the original restrictions on existing redirects.
+
+## Production Data Truth Rule
+
+The production frontend must never make sample, fixture, generated, cached, or
+hard-coded data look as though it came from an API.
+
+- API-owned Workflows, Runs, Run details, settings, identities, receipts,
+  statuses, timestamps, revisions, usage, lineage, and availability must come
+  from real API responses or real user actions acknowledged by those APIs.
+- While a request is pending or unavailable, render the specified loading,
+  empty, delayed, unavailable, or error state. Never substitute demonstration
+  rows or a successful-looking default response.
+- An empty state is allowed only after a successful authoritative query returns
+  no records. A request failure is an error state, not an empty state.
+- Browser storage must not act as an Activity, Workflow, account, or settings
+  backend. Existing session helpers may retain non-authoritative request
+  recovery facts only when the design specification explicitly permits it.
+- Mock and fixture data are allowed only inside clearly named automated test
+  fixtures or isolated test harnesses. They must not be imported by production
+  route, component, hook, query, or API-adapter code.
+- Versioned, bundled Workflow templates are frontend product content, not API
+  data. If used, label and model them explicitly as bundled templates; never
+  present them as a server-returned template catalogue.
+
+`prototype.html` intentionally contains hard-coded demonstration records,
+`localStorage`, and timers so the standalone prototype can be exercised
+without a server. Those mechanisms have no API or persistence authority and
+must not be copied into the production implementation.
+
+## Existing Authentication And Localization Contract
+
+Workflow Activity vNext reuses Aevatar Console authentication and
+internationalization behavior. It does not create a vNext-specific auth or
+locale system.
+
+- Protected-route handling continues through the current app runtime,
+  `ProtectedRouteRedirectGate`, `/login`, `/auth/callback`,
+  `NyxIDAuthClient`, sanitized `returnTo`, stored/restorable sessions, and
+  existing sign-in, sign-out, callback recovery, and service-access review.
+- The user must return to the original scoped vNext URL after successful login
+  through the existing `redirect`/`returnTo` behavior. No second callback,
+  token cache, session store, or auth provider is allowed.
+- Language behavior continues through the Umi locale plugin,
+  `ConsoleLanguageSwitch`, `setLocale`, `t`/`useIntl`, and the existing
+  `en-US` and `zh-CN` catalogues. New copy must be added to both catalogues.
+- If the vNext shell hides the current global chrome, it must reuse the existing
+  language and account actions inside its own presentation. It must not clone
+  their state or behavior.
+- Login, callback, language, and account controls may receive a visual-only
+  treatment matching the Operational Automation Ledger direction. Route
+  names, redirects, auth protocol, return behavior, session lifecycle, locale
+  keys, language persistence, error recovery, and accessibility behavior stay
+  unchanged.
+
+The existing Login page currently uses a decorative gradient and large rounded
+card. A later visual implementation may replace those presentation choices
+with the vNext dark rail/white work surface, neutral borders, 4-6 px radii,
+compact typography, and restrained status colors. That visual change must not
+alter what starts login, how callback completion works, or where the user
+returns.
+
+## Required Development And Review Declaration
+
+Every implementation task and pull request for this vNext route should include
+this declaration, updated only when the named baseline changes:
+
+```text
+Design baseline:
+  apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/
+Primary design:
+  aevatar-workflow-activity-vnext.excalidraw
+Design SHA-256:
+  30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de
+Contract specification:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-design.md
+Schedule design, when Schedule is in scope:
+  aevatar-workflow-schedule-design.excalidraw
+Schedule design SHA-256:
+  cd5c84c45ffb0cdb253af31b7e1b7616504b35520298f01773026e3b76882d8a
+Schedule supplement, when Schedule is in scope:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-11-workflow-schedule-design.md
+Schedule management and History supplement, when Schedule is in scope:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-21-workflow-schedule-history-design.md
+User paths:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-user-paths.md
+Authentication and localization:
+  Existing Aevatar login, callback, session, returnTo, and Umi locale logic;
+  presentation may change, behavior may not.
+Production data source:
+  Real APIs and API-acknowledged user actions only; no mock fallback.
+Baseline integrity:
+  python3 apps/aevatar-console-web/docs/design-baselines/
+  workflow-activity-vnext/verify-baseline.py
+```
+
+This declaration makes design drift and mock-data substitution explicit review
+failures rather than undocumented implementation choices.
+
+## Imported Source
+
+这个目录最初根据 2026-08-03 会议结论重新整理为独立版本。用户提供的原始画板、生成器、HTML 和 PNG 是来源资产；后续经评审批准的设计演进会同时修改生成器、画板、校验器和本文档。仓库内副本是后续实现与评审的唯一可移植基准；本机来源路径不构成依赖。
+
+## 文件
+
+- `aevatar-workflow-activity-vnext.excalidraw`：合并后的 Excalidraw，包含 Workflows、Activity 与 Settings，共 17 个 frame。
+- `aevatar-workflow-schedule-design.excalidraw`：根据用户提供的 Schedule wireframe 重绘的独立 Excalidraw，只包含 Workflows 管理、Workflow 编辑器配置、创建前复核、创建等待、Overview、History 与修改，共 7 个 frame；不包含 Activity 页面。
+- `aevatar-workflow-schedule-design.gen.py`：上述 Schedule 画板的确定性生成器。
+- `render-schedule-png.py`：从 Schedule Excalidraw 确定性地将每个 frame 渲染为独立 1440×900 PNG 的 Pillow 脚本。
+- `aevatar-workflow-activity-vnext.gen.py`：画板生成器，内含画框边界、ID 唯一性和废弃术语检查。
+- `verify-baseline.py`：仓库内校验器，验证主画板和 Schedule 画板 SHA-256、两个生成器的确定性输出、17 个主画板 frame、7 个 Schedule frame、7 张独立 PNG，并拒绝旧的拼板总览图。
+- `prototype.html`：可直接在浏览器打开的交互原型，不需要安装依赖或启动服务。
+- `prototype-schedule.html`：打开后直接进入已发布 Workflow 的新建 Schedule 配置，不需要先从 Draft 列表寻找入口。
+- `schedule-workflows-list-modal.png`：从 Workflows 列表打开的 Schedule 管理 modal；列表行只负责选择 Schedule，不重复堆放生命周期操作。
+- `schedule-workflow-editor-panel.png`：Workflow 编辑器右侧的新建 Schedule panel。
+- `schedule-review.png`：确认 Workflow、名称、周期、时区、可选运行输入、创建后启用状态与五次 next-fire 预览的创建复核页。
+- `schedule-creation-pending.png`：创建命令 `202 Accepted` 后回到列表并显示 Toast 的页面。
+- `schedule-detail.png`：Workflow 内默认打开的 Schedule Overview，展示人类可读规则、当前状态、关键统计和分层动作；展开 Advanced details 后仍先解释运行周期，再显示精确技术格式。
+- `schedule-history.png`：Workflow 内的 Schedule History，展示有界 recent attempts、诚实的 Schedule outcome、失败技术详情折叠，以及有权威 Run ID 时的整行导航。
+- `schedule-edit.png`：Workflow 内修改重复规则、时间、时区和可选运行输入的页面。
+- `prototype-workflows.png`：Workflows 桌面视图截图。
+- `prototype-activity.png`：Activity 桌面视图截图。
+- `prototype-mobile.png`：Activity 移动视图截图。
+- `prototype-create-describe.png`：通过描述生成的 Workflow 草稿。
+- `prototype-create-blank.png`：空白 Workflow 草稿。
+- `prototype-create-import.png`：从 YAML 导入的 Workflow 草稿。
+- `prototype-create-template.png`：从模板创建的 Workflow 草稿。
+- `prototype-editor-canvas.png`：真实 Aevatar Workflow Studio 结构的默认节点画布。
+- `prototype-editor-node.png`：点击节点后打开的 Node configuration 侧面板。
+- `prototype-node-library.png`：从左侧打开并可搜索的 Node library。
+- `prototype-editor-yaml.png`：Workflow YAML 侧面板。
+- `prototype-create-mobile.png`：移动端 Workflow 画布，保留 Run、Add node、Edit YAML、Save 和 Publish。
+- `prototype-editor-mobile-node.png`：移动端点击节点后的底部配置面板。
+- `prototype-settings-llm.png`：重构后的 AI defaults 桌面视图。
+- `prototype-settings-save.png`：展示来源原型中产生修改后才出现的 sticky save bar 与保存确认状态；生产实现按专项设计改为 shell-fixed dock。
+- `prototype-settings-account.png`：Account 身份、会话与 service access 桌面视图。
+- `prototype-settings-advanced.png`：独立的只读 Runtime 与 request values 视图。
+- `prototype-settings-tablet.png`：Settings 的 768px 布局。
+- `prototype-settings-mobile.png`：Settings 的 390px 移动布局。
+
+## Workflow Studio 参照
+
+本轮没有继续设计新的 Workflow 编辑器，而是以真实 Aevatar 项目现有的 Workflow Studio 为来源：
+
+- `apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.tsx`
+- `components/WorkflowStudioCanvas.tsx`
+- `components/WorkflowStudioNodeLibrary.tsx`
+- `components/WorkflowStudioNodeDetailPanel.tsx`
+- `components/WorkflowStudioYamlPanel.tsx`
+- `src/shared/graphs/GraphCanvas.tsx`
+
+原型因此统一采用“节点画布 + 连线 + 按需侧面板”的编辑模式。Describe、Start blank、Import YAML 和 Template 只负责产生不同的初始 Workflow 文档，不再各自发明编辑行为。
+
+## 原型意图与强制偏差
+
+下面的原型意图只用于理解视觉和交互方向。它不覆盖本文前面的
+Production Data Truth Rule，也不覆盖设计规范中的
+`Excalidraw-To-Backend Deviations`。后续实现必须应用这些强制偏差：
+
+- 用户从 Workflows 直接创建 Workflow 草稿，没有其他资源的创建前置步骤。
+- `Run` 是唯一的手动执行入口。`Schedule` 是当前 Workflow 的 recurring resource，由 `scopeId + workflowId` 精确拥有并通过 Workflow-scoped API 管理；它不是 Team member automation、Run 对话框、草稿属性或画布节点。
+- Run 请求开始后先显示真实的 Accepted/Running 状态；只有 Observatory
+  返回权威记录后，才能显示为 Activity 记录。
+- `Current draft · revision N`、`Published · vN`、来源、耗时、用量和
+  lineage 都是画板中的视觉意图；对应字段没有出现在真实 API 响应时必须省略。
+- Retry 和 Run again 不修改原 Run，并请求创建新 Run；只有真实 receipt
+  或后续查询提供的关联事实才能显示新旧 Run 的关系。
+- Activity 是 vNext 内唯一的 Run 历史入口；按 Workflow 筛选只使用权威
+  `definitionActorId`，不能按名称或其他 ID 猜测。
+- Workflows、Activity 和 Settings 是隔离 vNext shell 的本地导航。第一期
+  不修改现有全局菜单或旧路由。
+
+## Excalidraw 阅读顺序
+
+导入 `aevatar-workflow-activity-vnext.excalidraw` 后，建议先缩放到全部内容，再按 frame 名称从 01 看到 17：
+
+1. `01 Workflows - catalogue`：日常入口、搜索、筛选、Run 和 Open。
+2. `02 New workflow - direct creation`：四种入口都直接创建 Workflow 草稿。
+3. `03 Describe - generated Workflow draft`：描述生成匹配的节点与连线；点击节点后从右侧配置。
+4. `04 Start blank - empty Workflow draft`：真实 Studio 的空画布；添加第一个节点之前不能 Publish 或 Run。
+5. `05 Import YAML - imported Workflow draft`：YAML 中的名称和节点类型进入同一套 Studio 画布。
+6. `06 Template - populated Workflow draft`：模板创建独立草稿，并以连接节点显示。
+7. `07 Run - unified execution dialog`：确认修订、输入、连接和外部影响；底部文案表达保留本次 Run 的产品意图，生产实现仍需等待真实 Activity 观察结果。
+8. `08 Running draft - Studio canvas and Run console`：仍在同一个节点画布中显示运行状态，底部打开 Run console；画板中的 Activity 记录只表达目标状态，生产实现不得在权威查询返回前声称记录已存在。
+9. `09 Activity - filtered by Workflow`：从 Workflows 按当前 Workflow 查看权威 Run 历史；它不属于 Schedule 配置流程。
+10. `10 Activity - all retained Runs`：全局、最新优先的所有 Run 记录。
+11. `11 Run detail - immutable record`：展示 Run 详情的信息层级；修订、来源、耗时、用量、步骤时间线与关联记录仅在真实详情响应提供对应字段时显示。
+12. `12 Failed Run - recovery creates a new record`：失败解释和恢复；Retry 预览明确展示新旧 Run 的关系。
+13. `13 Workflows and Activity - states`：空、加载、错误和移动端信息优先级。
+14. `14 Settings - AI defaults`：正常态只保留 Preferred service 与 Default model 两个决策。
+15. `15 Settings - save and recovery states`：dirty save bar、accepted observation、fallback、catalog unavailable 和保存失败恢复。
+16. `16 Settings - Account`：Profile、claims、Authentication、Sign out 与 Manage service access。
+17. `17 Settings - Advanced and responsive`：单份只读 effective request values 与完整移动端操作布局。
+
+Schedule 相关变更请另外导入 `aevatar-workflow-schedule-design.excalidraw`，按下面顺序检查：
+
+1. `01 · Workflows — schedule management modal`：在 Workflow 列表点击已发布行的 `Schedules`，打开该 Workflow 的管理弹窗；点击现有 Schedule 会在同一弹窗打开 Overview，`New schedule` 进入创建流程。
+2. `02 · Workflow — schedule setup panel`：在画布旁用 `Repeat`、时间和时区构造重复规则；默认只显示人类可读摘要，`write it as cron instead` 才打开 raw cron，Review 时显示 next-fire 预览。
+3. `03 · Schedule — review before creation`：确认 Workflow、Schedule name、周期、时区、可选运行输入、enabled 与五次 next-fire 预览，然后直接创建。
+4. `04 · Schedule — creation pending`：创建命令返回 `202 Accepted` 后立即回到列表并显示 Toast；后台继续刷新当前 Workflow 的 Schedule list/detail，不提前声称 Active 或 next fire 已存在。
+5. `05 · Workflow — schedule overview`：默认页签，在 Workflow canvas 旁查看人类可读周期、enabled、next/last attempt 与计数；Run now 和 Edit 直接显示，Pause/Enable 与 Delete 收进 More。
+6. `06 · Workflow — schedule history`：紧凑展示 `recentFires` 对应的 recent attempts；原始错误只在 Technical details 中出现，相关真实 Runs 通过 Workflow + Schedule 筛选交给 Activity。
+7. `07 · Workflow — change schedule`：在 Workflow panel 修改周期和运行输入，并在 `PUT` 中保留已读取的 enabled 状态；Cancel 返回 Overview。
+上述 7 个 frame 分别渲染为独立 1440×900 PNG；不再生成九宫格或总览拼图。
+
+重点不是逐个查看控件，而是沿着这条主路径检查语义是否连贯：
+
+```text
+Workflows
+  -> New workflow
+  -> direct draft creation
+  -> edit connected nodes in Workflow Studio
+  -> Run
+  -> Accepted / Running from a real stream or receipt
+  -> Activity record observed through the real API
+  -> Run detail
+  -> Retry / Run again requests a new Run without mutating the source
+```
+
+## 原型操作路径
+
+以下步骤只用于操作独立原型。步骤中的 `localStorage`、计时器、示例用户和
+示例记录不是 API 行为，也不是生产实现要求。
+
+1. 打开 `prototype.html`，默认进入 Workflows；点击已发布 Workflow 行的 `Schedules` 会打开该 Workflow 的 Schedule 管理弹窗。列表内的 `New schedule` 进入配置流程，已有 Schedule 可进入编辑和生命周期操作。只评审编辑器 Schedule panel 时可直接打开 `prototype-schedule.html`。
+2. 点击 `New workflow`，分别检查四种方式：描述会生成匹配节点；空白会进入画布空状态；导入会先校验 YAML；模板会先要求选择模板。
+3. 在画布点击节点，右侧打开 Node configuration；`Add node` 从左侧打开 Node library；`Edit YAML` 从右侧打开 YAML 面板。
+4. 打开一个已发布 Workflow，点击编辑器里的 `Schedules` 检查右侧 Workflow schedules 面板，再点击 `New schedule` 检查创建流程仍在右侧 panel；配置态必须以 `Repeat + time + timezone` 为主，只有点击 `write it as cron instead` 才显示 raw cron editor。未发布 Workflow 保持禁用并显示 publish 原因。Workflows 管理 modal 与编辑器 panel 共享 `list -> Overview <-> History -> Edit` 管理模型和 `list -> configure -> previewing -> review -> create -> toast -> list` 创建模型。Overview 不平铺最近 attempts；History 不冒充 Run 历史；点击 `View related runs in Activity` 后，Activity 明确展示 Workflow + Schedule 筛选。有后端 Run 身份的 attempt 可以直接打开对应 Activity Run；成功启动但缺少 Run 身份的旧 attempt 进入同一筛选后的 Activity，不猜测 Run 身份。
+5. 在列表或编辑器点击 `Run`，确认修订、输入、连接和外部影响。
+6. 勾选外部影响确认后点击 `Run`。记录会立即写入浏览器 `localStorage`，编辑器显示运行状态。
+7. 打开 Activity，点击任意一行查看详情。
+8. 对成功记录点击 `Run again`，或对失败记录点击 `Retry`，然后在确认框里创建新的关联记录。
+9. 点击 Settings，在 `AI defaults` 中切换 exact service 和 model。修改后页面底部才会出现 Discard / Save changes；再分别检查 `Account` 和只读的 `Advanced`。
+
+原型数据会保留在当前浏览器中；重新打开页面后，新建的 Run 历史仍然存在。
+
+四种创建方式共享同一个 Workflow Studio。画布节点、连线、节点库、节点配置、YAML 和 Run 入口保持一致；变化的只是各自创建出来的 Workflow 文档。
+
+## Settings 参照
+
+Settings 的功能来源仍然是当前 Aevatar Console，但信息架构已经重新设计：
+
+- `apps/aevatar-console-web/src/pages/settings/index.tsx`
+- `apps/aevatar-console-web/src/pages/settings/accountContent.tsx`
+- `apps/aevatar-console-web/src/pages/settings/shared.tsx`
+- `apps/aevatar-console-web/src/pages/settings/userLlmSelection.ts`
+- `apps/aevatar-console-web/src/pages/settings/userLlmSaveObservation.ts`
+
+重构后分成三个任务分区：
+
+- `AI defaults`：正常态只保留 Preferred service 与 Default model。适用范围已由页面说明表达，不再重复展示 provider inventory、route note 或保存成功状态。
+- `Account`：当前浏览器身份、User ID、roles、groups、会话到期时间、NyxID provider、scope、Sign in / Sign out 和 Manage service access；字段本身足够明确，不再重复配小节说明。
+- `Advanced`：只保留一份 effective request values。Runtime mode 与 base URL 不再同时出现在只读输入和 raw values 两处。
+
+独立原型会把 AI 默认值保存在浏览器 `localStorage`，仅用于演示重开页面后的交互连续性。生产实现必须通过真实 Settings API 读取、保存并观察 AI 默认值，不能读取这份原型存储。选择 exact connected service 时，模型列表会跟着服务切换。默认状态保持安静；只有产生修改后，来源原型中的 sticky save bar 才出现；生产实现必须按 `2026-08-06-settings-save-action-dock-design.md` 使用 shell-fixed dock。保存动作先进入 accepted / confirming saved values，再根据权威查询更新已保存 service。fallback、catalog unavailable 与 provider unavailable 只在异常状态出现。Account 的 Sign in、Sign out 与 service access 继续复用现有真实逻辑。
+
+## 基线完整性校验
+
+从仓库根目录运行：
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+```
+
+校验器会在临时目录运行导入的生成器，不修改仓库文件，并验证生成结果与
+主画板逐字节一致、SHA-256 与声明一致、17 个主画板 frame 的名称和顺序
+完整，以及独立 Schedule 画板的 SHA-256、frame 与关键语义文案完整。任何失败都表示设计基线或声明已经漂移，必须在实现或评审前处理。
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.excalidraw b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.excalidraw
new file mode 100644
index 0000000000..e2e2970bdf
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.excalidraw
@@ -0,0 +1,56083 @@
+{
+  "type": "excalidraw",
+  "version": 2,
+  "source": "https://excalidraw.com",
+  "elements": [
+    {
+      "id": "t-00001-3326",
+      "type": "text",
+      "x": 160.0,
+      "y": 80.0,
+      "width": 1040.0,
+      "height": 40.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 517879736,
+      "version": 1,
+      "versionNonce": 1140406283,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Aevatar Workflow + Activity + Settings vNext",
+      "originalText": "Aevatar Workflow + Activity + Settings vNext",
+      "fontSize": 32,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00002-6887",
+      "type": "text",
+      "x": 160.0,
+      "y": 132.0,
+      "width": 980.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 136598626,
+      "version": 1,
+      "versionNonce": 1723159338,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "One authoring resource. One Run action. One immutable Activity history.",
+      "originalText": "One authoring resource. One Run action. One immutable Activity history.",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00003-5943",
+      "type": "text",
+      "x": 160.0,
+      "y": 180.0,
+      "width": 1180.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1624035407,
+      "version": 1,
+      "versionNonce": 1408473053,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Primary path: Workflows -> direct draft -> Run -> Activity. Settings owns LLM defaults and browser identity.",
+      "originalText": "Primary path: Workflows -> direct draft -> Run -> Activity. Settings owns LLM defaults and browser identity.",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00004-7124",
+      "type": "frame",
+      "x": 160.0,
+      "y": 300.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1523166750,
+      "version": 1,
+      "versionNonce": 1950145098,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "01 Workflows - catalogue"
+    },
+    {
+      "id": "r-00006-5560",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 300.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 394840533,
+      "version": 1,
+      "versionNonce": 152575559,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00007-3352",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 300.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 434787233,
+      "version": 1,
+      "versionNonce": 1859222484,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00008-7098",
+      "type": "text",
+      "x": 184.0,
+      "y": 324.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1253083477,
+      "version": 1,
+      "versionNonce": 1309538728,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00009-1297",
+      "type": "text",
+      "x": 184.0,
+      "y": 353.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1978300590,
+      "version": 1,
+      "versionNonce": 1205786937,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00010-2781",
+      "type": "rectangle",
+      "x": 172.0,
+      "y": 408.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1417836623,
+      "version": 1,
+      "versionNonce": 911048851,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00011-8651",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 420.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1142714299,
+      "version": 1,
+      "versionNonce": 496004083,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00012-1990",
+      "type": "text",
+      "x": 208.0,
+      "y": 416.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1632424781,
+      "version": 1,
+      "versionNonce": 262264550,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00013-2195",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 472.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2028662266,
+      "version": 1,
+      "versionNonce": 2030844556,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00014-1660",
+      "type": "text",
+      "x": 208.0,
+      "y": 468.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 929715049,
+      "version": 1,
+      "versionNonce": 848751520,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00015-9816",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 524.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1461285563,
+      "version": 1,
+      "versionNonce": 1425986971,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00016-9057",
+      "type": "text",
+      "x": 208.0,
+      "y": 520.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 350304066,
+      "version": 1,
+      "versionNonce": 1128414647,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00017-2005",
+      "type": "text",
+      "x": 184.0,
+      "y": 1146.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1683337894,
+      "version": 1,
+      "versionNonce": 1229776163,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00018-4250",
+      "type": "text",
+      "x": 184.0,
+      "y": 1172.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1935916886,
+      "version": 1,
+      "versionNonce": 156418574,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00019-5100",
+      "type": "rectangle",
+      "x": 370.0,
+      "y": 300.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1858501624,
+      "version": 1,
+      "versionNonce": 158400455,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00020-2160",
+      "type": "text",
+      "x": 400.0,
+      "y": 318.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 296691921,
+      "version": 1,
+      "versionNonce": 1547591908,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00021-9093",
+      "type": "text",
+      "x": 400.0,
+      "y": 349.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 168862334,
+      "version": 1,
+      "versionNonce": 870295758,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Create, edit, publish, and run automations.",
+      "originalText": "Create, edit, publish, and run automations.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00022-7329",
+      "type": "rectangle",
+      "x": 1426.0,
+      "y": 322.0,
+      "width": 144.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 914473273,
+      "version": 1,
+      "versionNonce": 1176119067,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00023-9539",
+      "type": "text",
+      "x": 1434.0,
+      "y": 331.0,
+      "width": 128.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1666935788,
+      "version": 1,
+      "versionNonce": 1115263221,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "New workflow",
+      "originalText": "New workflow",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00024-2248",
+      "type": "text",
+      "x": 400.0,
+      "y": 408.0,
+      "width": 47.879999999999995,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1095350280,
+      "version": 1,
+      "versionNonce": 632134050,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SEARCH",
+      "originalText": "SEARCH",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00025-8832",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 430.0,
+      "width": 370.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 893915208,
+      "version": 1,
+      "versionNonce": 1698291170,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00026-1189",
+      "type": "text",
+      "x": 412.0,
+      "y": 441.0,
+      "width": 346.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 509302994,
+      "version": 1,
+      "versionNonce": 153046552,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Search workflows",
+      "originalText": "Search workflows",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00027-8862",
+      "type": "rectangle",
+      "x": 796.0,
+      "y": 430.0,
+      "width": 73.19999999999999,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 439540426,
+      "version": 1,
+      "versionNonce": 1530202018,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00028-3166",
+      "type": "text",
+      "x": 806.0,
+      "y": 437.0,
+      "width": 53.19999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1150199719,
+      "version": 1,
+      "versionNonce": 1848512635,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "All  5",
+      "originalText": "All  5",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00029-1910",
+      "type": "rectangle",
+      "x": 877.2,
+      "y": 430.0,
+      "width": 122.39999999999999,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 542608803,
+      "version": 1,
+      "versionNonce": 162002017,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00030-6870",
+      "type": "text",
+      "x": 887.2,
+      "y": 437.0,
+      "width": 102.39999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1022683653,
+      "version": 1,
+      "versionNonce": 802919697,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published  3",
+      "originalText": "Published  3",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00031-8180",
+      "type": "rectangle",
+      "x": 1007.6,
+      "y": 430.0,
+      "width": 97.8,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1922336479,
+      "version": 1,
+      "versionNonce": 1843337531,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00032-9060",
+      "type": "text",
+      "x": 1017.6,
+      "y": 437.0,
+      "width": 77.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1427342885,
+      "version": 1,
+      "versionNonce": 325237124,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Drafts  2",
+      "originalText": "Drafts  2",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00033-2798",
+      "type": "rectangle",
+      "x": 1113.4,
+      "y": 430.0,
+      "width": 106.0,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 153056693,
+      "version": 1,
+      "versionNonce": 1980469233,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00034-4906",
+      "type": "text",
+      "x": 1123.4,
+      "y": 437.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1160327554,
+      "version": 1,
+      "versionNonce": 224712208,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failing  1",
+      "originalText": "Failing  1",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00035-4670",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 494.0,
+      "width": 1140.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1400816048,
+      "version": 1,
+      "versionNonce": 384436219,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00036-4263",
+      "type": "text",
+      "x": 414.0,
+      "y": 507.0,
+      "width": 382.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1116377547,
+      "version": 1,
+      "versionNonce": 1134186838,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "WORKFLOW",
+      "originalText": "WORKFLOW",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00037-2390",
+      "type": "text",
+      "x": 824.0,
+      "y": 507.0,
+      "width": 142.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 976958319,
+      "version": 1,
+      "versionNonce": 774781362,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "VERSION",
+      "originalText": "VERSION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00038-5174",
+      "type": "text",
+      "x": 994.0,
+      "y": 507.0,
+      "width": 192.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 709871509,
+      "version": 1,
+      "versionNonce": 1203098037,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "LAST RUN",
+      "originalText": "LAST RUN",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00039-9382",
+      "type": "text",
+      "x": 1214.0,
+      "y": 507.0,
+      "width": 122.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 547366311,
+      "version": 1,
+      "versionNonce": 773412357,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "STATE",
+      "originalText": "STATE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00040-8651",
+      "type": "text",
+      "x": 1364.0,
+      "y": 507.0,
+      "width": 162.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 342502192,
+      "version": 1,
+      "versionNonce": 414243307,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ACTIONS",
+      "originalText": "ACTIONS",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00041-4947",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 536.0,
+      "width": 1140.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1829966595,
+      "version": 1,
+      "versionNonce": 1639408864,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00042-9407",
+      "type": "text",
+      "x": 416.0,
+      "y": 551.0,
+      "width": 360.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 531086355,
+      "version": 1,
+      "versionNonce": 728213774,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00043-9476",
+      "type": "text",
+      "x": 416.0,
+      "y": 579.0,
+      "width": 375.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 959723470,
+      "version": 1,
+      "versionNonce": 2100303493,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Group feedback and post a weekly summary",
+      "originalText": "Group feedback and post a weekly summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00044-1086",
+      "type": "text",
+      "x": 824.0,
+      "y": 564.0,
+      "width": 140.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1794480028,
+      "version": 1,
+      "versionNonce": 1277864077,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v7",
+      "originalText": "v7",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00045-1593",
+      "type": "rectangle",
+      "x": 994.0,
+      "y": 562.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1027195755,
+      "version": 1,
+      "versionNonce": 521505030,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00046-3005",
+      "type": "text",
+      "x": 1004.0,
+      "y": 568.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1392785678,
+      "version": 1,
+      "versionNonce": 93968000,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Succeeded",
+      "originalText": "Succeeded",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00047-6901",
+      "type": "text",
+      "x": 1095.0,
+      "y": 567.0,
+      "width": 95.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2136670573,
+      "version": 1,
+      "versionNonce": 184513834,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "12 min ago",
+      "originalText": "12 min ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00048-9230",
+      "type": "rectangle",
+      "x": 1214.0,
+      "y": 562.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 938012587,
+      "version": 1,
+      "versionNonce": 1064478078,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00049-3164",
+      "type": "text",
+      "x": 1224.0,
+      "y": 568.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1491285223,
+      "version": 1,
+      "versionNonce": 1032348848,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00050-8049",
+      "type": "rectangle",
+      "x": 1362.0,
+      "y": 558.0,
+      "width": 72.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2147267446,
+      "version": 1,
+      "versionNonce": 970649033,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00051-3932",
+      "type": "text",
+      "x": 1370.0,
+      "y": 567.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 254043338,
+      "version": 1,
+      "versionNonce": 1541489872,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00052-5029",
+      "type": "rectangle",
+      "x": 1444.0,
+      "y": 558.0,
+      "width": 76.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 245702973,
+      "version": 1,
+      "versionNonce": 1336067291,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00053-8965",
+      "type": "text",
+      "x": 1452.0,
+      "y": 567.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1489094443,
+      "version": 1,
+      "versionNonce": 1261217495,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open",
+      "originalText": "Open",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00054-2498",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 618.0,
+      "width": 1140.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 551689451,
+      "version": 1,
+      "versionNonce": 786771351,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00055-3366",
+      "type": "text",
+      "x": 416.0,
+      "y": 633.0,
+      "width": 360.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 443971897,
+      "version": 1,
+      "versionNonce": 1527317609,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00056-3411",
+      "type": "text",
+      "x": 416.0,
+      "y": 661.0,
+      "width": 375.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1254559369,
+      "version": 1,
+      "versionNonce": 265118115,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Classify urgent conversations and prepare replies",
+      "originalText": "Classify urgent conversations and prepare replies",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00057-5110",
+      "type": "text",
+      "x": 824.0,
+      "y": 646.0,
+      "width": 140.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 583736651,
+      "version": 1,
+      "versionNonce": 743125275,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "draft r12",
+      "originalText": "draft r12",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00058-2865",
+      "type": "rectangle",
+      "x": 994.0,
+      "y": 644.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1577742005,
+      "version": 1,
+      "versionNonce": 1127063890,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00059-4708",
+      "type": "text",
+      "x": 1004.0,
+      "y": 650.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1289614278,
+      "version": 1,
+      "versionNonce": 641504127,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running",
+      "originalText": "Running",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00060-4360",
+      "type": "text",
+      "x": 1095.0,
+      "y": 649.0,
+      "width": 95.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1725414202,
+      "version": 1,
+      "versionNonce": 353367026,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "4 min ago",
+      "originalText": "4 min ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00061-6433",
+      "type": "rectangle",
+      "x": 1214.0,
+      "y": 644.0,
+      "width": 68.0,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1829439043,
+      "version": 1,
+      "versionNonce": 75887096,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00062-2061",
+      "type": "text",
+      "x": 1224.0,
+      "y": 650.0,
+      "width": 48.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1657812163,
+      "version": 1,
+      "versionNonce": 529458988,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft",
+      "originalText": "Draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00063-8956",
+      "type": "rectangle",
+      "x": 1362.0,
+      "y": 640.0,
+      "width": 72.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1746409496,
+      "version": 1,
+      "versionNonce": 612545763,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00064-2124",
+      "type": "text",
+      "x": 1370.0,
+      "y": 649.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1496654549,
+      "version": 1,
+      "versionNonce": 220596962,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00065-6167",
+      "type": "rectangle",
+      "x": 1444.0,
+      "y": 640.0,
+      "width": 76.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1435326479,
+      "version": 1,
+      "versionNonce": 1348202668,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00066-9872",
+      "type": "text",
+      "x": 1452.0,
+      "y": 649.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1995297981,
+      "version": 1,
+      "versionNonce": 701113068,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open",
+      "originalText": "Open",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00067-9422",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 700.0,
+      "width": 1140.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2066972868,
+      "version": 1,
+      "versionNonce": 259401317,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00068-2590",
+      "type": "text",
+      "x": 416.0,
+      "y": 715.0,
+      "width": 360.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1166141698,
+      "version": 1,
+      "versionNonce": 1455402352,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Invoice follow-up",
+      "originalText": "Invoice follow-up",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00069-4586",
+      "type": "text",
+      "x": 416.0,
+      "y": 743.0,
+      "width": 375.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 198744090,
+      "version": 1,
+      "versionNonce": 2102087459,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Prepare overdue invoice reminders for approval",
+      "originalText": "Prepare overdue invoice reminders for approval",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00070-7065",
+      "type": "text",
+      "x": 824.0,
+      "y": 728.0,
+      "width": 140.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1354105043,
+      "version": 1,
+      "versionNonce": 1597624414,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v4",
+      "originalText": "v4",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00071-2288",
+      "type": "rectangle",
+      "x": 994.0,
+      "y": 726.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 127652592,
+      "version": 1,
+      "versionNonce": 639577668,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00072-1557",
+      "type": "text",
+      "x": 1004.0,
+      "y": 732.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 890573175,
+      "version": 1,
+      "versionNonce": 472078081,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Succeeded",
+      "originalText": "Succeeded",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00073-2727",
+      "type": "text",
+      "x": 1095.0,
+      "y": 731.0,
+      "width": 95.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2080967663,
+      "version": 1,
+      "versionNonce": 1760835508,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "42 min ago",
+      "originalText": "42 min ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00074-1406",
+      "type": "rectangle",
+      "x": 1214.0,
+      "y": 726.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1120520558,
+      "version": 1,
+      "versionNonce": 1243720374,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00075-2823",
+      "type": "text",
+      "x": 1224.0,
+      "y": 732.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 669922466,
+      "version": 1,
+      "versionNonce": 220568617,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00076-8974",
+      "type": "rectangle",
+      "x": 1362.0,
+      "y": 722.0,
+      "width": 72.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1481854150,
+      "version": 1,
+      "versionNonce": 488509408,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00077-7932",
+      "type": "text",
+      "x": 1370.0,
+      "y": 731.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2017699140,
+      "version": 1,
+      "versionNonce": 1511799295,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00078-4618",
+      "type": "rectangle",
+      "x": 1444.0,
+      "y": 722.0,
+      "width": 76.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1808069825,
+      "version": 1,
+      "versionNonce": 2116434306,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00079-7720",
+      "type": "text",
+      "x": 1452.0,
+      "y": 731.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2100865816,
+      "version": 1,
+      "versionNonce": 874847285,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open",
+      "originalText": "Open",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00080-5498",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 782.0,
+      "width": 1140.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1203534089,
+      "version": 1,
+      "versionNonce": 4317943,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00081-2236",
+      "type": "text",
+      "x": 416.0,
+      "y": 797.0,
+      "width": 360.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1874053866,
+      "version": 1,
+      "versionNonce": 2122597077,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Nightly order sync",
+      "originalText": "Nightly order sync",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00082-1213",
+      "type": "text",
+      "x": 416.0,
+      "y": 825.0,
+      "width": 375.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 139278044,
+      "version": 1,
+      "versionNonce": 1283560239,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Move completed orders into the warehouse",
+      "originalText": "Move completed orders into the warehouse",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00083-8550",
+      "type": "text",
+      "x": 824.0,
+      "y": 810.0,
+      "width": 140.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1573087529,
+      "version": 1,
+      "versionNonce": 904050530,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v9",
+      "originalText": "v9",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00084-7944",
+      "type": "rectangle",
+      "x": 994.0,
+      "y": 808.0,
+      "width": 70.8,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1847437444,
+      "version": 1,
+      "versionNonce": 279061107,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00085-4926",
+      "type": "text",
+      "x": 1004.0,
+      "y": 814.0,
+      "width": 50.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2135054138,
+      "version": 1,
+      "versionNonce": 1496640391,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed",
+      "originalText": "Failed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00086-7750",
+      "type": "text",
+      "x": 1095.0,
+      "y": 813.0,
+      "width": 95.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 725281272,
+      "version": 1,
+      "versionNonce": 1058058823,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "3:04 AM",
+      "originalText": "3:04 AM",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00087-6522",
+      "type": "rectangle",
+      "x": 1214.0,
+      "y": 808.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1170988998,
+      "version": 1,
+      "versionNonce": 661371309,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00088-6806",
+      "type": "text",
+      "x": 1224.0,
+      "y": 814.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1309975006,
+      "version": 1,
+      "versionNonce": 1192931498,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00089-7616",
+      "type": "rectangle",
+      "x": 1362.0,
+      "y": 804.0,
+      "width": 72.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 539512094,
+      "version": 1,
+      "versionNonce": 754513799,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00090-6668",
+      "type": "text",
+      "x": 1370.0,
+      "y": 813.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2035422174,
+      "version": 1,
+      "versionNonce": 1332733812,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00091-3991",
+      "type": "rectangle",
+      "x": 1444.0,
+      "y": 804.0,
+      "width": 76.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 202131799,
+      "version": 1,
+      "versionNonce": 1773749398,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00092-7259",
+      "type": "text",
+      "x": 1452.0,
+      "y": 813.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2098368041,
+      "version": 1,
+      "versionNonce": 96493610,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open",
+      "originalText": "Open",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00093-3499",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 864.0,
+      "width": 1140.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1828061198,
+      "version": 1,
+      "versionNonce": 36226060,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00094-2084",
+      "type": "text",
+      "x": 416.0,
+      "y": 879.0,
+      "width": 360.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 2063029164,
+      "version": 1,
+      "versionNonce": 228672405,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Contract review",
+      "originalText": "Contract review",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00095-4799",
+      "type": "text",
+      "x": 416.0,
+      "y": 907.0,
+      "width": 375.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1965387534,
+      "version": 1,
+      "versionNonce": 161320734,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Flag unusual clauses and prepare a review note",
+      "originalText": "Flag unusual clauses and prepare a review note",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00096-1101",
+      "type": "text",
+      "x": 824.0,
+      "y": 892.0,
+      "width": 140.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 198895438,
+      "version": 1,
+      "versionNonce": 397435370,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "draft r3",
+      "originalText": "draft r3",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00097-5249",
+      "type": "rectangle",
+      "x": 994.0,
+      "y": 890.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2030035673,
+      "version": 1,
+      "versionNonce": 818673406,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00098-5172",
+      "type": "text",
+      "x": 1004.0,
+      "y": 896.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 539368758,
+      "version": 1,
+      "versionNonce": 1133632936,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Never run",
+      "originalText": "Never run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00099-1407",
+      "type": "text",
+      "x": 1095.0,
+      "y": 895.0,
+      "width": 95.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1013210926,
+      "version": 1,
+      "versionNonce": 152046176,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "-",
+      "originalText": "-",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00100-1161",
+      "type": "rectangle",
+      "x": 1214.0,
+      "y": 890.0,
+      "width": 68.0,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1606034548,
+      "version": 1,
+      "versionNonce": 537233589,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00101-7564",
+      "type": "text",
+      "x": 1224.0,
+      "y": 896.0,
+      "width": 48.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1427963066,
+      "version": 1,
+      "versionNonce": 1834163296,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft",
+      "originalText": "Draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00102-8642",
+      "type": "rectangle",
+      "x": 1362.0,
+      "y": 886.0,
+      "width": 72.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1503420307,
+      "version": 1,
+      "versionNonce": 1336382264,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00103-7771",
+      "type": "text",
+      "x": 1370.0,
+      "y": 895.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 392173482,
+      "version": 1,
+      "versionNonce": 664176744,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00104-2946",
+      "type": "rectangle",
+      "x": 1444.0,
+      "y": 886.0,
+      "width": 76.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1343311786,
+      "version": 1,
+      "versionNonce": 529652258,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00105-9298",
+      "type": "text",
+      "x": 1452.0,
+      "y": 895.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 1423319694,
+      "version": 1,
+      "versionNonce": 1366635492,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open",
+      "originalText": "Open",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00106-7546",
+      "type": "text",
+      "x": 400.0,
+      "y": 1166.0,
+      "width": 760.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-00"
+      ],
+      "frameId": "frame-00004-7124",
+      "roundness": null,
+      "seed": 419971090,
+      "version": 1,
+      "versionNonce": 1051660726,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "5 workflows  |  Every Run, including a draft revision, is retained in Activity.",
+      "originalText": "5 workflows  |  Every Run, including a draft revision, is retained in Activity.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00107-3590",
+      "type": "frame",
+      "x": 1920.0,
+      "y": 300.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1047681375,
+      "version": 1,
+      "versionNonce": 267910118,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "02 New workflow - direct creation"
+    },
+    {
+      "id": "r-00109-5643",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 300.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 2078501908,
+      "version": 1,
+      "versionNonce": 45018908,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00110-8148",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 300.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1657807126,
+      "version": 1,
+      "versionNonce": 838548178,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00111-2082",
+      "type": "text",
+      "x": 1944.0,
+      "y": 324.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 562029954,
+      "version": 1,
+      "versionNonce": 738084348,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00112-7991",
+      "type": "text",
+      "x": 1944.0,
+      "y": 353.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1026264163,
+      "version": 1,
+      "versionNonce": 1226451813,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00113-7097",
+      "type": "rectangle",
+      "x": 1932.0,
+      "y": 408.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1105378700,
+      "version": 1,
+      "versionNonce": 1413894393,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00114-8958",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 420.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1185473168,
+      "version": 1,
+      "versionNonce": 904185499,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00115-2046",
+      "type": "text",
+      "x": 1968.0,
+      "y": 416.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 607984635,
+      "version": 1,
+      "versionNonce": 1051729033,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00116-1448",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 472.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 104652390,
+      "version": 1,
+      "versionNonce": 506763862,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00117-7946",
+      "type": "text",
+      "x": 1968.0,
+      "y": 468.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1492942084,
+      "version": 1,
+      "versionNonce": 1273932104,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00118-9479",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 524.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1994607107,
+      "version": 1,
+      "versionNonce": 284610339,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00119-4312",
+      "type": "text",
+      "x": 1968.0,
+      "y": 520.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 778736701,
+      "version": 1,
+      "versionNonce": 1652364614,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00120-1861",
+      "type": "text",
+      "x": 1944.0,
+      "y": 1146.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 960574767,
+      "version": 1,
+      "versionNonce": 1840481642,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00121-7062",
+      "type": "text",
+      "x": 1944.0,
+      "y": 1172.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1410835928,
+      "version": 1,
+      "versionNonce": 2110584509,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00122-5016",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 300.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 2077632551,
+      "version": 1,
+      "versionNonce": 1648183085,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00123-1011",
+      "type": "text",
+      "x": 2160.0,
+      "y": 318.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 2019191807,
+      "version": 1,
+      "versionNonce": 899677294,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "New workflow",
+      "originalText": "New workflow",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00124-6566",
+      "type": "text",
+      "x": 2160.0,
+      "y": 349.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 333240417,
+      "version": 1,
+      "versionNonce": 62887508,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Choose a starting point. Each option creates a workflow draft directly.",
+      "originalText": "Choose a starting point. Each option creates a workflow draft directly.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00125-5720",
+      "type": "rectangle",
+      "x": 3242.0,
+      "y": 322.0,
+      "width": 88.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1048525063,
+      "version": 1,
+      "versionNonce": 1909292836,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00126-7564",
+      "type": "text",
+      "x": 3250.0,
+      "y": 331.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 87149875,
+      "version": 1,
+      "versionNonce": 529363887,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Cancel",
+      "originalText": "Cancel",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00127-5056",
+      "type": "rectangle",
+      "x": 2160.0,
+      "y": 424.0,
+      "width": 362.0,
+      "height": 180.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 7660660,
+      "version": 1,
+      "versionNonce": 1459646542,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00128-9451",
+      "type": "text",
+      "x": 2182.0,
+      "y": 448.0,
+      "width": 318.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 576999098,
+      "version": 1,
+      "versionNonce": 1818273304,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Describe what you need",
+      "originalText": "Describe what you need",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00129-7500",
+      "type": "text",
+      "x": 2182.0,
+      "y": 488.0,
+      "width": 310.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 334533754,
+      "version": 1,
+      "versionNonce": 1734837888,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Turn a plain-language goal into a reviewable first draft.",
+      "originalText": "Turn a plain-language goal into a reviewable first draft.",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00130-1854",
+      "type": "rectangle",
+      "x": 2182.0,
+      "y": 548.0,
+      "width": 130.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1067996867,
+      "version": 1,
+      "versionNonce": 570154809,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00131-4505",
+      "type": "text",
+      "x": 2190.0,
+      "y": 557.0,
+      "width": 114.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1449787118,
+      "version": 1,
+      "versionNonce": 1448760770,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Describe",
+      "originalText": "Describe",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00132-4674",
+      "type": "rectangle",
+      "x": 2550.0,
+      "y": 424.0,
+      "width": 362.0,
+      "height": 180.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1885854156,
+      "version": 1,
+      "versionNonce": 1426784786,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00133-1177",
+      "type": "text",
+      "x": 2572.0,
+      "y": 448.0,
+      "width": 318.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 124382589,
+      "version": 1,
+      "versionNonce": 1657275537,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Start blank",
+      "originalText": "Start blank",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00134-6756",
+      "type": "text",
+      "x": 2572.0,
+      "y": 488.0,
+      "width": 310.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1744679103,
+      "version": 1,
+      "versionNonce": 345652397,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open an empty workflow canvas and add the first node.",
+      "originalText": "Open an empty workflow canvas and add the first node.",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00135-7802",
+      "type": "rectangle",
+      "x": 2572.0,
+      "y": 548.0,
+      "width": 130.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 859114451,
+      "version": 1,
+      "versionNonce": 865092965,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00136-6134",
+      "type": "text",
+      "x": 2580.0,
+      "y": 557.0,
+      "width": 114.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1996490564,
+      "version": 1,
+      "versionNonce": 1668102960,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Start blank",
+      "originalText": "Start blank",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00137-6248",
+      "type": "rectangle",
+      "x": 2940.0,
+      "y": 424.0,
+      "width": 362.0,
+      "height": 180.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 780101623,
+      "version": 1,
+      "versionNonce": 953776377,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00138-2179",
+      "type": "text",
+      "x": 2962.0,
+      "y": 448.0,
+      "width": 318.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1460198614,
+      "version": 1,
+      "versionNonce": 1060399244,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Import YAML",
+      "originalText": "Import YAML",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00139-6881",
+      "type": "text",
+      "x": 2962.0,
+      "y": 488.0,
+      "width": 310.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 2119391740,
+      "version": 1,
+      "versionNonce": 1875548861,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Create a draft from an existing workflow definition.",
+      "originalText": "Create a draft from an existing workflow definition.",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00140-6073",
+      "type": "rectangle",
+      "x": 2962.0,
+      "y": 548.0,
+      "width": 130.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2035943306,
+      "version": 1,
+      "versionNonce": 1220851826,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00141-1476",
+      "type": "text",
+      "x": 2970.0,
+      "y": 557.0,
+      "width": 114.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1435557830,
+      "version": 1,
+      "versionNonce": 1488630631,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Import",
+      "originalText": "Import",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00142-3165",
+      "type": "text",
+      "x": 2160.0,
+      "y": 650.0,
+      "width": 180.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 503932428,
+      "version": 1,
+      "versionNonce": 1864255781,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TEMPLATES",
+      "originalText": "TEMPLATES",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00143-5238",
+      "type": "rectangle",
+      "x": 2160.0,
+      "y": 688.0,
+      "width": 362.0,
+      "height": 148.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 100021162,
+      "version": 1,
+      "versionNonce": 241295709,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00144-8338",
+      "type": "text",
+      "x": 2178.0,
+      "y": 706.0,
+      "width": 320.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1410640628,
+      "version": 1,
+      "versionNonce": 1651414920,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00145-4297",
+      "type": "text",
+      "x": 2178.0,
+      "y": 736.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 629775828,
+      "version": 1,
+      "versionNonce": 798050102,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "6 steps  |  Lark",
+      "originalText": "6 steps  |  Lark",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00146-7118",
+      "type": "text",
+      "x": 2178.0,
+      "y": 766.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1921310982,
+      "version": 1,
+      "versionNonce": 1499046985,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Used 240 times",
+      "originalText": "Used 240 times",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00147-7826",
+      "type": "rectangle",
+      "x": 2378.0,
+      "y": 780.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 42454932,
+      "version": 1,
+      "versionNonce": 959259493,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00148-6104",
+      "type": "text",
+      "x": 2386.0,
+      "y": 789.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 73401437,
+      "version": 1,
+      "versionNonce": 58509815,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Use template",
+      "originalText": "Use template",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00149-7001",
+      "type": "rectangle",
+      "x": 2550.0,
+      "y": 688.0,
+      "width": 362.0,
+      "height": 148.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1371654517,
+      "version": 1,
+      "versionNonce": 961234423,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00150-2238",
+      "type": "text",
+      "x": 2568.0,
+      "y": 706.0,
+      "width": 320.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 631776827,
+      "version": 1,
+      "versionNonce": 1990256290,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Escalation triage",
+      "originalText": "Escalation triage",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00151-4579",
+      "type": "text",
+      "x": 2568.0,
+      "y": 736.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1813641465,
+      "version": 1,
+      "versionNonce": 1881968262,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "9 steps  |  Lark + Linear",
+      "originalText": "9 steps  |  Lark + Linear",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00152-3948",
+      "type": "text",
+      "x": 2568.0,
+      "y": 766.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 973746391,
+      "version": 1,
+      "versionNonce": 852102617,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Used 180 times",
+      "originalText": "Used 180 times",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00153-6588",
+      "type": "rectangle",
+      "x": 2768.0,
+      "y": 780.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1374100357,
+      "version": 1,
+      "versionNonce": 945340954,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00154-9950",
+      "type": "text",
+      "x": 2776.0,
+      "y": 789.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 657624235,
+      "version": 1,
+      "versionNonce": 1206950047,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Use template",
+      "originalText": "Use template",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00155-2548",
+      "type": "rectangle",
+      "x": 2940.0,
+      "y": 688.0,
+      "width": 362.0,
+      "height": 148.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 999527852,
+      "version": 1,
+      "versionNonce": 562099883,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00156-7676",
+      "type": "text",
+      "x": 2958.0,
+      "y": 706.0,
+      "width": 320.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 517729393,
+      "version": 1,
+      "versionNonce": 1620646105,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Invoice follow-up",
+      "originalText": "Invoice follow-up",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00157-4559",
+      "type": "text",
+      "x": 2958.0,
+      "y": 736.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1902934931,
+      "version": 1,
+      "versionNonce": 705221614,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "11 steps  |  Xero + Gmail",
+      "originalText": "11 steps  |  Xero + Gmail",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00158-4687",
+      "type": "text",
+      "x": 2958.0,
+      "y": 766.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 579590472,
+      "version": 1,
+      "versionNonce": 1880288115,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Used 96 times",
+      "originalText": "Used 96 times",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00159-4268",
+      "type": "rectangle",
+      "x": 3158.0,
+      "y": 780.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1359438051,
+      "version": 1,
+      "versionNonce": 797431452,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00160-4988",
+      "type": "text",
+      "x": 3166.0,
+      "y": 789.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 2115112707,
+      "version": 1,
+      "versionNonce": 818885024,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Use template",
+      "originalText": "Use template",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00161-3244",
+      "type": "rectangle",
+      "x": 2160.0,
+      "y": 860.0,
+      "width": 362.0,
+      "height": 148.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 462843401,
+      "version": 1,
+      "versionNonce": 1612310543,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00162-2355",
+      "type": "text",
+      "x": 2178.0,
+      "y": 878.0,
+      "width": 320.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 44600397,
+      "version": 1,
+      "versionNonce": 1300051572,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Standup digest",
+      "originalText": "Standup digest",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00163-7859",
+      "type": "text",
+      "x": 2178.0,
+      "y": 908.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 448747415,
+      "version": 1,
+      "versionNonce": 910774201,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "5 steps  |  Lark",
+      "originalText": "5 steps  |  Lark",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00164-3980",
+      "type": "text",
+      "x": 2178.0,
+      "y": 938.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1576393772,
+      "version": 1,
+      "versionNonce": 1673400139,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Used 88 times",
+      "originalText": "Used 88 times",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00165-1679",
+      "type": "rectangle",
+      "x": 2378.0,
+      "y": 952.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1681655430,
+      "version": 1,
+      "versionNonce": 1368236930,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00166-1199",
+      "type": "text",
+      "x": 2386.0,
+      "y": 961.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 993231635,
+      "version": 1,
+      "versionNonce": 1976862746,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Use template",
+      "originalText": "Use template",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00167-2742",
+      "type": "rectangle",
+      "x": 2550.0,
+      "y": 860.0,
+      "width": 362.0,
+      "height": 148.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 520777183,
+      "version": 1,
+      "versionNonce": 908378459,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00168-3379",
+      "type": "text",
+      "x": 2568.0,
+      "y": 878.0,
+      "width": 320.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 816295054,
+      "version": 1,
+      "versionNonce": 1308337046,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "On-call summary",
+      "originalText": "On-call summary",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00169-8555",
+      "type": "text",
+      "x": 2568.0,
+      "y": 908.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 327595501,
+      "version": 1,
+      "versionNonce": 1964822773,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "5 steps  |  PagerDuty",
+      "originalText": "5 steps  |  PagerDuty",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00170-6269",
+      "type": "text",
+      "x": 2568.0,
+      "y": 938.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1393681104,
+      "version": 1,
+      "versionNonce": 1899536926,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Used 61 times",
+      "originalText": "Used 61 times",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00171-9949",
+      "type": "rectangle",
+      "x": 2768.0,
+      "y": 952.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1690553178,
+      "version": 1,
+      "versionNonce": 1275066386,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00172-3321",
+      "type": "text",
+      "x": 2776.0,
+      "y": 961.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 513460525,
+      "version": 1,
+      "versionNonce": 144696948,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Use template",
+      "originalText": "Use template",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00173-9909",
+      "type": "rectangle",
+      "x": 2940.0,
+      "y": 860.0,
+      "width": 362.0,
+      "height": 148.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1931629847,
+      "version": 1,
+      "versionNonce": 1912899231,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00174-9115",
+      "type": "text",
+      "x": 2958.0,
+      "y": 878.0,
+      "width": 320.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1831064348,
+      "version": 1,
+      "versionNonce": 1311845583,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Contract review",
+      "originalText": "Contract review",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00175-1870",
+      "type": "text",
+      "x": 2958.0,
+      "y": 908.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1337663713,
+      "version": 1,
+      "versionNonce": 17683050,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "7 steps  |  Drive",
+      "originalText": "7 steps  |  Drive",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00176-9476",
+      "type": "text",
+      "x": 2958.0,
+      "y": 938.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1893189053,
+      "version": 1,
+      "versionNonce": 1865536677,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Used 44 times",
+      "originalText": "Used 44 times",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00177-4899",
+      "type": "rectangle",
+      "x": 3158.0,
+      "y": 952.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1263821278,
+      "version": 1,
+      "versionNonce": 1768657285,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00178-2998",
+      "type": "text",
+      "x": 3166.0,
+      "y": 961.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-01"
+      ],
+      "frameId": "frame-00107-3590",
+      "roundness": null,
+      "seed": 1577025033,
+      "version": 1,
+      "versionNonce": 1030317630,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Use template",
+      "originalText": "Use template",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00179-4597",
+      "type": "frame",
+      "x": 3680.0,
+      "y": 300.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 941152409,
+      "version": 1,
+      "versionNonce": 126634037,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "03 Describe - generated Workflow draft"
+    },
+    {
+      "id": "r-00181-6614",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 300.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 619292691,
+      "version": 1,
+      "versionNonce": 1791971550,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00182-7935",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 300.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 510935215,
+      "version": 1,
+      "versionNonce": 558760984,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00183-1303",
+      "type": "text",
+      "x": 3704.0,
+      "y": 324.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1382309349,
+      "version": 1,
+      "versionNonce": 161947161,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00184-1645",
+      "type": "text",
+      "x": 3704.0,
+      "y": 353.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 511242457,
+      "version": 1,
+      "versionNonce": 2116271982,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00185-1779",
+      "type": "rectangle",
+      "x": 3692.0,
+      "y": 408.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1826137216,
+      "version": 1,
+      "versionNonce": 934124905,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00186-1949",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 420.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1494420084,
+      "version": 1,
+      "versionNonce": 1336410523,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00187-9795",
+      "type": "text",
+      "x": 3728.0,
+      "y": 416.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1185508963,
+      "version": 1,
+      "versionNonce": 677139188,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00188-1023",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 472.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 238905058,
+      "version": 1,
+      "versionNonce": 1664959803,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00189-5299",
+      "type": "text",
+      "x": 3728.0,
+      "y": 468.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2065615911,
+      "version": 1,
+      "versionNonce": 1662655822,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00190-7032",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 524.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2060407546,
+      "version": 1,
+      "versionNonce": 1468435342,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00191-4129",
+      "type": "text",
+      "x": 3728.0,
+      "y": 520.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 315570214,
+      "version": 1,
+      "versionNonce": 531161442,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00192-3271",
+      "type": "text",
+      "x": 3704.0,
+      "y": 1146.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 849471132,
+      "version": 1,
+      "versionNonce": 1511307963,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00193-5367",
+      "type": "text",
+      "x": 3704.0,
+      "y": 1172.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 74852097,
+      "version": 1,
+      "versionNonce": 1576716008,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00194-2574",
+      "type": "rectangle",
+      "x": 3890.0,
+      "y": 300.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 373612242,
+      "version": 1,
+      "versionNonce": 1483147711,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00195-2218",
+      "type": "text",
+      "x": 3920.0,
+      "y": 318.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 927006300,
+      "version": 1,
+      "versionNonce": 645785096,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Monday feedback summary",
+      "originalText": "Monday feedback summary",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00196-8625",
+      "type": "text",
+      "x": 3920.0,
+      "y": 349.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1870486891,
+      "version": 1,
+      "versionNonce": 1171057319,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft \u00b7 revision 1 \u00b7 Saved just now",
+      "originalText": "Current draft \u00b7 revision 1 \u00b7 Saved just now",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00197-7800",
+      "type": "rectangle",
+      "x": 4610.0,
+      "y": 324.0,
+      "width": 72.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 767683730,
+      "version": 1,
+      "versionNonce": 1365705744,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00198-8892",
+      "type": "text",
+      "x": 4618.0,
+      "y": 333.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 750143146,
+      "version": 1,
+      "versionNonce": 2094369600,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00199-7387",
+      "type": "rectangle",
+      "x": 4692.0,
+      "y": 324.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1154249968,
+      "version": 1,
+      "versionNonce": 1075623388,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00200-2223",
+      "type": "text",
+      "x": 4700.0,
+      "y": 333.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 825736954,
+      "version": 1,
+      "versionNonce": 1309283410,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Add node",
+      "originalText": "Add node",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00201-5142",
+      "type": "rectangle",
+      "x": 4794.0,
+      "y": 324.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 587856776,
+      "version": 1,
+      "versionNonce": 2043684792,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00202-9653",
+      "type": "text",
+      "x": 4802.0,
+      "y": 333.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 171104060,
+      "version": 1,
+      "versionNonce": 546655221,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edit YAML",
+      "originalText": "Edit YAML",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00203-3868",
+      "type": "rectangle",
+      "x": 4896.0,
+      "y": 324.0,
+      "width": 82.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 818346034,
+      "version": 1,
+      "versionNonce": 1139283946,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00204-6848",
+      "type": "text",
+      "x": 4904.0,
+      "y": 333.0,
+      "width": 66.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1604873388,
+      "version": 1,
+      "versionNonce": 1490443945,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save",
+      "originalText": "Save",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00205-6698",
+      "type": "rectangle",
+      "x": 4988.0,
+      "y": 324.0,
+      "width": 102.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2146384416,
+      "version": 1,
+      "versionNonce": 1341071092,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00206-4992",
+      "type": "text",
+      "x": 4996.0,
+      "y": 333.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 470042625,
+      "version": 1,
+      "versionNonce": 1196619506,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Publish",
+      "originalText": "Publish",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00207-4841",
+      "type": "rectangle",
+      "x": 3900.0,
+      "y": 392.0,
+      "width": 1210.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#f7f9fc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1258635159,
+      "version": 1,
+      "versionNonce": 887923239,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-00208-1965",
+      "type": "line",
+      "x": 3980.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2136311406,
+      "version": 1,
+      "versionNonce": 1713398008,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00209-7004",
+      "type": "line",
+      "x": 4100.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 466026979,
+      "version": 1,
+      "versionNonce": 1472119802,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00210-4238",
+      "type": "line",
+      "x": 4220.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 553811249,
+      "version": 1,
+      "versionNonce": 606831489,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00211-5985",
+      "type": "line",
+      "x": 4340.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2131559997,
+      "version": 1,
+      "versionNonce": 1641707317,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00212-3414",
+      "type": "line",
+      "x": 4460.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1297666127,
+      "version": 1,
+      "versionNonce": 620837169,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00213-3697",
+      "type": "line",
+      "x": 4580.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 985854720,
+      "version": 1,
+      "versionNonce": 496962118,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00214-9074",
+      "type": "line",
+      "x": 4700.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 174981774,
+      "version": 1,
+      "versionNonce": 1609837859,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00215-5198",
+      "type": "line",
+      "x": 4820.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1602817946,
+      "version": 1,
+      "versionNonce": 589261530,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00216-7133",
+      "type": "line",
+      "x": 4940.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1980012199,
+      "version": 1,
+      "versionNonce": 621240189,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00217-5895",
+      "type": "line",
+      "x": 5060.0,
+      "y": 392.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1225561655,
+      "version": 1,
+      "versionNonce": 1258889751,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00218-9929",
+      "type": "line",
+      "x": 3900.0,
+      "y": 472.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1439276568,
+      "version": 1,
+      "versionNonce": 111380559,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00219-2964",
+      "type": "line",
+      "x": 3900.0,
+      "y": 592.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 706725634,
+      "version": 1,
+      "versionNonce": 25545325,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00220-1782",
+      "type": "line",
+      "x": 3900.0,
+      "y": 712.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 938635866,
+      "version": 1,
+      "versionNonce": 228319219,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00221-2642",
+      "type": "line",
+      "x": 3900.0,
+      "y": 832.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1189114470,
+      "version": 1,
+      "versionNonce": 922071722,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00222-2518",
+      "type": "line",
+      "x": 3900.0,
+      "y": 952.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 796561954,
+      "version": 1,
+      "versionNonce": 1369816104,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00223-8007",
+      "type": "line",
+      "x": 3900.0,
+      "y": 1072.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1467756532,
+      "version": 1,
+      "versionNonce": 499905299,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00224-3596",
+      "type": "line",
+      "x": 3900.0,
+      "y": 1192.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 448038822,
+      "version": 1,
+      "versionNonce": 627198832,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00225-1760",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 408.0,
+      "width": 211.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 561905591,
+      "version": 1,
+      "versionNonce": 1611409252,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00226-6752",
+      "type": "text",
+      "x": 3926.0,
+      "y": 414.0,
+      "width": 191.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1524315040,
+      "version": 1,
+      "versionNonce": 1525813120,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Created from Description",
+      "originalText": "Created from Description",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "a-00227-5847",
+      "type": "arrow",
+      "x": 4158.0,
+      "y": 564.0,
+      "width": 34.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1133340364,
+      "version": 1,
+      "versionNonce": 1411973777,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          34.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00228-6844",
+      "type": "arrow",
+      "x": 4406.0,
+      "y": 564.0,
+      "width": 34.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1143874693,
+      "version": 1,
+      "versionNonce": 1684112365,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          34.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00229-6943",
+      "type": "arrow",
+      "x": 4654.0,
+      "y": 564.0,
+      "width": 214.0,
+      "height": 236.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 698984606,
+      "version": 1,
+      "versionNonce": 1824010118,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          -214.0,
+          236.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00230-5055",
+      "type": "arrow",
+      "x": 4654.0,
+      "y": 800.0,
+      "width": 214.0,
+      "height": 236.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1600932963,
+      "version": 1,
+      "versionNonce": 1340732644,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          -214.0,
+          236.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "r-00231-3245",
+      "type": "rectangle",
+      "x": 3944.0,
+      "y": 504.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1085264909,
+      "version": 1,
+      "versionNonce": 633434405,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00232-5976",
+      "type": "rectangle",
+      "x": 3944.0,
+      "y": 504.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 449599964,
+      "version": 1,
+      "versionNonce": 145448097,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00233-4556",
+      "type": "ellipse",
+      "x": 3938.0,
+      "y": 558.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 858687473,
+      "version": 1,
+      "versionNonce": 1814785680,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00234-1469",
+      "type": "ellipse",
+      "x": 4152.0,
+      "y": 558.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1457975126,
+      "version": 1,
+      "versionNonce": 738179719,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00235-1753",
+      "type": "rectangle",
+      "x": 3958.0,
+      "y": 518.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 668158073,
+      "version": 1,
+      "versionNonce": 1415605121,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00236-8751",
+      "type": "text",
+      "x": 3958.0,
+      "y": 527.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1099423128,
+      "version": 1,
+      "versionNonce": 890450943,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "T",
+      "originalText": "T",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00237-1649",
+      "type": "text",
+      "x": 4004.0,
+      "y": 517.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 681593593,
+      "version": 1,
+      "versionNonce": 331548110,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule every Monday",
+      "originalText": "Schedule every Monday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00238-3951",
+      "type": "text",
+      "x": 4004.0,
+      "y": 543.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1267982350,
+      "version": 1,
+      "versionNonce": 217028593,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00239-3485",
+      "type": "line",
+      "x": 3956.0,
+      "y": 566.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1323999936,
+      "version": 1,
+      "versionNonce": 1114575607,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00240-6075",
+      "type": "text",
+      "x": 3958.0,
+      "y": 580.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1448462034,
+      "version": 1,
+      "versionNonce": 2015177290,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Every Monday at 09:00",
+      "originalText": "Every Monday at 09:00",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00241-6353",
+      "type": "rectangle",
+      "x": 4192.0,
+      "y": 504.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 65897026,
+      "version": 1,
+      "versionNonce": 1881701955,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00242-3683",
+      "type": "rectangle",
+      "x": 4192.0,
+      "y": 504.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 170322328,
+      "version": 1,
+      "versionNonce": 2077990909,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00243-4761",
+      "type": "ellipse",
+      "x": 4186.0,
+      "y": 558.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1530932214,
+      "version": 1,
+      "versionNonce": 2109535548,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00244-1428",
+      "type": "ellipse",
+      "x": 4400.0,
+      "y": 558.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 181399569,
+      "version": 1,
+      "versionNonce": 1933626037,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00245-4452",
+      "type": "rectangle",
+      "x": 4206.0,
+      "y": 518.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 419512166,
+      "version": 1,
+      "versionNonce": 749242005,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00246-4984",
+      "type": "text",
+      "x": 4206.0,
+      "y": 527.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 115767746,
+      "version": 1,
+      "versionNonce": 1027248310,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00247-9971",
+      "type": "text",
+      "x": 4252.0,
+      "y": 517.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2012936015,
+      "version": 1,
+      "versionNonce": 1612582283,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Collect recent feedback",
+      "originalText": "Collect recent feedback",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00248-6635",
+      "type": "text",
+      "x": 4252.0,
+      "y": 543.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1109297118,
+      "version": 1,
+      "versionNonce": 1633746459,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark messages",
+      "originalText": "Lark messages",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00249-1229",
+      "type": "line",
+      "x": 4204.0,
+      "y": 566.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1795410792,
+      "version": 1,
+      "versionNonce": 1474969056,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00250-6728",
+      "type": "text",
+      "x": 4206.0,
+      "y": 580.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 188871057,
+      "version": 1,
+      "versionNonce": 155849285,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00251-9341",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 504.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1093332563,
+      "version": 1,
+      "versionNonce": 1971200117,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00252-3917",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 504.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 292432474,
+      "version": 1,
+      "versionNonce": 1980452580,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00253-5590",
+      "type": "ellipse",
+      "x": 4434.0,
+      "y": 558.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1213868931,
+      "version": 1,
+      "versionNonce": 572326681,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00254-8688",
+      "type": "ellipse",
+      "x": 4648.0,
+      "y": 558.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 766985476,
+      "version": 1,
+      "versionNonce": 224026526,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00255-1604",
+      "type": "rectangle",
+      "x": 4454.0,
+      "y": 518.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 49670202,
+      "version": 1,
+      "versionNonce": 1095324737,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00256-2131",
+      "type": "text",
+      "x": 4454.0,
+      "y": 527.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1868916435,
+      "version": 1,
+      "versionNonce": 46642639,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00257-8932",
+      "type": "text",
+      "x": 4500.0,
+      "y": 517.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1589721236,
+      "version": 1,
+      "versionNonce": 1545931885,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Group feedback themes",
+      "originalText": "Group feedback themes",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00258-3549",
+      "type": "text",
+      "x": 4500.0,
+      "y": 543.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1948341332,
+      "version": 1,
+      "versionNonce": 264452942,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00259-6431",
+      "type": "line",
+      "x": 4452.0,
+      "y": 566.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2018958728,
+      "version": 1,
+      "versionNonce": 918349221,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00260-1936",
+      "type": "text",
+      "x": 4454.0,
+      "y": 580.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 655971894,
+      "version": 1,
+      "versionNonce": 866724465,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00261-8922",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 740.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 201762234,
+      "version": 1,
+      "versionNonce": 439560707,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00262-2696",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 740.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1847938695,
+      "version": 1,
+      "versionNonce": 1147472528,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00263-4560",
+      "type": "ellipse",
+      "x": 4434.0,
+      "y": 794.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 416758094,
+      "version": 1,
+      "versionNonce": 1333191385,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00264-2645",
+      "type": "ellipse",
+      "x": 4648.0,
+      "y": 794.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 944383850,
+      "version": 1,
+      "versionNonce": 998145644,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00265-8336",
+      "type": "rectangle",
+      "x": 4454.0,
+      "y": 754.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 267960454,
+      "version": 1,
+      "versionNonce": 2061737178,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00266-9171",
+      "type": "text",
+      "x": 4454.0,
+      "y": 763.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 958312472,
+      "version": 1,
+      "versionNonce": 1510403854,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00267-1569",
+      "type": "text",
+      "x": 4500.0,
+      "y": 753.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 213216345,
+      "version": 1,
+      "versionNonce": 1957588969,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft concise summary",
+      "originalText": "Draft concise summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00268-6545",
+      "type": "text",
+      "x": 4500.0,
+      "y": 779.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1540860241,
+      "version": 1,
+      "versionNonce": 2138444123,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00269-8391",
+      "type": "line",
+      "x": 4452.0,
+      "y": 802.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1564867787,
+      "version": 1,
+      "versionNonce": 595906136,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00270-6614",
+      "type": "text",
+      "x": 4454.0,
+      "y": 816.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1293146404,
+      "version": 1,
+      "versionNonce": 73526054,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00271-8366",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 976.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 958929808,
+      "version": 1,
+      "versionNonce": 565380060,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00272-8669",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 976.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 685586677,
+      "version": 1,
+      "versionNonce": 1123562527,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00273-8780",
+      "type": "ellipse",
+      "x": 4434.0,
+      "y": 1030.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1663423181,
+      "version": 1,
+      "versionNonce": 1667460693,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00274-5315",
+      "type": "ellipse",
+      "x": 4648.0,
+      "y": 1030.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 346522571,
+      "version": 1,
+      "versionNonce": 1043907599,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00275-2668",
+      "type": "rectangle",
+      "x": 4454.0,
+      "y": 990.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1108071382,
+      "version": 1,
+      "versionNonce": 2040281320,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00276-4296",
+      "type": "text",
+      "x": 4454.0,
+      "y": 999.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 632025954,
+      "version": 1,
+      "versionNonce": 542459938,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00277-7532",
+      "type": "text",
+      "x": 4500.0,
+      "y": 989.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1415755504,
+      "version": 1,
+      "versionNonce": 1869832633,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Post feedback summary",
+      "originalText": "Post feedback summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00278-2411",
+      "type": "text",
+      "x": 4500.0,
+      "y": 1015.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 865337512,
+      "version": 1,
+      "versionNonce": 1632647139,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark message",
+      "originalText": "Lark message",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00279-3204",
+      "type": "line",
+      "x": 4452.0,
+      "y": 1038.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 896537753,
+      "version": 1,
+      "versionNonce": 1121235239,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00280-1167",
+      "type": "text",
+      "x": 4454.0,
+      "y": 1052.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2033260413,
+      "version": 1,
+      "versionNonce": 1811351210,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00281-8695",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 1082.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1095424036,
+      "version": 1,
+      "versionNonce": 114314282,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00282-8319",
+      "type": "text",
+      "x": 3924.0,
+      "y": 1091.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 775126905,
+      "version": 1,
+      "versionNonce": 274829809,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "+",
+      "originalText": "+",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00283-1034",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 1118.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 74579709,
+      "version": 1,
+      "versionNonce": 397347995,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00284-5314",
+      "type": "text",
+      "x": 3924.0,
+      "y": 1127.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1917992649,
+      "version": 1,
+      "versionNonce": 2122747661,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "-",
+      "originalText": "-",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00285-3748",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 1154.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1488384017,
+      "version": 1,
+      "versionNonce": 258931500,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00286-7228",
+      "type": "text",
+      "x": 3924.0,
+      "y": 1163.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1115102660,
+      "version": 1,
+      "versionNonce": 2014631740,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Fit",
+      "originalText": "Fit",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00287-2834",
+      "type": "rectangle",
+      "x": 4556.0,
+      "y": 1106.0,
+      "width": 138.0,
+      "height": 86.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1096816586,
+      "version": 1,
+      "versionNonce": 600526684,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00288-1413",
+      "type": "rectangle",
+      "x": 4566.0,
+      "y": 1122.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2144961277,
+      "version": 1,
+      "versionNonce": 698302925,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00289-6722",
+      "type": "rectangle",
+      "x": 4606.0,
+      "y": 1122.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 488970030,
+      "version": 1,
+      "versionNonce": 1656664951,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00290-6169",
+      "type": "rectangle",
+      "x": 4646.0,
+      "y": 1122.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 342539583,
+      "version": 1,
+      "versionNonce": 542933312,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00291-9429",
+      "type": "rectangle",
+      "x": 4566.0,
+      "y": 1150.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1190326036,
+      "version": 1,
+      "versionNonce": 862601533,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00292-6447",
+      "type": "rectangle",
+      "x": 4606.0,
+      "y": 1150.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 313574622,
+      "version": 1,
+      "versionNonce": 2128119794,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00293-9302",
+      "type": "rectangle",
+      "x": 4720.0,
+      "y": 392.0,
+      "width": 390.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#e5e7eb",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 858710666,
+      "version": 1,
+      "versionNonce": 1417432104,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00294-3138",
+      "type": "text",
+      "x": 4740.0,
+      "y": 410.0,
+      "width": 260.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 606075863,
+      "version": 1,
+      "versionNonce": 471407912,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Node configuration",
+      "originalText": "Node configuration",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00295-3449",
+      "type": "text",
+      "x": 4740.0,
+      "y": 440.0,
+      "width": 300.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 882316004,
+      "version": 1,
+      "versionNonce": 2058637860,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule every Monday",
+      "originalText": "Schedule every Monday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00296-4145",
+      "type": "text",
+      "x": 5064.0,
+      "y": 409.0,
+      "width": 24.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1001425296,
+      "version": 1,
+      "versionNonce": 1612682349,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "x",
+      "originalText": "x",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00297-1710",
+      "type": "line",
+      "x": 4720.0,
+      "y": 468.0,
+      "width": 390.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#eef2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1618034771,
+      "version": 1,
+      "versionNonce": 980149182,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          390.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00298-9610",
+      "type": "text",
+      "x": 4740.0,
+      "y": 492.0,
+      "width": 71.82,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 790426006,
+      "version": 1,
+      "versionNonce": 1674773579,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "NODE NAME",
+      "originalText": "NODE NAME",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00299-3915",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 514.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1416091167,
+      "version": 1,
+      "versionNonce": 1038382237,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00300-3680",
+      "type": "text",
+      "x": 4752.0,
+      "y": 525.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 66141781,
+      "version": 1,
+      "versionNonce": 726820429,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule every Monday",
+      "originalText": "Schedule every Monday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00301-6634",
+      "type": "text",
+      "x": 4740.0,
+      "y": 580.0,
+      "width": 31.919999999999998,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2014475214,
+      "version": 1,
+      "versionNonce": 1864518595,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TYPE",
+      "originalText": "TYPE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00302-2676",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 602.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 58914059,
+      "version": 1,
+      "versionNonce": 1558790760,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00303-1587",
+      "type": "text",
+      "x": 4752.0,
+      "y": 613.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1184971013,
+      "version": 1,
+      "versionNonce": 261181265,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00304-5414",
+      "type": "text",
+      "x": 4740.0,
+      "y": 668.0,
+      "width": 71.82,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1197572192,
+      "version": 1,
+      "versionNonce": 1285598344,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "FREQUENCY",
+      "originalText": "FREQUENCY",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00305-8730",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 690.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1536659718,
+      "version": 1,
+      "versionNonce": 2110000981,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00306-3013",
+      "type": "text",
+      "x": 4752.0,
+      "y": 701.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1059428017,
+      "version": 1,
+      "versionNonce": 2142435693,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Every Monday at 09:00",
+      "originalText": "Every Monday at 09:00",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00307-6275",
+      "type": "text",
+      "x": 4740.0,
+      "y": 756.0,
+      "width": 63.839999999999996,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1276402982,
+      "version": 1,
+      "versionNonce": 786694950,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TIMEZONE",
+      "originalText": "TIMEZONE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00308-2487",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 778.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 126078861,
+      "version": 1,
+      "versionNonce": 318476850,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00309-4116",
+      "type": "text",
+      "x": 4752.0,
+      "y": 789.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1603733352,
+      "version": 1,
+      "versionNonce": 264845589,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Asia/Shanghai",
+      "originalText": "Asia/Shanghai",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00310-5448",
+      "type": "line",
+      "x": 4720.0,
+      "y": 1148.0,
+      "width": 390.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#eef2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1869707965,
+      "version": 1,
+      "versionNonce": 1882828120,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          390.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00311-5257",
+      "type": "rectangle",
+      "x": 4914.0,
+      "y": 1162.0,
+      "width": 78.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1147673080,
+      "version": 1,
+      "versionNonce": 332343003,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00312-6488",
+      "type": "text",
+      "x": 4922.0,
+      "y": 1171.0,
+      "width": 62.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 1828813987,
+      "version": 1,
+      "versionNonce": 1973693551,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Delete",
+      "originalText": "Delete",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00313-6658",
+      "type": "rectangle",
+      "x": 5002.0,
+      "y": 1162.0,
+      "width": 88.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 638741813,
+      "version": 1,
+      "versionNonce": 1527692760,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00314-7692",
+      "type": "text",
+      "x": 5010.0,
+      "y": 1171.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-02"
+      ],
+      "frameId": "frame-00179-4597",
+      "roundness": null,
+      "seed": 2007675807,
+      "version": 1,
+      "versionNonce": 1973788005,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Apply",
+      "originalText": "Apply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00315-3022",
+      "type": "frame",
+      "x": 160.0,
+      "y": 1480.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 42557187,
+      "version": 1,
+      "versionNonce": 983898766,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "04 Start blank - empty Workflow draft"
+    },
+    {
+      "id": "r-00317-5462",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 1480.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 2283132,
+      "version": 1,
+      "versionNonce": 17327505,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00318-8515",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 1480.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1259272673,
+      "version": 1,
+      "versionNonce": 444069262,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00319-4624",
+      "type": "text",
+      "x": 184.0,
+      "y": 1504.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1937579970,
+      "version": 1,
+      "versionNonce": 2040487640,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00320-7714",
+      "type": "text",
+      "x": 184.0,
+      "y": 1533.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1678315007,
+      "version": 1,
+      "versionNonce": 1814353859,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00321-4560",
+      "type": "rectangle",
+      "x": 172.0,
+      "y": 1588.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 858902989,
+      "version": 1,
+      "versionNonce": 659842308,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00322-5118",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 1600.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 438963308,
+      "version": 1,
+      "versionNonce": 2081649833,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00323-6978",
+      "type": "text",
+      "x": 208.0,
+      "y": 1596.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 880520027,
+      "version": 1,
+      "versionNonce": 2048586288,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00324-8218",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 1652.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 953335281,
+      "version": 1,
+      "versionNonce": 1712703414,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00325-5938",
+      "type": "text",
+      "x": 208.0,
+      "y": 1648.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1120101386,
+      "version": 1,
+      "versionNonce": 550130064,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00326-5417",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 1704.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 452349976,
+      "version": 1,
+      "versionNonce": 854362230,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00327-6114",
+      "type": "text",
+      "x": 208.0,
+      "y": 1700.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1305364217,
+      "version": 1,
+      "versionNonce": 1391595430,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00328-1183",
+      "type": "text",
+      "x": 184.0,
+      "y": 2326.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1310101204,
+      "version": 1,
+      "versionNonce": 2016589689,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00329-8284",
+      "type": "text",
+      "x": 184.0,
+      "y": 2352.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1095768232,
+      "version": 1,
+      "versionNonce": 394241251,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00330-2690",
+      "type": "rectangle",
+      "x": 370.0,
+      "y": 1480.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 12503718,
+      "version": 1,
+      "versionNonce": 944448609,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00331-5130",
+      "type": "text",
+      "x": 400.0,
+      "y": 1498.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1131450871,
+      "version": 1,
+      "versionNonce": 405947081,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Untitled workflow",
+      "originalText": "Untitled workflow",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00332-7144",
+      "type": "text",
+      "x": 400.0,
+      "y": 1529.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1453471729,
+      "version": 1,
+      "versionNonce": 1302574345,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft \u00b7 revision 1 \u00b7 Saved just now",
+      "originalText": "Current draft \u00b7 revision 1 \u00b7 Saved just now",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00333-4287",
+      "type": "rectangle",
+      "x": 1090.0,
+      "y": 1504.0,
+      "width": 72.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2017795932,
+      "version": 1,
+      "versionNonce": 1033670969,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00334-3746",
+      "type": "text",
+      "x": 1098.0,
+      "y": 1513.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1004426732,
+      "version": 1,
+      "versionNonce": 137356904,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00335-2664",
+      "type": "rectangle",
+      "x": 1172.0,
+      "y": 1504.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 729875190,
+      "version": 1,
+      "versionNonce": 876892230,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00336-9820",
+      "type": "text",
+      "x": 1180.0,
+      "y": 1513.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1352267811,
+      "version": 1,
+      "versionNonce": 507442455,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Add node",
+      "originalText": "Add node",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00337-8978",
+      "type": "rectangle",
+      "x": 1274.0,
+      "y": 1504.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 458022298,
+      "version": 1,
+      "versionNonce": 313088696,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00338-3382",
+      "type": "text",
+      "x": 1282.0,
+      "y": 1513.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1923686879,
+      "version": 1,
+      "versionNonce": 884670832,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edit YAML",
+      "originalText": "Edit YAML",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00339-8902",
+      "type": "rectangle",
+      "x": 1376.0,
+      "y": 1504.0,
+      "width": 82.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1944820142,
+      "version": 1,
+      "versionNonce": 1878136582,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00340-8063",
+      "type": "text",
+      "x": 1384.0,
+      "y": 1513.0,
+      "width": 66.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 231096130,
+      "version": 1,
+      "versionNonce": 823537119,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save",
+      "originalText": "Save",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00341-5301",
+      "type": "rectangle",
+      "x": 1468.0,
+      "y": 1504.0,
+      "width": 102.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 511275896,
+      "version": 1,
+      "versionNonce": 1650692772,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00342-6841",
+      "type": "text",
+      "x": 1476.0,
+      "y": 1513.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1962365347,
+      "version": 1,
+      "versionNonce": 632369453,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Publish",
+      "originalText": "Publish",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00343-7129",
+      "type": "rectangle",
+      "x": 380.0,
+      "y": 1572.0,
+      "width": 1210.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#f7f9fc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1783601389,
+      "version": 1,
+      "versionNonce": 2130566188,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-00344-1682",
+      "type": "line",
+      "x": 460.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 516782545,
+      "version": 1,
+      "versionNonce": 374773894,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00345-8064",
+      "type": "line",
+      "x": 580.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 850915205,
+      "version": 1,
+      "versionNonce": 2131168694,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00346-1436",
+      "type": "line",
+      "x": 700.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 410612334,
+      "version": 1,
+      "versionNonce": 1121739985,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00347-6513",
+      "type": "line",
+      "x": 820.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1025833937,
+      "version": 1,
+      "versionNonce": 347215111,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00348-4791",
+      "type": "line",
+      "x": 940.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 339796898,
+      "version": 1,
+      "versionNonce": 2108855840,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00349-3736",
+      "type": "line",
+      "x": 1060.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1279470552,
+      "version": 1,
+      "versionNonce": 1594583881,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00350-8665",
+      "type": "line",
+      "x": 1180.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1091985185,
+      "version": 1,
+      "versionNonce": 13547251,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00351-2748",
+      "type": "line",
+      "x": 1300.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1107782610,
+      "version": 1,
+      "versionNonce": 508066236,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00352-4133",
+      "type": "line",
+      "x": 1420.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1988609540,
+      "version": 1,
+      "versionNonce": 1396654306,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00353-5915",
+      "type": "line",
+      "x": 1540.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 229708895,
+      "version": 1,
+      "versionNonce": 1745747624,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00354-5164",
+      "type": "line",
+      "x": 380.0,
+      "y": 1652.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 808700537,
+      "version": 1,
+      "versionNonce": 1010909192,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00355-1254",
+      "type": "line",
+      "x": 380.0,
+      "y": 1772.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 561426437,
+      "version": 1,
+      "versionNonce": 201138841,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00356-7306",
+      "type": "line",
+      "x": 380.0,
+      "y": 1892.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 720971524,
+      "version": 1,
+      "versionNonce": 650587655,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00357-7744",
+      "type": "line",
+      "x": 380.0,
+      "y": 2012.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 356346214,
+      "version": 1,
+      "versionNonce": 1085209217,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00358-9499",
+      "type": "line",
+      "x": 380.0,
+      "y": 2132.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1638361495,
+      "version": 1,
+      "versionNonce": 1486709379,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00359-7012",
+      "type": "line",
+      "x": 380.0,
+      "y": 2252.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1955058767,
+      "version": 1,
+      "versionNonce": 76519465,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00360-6302",
+      "type": "line",
+      "x": 380.0,
+      "y": 2372.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 496145280,
+      "version": 1,
+      "versionNonce": 1512397418,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00361-4618",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 1588.0,
+      "width": 164.4,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1230651726,
+      "version": 1,
+      "versionNonce": 1643179365,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00362-4197",
+      "type": "text",
+      "x": 406.0,
+      "y": 1594.0,
+      "width": 144.4,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 780112178,
+      "version": 1,
+      "versionNonce": 1423736381,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Created from Blank",
+      "originalText": "Created from Blank",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00363-6216",
+      "type": "rectangle",
+      "x": 929.0,
+      "y": 1895.0,
+      "width": 112.0,
+      "height": 112.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "dashed",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1086815180,
+      "version": 1,
+      "versionNonce": 1631195342,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00364-3127",
+      "type": "text",
+      "x": 929.0,
+      "y": 1923.0,
+      "width": 112.0,
+      "height": 40.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 665448921,
+      "version": 1,
+      "versionNonce": 570616313,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "+",
+      "originalText": "+",
+      "fontSize": 32,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00365-9217",
+      "type": "text",
+      "x": 835.0,
+      "y": 2025.0,
+      "width": 300.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 213473822,
+      "version": 1,
+      "versionNonce": 1836158962,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Add first step",
+      "originalText": "Add first step",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00366-6391",
+      "type": "text",
+      "x": 765.0,
+      "y": 2063.0,
+      "width": 440.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 208552174,
+      "version": 1,
+      "versionNonce": 432886256,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Start this workflow by adding the first step.",
+      "originalText": "Start this workflow by adding the first step.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00367-4867",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 2262.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1860302457,
+      "version": 1,
+      "versionNonce": 1221754845,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00368-6644",
+      "type": "text",
+      "x": 404.0,
+      "y": 2271.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1753532650,
+      "version": 1,
+      "versionNonce": 1174014866,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "+",
+      "originalText": "+",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00369-8813",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 2298.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1896250950,
+      "version": 1,
+      "versionNonce": 1880989829,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00370-8271",
+      "type": "text",
+      "x": 404.0,
+      "y": 2307.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 1011863622,
+      "version": 1,
+      "versionNonce": 1784772485,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "-",
+      "originalText": "-",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00371-3884",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 2334.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1487119837,
+      "version": 1,
+      "versionNonce": 1731683853,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00372-8045",
+      "type": "text",
+      "x": 404.0,
+      "y": 2343.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-03"
+      ],
+      "frameId": "frame-00315-3022",
+      "roundness": null,
+      "seed": 2131149974,
+      "version": 1,
+      "versionNonce": 1344082925,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Fit",
+      "originalText": "Fit",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00373-4230",
+      "type": "frame",
+      "x": 1920.0,
+      "y": 1480.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 894017045,
+      "version": 1,
+      "versionNonce": 132502651,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "05 Import YAML - imported Workflow draft"
+    },
+    {
+      "id": "r-00375-6590",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 1480.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1066768897,
+      "version": 1,
+      "versionNonce": 571719350,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00376-7755",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 1480.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1650838828,
+      "version": 1,
+      "versionNonce": 565701919,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00377-9643",
+      "type": "text",
+      "x": 1944.0,
+      "y": 1504.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 548016263,
+      "version": 1,
+      "versionNonce": 279775350,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00378-9274",
+      "type": "text",
+      "x": 1944.0,
+      "y": 1533.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1050175930,
+      "version": 1,
+      "versionNonce": 1737295992,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00379-8077",
+      "type": "rectangle",
+      "x": 1932.0,
+      "y": 1588.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 652033221,
+      "version": 1,
+      "versionNonce": 446347078,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00380-2291",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 1600.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 948885946,
+      "version": 1,
+      "versionNonce": 371961739,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00381-1824",
+      "type": "text",
+      "x": 1968.0,
+      "y": 1596.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 620696319,
+      "version": 1,
+      "versionNonce": 1859692279,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00382-4337",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 1652.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 612296472,
+      "version": 1,
+      "versionNonce": 1267435577,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00383-1700",
+      "type": "text",
+      "x": 1968.0,
+      "y": 1648.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 889149494,
+      "version": 1,
+      "versionNonce": 1611736151,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00384-2721",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 1704.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 198661835,
+      "version": 1,
+      "versionNonce": 1011842532,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00385-6958",
+      "type": "text",
+      "x": 1968.0,
+      "y": 1700.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1247346228,
+      "version": 1,
+      "versionNonce": 604293774,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00386-6695",
+      "type": "text",
+      "x": 1944.0,
+      "y": 2326.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1264159160,
+      "version": 1,
+      "versionNonce": 696200860,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00387-7296",
+      "type": "text",
+      "x": 1944.0,
+      "y": 2352.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 963781976,
+      "version": 1,
+      "versionNonce": 129929634,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00388-1776",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 1480.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 383026340,
+      "version": 1,
+      "versionNonce": 1814126832,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00389-9515",
+      "type": "text",
+      "x": 2160.0,
+      "y": 1498.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 167239364,
+      "version": 1,
+      "versionNonce": 1423445626,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Daily order exception report",
+      "originalText": "Daily order exception report",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00390-2947",
+      "type": "text",
+      "x": 2160.0,
+      "y": 1529.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1974425555,
+      "version": 1,
+      "versionNonce": 798039837,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft \u00b7 revision 1 \u00b7 Imported just now",
+      "originalText": "Current draft \u00b7 revision 1 \u00b7 Imported just now",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00391-6290",
+      "type": "rectangle",
+      "x": 2850.0,
+      "y": 1504.0,
+      "width": 72.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1889887093,
+      "version": 1,
+      "versionNonce": 1968710775,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00392-6895",
+      "type": "text",
+      "x": 2858.0,
+      "y": 1513.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2058324767,
+      "version": 1,
+      "versionNonce": 1458336462,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00393-1231",
+      "type": "rectangle",
+      "x": 2932.0,
+      "y": 1504.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1363548493,
+      "version": 1,
+      "versionNonce": 770861111,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00394-3538",
+      "type": "text",
+      "x": 2940.0,
+      "y": 1513.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 447585636,
+      "version": 1,
+      "versionNonce": 1595914718,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Add node",
+      "originalText": "Add node",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00395-9017",
+      "type": "rectangle",
+      "x": 3034.0,
+      "y": 1504.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 426106756,
+      "version": 1,
+      "versionNonce": 180552981,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00396-9297",
+      "type": "text",
+      "x": 3042.0,
+      "y": 1513.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 229377819,
+      "version": 1,
+      "versionNonce": 1051576803,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edit YAML",
+      "originalText": "Edit YAML",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00397-2057",
+      "type": "rectangle",
+      "x": 3136.0,
+      "y": 1504.0,
+      "width": 82.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 979702586,
+      "version": 1,
+      "versionNonce": 975810671,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00398-4302",
+      "type": "text",
+      "x": 3144.0,
+      "y": 1513.0,
+      "width": 66.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1861849773,
+      "version": 1,
+      "versionNonce": 1573531956,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save",
+      "originalText": "Save",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00399-6299",
+      "type": "rectangle",
+      "x": 3228.0,
+      "y": 1504.0,
+      "width": 102.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 518830164,
+      "version": 1,
+      "versionNonce": 1990591369,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00400-3272",
+      "type": "text",
+      "x": 3236.0,
+      "y": 1513.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1759040550,
+      "version": 1,
+      "versionNonce": 46565691,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Publish",
+      "originalText": "Publish",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00401-6395",
+      "type": "rectangle",
+      "x": 2140.0,
+      "y": 1572.0,
+      "width": 1210.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#f7f9fc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 800882108,
+      "version": 1,
+      "versionNonce": 1524822334,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-00402-9735",
+      "type": "line",
+      "x": 2220.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1124803193,
+      "version": 1,
+      "versionNonce": 1780043816,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00403-1639",
+      "type": "line",
+      "x": 2340.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1473242142,
+      "version": 1,
+      "versionNonce": 1125577164,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00404-7780",
+      "type": "line",
+      "x": 2460.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 470611028,
+      "version": 1,
+      "versionNonce": 1819928665,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00405-4476",
+      "type": "line",
+      "x": 2580.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1982717731,
+      "version": 1,
+      "versionNonce": 1928603786,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00406-4184",
+      "type": "line",
+      "x": 2700.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 555336086,
+      "version": 1,
+      "versionNonce": 1694509733,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00407-5605",
+      "type": "line",
+      "x": 2820.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 613531729,
+      "version": 1,
+      "versionNonce": 1384965803,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00408-7932",
+      "type": "line",
+      "x": 2940.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 343632542,
+      "version": 1,
+      "versionNonce": 919502337,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00409-9000",
+      "type": "line",
+      "x": 3060.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 449773164,
+      "version": 1,
+      "versionNonce": 2023689952,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00410-9883",
+      "type": "line",
+      "x": 3180.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 360880803,
+      "version": 1,
+      "versionNonce": 420610877,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00411-4016",
+      "type": "line",
+      "x": 3300.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 702926291,
+      "version": 1,
+      "versionNonce": 1260009592,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00412-5247",
+      "type": "line",
+      "x": 2140.0,
+      "y": 1652.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 113496579,
+      "version": 1,
+      "versionNonce": 245319262,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00413-9227",
+      "type": "line",
+      "x": 2140.0,
+      "y": 1772.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 401820249,
+      "version": 1,
+      "versionNonce": 1634534107,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00414-5874",
+      "type": "line",
+      "x": 2140.0,
+      "y": 1892.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1169817713,
+      "version": 1,
+      "versionNonce": 851760780,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00415-7242",
+      "type": "line",
+      "x": 2140.0,
+      "y": 2012.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2031198241,
+      "version": 1,
+      "versionNonce": 316920407,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00416-6290",
+      "type": "line",
+      "x": 2140.0,
+      "y": 2132.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2087033620,
+      "version": 1,
+      "versionNonce": 1987312844,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00417-4072",
+      "type": "line",
+      "x": 2140.0,
+      "y": 2252.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 933729539,
+      "version": 1,
+      "versionNonce": 922584770,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00418-3639",
+      "type": "line",
+      "x": 2140.0,
+      "y": 2372.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1956549775,
+      "version": 1,
+      "versionNonce": 460277284,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00419-8145",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 1588.0,
+      "width": 172.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 870691716,
+      "version": 1,
+      "versionNonce": 1564414197,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00420-7124",
+      "type": "text",
+      "x": 2166.0,
+      "y": 1594.0,
+      "width": 152.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 387367722,
+      "version": 1,
+      "versionNonce": 1133770345,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Created from Import",
+      "originalText": "Created from Import",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "a-00421-7100",
+      "type": "arrow",
+      "x": 2398.0,
+      "y": 1744.0,
+      "width": 34.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1133459987,
+      "version": 1,
+      "versionNonce": 2147272685,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          34.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00422-8081",
+      "type": "arrow",
+      "x": 2646.0,
+      "y": 1744.0,
+      "width": 34.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 359074719,
+      "version": 1,
+      "versionNonce": 1573270907,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          34.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00423-7143",
+      "type": "arrow",
+      "x": 2894.0,
+      "y": 1744.0,
+      "width": 214.0,
+      "height": 236.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1336653315,
+      "version": 1,
+      "versionNonce": 1863663777,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          -214.0,
+          236.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "r-00424-6209",
+      "type": "rectangle",
+      "x": 2184.0,
+      "y": 1684.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 690332460,
+      "version": 1,
+      "versionNonce": 817501434,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00425-9762",
+      "type": "rectangle",
+      "x": 2184.0,
+      "y": 1684.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 931309064,
+      "version": 1,
+      "versionNonce": 131757949,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00426-3882",
+      "type": "ellipse",
+      "x": 2178.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 589036927,
+      "version": 1,
+      "versionNonce": 125765451,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00427-5425",
+      "type": "ellipse",
+      "x": 2392.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1576632388,
+      "version": 1,
+      "versionNonce": 1555900735,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00428-6896",
+      "type": "rectangle",
+      "x": 2198.0,
+      "y": 1698.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 363975874,
+      "version": 1,
+      "versionNonce": 413198224,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00429-5115",
+      "type": "text",
+      "x": 2198.0,
+      "y": 1707.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 451147796,
+      "version": 1,
+      "versionNonce": 1505883401,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "T",
+      "originalText": "T",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00430-6605",
+      "type": "text",
+      "x": 2244.0,
+      "y": 1697.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2016158021,
+      "version": 1,
+      "versionNonce": 1275248107,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule every weekday",
+      "originalText": "Schedule every weekday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00431-1541",
+      "type": "text",
+      "x": 2244.0,
+      "y": 1723.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1913742875,
+      "version": 1,
+      "versionNonce": 1343190612,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00432-8108",
+      "type": "line",
+      "x": 2196.0,
+      "y": 1746.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1218824084,
+      "version": 1,
+      "versionNonce": 558676590,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00433-2958",
+      "type": "text",
+      "x": 2198.0,
+      "y": 1760.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 216631248,
+      "version": 1,
+      "versionNonce": 485935105,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00434-2326",
+      "type": "rectangle",
+      "x": 2432.0,
+      "y": 1684.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#0891b2",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1105355300,
+      "version": 1,
+      "versionNonce": 1154669100,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00435-7870",
+      "type": "rectangle",
+      "x": 2432.0,
+      "y": 1684.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#0891b2",
+      "backgroundColor": "#0891b2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 578100903,
+      "version": 1,
+      "versionNonce": 363214318,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00436-7145",
+      "type": "ellipse",
+      "x": 2426.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#0891b2",
+      "backgroundColor": "#0891b2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1927497171,
+      "version": 1,
+      "versionNonce": 898768112,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00437-3586",
+      "type": "ellipse",
+      "x": 2640.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#0891b2",
+      "backgroundColor": "#0891b2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1989017601,
+      "version": 1,
+      "versionNonce": 1484151114,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00438-9110",
+      "type": "rectangle",
+      "x": 2446.0,
+      "y": 1698.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#0891b2",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 590375721,
+      "version": 1,
+      "versionNonce": 1028010992,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00439-1242",
+      "type": "text",
+      "x": 2446.0,
+      "y": 1707.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#0891b2",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2092560323,
+      "version": 1,
+      "versionNonce": 2060118286,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "D",
+      "originalText": "D",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00440-9327",
+      "type": "text",
+      "x": 2492.0,
+      "y": 1697.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1157642155,
+      "version": 1,
+      "versionNonce": 724129063,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Find order exceptions",
+      "originalText": "Find order exceptions",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00441-7404",
+      "type": "text",
+      "x": 2492.0,
+      "y": 1723.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 935463053,
+      "version": 1,
+      "versionNonce": 631626389,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Data query",
+      "originalText": "Data query",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00442-5116",
+      "type": "line",
+      "x": 2444.0,
+      "y": 1746.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1231730879,
+      "version": 1,
+      "versionNonce": 1812108254,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00443-5214",
+      "type": "text",
+      "x": 2446.0,
+      "y": 1760.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1247118585,
+      "version": 1,
+      "versionNonce": 2129318375,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Orders",
+      "originalText": "Orders",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00444-1039",
+      "type": "rectangle",
+      "x": 2680.0,
+      "y": 1684.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 113432608,
+      "version": 1,
+      "versionNonce": 1070713033,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00445-1701",
+      "type": "rectangle",
+      "x": 2680.0,
+      "y": 1684.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1725622613,
+      "version": 1,
+      "versionNonce": 1197335082,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00446-1169",
+      "type": "ellipse",
+      "x": 2674.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 674711124,
+      "version": 1,
+      "versionNonce": 866386896,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00447-3852",
+      "type": "ellipse",
+      "x": 2888.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 359942413,
+      "version": 1,
+      "versionNonce": 790658582,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00448-2853",
+      "type": "rectangle",
+      "x": 2694.0,
+      "y": 1698.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1349647054,
+      "version": 1,
+      "versionNonce": 1656665502,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00449-1880",
+      "type": "text",
+      "x": 2694.0,
+      "y": 1707.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1162698083,
+      "version": 1,
+      "versionNonce": 965254476,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00450-1611",
+      "type": "text",
+      "x": 2740.0,
+      "y": 1697.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2076173996,
+      "version": 1,
+      "versionNonce": 1357515334,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Summarize exceptions",
+      "originalText": "Summarize exceptions",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00451-3509",
+      "type": "text",
+      "x": 2740.0,
+      "y": 1723.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 80224444,
+      "version": 1,
+      "versionNonce": 745539407,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00452-6291",
+      "type": "line",
+      "x": 2692.0,
+      "y": 1746.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2132993665,
+      "version": 1,
+      "versionNonce": 868582197,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00453-8652",
+      "type": "text",
+      "x": 2694.0,
+      "y": 1760.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 888454877,
+      "version": 1,
+      "versionNonce": 1677801418,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00454-4336",
+      "type": "rectangle",
+      "x": 2680.0,
+      "y": 1920.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1032351350,
+      "version": 1,
+      "versionNonce": 1386739540,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00455-1877",
+      "type": "rectangle",
+      "x": 2680.0,
+      "y": 1920.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2091494065,
+      "version": 1,
+      "versionNonce": 1954718944,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00456-5613",
+      "type": "ellipse",
+      "x": 2674.0,
+      "y": 1974.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1142287261,
+      "version": 1,
+      "versionNonce": 1790329915,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00457-3305",
+      "type": "ellipse",
+      "x": 2888.0,
+      "y": 1974.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 628828323,
+      "version": 1,
+      "versionNonce": 1146136573,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00458-3452",
+      "type": "rectangle",
+      "x": 2694.0,
+      "y": 1934.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2042464788,
+      "version": 1,
+      "versionNonce": 596321335,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00459-7182",
+      "type": "text",
+      "x": 2694.0,
+      "y": 1943.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 575847588,
+      "version": 1,
+      "versionNonce": 1442388324,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00460-2993",
+      "type": "text",
+      "x": 2740.0,
+      "y": 1933.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1751620069,
+      "version": 1,
+      "versionNonce": 562758755,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Send operations summary",
+      "originalText": "Send operations summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00461-3804",
+      "type": "text",
+      "x": 2740.0,
+      "y": 1959.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2030209434,
+      "version": 1,
+      "versionNonce": 1047402106,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark message",
+      "originalText": "Lark message",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00462-1113",
+      "type": "line",
+      "x": 2692.0,
+      "y": 1982.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 241326731,
+      "version": 1,
+      "versionNonce": 87554638,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00463-1426",
+      "type": "text",
+      "x": 2694.0,
+      "y": 1996.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 463866723,
+      "version": 1,
+      "versionNonce": 1342771574,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00464-1147",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 2262.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 559676673,
+      "version": 1,
+      "versionNonce": 1205560567,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00465-7139",
+      "type": "text",
+      "x": 2164.0,
+      "y": 2271.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1913006616,
+      "version": 1,
+      "versionNonce": 2132308979,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "+",
+      "originalText": "+",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00466-7509",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 2298.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1416230354,
+      "version": 1,
+      "versionNonce": 386160336,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00467-6199",
+      "type": "text",
+      "x": 2164.0,
+      "y": 2307.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1580684773,
+      "version": 1,
+      "versionNonce": 1595253345,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "-",
+      "originalText": "-",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00468-4215",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 2334.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1136802612,
+      "version": 1,
+      "versionNonce": 1777703197,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00469-5174",
+      "type": "text",
+      "x": 2164.0,
+      "y": 2343.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1642294323,
+      "version": 1,
+      "versionNonce": 780318946,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Fit",
+      "originalText": "Fit",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00470-3921",
+      "type": "rectangle",
+      "x": 2796.0,
+      "y": 2286.0,
+      "width": 138.0,
+      "height": 86.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1349111837,
+      "version": 1,
+      "versionNonce": 2048119173,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00471-6316",
+      "type": "rectangle",
+      "x": 2806.0,
+      "y": 2302.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 215472825,
+      "version": 1,
+      "versionNonce": 780004938,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00472-1428",
+      "type": "rectangle",
+      "x": 2846.0,
+      "y": 2302.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 784717305,
+      "version": 1,
+      "versionNonce": 643934769,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00473-2790",
+      "type": "rectangle",
+      "x": 2886.0,
+      "y": 2302.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 56625910,
+      "version": 1,
+      "versionNonce": 186612890,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00474-9236",
+      "type": "rectangle",
+      "x": 2806.0,
+      "y": 2330.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2013795494,
+      "version": 1,
+      "versionNonce": 2008008781,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00475-9318",
+      "type": "rectangle",
+      "x": 2960.0,
+      "y": 1572.0,
+      "width": 390.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#e5e7eb",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 846798613,
+      "version": 1,
+      "versionNonce": 949354913,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00476-8202",
+      "type": "text",
+      "x": 2980.0,
+      "y": 1590.0,
+      "width": 260.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 684792509,
+      "version": 1,
+      "versionNonce": 1569638094,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Node configuration",
+      "originalText": "Node configuration",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00477-4558",
+      "type": "text",
+      "x": 2980.0,
+      "y": 1620.0,
+      "width": 300.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 44571204,
+      "version": 1,
+      "versionNonce": 2133681118,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Find order exceptions",
+      "originalText": "Find order exceptions",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00478-3476",
+      "type": "text",
+      "x": 3304.0,
+      "y": 1589.0,
+      "width": 24.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1919668463,
+      "version": 1,
+      "versionNonce": 1215516350,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "x",
+      "originalText": "x",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00479-9275",
+      "type": "line",
+      "x": 2960.0,
+      "y": 1648.0,
+      "width": 390.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#eef2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1987261006,
+      "version": 1,
+      "versionNonce": 1386567819,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          390.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00480-3744",
+      "type": "text",
+      "x": 2980.0,
+      "y": 1672.0,
+      "width": 71.82,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1505466352,
+      "version": 1,
+      "versionNonce": 540012733,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "NODE NAME",
+      "originalText": "NODE NAME",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00481-6406",
+      "type": "rectangle",
+      "x": 2980.0,
+      "y": 1694.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 888787557,
+      "version": 1,
+      "versionNonce": 2035742007,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00482-3361",
+      "type": "text",
+      "x": 2992.0,
+      "y": 1705.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 423651487,
+      "version": 1,
+      "versionNonce": 318838013,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Find order exceptions",
+      "originalText": "Find order exceptions",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00483-9355",
+      "type": "text",
+      "x": 2980.0,
+      "y": 1760.0,
+      "width": 31.919999999999998,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 846448227,
+      "version": 1,
+      "versionNonce": 2093466681,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TYPE",
+      "originalText": "TYPE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00484-5633",
+      "type": "rectangle",
+      "x": 2980.0,
+      "y": 1782.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 167250139,
+      "version": 1,
+      "versionNonce": 1689055260,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00485-9527",
+      "type": "text",
+      "x": 2992.0,
+      "y": 1793.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1234329338,
+      "version": 1,
+      "versionNonce": 1937225415,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Data query",
+      "originalText": "Data query",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00486-2659",
+      "type": "text",
+      "x": 2980.0,
+      "y": 1848.0,
+      "width": 47.879999999999995,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 2001238317,
+      "version": 1,
+      "versionNonce": 2117212282,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SOURCE",
+      "originalText": "SOURCE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00487-4248",
+      "type": "rectangle",
+      "x": 2980.0,
+      "y": 1870.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 849091520,
+      "version": 1,
+      "versionNonce": 1864618112,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00488-3093",
+      "type": "text",
+      "x": 2992.0,
+      "y": 1881.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 530027516,
+      "version": 1,
+      "versionNonce": 110130534,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Orders",
+      "originalText": "Orders",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00489-7683",
+      "type": "text",
+      "x": 2980.0,
+      "y": 1936.0,
+      "width": 47.879999999999995,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1368585613,
+      "version": 1,
+      "versionNonce": 1821626862,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "FILTER",
+      "originalText": "FILTER",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00490-5771",
+      "type": "rectangle",
+      "x": 2980.0,
+      "y": 1958.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 48068245,
+      "version": 1,
+      "versionNonce": 1332841767,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00491-3538",
+      "type": "text",
+      "x": 2992.0,
+      "y": 1969.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 1627277313,
+      "version": 1,
+      "versionNonce": 99958022,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "status = exception",
+      "originalText": "status = exception",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00492-7766",
+      "type": "line",
+      "x": 2960.0,
+      "y": 2328.0,
+      "width": 390.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#eef2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 728408978,
+      "version": 1,
+      "versionNonce": 1116456365,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          390.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00493-8594",
+      "type": "rectangle",
+      "x": 3154.0,
+      "y": 2342.0,
+      "width": 78.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1540293338,
+      "version": 1,
+      "versionNonce": 633615825,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00494-4373",
+      "type": "text",
+      "x": 3162.0,
+      "y": 2351.0,
+      "width": 62.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 484679513,
+      "version": 1,
+      "versionNonce": 744165405,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Delete",
+      "originalText": "Delete",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00495-6070",
+      "type": "rectangle",
+      "x": 3242.0,
+      "y": 2342.0,
+      "width": 88.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1414343000,
+      "version": 1,
+      "versionNonce": 1576107066,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00496-4873",
+      "type": "text",
+      "x": 3250.0,
+      "y": 2351.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-04"
+      ],
+      "frameId": "frame-00373-4230",
+      "roundness": null,
+      "seed": 430208822,
+      "version": 1,
+      "versionNonce": 1255412657,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Apply",
+      "originalText": "Apply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00497-1095",
+      "type": "frame",
+      "x": 3680.0,
+      "y": 1480.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 13269160,
+      "version": 1,
+      "versionNonce": 1011063864,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "06 Template - populated Workflow draft"
+    },
+    {
+      "id": "r-00499-9798",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 1480.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 583711047,
+      "version": 1,
+      "versionNonce": 1326515533,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00500-7284",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 1480.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1973535551,
+      "version": 1,
+      "versionNonce": 1968115255,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00501-7180",
+      "type": "text",
+      "x": 3704.0,
+      "y": 1504.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1994264986,
+      "version": 1,
+      "versionNonce": 1024805867,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00502-9317",
+      "type": "text",
+      "x": 3704.0,
+      "y": 1533.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1335769668,
+      "version": 1,
+      "versionNonce": 1244840994,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00503-2598",
+      "type": "rectangle",
+      "x": 3692.0,
+      "y": 1588.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1870449888,
+      "version": 1,
+      "versionNonce": 986152151,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00504-5460",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 1600.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 298446521,
+      "version": 1,
+      "versionNonce": 1972974574,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00505-3572",
+      "type": "text",
+      "x": 3728.0,
+      "y": 1596.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 933370169,
+      "version": 1,
+      "versionNonce": 743733077,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00506-8790",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 1652.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 239847797,
+      "version": 1,
+      "versionNonce": 1471327341,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00507-7587",
+      "type": "text",
+      "x": 3728.0,
+      "y": 1648.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1206099618,
+      "version": 1,
+      "versionNonce": 128006646,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00508-7215",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 1704.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 614389668,
+      "version": 1,
+      "versionNonce": 1171936549,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00509-2420",
+      "type": "text",
+      "x": 3728.0,
+      "y": 1700.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 480704553,
+      "version": 1,
+      "versionNonce": 2096635357,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00510-9056",
+      "type": "text",
+      "x": 3704.0,
+      "y": 2326.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1615369727,
+      "version": 1,
+      "versionNonce": 745251070,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00511-5137",
+      "type": "text",
+      "x": 3704.0,
+      "y": 2352.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1823868379,
+      "version": 1,
+      "versionNonce": 1050462843,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00512-9815",
+      "type": "rectangle",
+      "x": 3890.0,
+      "y": 1480.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 302045654,
+      "version": 1,
+      "versionNonce": 648983536,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00513-6256",
+      "type": "text",
+      "x": 3920.0,
+      "y": 1498.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1324179997,
+      "version": 1,
+      "versionNonce": 1617935925,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Standup digest copy",
+      "originalText": "Standup digest copy",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00514-2995",
+      "type": "text",
+      "x": 3920.0,
+      "y": 1529.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1499233681,
+      "version": 1,
+      "versionNonce": 2037723742,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft \u00b7 revision 1 \u00b7 Saved just now",
+      "originalText": "Current draft \u00b7 revision 1 \u00b7 Saved just now",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00515-1650",
+      "type": "rectangle",
+      "x": 4610.0,
+      "y": 1504.0,
+      "width": 72.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1993396562,
+      "version": 1,
+      "versionNonce": 1291552109,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00516-8686",
+      "type": "text",
+      "x": 4618.0,
+      "y": 1513.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 2047653892,
+      "version": 1,
+      "versionNonce": 1485901770,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00517-5899",
+      "type": "rectangle",
+      "x": 4692.0,
+      "y": 1504.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2091871812,
+      "version": 1,
+      "versionNonce": 1865289533,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00518-5391",
+      "type": "text",
+      "x": 4700.0,
+      "y": 1513.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 397901424,
+      "version": 1,
+      "versionNonce": 1559987500,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Add node",
+      "originalText": "Add node",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00519-1489",
+      "type": "rectangle",
+      "x": 4794.0,
+      "y": 1504.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1420860191,
+      "version": 1,
+      "versionNonce": 315094120,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00520-5452",
+      "type": "text",
+      "x": 4802.0,
+      "y": 1513.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 602156002,
+      "version": 1,
+      "versionNonce": 1958438664,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edit YAML",
+      "originalText": "Edit YAML",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00521-4830",
+      "type": "rectangle",
+      "x": 4896.0,
+      "y": 1504.0,
+      "width": 82.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1354937448,
+      "version": 1,
+      "versionNonce": 74933065,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00522-8477",
+      "type": "text",
+      "x": 4904.0,
+      "y": 1513.0,
+      "width": 66.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 504762185,
+      "version": 1,
+      "versionNonce": 1279662512,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save",
+      "originalText": "Save",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00523-6450",
+      "type": "rectangle",
+      "x": 4988.0,
+      "y": 1504.0,
+      "width": 102.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1901702757,
+      "version": 1,
+      "versionNonce": 1048416333,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00524-8015",
+      "type": "text",
+      "x": 4996.0,
+      "y": 1513.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1584852074,
+      "version": 1,
+      "versionNonce": 986627134,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Publish",
+      "originalText": "Publish",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00525-7260",
+      "type": "rectangle",
+      "x": 3900.0,
+      "y": 1572.0,
+      "width": 1210.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#f7f9fc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 213177491,
+      "version": 1,
+      "versionNonce": 486439660,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-00526-6797",
+      "type": "line",
+      "x": 3980.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 389912412,
+      "version": 1,
+      "versionNonce": 446990868,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00527-1965",
+      "type": "line",
+      "x": 4100.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1702639914,
+      "version": 1,
+      "versionNonce": 1750772127,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00528-6675",
+      "type": "line",
+      "x": 4220.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1954427704,
+      "version": 1,
+      "versionNonce": 1381922415,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00529-7564",
+      "type": "line",
+      "x": 4340.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 357567464,
+      "version": 1,
+      "versionNonce": 721517804,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00530-6028",
+      "type": "line",
+      "x": 4460.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 700799571,
+      "version": 1,
+      "versionNonce": 962551275,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00531-6008",
+      "type": "line",
+      "x": 4580.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 670800506,
+      "version": 1,
+      "versionNonce": 1057176836,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00532-3279",
+      "type": "line",
+      "x": 4700.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 649671098,
+      "version": 1,
+      "versionNonce": 121188035,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00533-1125",
+      "type": "line",
+      "x": 4820.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1584205375,
+      "version": 1,
+      "versionNonce": 1974068546,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00534-6559",
+      "type": "line",
+      "x": 4940.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 67846565,
+      "version": 1,
+      "versionNonce": 1422612681,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00535-4204",
+      "type": "line",
+      "x": 5060.0,
+      "y": 1572.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 2002138020,
+      "version": 1,
+      "versionNonce": 366471899,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00536-1153",
+      "type": "line",
+      "x": 3900.0,
+      "y": 1652.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 54308665,
+      "version": 1,
+      "versionNonce": 1457200466,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00537-6206",
+      "type": "line",
+      "x": 3900.0,
+      "y": 1772.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1846780993,
+      "version": 1,
+      "versionNonce": 103213386,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00538-6951",
+      "type": "line",
+      "x": 3900.0,
+      "y": 1892.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1958819957,
+      "version": 1,
+      "versionNonce": 76138036,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00539-6205",
+      "type": "line",
+      "x": 3900.0,
+      "y": 2012.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 325532565,
+      "version": 1,
+      "versionNonce": 695414663,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00540-9039",
+      "type": "line",
+      "x": 3900.0,
+      "y": 2132.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1375210318,
+      "version": 1,
+      "versionNonce": 604281084,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00541-9956",
+      "type": "line",
+      "x": 3900.0,
+      "y": 2252.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1316341297,
+      "version": 1,
+      "versionNonce": 858486099,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00542-3627",
+      "type": "line",
+      "x": 3900.0,
+      "y": 2372.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1146529667,
+      "version": 1,
+      "versionNonce": 1789878911,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00543-4744",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 1588.0,
+      "width": 187.79999999999998,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 295580701,
+      "version": 1,
+      "versionNonce": 1187394902,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00544-6569",
+      "type": "text",
+      "x": 3926.0,
+      "y": 1594.0,
+      "width": 167.79999999999998,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1021866757,
+      "version": 1,
+      "versionNonce": 452667072,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Created from Template",
+      "originalText": "Created from Template",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "a-00545-2651",
+      "type": "arrow",
+      "x": 4158.0,
+      "y": 1744.0,
+      "width": 34.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 2064985107,
+      "version": 1,
+      "versionNonce": 11266225,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          34.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00546-4084",
+      "type": "arrow",
+      "x": 4406.0,
+      "y": 1744.0,
+      "width": 34.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1278195399,
+      "version": 1,
+      "versionNonce": 1073963741,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          34.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00547-6394",
+      "type": "arrow",
+      "x": 4654.0,
+      "y": 1744.0,
+      "width": 214.0,
+      "height": 236.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 269929932,
+      "version": 1,
+      "versionNonce": 773525106,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          -214.0,
+          236.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "r-00548-5270",
+      "type": "rectangle",
+      "x": 3944.0,
+      "y": 1684.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1659994984,
+      "version": 1,
+      "versionNonce": 652166569,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00549-3885",
+      "type": "rectangle",
+      "x": 3944.0,
+      "y": 1684.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1585045107,
+      "version": 1,
+      "versionNonce": 1854066836,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00550-7196",
+      "type": "ellipse",
+      "x": 3938.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 790591997,
+      "version": 1,
+      "versionNonce": 1358778253,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00551-3693",
+      "type": "ellipse",
+      "x": 4152.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#6941c6",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 616519725,
+      "version": 1,
+      "versionNonce": 1668155666,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00552-1396",
+      "type": "rectangle",
+      "x": 3958.0,
+      "y": 1698.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 134673925,
+      "version": 1,
+      "versionNonce": 88651768,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00553-1046",
+      "type": "text",
+      "x": 3958.0,
+      "y": 1707.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 703087946,
+      "version": 1,
+      "versionNonce": 713543490,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "T",
+      "originalText": "T",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00554-4252",
+      "type": "text",
+      "x": 4004.0,
+      "y": 1697.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1181732128,
+      "version": 1,
+      "versionNonce": 1082862052,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule every weekday",
+      "originalText": "Schedule every weekday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00555-5468",
+      "type": "text",
+      "x": 4004.0,
+      "y": 1723.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1388780674,
+      "version": 1,
+      "versionNonce": 1235523764,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00556-7371",
+      "type": "line",
+      "x": 3956.0,
+      "y": 1746.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1956863056,
+      "version": 1,
+      "versionNonce": 875601681,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00557-8914",
+      "type": "text",
+      "x": 3958.0,
+      "y": 1760.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1033267833,
+      "version": 1,
+      "versionNonce": 1154085775,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00558-5488",
+      "type": "rectangle",
+      "x": 4192.0,
+      "y": 1684.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1855843825,
+      "version": 1,
+      "versionNonce": 234716122,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00559-4857",
+      "type": "rectangle",
+      "x": 4192.0,
+      "y": 1684.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 833133788,
+      "version": 1,
+      "versionNonce": 147176378,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00560-7541",
+      "type": "ellipse",
+      "x": 4186.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 810676266,
+      "version": 1,
+      "versionNonce": 1404609099,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00561-9634",
+      "type": "ellipse",
+      "x": 4400.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 2060259672,
+      "version": 1,
+      "versionNonce": 450662015,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00562-7183",
+      "type": "rectangle",
+      "x": 4206.0,
+      "y": 1698.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 496691920,
+      "version": 1,
+      "versionNonce": 920159656,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00563-6321",
+      "type": "text",
+      "x": 4206.0,
+      "y": 1707.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 386508028,
+      "version": 1,
+      "versionNonce": 1385710002,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00564-2249",
+      "type": "text",
+      "x": 4252.0,
+      "y": 1697.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1805018423,
+      "version": 1,
+      "versionNonce": 1813340642,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Collect contributor updates",
+      "originalText": "Collect contributor updates",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00565-6661",
+      "type": "text",
+      "x": 4252.0,
+      "y": 1723.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 555689753,
+      "version": 1,
+      "versionNonce": 496194664,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark messages",
+      "originalText": "Lark messages",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00566-2127",
+      "type": "line",
+      "x": 4204.0,
+      "y": 1746.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 470541522,
+      "version": 1,
+      "versionNonce": 973754534,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00567-1911",
+      "type": "text",
+      "x": 4206.0,
+      "y": 1760.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 957680163,
+      "version": 1,
+      "versionNonce": 1653296336,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00568-9041",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 1684.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 631735678,
+      "version": 1,
+      "versionNonce": 545648037,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00569-9696",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 1684.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1643719722,
+      "version": 1,
+      "versionNonce": 1044977644,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00570-3014",
+      "type": "ellipse",
+      "x": 4434.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1669564179,
+      "version": 1,
+      "versionNonce": 1259848295,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00571-4383",
+      "type": "ellipse",
+      "x": 4648.0,
+      "y": 1738.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 841662619,
+      "version": 1,
+      "versionNonce": 1733074358,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00572-1616",
+      "type": "rectangle",
+      "x": 4454.0,
+      "y": 1698.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 440910706,
+      "version": 1,
+      "versionNonce": 1970073991,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00573-4747",
+      "type": "text",
+      "x": 4454.0,
+      "y": 1707.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 332335135,
+      "version": 1,
+      "versionNonce": 1179587402,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00574-8409",
+      "type": "text",
+      "x": 4500.0,
+      "y": 1697.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 780181255,
+      "version": 1,
+      "versionNonce": 971194053,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft standup digest",
+      "originalText": "Draft standup digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00575-9688",
+      "type": "text",
+      "x": 4500.0,
+      "y": 1723.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1200460183,
+      "version": 1,
+      "versionNonce": 642197253,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00576-8477",
+      "type": "line",
+      "x": 4452.0,
+      "y": 1746.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 149300529,
+      "version": 1,
+      "versionNonce": 865281785,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00577-9523",
+      "type": "text",
+      "x": 4454.0,
+      "y": 1760.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 895949961,
+      "version": 1,
+      "versionNonce": 1804729281,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Group updates into completed, planned, and blocked.",
+      "originalText": "Group updates into completed, planned, and blocked.",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00578-4135",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 1920.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1887236953,
+      "version": 1,
+      "versionNonce": 689768362,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00579-7435",
+      "type": "rectangle",
+      "x": 4440.0,
+      "y": 1920.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1960400721,
+      "version": 1,
+      "versionNonce": 1929740314,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00580-7801",
+      "type": "ellipse",
+      "x": 4434.0,
+      "y": 1974.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1726870499,
+      "version": 1,
+      "versionNonce": 1957094805,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00581-8753",
+      "type": "ellipse",
+      "x": 4648.0,
+      "y": 1974.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1649220325,
+      "version": 1,
+      "versionNonce": 303547821,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00582-2231",
+      "type": "rectangle",
+      "x": 4454.0,
+      "y": 1934.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1908750776,
+      "version": 1,
+      "versionNonce": 1953786600,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00583-2416",
+      "type": "text",
+      "x": 4454.0,
+      "y": 1943.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 539535662,
+      "version": 1,
+      "versionNonce": 426552255,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00584-6318",
+      "type": "text",
+      "x": 4500.0,
+      "y": 1933.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 192529532,
+      "version": 1,
+      "versionNonce": 1924122947,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Post standup digest",
+      "originalText": "Post standup digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00585-4294",
+      "type": "text",
+      "x": 4500.0,
+      "y": 1959.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 2016805091,
+      "version": 1,
+      "versionNonce": 675891455,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark message",
+      "originalText": "Lark message",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00586-5611",
+      "type": "line",
+      "x": 4452.0,
+      "y": 1982.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1773474006,
+      "version": 1,
+      "versionNonce": 1488189502,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00587-8138",
+      "type": "text",
+      "x": 4454.0,
+      "y": 1996.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 386975751,
+      "version": 1,
+      "versionNonce": 1419569263,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00588-8647",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 2262.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 798988729,
+      "version": 1,
+      "versionNonce": 1216325153,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00589-9535",
+      "type": "text",
+      "x": 3924.0,
+      "y": 2271.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 713338221,
+      "version": 1,
+      "versionNonce": 1854319591,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "+",
+      "originalText": "+",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00590-7903",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 2298.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 522809342,
+      "version": 1,
+      "versionNonce": 48214625,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00591-8586",
+      "type": "text",
+      "x": 3924.0,
+      "y": 2307.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 738394344,
+      "version": 1,
+      "versionNonce": 486059083,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "-",
+      "originalText": "-",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00592-2828",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 2334.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 155554173,
+      "version": 1,
+      "versionNonce": 15579895,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00593-8271",
+      "type": "text",
+      "x": 3924.0,
+      "y": 2343.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 974369482,
+      "version": 1,
+      "versionNonce": 419794290,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Fit",
+      "originalText": "Fit",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00594-6875",
+      "type": "rectangle",
+      "x": 4556.0,
+      "y": 2286.0,
+      "width": 138.0,
+      "height": 86.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1311360359,
+      "version": 1,
+      "versionNonce": 1920727665,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00595-8356",
+      "type": "rectangle",
+      "x": 4566.0,
+      "y": 2302.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 172972468,
+      "version": 1,
+      "versionNonce": 124692797,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00596-6567",
+      "type": "rectangle",
+      "x": 4606.0,
+      "y": 2302.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1929504929,
+      "version": 1,
+      "versionNonce": 1439612762,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00597-8461",
+      "type": "rectangle",
+      "x": 4646.0,
+      "y": 2302.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1963318816,
+      "version": 1,
+      "versionNonce": 724971308,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00598-8636",
+      "type": "rectangle",
+      "x": 4566.0,
+      "y": 2330.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 388520946,
+      "version": 1,
+      "versionNonce": 1786284098,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00599-3996",
+      "type": "rectangle",
+      "x": 4720.0,
+      "y": 1572.0,
+      "width": 390.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#e5e7eb",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1496277612,
+      "version": 1,
+      "versionNonce": 498707589,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00600-9761",
+      "type": "text",
+      "x": 4740.0,
+      "y": 1590.0,
+      "width": 260.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 446073869,
+      "version": 1,
+      "versionNonce": 97658155,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Node configuration",
+      "originalText": "Node configuration",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00601-5542",
+      "type": "text",
+      "x": 4740.0,
+      "y": 1620.0,
+      "width": 300.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 528703378,
+      "version": 1,
+      "versionNonce": 505295562,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft standup digest",
+      "originalText": "Draft standup digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00602-5607",
+      "type": "text",
+      "x": 5064.0,
+      "y": 1589.0,
+      "width": 24.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1392839513,
+      "version": 1,
+      "versionNonce": 264196685,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "x",
+      "originalText": "x",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00603-7533",
+      "type": "line",
+      "x": 4720.0,
+      "y": 1648.0,
+      "width": 390.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#eef2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1757016018,
+      "version": 1,
+      "versionNonce": 366308299,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          390.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00604-9756",
+      "type": "text",
+      "x": 4740.0,
+      "y": 1672.0,
+      "width": 71.82,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 282852408,
+      "version": 1,
+      "versionNonce": 758647785,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "NODE NAME",
+      "originalText": "NODE NAME",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00605-5746",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 1694.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1287028775,
+      "version": 1,
+      "versionNonce": 17715181,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00606-3310",
+      "type": "text",
+      "x": 4752.0,
+      "y": 1705.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1067327293,
+      "version": 1,
+      "versionNonce": 1276057975,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft standup digest",
+      "originalText": "Draft standup digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00607-1543",
+      "type": "text",
+      "x": 4740.0,
+      "y": 1760.0,
+      "width": 31.919999999999998,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1752171904,
+      "version": 1,
+      "versionNonce": 1237918507,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TYPE",
+      "originalText": "TYPE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00608-6245",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 1782.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 539171088,
+      "version": 1,
+      "versionNonce": 1486646985,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00609-1921",
+      "type": "text",
+      "x": 4752.0,
+      "y": 1793.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1321631672,
+      "version": 1,
+      "versionNonce": 1113997790,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00610-8938",
+      "type": "text",
+      "x": 4740.0,
+      "y": 1848.0,
+      "width": 87.77999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1397446847,
+      "version": 1,
+      "versionNonce": 1040708949,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "INSTRUCTION",
+      "originalText": "INSTRUCTION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00611-4773",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 1870.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 631037415,
+      "version": 1,
+      "versionNonce": 64135026,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00612-2557",
+      "type": "text",
+      "x": 4752.0,
+      "y": 1881.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1124744145,
+      "version": 1,
+      "versionNonce": 1399709537,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Group updates into completed, planned, and blocked.",
+      "originalText": "Group updates into completed, planned, and blocked.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00613-1305",
+      "type": "text",
+      "x": 4740.0,
+      "y": 1936.0,
+      "width": 31.919999999999998,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1943106480,
+      "version": 1,
+      "versionNonce": 1725508972,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TONE",
+      "originalText": "TONE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00614-8273",
+      "type": "rectangle",
+      "x": 4740.0,
+      "y": 1958.0,
+      "width": 350.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1394505852,
+      "version": 1,
+      "versionNonce": 795661565,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00615-9589",
+      "type": "text",
+      "x": 4752.0,
+      "y": 1969.0,
+      "width": 326.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1441801691,
+      "version": 1,
+      "versionNonce": 1229826638,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Concise",
+      "originalText": "Concise",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00616-3663",
+      "type": "line",
+      "x": 4720.0,
+      "y": 2328.0,
+      "width": 390.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#eef2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 520687506,
+      "version": 1,
+      "versionNonce": 1675645074,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          390.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00617-5680",
+      "type": "rectangle",
+      "x": 4914.0,
+      "y": 2342.0,
+      "width": 78.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1987390011,
+      "version": 1,
+      "versionNonce": 259098794,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00618-9233",
+      "type": "text",
+      "x": 4922.0,
+      "y": 2351.0,
+      "width": 62.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 265786387,
+      "version": 1,
+      "versionNonce": 1380529045,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Delete",
+      "originalText": "Delete",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00619-5489",
+      "type": "rectangle",
+      "x": 5002.0,
+      "y": 2342.0,
+      "width": 88.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1599552097,
+      "version": 1,
+      "versionNonce": 1699680222,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00620-9055",
+      "type": "text",
+      "x": 5010.0,
+      "y": 2351.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-05"
+      ],
+      "frameId": "frame-00497-1095",
+      "roundness": null,
+      "seed": 1902297582,
+      "version": 1,
+      "versionNonce": 102090287,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Apply",
+      "originalText": "Apply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00621-6168",
+      "type": "frame",
+      "x": 160.0,
+      "y": 2660.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1335595176,
+      "version": 1,
+      "versionNonce": 1982957977,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "07 Run - unified execution dialog"
+    },
+    {
+      "id": "r-00623-3774",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 2660.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 264703568,
+      "version": 1,
+      "versionNonce": 512641121,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00624-2684",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 2660.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1835520340,
+      "version": 1,
+      "versionNonce": 1430948710,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00625-5229",
+      "type": "text",
+      "x": 184.0,
+      "y": 2684.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 748051209,
+      "version": 1,
+      "versionNonce": 1857717936,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00626-6185",
+      "type": "text",
+      "x": 184.0,
+      "y": 2713.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 895057130,
+      "version": 1,
+      "versionNonce": 871166264,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00627-9394",
+      "type": "rectangle",
+      "x": 172.0,
+      "y": 2768.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1263755682,
+      "version": 1,
+      "versionNonce": 1629150105,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00628-3669",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 2780.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1436962452,
+      "version": 1,
+      "versionNonce": 553795908,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00629-4663",
+      "type": "text",
+      "x": 208.0,
+      "y": 2776.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1845037515,
+      "version": 1,
+      "versionNonce": 577200592,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00630-1782",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 2832.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1788926571,
+      "version": 1,
+      "versionNonce": 829065470,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00631-3758",
+      "type": "text",
+      "x": 208.0,
+      "y": 2828.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1289547133,
+      "version": 1,
+      "versionNonce": 1135084330,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00632-6707",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 2884.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1863333264,
+      "version": 1,
+      "versionNonce": 1943284102,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00633-4567",
+      "type": "text",
+      "x": 208.0,
+      "y": 2880.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1369666237,
+      "version": 1,
+      "versionNonce": 1082240096,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00634-5762",
+      "type": "text",
+      "x": 184.0,
+      "y": 3506.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1858150985,
+      "version": 1,
+      "versionNonce": 1352858898,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00635-7427",
+      "type": "text",
+      "x": 184.0,
+      "y": 3532.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1209760612,
+      "version": 1,
+      "versionNonce": 651814990,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00636-7123",
+      "type": "rectangle",
+      "x": 370.0,
+      "y": 2660.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1098956797,
+      "version": 1,
+      "versionNonce": 77499511,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00637-5661",
+      "type": "text",
+      "x": 400.0,
+      "y": 2678.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 338743391,
+      "version": 1,
+      "versionNonce": 1523752307,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00638-1203",
+      "type": "text",
+      "x": 400.0,
+      "y": 2709.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 2120049584,
+      "version": 1,
+      "versionNonce": 1233321378,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft revision 12  |  Saved just now",
+      "originalText": "Draft revision 12  |  Saved just now",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00639-5220",
+      "type": "rectangle",
+      "x": 1090.0,
+      "y": 2684.0,
+      "width": 72.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 457269733,
+      "version": 1,
+      "versionNonce": 1794181280,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00640-7071",
+      "type": "text",
+      "x": 1098.0,
+      "y": 2693.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 593012798,
+      "version": 1,
+      "versionNonce": 1351448565,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00641-7279",
+      "type": "rectangle",
+      "x": 1172.0,
+      "y": 2684.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1022752697,
+      "version": 1,
+      "versionNonce": 1487218531,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00642-6153",
+      "type": "text",
+      "x": 1180.0,
+      "y": 2693.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1148329110,
+      "version": 1,
+      "versionNonce": 1872175802,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Add node",
+      "originalText": "Add node",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00643-9698",
+      "type": "rectangle",
+      "x": 1274.0,
+      "y": 2684.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 553342051,
+      "version": 1,
+      "versionNonce": 568013523,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00644-8967",
+      "type": "text",
+      "x": 1282.0,
+      "y": 2693.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 581638745,
+      "version": 1,
+      "versionNonce": 1945938699,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edit YAML",
+      "originalText": "Edit YAML",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00645-4266",
+      "type": "rectangle",
+      "x": 1376.0,
+      "y": 2684.0,
+      "width": 82.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2145146059,
+      "version": 1,
+      "versionNonce": 1713648253,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00646-8193",
+      "type": "text",
+      "x": 1384.0,
+      "y": 2693.0,
+      "width": 66.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1434098424,
+      "version": 1,
+      "versionNonce": 1426648699,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save",
+      "originalText": "Save",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00647-6525",
+      "type": "rectangle",
+      "x": 1468.0,
+      "y": 2684.0,
+      "width": 102.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 16639806,
+      "version": 1,
+      "versionNonce": 1244303036,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00648-3443",
+      "type": "text",
+      "x": 1476.0,
+      "y": 2693.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 84444767,
+      "version": 1,
+      "versionNonce": 1185344103,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Publish",
+      "originalText": "Publish",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00649-5261",
+      "type": "rectangle",
+      "x": 380.0,
+      "y": 2752.0,
+      "width": 1210.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#f7f9fc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 371201612,
+      "version": 1,
+      "versionNonce": 1783128515,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-00650-2404",
+      "type": "line",
+      "x": 460.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1874521093,
+      "version": 1,
+      "versionNonce": 1860623560,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00651-4455",
+      "type": "line",
+      "x": 580.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 519001862,
+      "version": 1,
+      "versionNonce": 343290136,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00652-3810",
+      "type": "line",
+      "x": 700.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 2043590355,
+      "version": 1,
+      "versionNonce": 287229034,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00653-6359",
+      "type": "line",
+      "x": 820.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1191520855,
+      "version": 1,
+      "versionNonce": 959746715,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00654-1950",
+      "type": "line",
+      "x": 940.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 333080134,
+      "version": 1,
+      "versionNonce": 305507027,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00655-6460",
+      "type": "line",
+      "x": 1060.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 285147285,
+      "version": 1,
+      "versionNonce": 21692403,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00656-5362",
+      "type": "line",
+      "x": 1180.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 293326957,
+      "version": 1,
+      "versionNonce": 1704114958,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00657-3534",
+      "type": "line",
+      "x": 1300.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 13335880,
+      "version": 1,
+      "versionNonce": 1740160025,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00658-1199",
+      "type": "line",
+      "x": 1420.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1923443264,
+      "version": 1,
+      "versionNonce": 519190335,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00659-1531",
+      "type": "line",
+      "x": 1540.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 818.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 374796352,
+      "version": 1,
+      "versionNonce": 632379758,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          818.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00660-8799",
+      "type": "line",
+      "x": 380.0,
+      "y": 2832.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1384175795,
+      "version": 1,
+      "versionNonce": 269411512,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00661-8116",
+      "type": "line",
+      "x": 380.0,
+      "y": 2952.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 698916087,
+      "version": 1,
+      "versionNonce": 630539690,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00662-9600",
+      "type": "line",
+      "x": 380.0,
+      "y": 3072.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1378573391,
+      "version": 1,
+      "versionNonce": 689890238,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00663-8992",
+      "type": "line",
+      "x": 380.0,
+      "y": 3192.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1680944557,
+      "version": 1,
+      "versionNonce": 107411811,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00664-3488",
+      "type": "line",
+      "x": 380.0,
+      "y": 3312.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 118936427,
+      "version": 1,
+      "versionNonce": 358490931,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00665-1615",
+      "type": "line",
+      "x": 380.0,
+      "y": 3432.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 764295867,
+      "version": 1,
+      "versionNonce": 140577477,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00666-6627",
+      "type": "line",
+      "x": 380.0,
+      "y": 3552.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 945227285,
+      "version": 1,
+      "versionNonce": 705895750,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00667-5192",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 2768.0,
+      "width": 211.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1351934798,
+      "version": 1,
+      "versionNonce": 823020715,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00668-9010",
+      "type": "text",
+      "x": 406.0,
+      "y": 2774.0,
+      "width": 191.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 351823424,
+      "version": 1,
+      "versionNonce": 627091793,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Created from Description",
+      "originalText": "Created from Description",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "a-00669-5641",
+      "type": "arrow",
+      "x": 622.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1735411040,
+      "version": 1,
+      "versionNonce": 1234830506,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00670-4193",
+      "type": "arrow",
+      "x": 857.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1238020008,
+      "version": 1,
+      "versionNonce": 1453343242,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00671-3682",
+      "type": "arrow",
+      "x": 1092.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 966878207,
+      "version": 1,
+      "versionNonce": 535674304,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00672-8935",
+      "type": "arrow",
+      "x": 1327.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1996301009,
+      "version": 1,
+      "versionNonce": 1945497720,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "r-00673-1090",
+      "type": "rectangle",
+      "x": 408.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1539642225,
+      "version": 1,
+      "versionNonce": 286520743,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00674-3610",
+      "type": "rectangle",
+      "x": 408.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 525600533,
+      "version": 1,
+      "versionNonce": 1301250791,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00675-1938",
+      "type": "ellipse",
+      "x": 402.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1626280680,
+      "version": 1,
+      "versionNonce": 1937840531,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00676-1672",
+      "type": "ellipse",
+      "x": 616.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1355541774,
+      "version": 1,
+      "versionNonce": 1232653855,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00677-1905",
+      "type": "rectangle",
+      "x": 422.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1965882266,
+      "version": 1,
+      "versionNonce": 384896288,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00678-9426",
+      "type": "text",
+      "x": 422.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 502185270,
+      "version": 1,
+      "versionNonce": 2006344122,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00679-2210",
+      "type": "text",
+      "x": 468.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 2140444339,
+      "version": 1,
+      "versionNonce": 679230138,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Receive conversation",
+      "originalText": "Receive conversation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00680-9798",
+      "type": "text",
+      "x": 468.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 583819061,
+      "version": 1,
+      "versionNonce": 1437084906,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark message",
+      "originalText": "Lark message",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00681-9967",
+      "type": "line",
+      "x": 420.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 492486786,
+      "version": 1,
+      "versionNonce": 862385765,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00682-6166",
+      "type": "text",
+      "x": 422.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 400440906,
+      "version": 1,
+      "versionNonce": 940949837,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00683-7189",
+      "type": "rectangle",
+      "x": 643.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 86818184,
+      "version": 1,
+      "versionNonce": 1172330759,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00684-1114",
+      "type": "rectangle",
+      "x": 643.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 613632002,
+      "version": 1,
+      "versionNonce": 346351460,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00685-2072",
+      "type": "ellipse",
+      "x": 637.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 947813562,
+      "version": 1,
+      "versionNonce": 1331074750,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00686-7668",
+      "type": "ellipse",
+      "x": 851.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1684457035,
+      "version": 1,
+      "versionNonce": 717980958,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00687-9606",
+      "type": "rectangle",
+      "x": 657.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 182823325,
+      "version": 1,
+      "versionNonce": 1357675811,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00688-9174",
+      "type": "text",
+      "x": 657.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 359048982,
+      "version": 1,
+      "versionNonce": 1248019457,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00689-4030",
+      "type": "text",
+      "x": 703.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 2054115972,
+      "version": 1,
+      "versionNonce": 555545128,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Classify severity",
+      "originalText": "Classify severity",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00690-5924",
+      "type": "text",
+      "x": 703.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1626068460,
+      "version": 1,
+      "versionNonce": 675749125,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00691-3495",
+      "type": "line",
+      "x": 655.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1493913794,
+      "version": 1,
+      "versionNonce": 59876336,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00692-2631",
+      "type": "text",
+      "x": 657.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1201761537,
+      "version": 1,
+      "versionNonce": 1858395643,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00693-3250",
+      "type": "rectangle",
+      "x": 878.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2116145164,
+      "version": 1,
+      "versionNonce": 1692680107,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00694-9569",
+      "type": "rectangle",
+      "x": 878.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#9333ea",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1719656967,
+      "version": 1,
+      "versionNonce": 2012532251,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00695-1919",
+      "type": "ellipse",
+      "x": 872.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#9333ea",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1973920380,
+      "version": 1,
+      "versionNonce": 1563358155,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00696-2701",
+      "type": "ellipse",
+      "x": 1086.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#9333ea",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 152893008,
+      "version": 1,
+      "versionNonce": 944168241,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00697-7256",
+      "type": "rectangle",
+      "x": 892.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1301149965,
+      "version": 1,
+      "versionNonce": 723963251,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00698-1581",
+      "type": "text",
+      "x": 892.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1672094018,
+      "version": 1,
+      "versionNonce": 798425033,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "C",
+      "originalText": "C",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00699-1871",
+      "type": "text",
+      "x": 938.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1412979856,
+      "version": 1,
+      "versionNonce": 874176475,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Route escalation",
+      "originalText": "Route escalation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00700-7667",
+      "type": "text",
+      "x": 938.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 369161676,
+      "version": 1,
+      "versionNonce": 519918366,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Condition",
+      "originalText": "Condition",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00701-9245",
+      "type": "line",
+      "x": 890.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 875497073,
+      "version": 1,
+      "versionNonce": 529460830,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00702-1858",
+      "type": "text",
+      "x": 892.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1965460775,
+      "version": 1,
+      "versionNonce": 1105400250,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00703-3881",
+      "type": "rectangle",
+      "x": 1113.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1786578219,
+      "version": 1,
+      "versionNonce": 1842522189,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00704-4074",
+      "type": "rectangle",
+      "x": 1113.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1948663373,
+      "version": 1,
+      "versionNonce": 833867633,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00705-9213",
+      "type": "ellipse",
+      "x": 1107.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 987530962,
+      "version": 1,
+      "versionNonce": 867024397,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00706-1126",
+      "type": "ellipse",
+      "x": 1321.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 927424134,
+      "version": 1,
+      "versionNonce": 574305206,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00707-4155",
+      "type": "rectangle",
+      "x": 1127.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1675113547,
+      "version": 1,
+      "versionNonce": 1445008074,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00708-2587",
+      "type": "text",
+      "x": 1127.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1599187897,
+      "version": 1,
+      "versionNonce": 314196333,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00709-6859",
+      "type": "text",
+      "x": 1173.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 256577242,
+      "version": 1,
+      "versionNonce": 200733866,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Prepare reply",
+      "originalText": "Prepare reply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00710-5881",
+      "type": "text",
+      "x": 1173.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 201967757,
+      "version": 1,
+      "versionNonce": 1847098056,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00711-6665",
+      "type": "line",
+      "x": 1125.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 253542094,
+      "version": 1,
+      "versionNonce": 1411892624,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00712-3652",
+      "type": "text",
+      "x": 1127.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 210866144,
+      "version": 1,
+      "versionNonce": 2079951145,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00713-1364",
+      "type": "rectangle",
+      "x": 1348.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 791665051,
+      "version": 1,
+      "versionNonce": 260983099,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00714-9589",
+      "type": "rectangle",
+      "x": 1348.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1615085635,
+      "version": 1,
+      "versionNonce": 2084886188,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00715-4141",
+      "type": "ellipse",
+      "x": 1342.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1445676767,
+      "version": 1,
+      "versionNonce": 1454422789,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00716-2356",
+      "type": "ellipse",
+      "x": 1556.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1134807647,
+      "version": 1,
+      "versionNonce": 2124789795,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00717-4412",
+      "type": "rectangle",
+      "x": 1362.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2096433420,
+      "version": 1,
+      "versionNonce": 1894162501,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00718-9440",
+      "type": "text",
+      "x": 1362.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1276634921,
+      "version": 1,
+      "versionNonce": 1749450876,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00719-5053",
+      "type": "text",
+      "x": 1408.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 289684735,
+      "version": 1,
+      "versionNonce": 1651903209,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Post response",
+      "originalText": "Post response",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00720-7418",
+      "type": "text",
+      "x": 1408.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 942779454,
+      "version": 1,
+      "versionNonce": 1154029419,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark message",
+      "originalText": "Lark message",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00721-6023",
+      "type": "line",
+      "x": 1360.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1041459920,
+      "version": 1,
+      "versionNonce": 1113836228,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00722-1257",
+      "type": "text",
+      "x": 1362.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1038593907,
+      "version": 1,
+      "versionNonce": 1420960356,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00723-1233",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 3442.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 134996035,
+      "version": 1,
+      "versionNonce": 1822806514,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00724-8702",
+      "type": "text",
+      "x": 404.0,
+      "y": 3451.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1418456198,
+      "version": 1,
+      "versionNonce": 1202473603,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "+",
+      "originalText": "+",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00725-8016",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 3478.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 863436371,
+      "version": 1,
+      "versionNonce": 43457973,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00726-6165",
+      "type": "text",
+      "x": 404.0,
+      "y": 3487.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 231310837,
+      "version": 1,
+      "versionNonce": 1587757779,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "-",
+      "originalText": "-",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00727-2929",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 3514.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 455863319,
+      "version": 1,
+      "versionNonce": 1103653178,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00728-6623",
+      "type": "text",
+      "x": 404.0,
+      "y": 3523.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 129363551,
+      "version": 1,
+      "versionNonce": 887085750,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Fit",
+      "originalText": "Fit",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00729-6442",
+      "type": "rectangle",
+      "x": 1436.0,
+      "y": 3466.0,
+      "width": 138.0,
+      "height": 86.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2061332793,
+      "version": 1,
+      "versionNonce": 826210874,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00730-8612",
+      "type": "rectangle",
+      "x": 1446.0,
+      "y": 3482.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1374878400,
+      "version": 1,
+      "versionNonce": 649041325,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00731-1237",
+      "type": "rectangle",
+      "x": 1486.0,
+      "y": 3482.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1800758125,
+      "version": 1,
+      "versionNonce": 1446991354,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00732-5043",
+      "type": "rectangle",
+      "x": 1526.0,
+      "y": 3482.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2044732385,
+      "version": 1,
+      "versionNonce": 1060056474,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00733-1511",
+      "type": "rectangle",
+      "x": 1446.0,
+      "y": 3510.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 260625986,
+      "version": 1,
+      "versionNonce": 885092522,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00734-7690",
+      "type": "rectangle",
+      "x": 1486.0,
+      "y": 3510.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1181948538,
+      "version": 1,
+      "versionNonce": 1307051156,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00735-1838",
+      "type": "rectangle",
+      "x": 630.0,
+      "y": 2780.0,
+      "width": 710.0,
+      "height": 720.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1195675598,
+      "version": 1,
+      "versionNonce": 784888001,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00736-4398",
+      "type": "text",
+      "x": 658.0,
+      "y": 2806.0,
+      "width": 450.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 7377640,
+      "version": 1,
+      "versionNonce": 1113225476,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run workflow",
+      "originalText": "Run workflow",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00737-2704",
+      "type": "text",
+      "x": 658.0,
+      "y": 2842.0,
+      "width": 520.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 68989324,
+      "version": 1,
+      "versionNonce": 1211023632,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Confirm the revision, inputs, and external effects.",
+      "originalText": "Confirm the revision, inputs, and external effects.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00738-1328",
+      "type": "rectangle",
+      "x": 658.0,
+      "y": 2882.0,
+      "width": 125.39999999999999,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 671020051,
+      "version": 1,
+      "versionNonce": 2119410364,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00739-1600",
+      "type": "text",
+      "x": 668.0,
+      "y": 2888.0,
+      "width": 105.39999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 982501393,
+      "version": 1,
+      "versionNonce": 587161097,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft",
+      "originalText": "Current draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00740-9432",
+      "type": "text",
+      "x": 784.0,
+      "y": 2888.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1386488965,
+      "version": 1,
+      "versionNonce": 182697192,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "revision 12",
+      "originalText": "revision 12",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00741-6903",
+      "type": "line",
+      "x": 658.0,
+      "y": 2924.0,
+      "width": 654.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1813448233,
+      "version": 1,
+      "versionNonce": 1961986914,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          654.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00742-6345",
+      "type": "text",
+      "x": 658.0,
+      "y": 2948.0,
+      "width": 63.839999999999996,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1286714496,
+      "version": 1,
+      "versionNonce": 845626787,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "WORKFLOW",
+      "originalText": "WORKFLOW",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00743-6351",
+      "type": "rectangle",
+      "x": 658.0,
+      "y": 2970.0,
+      "width": 654.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 709458413,
+      "version": 1,
+      "versionNonce": 2091317450,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00744-8759",
+      "type": "text",
+      "x": 670.0,
+      "y": 2981.0,
+      "width": 630.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1598937951,
+      "version": 1,
+      "versionNonce": 1791343393,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00745-7355",
+      "type": "text",
+      "x": 658.0,
+      "y": 3032.0,
+      "width": 95.75999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 738818174,
+      "version": 1,
+      "versionNonce": 740359722,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "CONVERSATION",
+      "originalText": "CONVERSATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00746-4062",
+      "type": "rectangle",
+      "x": 658.0,
+      "y": 3054.0,
+      "width": 654.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 600644620,
+      "version": 1,
+      "versionNonce": 1113677480,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00747-3824",
+      "type": "text",
+      "x": 670.0,
+      "y": 3065.0,
+      "width": 630.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 354765155,
+      "version": 1,
+      "versionNonce": 1994811971,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "support-thread-4821",
+      "originalText": "support-thread-4821",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00748-6076",
+      "type": "text",
+      "x": 658.0,
+      "y": 3116.0,
+      "width": 87.77999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1524890806,
+      "version": 1,
+      "versionNonce": 463119808,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ENVIRONMENT",
+      "originalText": "ENVIRONMENT",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00749-9588",
+      "type": "rectangle",
+      "x": 658.0,
+      "y": 3138.0,
+      "width": 320.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 252548668,
+      "version": 1,
+      "versionNonce": 1429960973,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00750-6517",
+      "type": "text",
+      "x": 670.0,
+      "y": 3149.0,
+      "width": 296.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 208146282,
+      "version": 1,
+      "versionNonce": 1093961504,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Production",
+      "originalText": "Production",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00751-6718",
+      "type": "text",
+      "x": 992.0,
+      "y": 3116.0,
+      "width": 87.77999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 32730803,
+      "version": 1,
+      "versionNonce": 1707520601,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "CONNECTIONS",
+      "originalText": "CONNECTIONS",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00752-7440",
+      "type": "rectangle",
+      "x": 992.0,
+      "y": 3138.0,
+      "width": 320.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 204754046,
+      "version": 1,
+      "versionNonce": 1116675910,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00753-2540",
+      "type": "text",
+      "x": 1004.0,
+      "y": 3149.0,
+      "width": 296.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 954446614,
+      "version": 1,
+      "versionNonce": 700351423,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "2 ready",
+      "originalText": "2 ready",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00754-4736",
+      "type": "rectangle",
+      "x": 658.0,
+      "y": 3210.0,
+      "width": 654.0,
+      "height": 86.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 93217028,
+      "version": 1,
+      "versionNonce": 2025770482,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00755-6592",
+      "type": "text",
+      "x": 676.0,
+      "y": 3228.0,
+      "width": 180.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1750698218,
+      "version": 1,
+      "versionNonce": 1784082183,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "External effects",
+      "originalText": "External effects",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00756-7158",
+      "type": "text",
+      "x": 676.0,
+      "y": 3257.0,
+      "width": 560.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 316575485,
+      "version": 1,
+      "versionNonce": 1374309769,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "May post a Lark reply and create a Linear issue.",
+      "originalText": "May post a Lark reply and create a Linear issue.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00757-4995",
+      "type": "rectangle",
+      "x": 658.0,
+      "y": 3316.0,
+      "width": 18.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1359610764,
+      "version": 1,
+      "versionNonce": 1155938014,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00758-3038",
+      "type": "text",
+      "x": 662.0,
+      "y": 3317.0,
+      "width": 12.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1287824553,
+      "version": 1,
+      "versionNonce": 2035235317,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "x",
+      "originalText": "x",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00759-2587",
+      "type": "text",
+      "x": 688.0,
+      "y": 3316.0,
+      "width": 590.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 23413047,
+      "version": 1,
+      "versionNonce": 593190923,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I understand this workflow may change external systems.",
+      "originalText": "I understand this workflow may change external systems.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00760-5097",
+      "type": "rectangle",
+      "x": 658.0,
+      "y": 3354.0,
+      "width": 654.0,
+      "height": 50.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1793560371,
+      "version": 1,
+      "versionNonce": 704073180,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00761-8385",
+      "type": "text",
+      "x": 676.0,
+      "y": 3370.0,
+      "width": 500.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1601891834,
+      "version": 1,
+      "versionNonce": 1874437740,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "This Run will be saved in Activity.",
+      "originalText": "This Run will be saved in Activity.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00762-3987",
+      "type": "rectangle",
+      "x": 1108.0,
+      "y": 3432.0,
+      "width": 88.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 36841297,
+      "version": 1,
+      "versionNonce": 1578175133,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00763-8352",
+      "type": "text",
+      "x": 1116.0,
+      "y": 3441.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 938441835,
+      "version": 1,
+      "versionNonce": 581524656,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Cancel",
+      "originalText": "Cancel",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00764-9108",
+      "type": "rectangle",
+      "x": 1208.0,
+      "y": 3432.0,
+      "width": 104.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2002249062,
+      "version": 1,
+      "versionNonce": 1579862378,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00765-6520",
+      "type": "text",
+      "x": 1216.0,
+      "y": 3441.0,
+      "width": 88.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-06"
+      ],
+      "frameId": "frame-00621-6168",
+      "roundness": null,
+      "seed": 1777013436,
+      "version": 1,
+      "versionNonce": 1406243362,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00766-9912",
+      "type": "frame",
+      "x": 1920.0,
+      "y": 2660.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1167356674,
+      "version": 1,
+      "versionNonce": 1202723792,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "08 Running draft - Studio canvas and Run console"
+    },
+    {
+      "id": "r-00768-7589",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 2660.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1306734867,
+      "version": 1,
+      "versionNonce": 967805843,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00769-7913",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 2660.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 266690246,
+      "version": 1,
+      "versionNonce": 923504940,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00770-9475",
+      "type": "text",
+      "x": 1944.0,
+      "y": 2684.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 399424586,
+      "version": 1,
+      "versionNonce": 1948165667,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00771-6490",
+      "type": "text",
+      "x": 1944.0,
+      "y": 2713.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1959761229,
+      "version": 1,
+      "versionNonce": 493527462,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00772-2975",
+      "type": "rectangle",
+      "x": 1932.0,
+      "y": 2768.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 743748905,
+      "version": 1,
+      "versionNonce": 1650982753,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00773-5870",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 2780.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1882113973,
+      "version": 1,
+      "versionNonce": 1012712994,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00774-7670",
+      "type": "text",
+      "x": 1968.0,
+      "y": 2776.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 2048170525,
+      "version": 1,
+      "versionNonce": 36018558,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00775-7598",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 2832.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1952415864,
+      "version": 1,
+      "versionNonce": 437129007,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00776-1669",
+      "type": "text",
+      "x": 1968.0,
+      "y": 2828.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 870477167,
+      "version": 1,
+      "versionNonce": 1240460602,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00777-4006",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 2884.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1915246364,
+      "version": 1,
+      "versionNonce": 342770438,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00778-1503",
+      "type": "text",
+      "x": 1968.0,
+      "y": 2880.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 889364815,
+      "version": 1,
+      "versionNonce": 1788776711,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00779-1086",
+      "type": "text",
+      "x": 1944.0,
+      "y": 3506.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1163209318,
+      "version": 1,
+      "versionNonce": 1832489162,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00780-7636",
+      "type": "text",
+      "x": 1944.0,
+      "y": 3532.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1129508535,
+      "version": 1,
+      "versionNonce": 511673390,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00781-6151",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 2660.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 529366411,
+      "version": 1,
+      "versionNonce": 603024501,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00782-8559",
+      "type": "text",
+      "x": 2160.0,
+      "y": 2678.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 2008538993,
+      "version": 1,
+      "versionNonce": 1109193733,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00783-3546",
+      "type": "text",
+      "x": 2160.0,
+      "y": 2709.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1833606511,
+      "version": 1,
+      "versionNonce": 1974571545,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft \u00b7 revision 12 \u00b7 Run R-1042",
+      "originalText": "Current draft \u00b7 revision 12 \u00b7 Run R-1042",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00784-8223",
+      "type": "rectangle",
+      "x": 2850.0,
+      "y": 2684.0,
+      "width": 72.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 408188278,
+      "version": 1,
+      "versionNonce": 439608098,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00785-8017",
+      "type": "text",
+      "x": 2858.0,
+      "y": 2693.0,
+      "width": 56.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1767734769,
+      "version": 1,
+      "versionNonce": 634476131,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run",
+      "originalText": "Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00786-6366",
+      "type": "rectangle",
+      "x": 2932.0,
+      "y": 2684.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 645260193,
+      "version": 1,
+      "versionNonce": 507675990,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00787-7232",
+      "type": "text",
+      "x": 2940.0,
+      "y": 2693.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1766991975,
+      "version": 1,
+      "versionNonce": 1180791775,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Add node",
+      "originalText": "Add node",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00788-4468",
+      "type": "rectangle",
+      "x": 3034.0,
+      "y": 2684.0,
+      "width": 92.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 320118522,
+      "version": 1,
+      "versionNonce": 1794295374,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00789-3919",
+      "type": "text",
+      "x": 3042.0,
+      "y": 2693.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1414270827,
+      "version": 1,
+      "versionNonce": 73519545,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edit YAML",
+      "originalText": "Edit YAML",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00790-5805",
+      "type": "rectangle",
+      "x": 3136.0,
+      "y": 2684.0,
+      "width": 82.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 381150672,
+      "version": 1,
+      "versionNonce": 646318421,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00791-4965",
+      "type": "text",
+      "x": 3144.0,
+      "y": 2693.0,
+      "width": 66.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 464701986,
+      "version": 1,
+      "versionNonce": 533093662,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save",
+      "originalText": "Save",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00792-9502",
+      "type": "rectangle",
+      "x": 3228.0,
+      "y": 2684.0,
+      "width": 102.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1422624951,
+      "version": 1,
+      "versionNonce": 965535836,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00793-6774",
+      "type": "text",
+      "x": 3236.0,
+      "y": 2693.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1385902500,
+      "version": 1,
+      "versionNonce": 1190563522,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Publish",
+      "originalText": "Publish",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00794-4247",
+      "type": "rectangle",
+      "x": 2140.0,
+      "y": 2752.0,
+      "width": 1210.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#f7f9fc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 631200014,
+      "version": 1,
+      "versionNonce": 1134623848,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-00795-3418",
+      "type": "line",
+      "x": 2220.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 468096881,
+      "version": 1,
+      "versionNonce": 1803084471,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00796-7800",
+      "type": "line",
+      "x": 2340.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1042748181,
+      "version": 1,
+      "versionNonce": 433296966,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00797-4351",
+      "type": "line",
+      "x": 2460.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1394182147,
+      "version": 1,
+      "versionNonce": 292635120,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00798-8512",
+      "type": "line",
+      "x": 2580.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 49387112,
+      "version": 1,
+      "versionNonce": 1363848487,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00799-1006",
+      "type": "line",
+      "x": 2700.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 435866220,
+      "version": 1,
+      "versionNonce": 1895743746,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00800-9302",
+      "type": "line",
+      "x": 2820.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 10818659,
+      "version": 1,
+      "versionNonce": 1422797747,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00801-2417",
+      "type": "line",
+      "x": 2940.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1079206377,
+      "version": 1,
+      "versionNonce": 1098967171,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00802-7848",
+      "type": "line",
+      "x": 3060.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1705221951,
+      "version": 1,
+      "versionNonce": 448231308,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00803-4473",
+      "type": "line",
+      "x": 3180.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1610657485,
+      "version": 1,
+      "versionNonce": 1494761790,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00804-7537",
+      "type": "line",
+      "x": 3300.0,
+      "y": 2752.0,
+      "width": 0.0,
+      "height": 550.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1464601018,
+      "version": 1,
+      "versionNonce": 1713044849,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          550.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00805-2229",
+      "type": "line",
+      "x": 2140.0,
+      "y": 2832.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 25727634,
+      "version": 1,
+      "versionNonce": 1890959823,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00806-9309",
+      "type": "line",
+      "x": 2140.0,
+      "y": 2952.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 784465071,
+      "version": 1,
+      "versionNonce": 1855004892,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00807-9532",
+      "type": "line",
+      "x": 2140.0,
+      "y": 3072.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1197933052,
+      "version": 1,
+      "versionNonce": 225343614,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "l-00808-2649",
+      "type": "line",
+      "x": 2140.0,
+      "y": 3192.0,
+      "width": 1210.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 584570659,
+      "version": 1,
+      "versionNonce": 133301959,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1210.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-00809-7632",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 2768.0,
+      "width": 211.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "#f4f3ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 682550494,
+      "version": 1,
+      "versionNonce": 886501665,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00810-9919",
+      "type": "text",
+      "x": 2166.0,
+      "y": 2774.0,
+      "width": 191.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 574335559,
+      "version": 1,
+      "versionNonce": 1273982100,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Created from Description",
+      "originalText": "Created from Description",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "a-00811-7000",
+      "type": "arrow",
+      "x": 2382.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 2109049260,
+      "version": 1,
+      "versionNonce": 1298295333,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00812-7687",
+      "type": "arrow",
+      "x": 2617.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1172484149,
+      "version": 1,
+      "versionNonce": 276116607,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00813-7677",
+      "type": "arrow",
+      "x": 2852.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1394246063,
+      "version": 1,
+      "versionNonce": 1055665585,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "a-00814-9393",
+      "type": "arrow",
+      "x": 3087.0,
+      "y": 3072.0,
+      "width": 21.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#94a3b8",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 591647628,
+      "version": 1,
+      "versionNonce": 1453089024,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": "arrow",
+      "elbowed": false
+    },
+    {
+      "id": "r-00815-5550",
+      "type": "rectangle",
+      "x": 2168.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2022419854,
+      "version": 1,
+      "versionNonce": 1728531545,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00816-1797",
+      "type": "rectangle",
+      "x": 2168.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 343046575,
+      "version": 1,
+      "versionNonce": 1007792019,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00817-1334",
+      "type": "ellipse",
+      "x": 2162.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1556342876,
+      "version": 1,
+      "versionNonce": 344947113,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00818-4264",
+      "type": "ellipse",
+      "x": 2376.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 465047116,
+      "version": 1,
+      "versionNonce": 959769450,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00819-4463",
+      "type": "rectangle",
+      "x": 2182.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1292349539,
+      "version": 1,
+      "versionNonce": 750957524,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00820-2002",
+      "type": "text",
+      "x": 2182.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1437605211,
+      "version": 1,
+      "versionNonce": 1244157040,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00821-5547",
+      "type": "text",
+      "x": 2228.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1732536508,
+      "version": 1,
+      "versionNonce": 141326564,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Receive conversation",
+      "originalText": "Receive conversation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00822-8931",
+      "type": "text",
+      "x": 2228.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 295020566,
+      "version": 1,
+      "versionNonce": 1192557027,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark message",
+      "originalText": "Lark message",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00823-7935",
+      "type": "line",
+      "x": 2180.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 80940091,
+      "version": 1,
+      "versionNonce": 114546869,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00824-1863",
+      "type": "text",
+      "x": 2182.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 782295453,
+      "version": 1,
+      "versionNonce": 2059382994,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00825-4369",
+      "type": "rectangle",
+      "x": 2292.0,
+      "y": 3100.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1136338833,
+      "version": 1,
+      "versionNonce": 1616116577,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00826-4610",
+      "type": "text",
+      "x": 2302.0,
+      "y": 3106.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1294040740,
+      "version": 1,
+      "versionNonce": 701092009,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Completed",
+      "originalText": "Completed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00827-2525",
+      "type": "rectangle",
+      "x": 2403.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 170210790,
+      "version": 1,
+      "versionNonce": 42163312,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00828-5347",
+      "type": "rectangle",
+      "x": 2403.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 526868154,
+      "version": 1,
+      "versionNonce": 1771633455,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00829-4382",
+      "type": "ellipse",
+      "x": 2397.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 873741308,
+      "version": 1,
+      "versionNonce": 1738539033,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00830-9303",
+      "type": "ellipse",
+      "x": 2611.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 420742110,
+      "version": 1,
+      "versionNonce": 1233190555,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00831-5950",
+      "type": "rectangle",
+      "x": 2417.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 254905881,
+      "version": 1,
+      "versionNonce": 2103058197,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00832-5274",
+      "type": "text",
+      "x": 2417.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1597993615,
+      "version": 1,
+      "versionNonce": 1776329874,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00833-2245",
+      "type": "text",
+      "x": 2463.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1125881760,
+      "version": 1,
+      "versionNonce": 1020786367,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Classify severity",
+      "originalText": "Classify severity",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00834-8553",
+      "type": "text",
+      "x": 2463.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 777884801,
+      "version": 1,
+      "versionNonce": 1130149808,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00835-4216",
+      "type": "line",
+      "x": 2415.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 690388516,
+      "version": 1,
+      "versionNonce": 556945495,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00836-7197",
+      "type": "text",
+      "x": 2417.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 501004562,
+      "version": 1,
+      "versionNonce": 980881315,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00837-8675",
+      "type": "rectangle",
+      "x": 2527.0,
+      "y": 3100.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 739461831,
+      "version": 1,
+      "versionNonce": 1910722748,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00838-3877",
+      "type": "text",
+      "x": 2537.0,
+      "y": 3106.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 819713027,
+      "version": 1,
+      "versionNonce": 352554479,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Completed",
+      "originalText": "Completed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00839-2314",
+      "type": "rectangle",
+      "x": 2638.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2020250382,
+      "version": 1,
+      "versionNonce": 825200439,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00840-2378",
+      "type": "rectangle",
+      "x": 2638.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#9333ea",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1775431504,
+      "version": 1,
+      "versionNonce": 386605644,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00841-9688",
+      "type": "ellipse",
+      "x": 2632.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#9333ea",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 627825572,
+      "version": 1,
+      "versionNonce": 545114134,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00842-3365",
+      "type": "ellipse",
+      "x": 2846.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#9333ea",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1489584169,
+      "version": 1,
+      "versionNonce": 1231822529,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00843-5259",
+      "type": "rectangle",
+      "x": 2652.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1065904823,
+      "version": 1,
+      "versionNonce": 1400831271,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00844-9723",
+      "type": "text",
+      "x": 2652.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#9333ea",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 183919060,
+      "version": 1,
+      "versionNonce": 940535995,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "C",
+      "originalText": "C",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00845-6876",
+      "type": "text",
+      "x": 2698.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 537000968,
+      "version": 1,
+      "versionNonce": 917008339,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Route escalation",
+      "originalText": "Route escalation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00846-2467",
+      "type": "text",
+      "x": 2698.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 454219524,
+      "version": 1,
+      "versionNonce": 1399161995,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Condition",
+      "originalText": "Condition",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00847-5583",
+      "type": "line",
+      "x": 2650.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1937093596,
+      "version": 1,
+      "versionNonce": 142800059,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00848-1287",
+      "type": "text",
+      "x": 2652.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 715828565,
+      "version": 1,
+      "versionNonce": 1850126652,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00849-3226",
+      "type": "rectangle",
+      "x": 2762.0,
+      "y": 3100.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1468903405,
+      "version": 1,
+      "versionNonce": 723693215,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00850-7026",
+      "type": "text",
+      "x": 2772.0,
+      "y": 3106.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 45711453,
+      "version": 1,
+      "versionNonce": 1917960020,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Completed",
+      "originalText": "Completed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00851-2140",
+      "type": "rectangle",
+      "x": 2873.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1403448402,
+      "version": 1,
+      "versionNonce": 1106255703,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00852-7543",
+      "type": "rectangle",
+      "x": 2873.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 454243197,
+      "version": 1,
+      "versionNonce": 142104088,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00853-8431",
+      "type": "ellipse",
+      "x": 2867.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1972853069,
+      "version": 1,
+      "versionNonce": 1482641560,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00854-1032",
+      "type": "ellipse",
+      "x": 3081.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1002214007,
+      "version": 1,
+      "versionNonce": 1532602623,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00855-1196",
+      "type": "rectangle",
+      "x": 2887.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1834539982,
+      "version": 1,
+      "versionNonce": 940577799,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00856-8625",
+      "type": "text",
+      "x": 2887.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 901998987,
+      "version": 1,
+      "versionNonce": 673918729,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00857-6566",
+      "type": "text",
+      "x": 2933.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 811873049,
+      "version": 1,
+      "versionNonce": 46778221,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Prepare reply",
+      "originalText": "Prepare reply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00858-9586",
+      "type": "text",
+      "x": 2933.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 528449385,
+      "version": 1,
+      "versionNonce": 249164798,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI task",
+      "originalText": "AI task",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00859-5374",
+      "type": "line",
+      "x": 2885.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 638260911,
+      "version": 1,
+      "versionNonce": 1548557845,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00860-1163",
+      "type": "text",
+      "x": 2887.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1160719713,
+      "version": 1,
+      "versionNonce": 1999744293,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00861-4143",
+      "type": "rectangle",
+      "x": 2997.0,
+      "y": 3100.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 826968603,
+      "version": 1,
+      "versionNonce": 309775269,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00862-6963",
+      "type": "text",
+      "x": 3007.0,
+      "y": 3106.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1963570549,
+      "version": 1,
+      "versionNonce": 421325296,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running",
+      "originalText": "Running",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00863-4707",
+      "type": "rectangle",
+      "x": 3108.0,
+      "y": 3012.0,
+      "width": 214.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#dbe3ee",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1458489577,
+      "version": 1,
+      "versionNonce": 2090231505,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00864-7806",
+      "type": "rectangle",
+      "x": 3108.0,
+      "y": 3012.0,
+      "width": 4.0,
+      "height": 126.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1570052948,
+      "version": 1,
+      "versionNonce": 1541671706,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00865-5606",
+      "type": "ellipse",
+      "x": 3102.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 2136107000,
+      "version": 1,
+      "versionNonce": 1291400813,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00866-9559",
+      "type": "ellipse",
+      "x": 3316.0,
+      "y": 3066.0,
+      "width": 12.0,
+      "height": 12.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#16a34a",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 74789972,
+      "version": 1,
+      "versionNonce": 1419994094,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00867-6800",
+      "type": "rectangle",
+      "x": 3122.0,
+      "y": 3026.0,
+      "width": 34.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1064373050,
+      "version": 1,
+      "versionNonce": 1576856453,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00868-4658",
+      "type": "text",
+      "x": 3122.0,
+      "y": 3035.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#16a34a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 820323544,
+      "version": 1,
+      "versionNonce": 1159284941,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "I",
+      "originalText": "I",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00869-8088",
+      "type": "text",
+      "x": 3168.0,
+      "y": 3025.0,
+      "width": 138.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1195646691,
+      "version": 1,
+      "versionNonce": 949179336,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Post response",
+      "originalText": "Post response",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00870-6951",
+      "type": "text",
+      "x": 3168.0,
+      "y": 3051.0,
+      "width": 138.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 297785022,
+      "version": 1,
+      "versionNonce": 1163060932,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark message",
+      "originalText": "Lark message",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00871-1817",
+      "type": "line",
+      "x": 3120.0,
+      "y": 3074.0,
+      "width": 190.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#edf2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1491988118,
+      "version": 1,
+      "versionNonce": 341876426,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          190.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00872-3256",
+      "type": "text",
+      "x": 3122.0,
+      "y": 3088.0,
+      "width": 186.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1391013844,
+      "version": 1,
+      "versionNonce": 1691245364,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Configuration ready",
+      "originalText": "Configuration ready",
+      "fontSize": 12,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00873-9870",
+      "type": "rectangle",
+      "x": 3232.0,
+      "y": 3100.0,
+      "width": 70.8,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1459370651,
+      "version": 1,
+      "versionNonce": 517536360,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00874-4838",
+      "type": "text",
+      "x": 3242.0,
+      "y": 3106.0,
+      "width": 50.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 569488916,
+      "version": 1,
+      "versionNonce": 1054718801,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Queued",
+      "originalText": "Queued",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00875-9874",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 3174.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 56903298,
+      "version": 1,
+      "versionNonce": 455176734,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00876-8656",
+      "type": "text",
+      "x": 2164.0,
+      "y": 3183.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1151689615,
+      "version": 1,
+      "versionNonce": 1758814099,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "+",
+      "originalText": "+",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00877-5112",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 3210.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 832724557,
+      "version": 1,
+      "versionNonce": 2096305900,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00878-5450",
+      "type": "text",
+      "x": 2164.0,
+      "y": 3219.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1881198251,
+      "version": 1,
+      "versionNonce": 531475576,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "-",
+      "originalText": "-",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00879-6019",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 3246.0,
+      "width": 34.0,
+      "height": 32.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1715848749,
+      "version": 1,
+      "versionNonce": 613832295,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00880-3256",
+      "type": "text",
+      "x": 2164.0,
+      "y": 3255.0,
+      "width": 18.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1141816727,
+      "version": 1,
+      "versionNonce": 1606335222,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Fit",
+      "originalText": "Fit",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00881-1346",
+      "type": "rectangle",
+      "x": 3196.0,
+      "y": 3198.0,
+      "width": 138.0,
+      "height": 86.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1147193344,
+      "version": 1,
+      "versionNonce": 1269166334,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00882-3204",
+      "type": "rectangle",
+      "x": 3206.0,
+      "y": 3214.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 101303035,
+      "version": 1,
+      "versionNonce": 1183427008,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00883-8864",
+      "type": "rectangle",
+      "x": 3246.0,
+      "y": 3214.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 766672484,
+      "version": 1,
+      "versionNonce": 24884338,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00884-4886",
+      "type": "rectangle",
+      "x": 3286.0,
+      "y": 3214.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1906157106,
+      "version": 1,
+      "versionNonce": 498085187,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00885-7754",
+      "type": "rectangle",
+      "x": 3206.0,
+      "y": 3242.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2068229417,
+      "version": 1,
+      "versionNonce": 2008217548,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00886-2277",
+      "type": "rectangle",
+      "x": 3246.0,
+      "y": 3242.0,
+      "width": 28.0,
+      "height": 14.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 60145970,
+      "version": 1,
+      "versionNonce": 325736396,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00887-2276",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 3312.0,
+      "width": 1230.0,
+      "height": 268.0,
+      "angle": 0,
+      "strokeColor": "#d8e0ea",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 637607979,
+      "version": 1,
+      "versionNonce": 1934452287,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00888-5363",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 3306.0,
+      "width": 1230.0,
+      "height": 6.0,
+      "angle": 0,
+      "strokeColor": "#cbd5e1",
+      "backgroundColor": "#cbd5e1",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 2137838865,
+      "version": 1,
+      "versionNonce": 1348211843,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00889-3210",
+      "type": "text",
+      "x": 2152.0,
+      "y": 3330.0,
+      "width": 180.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 436562449,
+      "version": 1,
+      "versionNonce": 1219561034,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run console",
+      "originalText": "Run console",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00890-3002",
+      "type": "rectangle",
+      "x": 2272.0,
+      "y": 3326.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 517851492,
+      "version": 1,
+      "versionNonce": 2080679417,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00891-9814",
+      "type": "text",
+      "x": 2282.0,
+      "y": 3332.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 711789803,
+      "version": 1,
+      "versionNonce": 1470195526,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running",
+      "originalText": "Running",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00892-3979",
+      "type": "text",
+      "x": 2378.0,
+      "y": 3333.0,
+      "width": 620.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1082794499,
+      "version": 1,
+      "versionNonce": 545916413,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "R-1042 \u00b7 Current draft \u00b7 revision 12 \u00b7 Activity record created",
+      "originalText": "R-1042 \u00b7 Current draft \u00b7 revision 12 \u00b7 Activity record created",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00893-6150",
+      "type": "rectangle",
+      "x": 3228.0,
+      "y": 3324.0,
+      "width": 102.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1444097667,
+      "version": 1,
+      "versionNonce": 380261699,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00894-3274",
+      "type": "text",
+      "x": 3236.0,
+      "y": 3333.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 524227971,
+      "version": 1,
+      "versionNonce": 1404088058,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "View Run",
+      "originalText": "View Run",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-00895-3928",
+      "type": "line",
+      "x": 2130.0,
+      "y": 3370.0,
+      "width": 1230.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#eef2f7",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 273599875,
+      "version": 1,
+      "versionNonce": 1052759692,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          1230.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-00896-4226",
+      "type": "text",
+      "x": 2154.0,
+      "y": 3390.0,
+      "width": 120.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1776535786,
+      "version": 1,
+      "versionNonce": 242962355,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "14:32:18.102",
+      "originalText": "14:32:18.102",
+      "fontSize": 12,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00897-8244",
+      "type": "ellipse",
+      "x": 2282.0,
+      "y": 3392.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#067647",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 694193511,
+      "version": 1,
+      "versionNonce": 1541544691,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00898-6865",
+      "type": "text",
+      "x": 2306.0,
+      "y": 3390.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 102955767,
+      "version": 1,
+      "versionNonce": 1311449904,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Receive conversation",
+      "originalText": "Receive conversation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00899-7464",
+      "type": "text",
+      "x": 2580.0,
+      "y": 3390.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 357802203,
+      "version": 1,
+      "versionNonce": 1853601676,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "completed",
+      "originalText": "completed",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00900-1051",
+      "type": "text",
+      "x": 2154.0,
+      "y": 3427.0,
+      "width": 120.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 899132846,
+      "version": 1,
+      "versionNonce": 393027744,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "14:32:22.364",
+      "originalText": "14:32:22.364",
+      "fontSize": 12,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00901-8604",
+      "type": "ellipse",
+      "x": 2282.0,
+      "y": 3429.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#067647",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 474770966,
+      "version": 1,
+      "versionNonce": 1951022823,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00902-2365",
+      "type": "text",
+      "x": 2306.0,
+      "y": 3427.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 633414579,
+      "version": 1,
+      "versionNonce": 621594999,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Classify severity",
+      "originalText": "Classify severity",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00903-3831",
+      "type": "text",
+      "x": 2580.0,
+      "y": 3427.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1238015723,
+      "version": 1,
+      "versionNonce": 1914158670,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "completed",
+      "originalText": "completed",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00904-1767",
+      "type": "text",
+      "x": 2154.0,
+      "y": 3464.0,
+      "width": 120.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1125675215,
+      "version": 1,
+      "versionNonce": 1899314510,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "14:32:22.481",
+      "originalText": "14:32:22.481",
+      "fontSize": 12,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00905-4324",
+      "type": "ellipse",
+      "x": 2282.0,
+      "y": 3466.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#067647",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1244151849,
+      "version": 1,
+      "versionNonce": 200406158,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00906-7639",
+      "type": "text",
+      "x": 2306.0,
+      "y": 3464.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1828085261,
+      "version": 1,
+      "versionNonce": 1299074631,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Route escalation",
+      "originalText": "Route escalation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00907-2381",
+      "type": "text",
+      "x": 2580.0,
+      "y": 3464.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1133711920,
+      "version": 1,
+      "versionNonce": 273937652,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "completed",
+      "originalText": "completed",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00908-2750",
+      "type": "text",
+      "x": 2154.0,
+      "y": 3501.0,
+      "width": 120.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1000903520,
+      "version": 1,
+      "versionNonce": 552166564,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "14:32:23.019",
+      "originalText": "14:32:23.019",
+      "fontSize": 12,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00909-5334",
+      "type": "ellipse",
+      "x": 2282.0,
+      "y": 3503.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1509717006,
+      "version": 1,
+      "versionNonce": 1114573910,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00910-5531",
+      "type": "text",
+      "x": 2306.0,
+      "y": 3501.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1066129765,
+      "version": 1,
+      "versionNonce": 905239886,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Prepare reply",
+      "originalText": "Prepare reply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00911-8947",
+      "type": "text",
+      "x": 2580.0,
+      "y": 3501.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 1586300931,
+      "version": 1,
+      "versionNonce": 818552653,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "running",
+      "originalText": "running",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00912-6724",
+      "type": "rectangle",
+      "x": 2820.0,
+      "y": 3386.0,
+      "width": 510.0,
+      "height": 134.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 682942710,
+      "version": 1,
+      "versionNonce": 1868758929,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00913-1687",
+      "type": "text",
+      "x": 2838.0,
+      "y": 3402.0,
+      "width": 100.0,
+      "height": 15.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 125809329,
+      "version": 1,
+      "versionNonce": 1749000729,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "OUTPUT",
+      "originalText": "OUTPUT",
+      "fontSize": 12,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00914-9355",
+      "type": "text",
+      "x": 2838.0,
+      "y": 3432.0,
+      "width": 470.0,
+      "height": 35.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-07"
+      ],
+      "frameId": "frame-00766-9912",
+      "roundness": null,
+      "seed": 994395690,
+      "version": 1,
+      "versionNonce": 1698928548,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Preparing a concise response for\nthe support conversation...",
+      "originalText": "Preparing a concise response for\nthe support conversation...",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-00915-7388",
+      "type": "frame",
+      "x": 3680.0,
+      "y": 2660.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 2102803155,
+      "version": 1,
+      "versionNonce": 122669913,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "09 Activity - filtered by Workflow"
+    },
+    {
+      "id": "r-00917-8055",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 2660.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 269565715,
+      "version": 1,
+      "versionNonce": 1474459692,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00918-6410",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 2660.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 636772677,
+      "version": 1,
+      "versionNonce": 568207315,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00919-1708",
+      "type": "text",
+      "x": 3704.0,
+      "y": 2684.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1624536992,
+      "version": 1,
+      "versionNonce": 421763042,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00920-2148",
+      "type": "text",
+      "x": 3704.0,
+      "y": 2713.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 188005114,
+      "version": 1,
+      "versionNonce": 1970547828,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00921-3701",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 2780.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1601667601,
+      "version": 1,
+      "versionNonce": 1830890056,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00922-8467",
+      "type": "text",
+      "x": 3728.0,
+      "y": 2776.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 154604669,
+      "version": 1,
+      "versionNonce": 1033679298,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00923-4137",
+      "type": "rectangle",
+      "x": 3692.0,
+      "y": 2820.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1109106125,
+      "version": 1,
+      "versionNonce": 681737659,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-00924-2458",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 2832.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1071598003,
+      "version": 1,
+      "versionNonce": 1471443355,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00925-1321",
+      "type": "text",
+      "x": 3728.0,
+      "y": 2828.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1598079504,
+      "version": 1,
+      "versionNonce": 1041322705,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-00926-2122",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 2884.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1007118558,
+      "version": 1,
+      "versionNonce": 562283323,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00927-8092",
+      "type": "text",
+      "x": 3728.0,
+      "y": 2880.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 522402826,
+      "version": 1,
+      "versionNonce": 1882151492,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00928-3751",
+      "type": "text",
+      "x": 3704.0,
+      "y": 3506.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 81356534,
+      "version": 1,
+      "versionNonce": 673515689,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00929-2465",
+      "type": "text",
+      "x": 3704.0,
+      "y": 3532.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1422209843,
+      "version": 1,
+      "versionNonce": 1300101480,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00930-7258",
+      "type": "rectangle",
+      "x": 3890.0,
+      "y": 2660.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1078279721,
+      "version": 1,
+      "versionNonce": 1137453978,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00931-6232",
+      "type": "text",
+      "x": 3920.0,
+      "y": 2678.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 938250550,
+      "version": 1,
+      "versionNonce": 361540548,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00932-8541",
+      "type": "text",
+      "x": 3920.0,
+      "y": 2709.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1928347303,
+      "version": 1,
+      "versionNonce": 352539802,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Every Run, newest first. Filtered to Weekly feedback digest.",
+      "originalText": "Every Run, newest first. Filtered to Weekly feedback digest.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00933-5011",
+      "type": "text",
+      "x": 3920.0,
+      "y": 2766.0,
+      "width": 47.879999999999995,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1158873313,
+      "version": 1,
+      "versionNonce": 1246247978,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SEARCH",
+      "originalText": "SEARCH",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00934-9259",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 2788.0,
+      "width": 330.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1915180347,
+      "version": 1,
+      "versionNonce": 2135720997,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00935-4385",
+      "type": "text",
+      "x": 3932.0,
+      "y": 2799.0,
+      "width": 306.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 952423530,
+      "version": 1,
+      "versionNonce": 416686538,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Search Run or outcome",
+      "originalText": "Search Run or outcome",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00936-3270",
+      "type": "rectangle",
+      "x": 4276.0,
+      "y": 2788.0,
+      "width": 286.4,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 269587880,
+      "version": 1,
+      "versionNonce": 1420797682,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00937-2628",
+      "type": "text",
+      "x": 4286.0,
+      "y": 2795.0,
+      "width": 266.4,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1887768555,
+      "version": 1,
+      "versionNonce": 995895073,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflow: Weekly feedback digest",
+      "originalText": "Workflow: Weekly feedback digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00938-2948",
+      "type": "rectangle",
+      "x": 4570.4,
+      "y": 2788.0,
+      "width": 81.39999999999999,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 146896043,
+      "version": 1,
+      "versionNonce": 1006385573,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00939-9079",
+      "type": "text",
+      "x": 4580.4,
+      "y": 2795.0,
+      "width": 61.39999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1482971281,
+      "version": 1,
+      "versionNonce": 2051199147,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "All  24",
+      "originalText": "All  24",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00940-6698",
+      "type": "rectangle",
+      "x": 4659.799999999999,
+      "y": 2788.0,
+      "width": 122.39999999999999,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1097380485,
+      "version": 1,
+      "versionNonce": 1675419043,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00941-2784",
+      "type": "text",
+      "x": 4669.799999999999,
+      "y": 2795.0,
+      "width": 102.39999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1778509493,
+      "version": 1,
+      "versionNonce": 719629525,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Needs you  1",
+      "originalText": "Needs you  1",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00942-7121",
+      "type": "rectangle",
+      "x": 4790.199999999999,
+      "y": 2788.0,
+      "width": 106.0,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1828436867,
+      "version": 1,
+      "versionNonce": 1244211036,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00943-5820",
+      "type": "text",
+      "x": 4800.199999999999,
+      "y": 2795.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 57759196,
+      "version": 1,
+      "versionNonce": 930305403,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running  1",
+      "originalText": "Running  1",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00944-7561",
+      "type": "rectangle",
+      "x": 4904.199999999999,
+      "y": 2788.0,
+      "width": 97.8,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 485581907,
+      "version": 1,
+      "versionNonce": 491200571,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00945-2760",
+      "type": "text",
+      "x": 4914.199999999999,
+      "y": 2795.0,
+      "width": 77.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1465163868,
+      "version": 1,
+      "versionNonce": 688721895,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed  2",
+      "originalText": "Failed  2",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00946-8876",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 2854.0,
+      "width": 1170.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 451830490,
+      "version": 1,
+      "versionNonce": 2002970646,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00947-8849",
+      "type": "text",
+      "x": 3934.0,
+      "y": 2867.0,
+      "width": 77.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1641184055,
+      "version": 1,
+      "versionNonce": 513383972,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "STATUS",
+      "originalText": "STATUS",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00948-9409",
+      "type": "text",
+      "x": 4039.0,
+      "y": 2867.0,
+      "width": 207.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1665005948,
+      "version": 1,
+      "versionNonce": 1266938498,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "WORKFLOW",
+      "originalText": "WORKFLOW",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00949-6933",
+      "type": "text",
+      "x": 4274.0,
+      "y": 2867.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1116680998,
+      "version": 1,
+      "versionNonce": 671667380,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ORIGIN",
+      "originalText": "ORIGIN",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00950-8503",
+      "type": "text",
+      "x": 4394.0,
+      "y": 2867.0,
+      "width": 147.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 465726952,
+      "version": 1,
+      "versionNonce": 1459797791,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "REVISION",
+      "originalText": "REVISION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00951-8141",
+      "type": "text",
+      "x": 4569.0,
+      "y": 2867.0,
+      "width": 87.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 763207252,
+      "version": 1,
+      "versionNonce": 670289688,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "WHEN",
+      "originalText": "WHEN",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00952-9392",
+      "type": "text",
+      "x": 4684.0,
+      "y": 2867.0,
+      "width": 47.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 2005694677,
+      "version": 1,
+      "versionNonce": 648841078,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TOOK",
+      "originalText": "TOOK",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00953-4264",
+      "type": "text",
+      "x": 4759.0,
+      "y": 2867.0,
+      "width": 62.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 937031218,
+      "version": 1,
+      "versionNonce": 617424416,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "USAGE",
+      "originalText": "USAGE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00954-2699",
+      "type": "text",
+      "x": 4849.0,
+      "y": 2867.0,
+      "width": 227.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 428273670,
+      "version": 1,
+      "versionNonce": 161372999,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "OUTCOME",
+      "originalText": "OUTCOME",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00955-7382",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 2896.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1341984198,
+      "version": 1,
+      "versionNonce": 661083846,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00956-9569",
+      "type": "rectangle",
+      "x": 3932.0,
+      "y": 2917.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 574608755,
+      "version": 1,
+      "versionNonce": 1307205192,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00957-1074",
+      "type": "text",
+      "x": 3942.0,
+      "y": 2923.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1867497651,
+      "version": 1,
+      "versionNonce": 806892786,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running",
+      "originalText": "Running",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00958-2063",
+      "type": "text",
+      "x": 4037.0,
+      "y": 2910.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 320524457,
+      "version": 1,
+      "versionNonce": 435226442,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00959-5650",
+      "type": "text",
+      "x": 4037.0,
+      "y": 2935.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1782496454,
+      "version": 1,
+      "versionNonce": 1785535339,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual \u00b7 you",
+      "originalText": "Manual \u00b7 you",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00960-3133",
+      "type": "text",
+      "x": 4272.0,
+      "y": 2921.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 640626447,
+      "version": 1,
+      "versionNonce": 644696830,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual",
+      "originalText": "Manual",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00961-5662",
+      "type": "text",
+      "x": 4392.0,
+      "y": 2911.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1700452649,
+      "version": 1,
+      "versionNonce": 383563321,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft",
+      "originalText": "Current draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00962-1990",
+      "type": "text",
+      "x": 4392.0,
+      "y": 2936.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 241587694,
+      "version": 1,
+      "versionNonce": 576107764,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "revision 12",
+      "originalText": "revision 12",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00963-5722",
+      "type": "text",
+      "x": 4567.0,
+      "y": 2921.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1357031811,
+      "version": 1,
+      "versionNonce": 698667728,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "18s ago",
+      "originalText": "18s ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00964-5015",
+      "type": "text",
+      "x": 4678.0,
+      "y": 2921.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 9670527,
+      "version": 1,
+      "versionNonce": 83713243,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:18",
+      "originalText": "00:18",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00965-1595",
+      "type": "text",
+      "x": 4753.0,
+      "y": 2921.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 547131990,
+      "version": 1,
+      "versionNonce": 23339615,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.03",
+      "originalText": "$0.03",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00966-6892",
+      "type": "text",
+      "x": 4847.0,
+      "y": 2911.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 919811284,
+      "version": 1,
+      "versionNonce": 19325027,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Preparing summary",
+      "originalText": "Preparing summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00967-6487",
+      "type": "text",
+      "x": 4847.0,
+      "y": 2936.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1355849966,
+      "version": 1,
+      "versionNonce": 702458979,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00968-8320",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 2966.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 146532674,
+      "version": 1,
+      "versionNonce": 1826100321,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00969-7159",
+      "type": "rectangle",
+      "x": 3932.0,
+      "y": 2987.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1437982884,
+      "version": 1,
+      "versionNonce": 622577015,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00970-5011",
+      "type": "text",
+      "x": 3942.0,
+      "y": 2993.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 2018776248,
+      "version": 1,
+      "versionNonce": 814788980,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Succeeded",
+      "originalText": "Succeeded",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00971-2295",
+      "type": "text",
+      "x": 4037.0,
+      "y": 2980.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1179413282,
+      "version": 1,
+      "versionNonce": 2139679292,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00972-8020",
+      "type": "text",
+      "x": 4037.0,
+      "y": 3005.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1819109187,
+      "version": 1,
+      "versionNonce": 2143810499,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule \u00b7 weekly",
+      "originalText": "Schedule \u00b7 weekly",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00973-9592",
+      "type": "text",
+      "x": 4272.0,
+      "y": 2991.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1339222480,
+      "version": 1,
+      "versionNonce": 1986889523,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00974-8445",
+      "type": "text",
+      "x": 4392.0,
+      "y": 2981.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 788672061,
+      "version": 1,
+      "versionNonce": 929577813,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00975-9871",
+      "type": "text",
+      "x": 4392.0,
+      "y": 3006.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 517892475,
+      "version": 1,
+      "versionNonce": 1686217822,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v7",
+      "originalText": "v7",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00976-2451",
+      "type": "text",
+      "x": 4567.0,
+      "y": 2991.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 482580259,
+      "version": 1,
+      "versionNonce": 1301053173,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "2h ago",
+      "originalText": "2h ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00977-1468",
+      "type": "text",
+      "x": 4678.0,
+      "y": 2991.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1426043237,
+      "version": 1,
+      "versionNonce": 905415011,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "01:42",
+      "originalText": "01:42",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00978-9850",
+      "type": "text",
+      "x": 4753.0,
+      "y": 2991.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 74931719,
+      "version": 1,
+      "versionNonce": 1567136689,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.18",
+      "originalText": "$0.18",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00979-8950",
+      "type": "text",
+      "x": 4847.0,
+      "y": 2981.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 147785999,
+      "version": 1,
+      "versionNonce": 759280548,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Posted 1 summary",
+      "originalText": "Posted 1 summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00980-6260",
+      "type": "text",
+      "x": 4847.0,
+      "y": 3006.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1229207222,
+      "version": 1,
+      "versionNonce": 725175900,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00981-2899",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 3036.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1169626779,
+      "version": 1,
+      "versionNonce": 1671431951,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00982-5754",
+      "type": "rectangle",
+      "x": 3932.0,
+      "y": 3057.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1680979924,
+      "version": 1,
+      "versionNonce": 3144021,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00983-4754",
+      "type": "text",
+      "x": 3942.0,
+      "y": 3063.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 513001364,
+      "version": 1,
+      "versionNonce": 915472207,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Needs you",
+      "originalText": "Needs you",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00984-1739",
+      "type": "text",
+      "x": 4037.0,
+      "y": 3050.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1157164912,
+      "version": 1,
+      "versionNonce": 1920193660,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00985-7356",
+      "type": "text",
+      "x": 4037.0,
+      "y": 3075.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1583099943,
+      "version": 1,
+      "versionNonce": 32872170,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule \u00b7 weekly",
+      "originalText": "Schedule \u00b7 weekly",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00986-6715",
+      "type": "text",
+      "x": 4272.0,
+      "y": 3061.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1035802322,
+      "version": 1,
+      "versionNonce": 1348144114,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00987-7289",
+      "type": "text",
+      "x": 4392.0,
+      "y": 3051.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1909202492,
+      "version": 1,
+      "versionNonce": 677639500,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00988-2710",
+      "type": "text",
+      "x": 4392.0,
+      "y": 3076.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 468610391,
+      "version": 1,
+      "versionNonce": 299932835,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v7",
+      "originalText": "v7",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00989-2678",
+      "type": "text",
+      "x": 4567.0,
+      "y": 3061.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 550566432,
+      "version": 1,
+      "versionNonce": 1389331183,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "1w ago",
+      "originalText": "1w ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00990-9121",
+      "type": "text",
+      "x": 4678.0,
+      "y": 3061.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 455430823,
+      "version": 1,
+      "versionNonce": 461885311,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:56",
+      "originalText": "00:56",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00991-6705",
+      "type": "text",
+      "x": 4753.0,
+      "y": 3061.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1302147114,
+      "version": 1,
+      "versionNonce": 329407773,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.11",
+      "originalText": "$0.11",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00992-7204",
+      "type": "text",
+      "x": 4847.0,
+      "y": 3051.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1229562169,
+      "version": 1,
+      "versionNonce": 164218482,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Approval requested",
+      "originalText": "Approval requested",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00993-4914",
+      "type": "text",
+      "x": 4847.0,
+      "y": 3076.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 610602839,
+      "version": 1,
+      "versionNonce": 1375994194,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-00994-7737",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 3106.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1697667312,
+      "version": 1,
+      "versionNonce": 1034601927,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-00995-6082",
+      "type": "rectangle",
+      "x": 3932.0,
+      "y": 3127.0,
+      "width": 70.8,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 103296232,
+      "version": 1,
+      "versionNonce": 1943729058,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-00996-5829",
+      "type": "text",
+      "x": 3942.0,
+      "y": 3133.0,
+      "width": 50.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 2001367762,
+      "version": 1,
+      "versionNonce": 962412002,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed",
+      "originalText": "Failed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00997-8318",
+      "type": "text",
+      "x": 4037.0,
+      "y": 3120.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 460381995,
+      "version": 1,
+      "versionNonce": 198656461,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00998-1123",
+      "type": "text",
+      "x": 4037.0,
+      "y": 3145.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 959113245,
+      "version": 1,
+      "versionNonce": 441079832,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual \u00b7 Calvin",
+      "originalText": "Manual \u00b7 Calvin",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-00999-7101",
+      "type": "text",
+      "x": 4272.0,
+      "y": 3131.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1424579179,
+      "version": 1,
+      "versionNonce": 2046103282,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual",
+      "originalText": "Manual",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01000-4027",
+      "type": "text",
+      "x": 4392.0,
+      "y": 3121.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 25243938,
+      "version": 1,
+      "versionNonce": 437392227,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft",
+      "originalText": "Draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01001-1212",
+      "type": "text",
+      "x": 4392.0,
+      "y": 3146.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1814784157,
+      "version": 1,
+      "versionNonce": 1426478041,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "revision 9",
+      "originalText": "revision 9",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01002-7393",
+      "type": "text",
+      "x": 4567.0,
+      "y": 3131.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 2135392859,
+      "version": 1,
+      "versionNonce": 2021143985,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "8d ago",
+      "originalText": "8d ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01003-8771",
+      "type": "text",
+      "x": 4678.0,
+      "y": 3131.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1239288194,
+      "version": 1,
+      "versionNonce": 1976383809,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:12",
+      "originalText": "00:12",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01004-2924",
+      "type": "text",
+      "x": 4753.0,
+      "y": 3131.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1657333523,
+      "version": 1,
+      "versionNonce": 2003138615,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.02",
+      "originalText": "$0.02",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01005-4456",
+      "type": "text",
+      "x": 4847.0,
+      "y": 3121.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 225269456,
+      "version": 1,
+      "versionNonce": 143496150,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Lark connection expired",
+      "originalText": "Lark connection expired",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01006-2363",
+      "type": "text",
+      "x": 4847.0,
+      "y": 3146.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1316926903,
+      "version": 1,
+      "versionNonce": 176892050,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01007-1956",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 3176.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 4685290,
+      "version": 1,
+      "versionNonce": 1488541980,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01008-9882",
+      "type": "rectangle",
+      "x": 3932.0,
+      "y": 3197.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1588321659,
+      "version": 1,
+      "versionNonce": 1499301191,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01009-8393",
+      "type": "text",
+      "x": 3942.0,
+      "y": 3203.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 612332585,
+      "version": 1,
+      "versionNonce": 1362633068,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Succeeded",
+      "originalText": "Succeeded",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01010-4483",
+      "type": "text",
+      "x": 4037.0,
+      "y": 3190.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 2118328490,
+      "version": 1,
+      "versionNonce": 1225207226,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01011-9156",
+      "type": "text",
+      "x": 4037.0,
+      "y": 3215.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 974996037,
+      "version": 1,
+      "versionNonce": 1198960868,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run again \u00b7 R-1001",
+      "originalText": "Run again \u00b7 R-1001",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01012-7385",
+      "type": "text",
+      "x": 4272.0,
+      "y": 3201.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1035134280,
+      "version": 1,
+      "versionNonce": 127684011,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run again",
+      "originalText": "Run again",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01013-7979",
+      "type": "text",
+      "x": 4392.0,
+      "y": 3191.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1143323710,
+      "version": 1,
+      "versionNonce": 337980859,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01014-6082",
+      "type": "text",
+      "x": 4392.0,
+      "y": 3216.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1936542364,
+      "version": 1,
+      "versionNonce": 1050406248,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v6",
+      "originalText": "v6",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01015-8026",
+      "type": "text",
+      "x": 4567.0,
+      "y": 3201.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1292624638,
+      "version": 1,
+      "versionNonce": 1584417773,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "15d ago",
+      "originalText": "15d ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01016-5401",
+      "type": "text",
+      "x": 4678.0,
+      "y": 3201.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 653226794,
+      "version": 1,
+      "versionNonce": 2077091314,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "01:37",
+      "originalText": "01:37",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01017-1777",
+      "type": "text",
+      "x": 4753.0,
+      "y": 3201.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1374064592,
+      "version": 1,
+      "versionNonce": 319301424,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.17",
+      "originalText": "$0.17",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01018-5679",
+      "type": "text",
+      "x": 4847.0,
+      "y": 3191.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 708591503,
+      "version": 1,
+      "versionNonce": 2052924079,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Posted 1 summary",
+      "originalText": "Posted 1 summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01019-7836",
+      "type": "text",
+      "x": 4847.0,
+      "y": 3216.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 1457117390,
+      "version": 1,
+      "versionNonce": 551835569,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01020-9266",
+      "type": "text",
+      "x": 3920.0,
+      "y": 3528.0,
+      "width": 720.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-08"
+      ],
+      "frameId": "frame-00915-7388",
+      "roundness": null,
+      "seed": 2132029393,
+      "version": 1,
+      "versionNonce": 413112535,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity remains the authoritative Run history. Run again and Retry append linked records.",
+      "originalText": "Activity remains the authoritative Run history. Run again and Retry append linked records.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-01021-4215",
+      "type": "frame",
+      "x": 160.0,
+      "y": 3840.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1470221932,
+      "version": 1,
+      "versionNonce": 529599512,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "10 Activity - all retained Runs"
+    },
+    {
+      "id": "r-01023-2710",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 3840.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 154895358,
+      "version": 1,
+      "versionNonce": 279466254,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01024-8035",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 3840.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1312133163,
+      "version": 1,
+      "versionNonce": 815875021,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01025-5799",
+      "type": "text",
+      "x": 184.0,
+      "y": 3864.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 82850982,
+      "version": 1,
+      "versionNonce": 1698831270,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01026-3996",
+      "type": "text",
+      "x": 184.0,
+      "y": 3893.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1209805788,
+      "version": 1,
+      "versionNonce": 589599272,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01027-5753",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 3960.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 454141735,
+      "version": 1,
+      "versionNonce": 1578542880,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01028-1249",
+      "type": "text",
+      "x": 208.0,
+      "y": 3956.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1760506649,
+      "version": 1,
+      "versionNonce": 419806219,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01029-5767",
+      "type": "rectangle",
+      "x": 172.0,
+      "y": 4000.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 678890122,
+      "version": 1,
+      "versionNonce": 1233477269,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01030-4878",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 4012.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 178391629,
+      "version": 1,
+      "versionNonce": 280090824,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01031-8339",
+      "type": "text",
+      "x": 208.0,
+      "y": 4008.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 454268906,
+      "version": 1,
+      "versionNonce": 952708790,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01032-7096",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 4064.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 155079917,
+      "version": 1,
+      "versionNonce": 396581399,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01033-9879",
+      "type": "text",
+      "x": 208.0,
+      "y": 4060.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 200594321,
+      "version": 1,
+      "versionNonce": 403599266,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01034-4871",
+      "type": "text",
+      "x": 184.0,
+      "y": 4686.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1350631134,
+      "version": 1,
+      "versionNonce": 498163020,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01035-3113",
+      "type": "text",
+      "x": 184.0,
+      "y": 4712.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1163154911,
+      "version": 1,
+      "versionNonce": 423438732,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01036-3848",
+      "type": "rectangle",
+      "x": 370.0,
+      "y": 3840.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1912223252,
+      "version": 1,
+      "versionNonce": 1248879966,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01037-8798",
+      "type": "text",
+      "x": 400.0,
+      "y": 3858.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 2110906731,
+      "version": 1,
+      "versionNonce": 2008634642,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01038-2496",
+      "type": "text",
+      "x": 400.0,
+      "y": 3889.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1275954698,
+      "version": 1,
+      "versionNonce": 2046865976,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Every Run, newest first. Search, inspect, and recover from one place.",
+      "originalText": "Every Run, newest first. Search, inspect, and recover from one place.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01039-7736",
+      "type": "text",
+      "x": 400.0,
+      "y": 3950.0,
+      "width": 47.879999999999995,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 983650162,
+      "version": 1,
+      "versionNonce": 675651254,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SEARCH",
+      "originalText": "SEARCH",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01040-7959",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 3972.0,
+      "width": 380.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 208116880,
+      "version": 1,
+      "versionNonce": 869720307,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01041-9938",
+      "type": "text",
+      "x": 412.0,
+      "y": 3983.0,
+      "width": 356.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1351731155,
+      "version": 1,
+      "versionNonce": 1262659687,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Search workflow, Run, or outcome",
+      "originalText": "Search workflow, Run, or outcome",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01042-6592",
+      "type": "rectangle",
+      "x": 808.0,
+      "y": 3972.0,
+      "width": 89.6,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1616746485,
+      "version": 1,
+      "versionNonce": 1948970189,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01043-2271",
+      "type": "text",
+      "x": 818.0,
+      "y": 3979.0,
+      "width": 69.6,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 137804265,
+      "version": 1,
+      "versionNonce": 1286635654,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "All  128",
+      "originalText": "All  128",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01044-9140",
+      "type": "rectangle",
+      "x": 905.6,
+      "y": 3972.0,
+      "width": 122.39999999999999,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2054519454,
+      "version": 1,
+      "versionNonce": 1657379592,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01045-7754",
+      "type": "text",
+      "x": 915.6,
+      "y": 3979.0,
+      "width": 102.39999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1648186173,
+      "version": 1,
+      "versionNonce": 903299293,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Needs you  2",
+      "originalText": "Needs you  2",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01046-5194",
+      "type": "rectangle",
+      "x": 1036.0,
+      "y": 3972.0,
+      "width": 106.0,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1898654865,
+      "version": 1,
+      "versionNonce": 469193996,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01047-3183",
+      "type": "text",
+      "x": 1046.0,
+      "y": 3979.0,
+      "width": 86.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 985591591,
+      "version": 1,
+      "versionNonce": 970826280,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running  3",
+      "originalText": "Running  3",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01048-8008",
+      "type": "rectangle",
+      "x": 1150.0,
+      "y": 3972.0,
+      "width": 97.8,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 482327101,
+      "version": 1,
+      "versionNonce": 35983373,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01049-1166",
+      "type": "text",
+      "x": 1160.0,
+      "y": 3979.0,
+      "width": 77.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 801078951,
+      "version": 1,
+      "versionNonce": 1767173427,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed  7",
+      "originalText": "Failed  7",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01050-8792",
+      "type": "rectangle",
+      "x": 1255.8,
+      "y": 3972.0,
+      "width": 89.6,
+      "height": 30.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1084489131,
+      "version": 1,
+      "versionNonce": 2095106651,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01051-1307",
+      "type": "text",
+      "x": 1265.8,
+      "y": 3979.0,
+      "width": 69.6,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1261660929,
+      "version": 1,
+      "versionNonce": 686258718,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Mine  18",
+      "originalText": "Mine  18",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01052-6766",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4038.0,
+      "width": 1170.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 724688338,
+      "version": 1,
+      "versionNonce": 135214163,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01053-6866",
+      "type": "text",
+      "x": 414.0,
+      "y": 4051.0,
+      "width": 77.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1435256748,
+      "version": 1,
+      "versionNonce": 2122177457,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "STATUS",
+      "originalText": "STATUS",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01054-6488",
+      "type": "text",
+      "x": 519.0,
+      "y": 4051.0,
+      "width": 207.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 528989184,
+      "version": 1,
+      "versionNonce": 2014747567,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "WORKFLOW",
+      "originalText": "WORKFLOW",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01055-5325",
+      "type": "text",
+      "x": 754.0,
+      "y": 4051.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1270208017,
+      "version": 1,
+      "versionNonce": 1070089138,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ORIGIN",
+      "originalText": "ORIGIN",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01056-8329",
+      "type": "text",
+      "x": 874.0,
+      "y": 4051.0,
+      "width": 147.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1415691307,
+      "version": 1,
+      "versionNonce": 68865039,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "REVISION",
+      "originalText": "REVISION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01057-9057",
+      "type": "text",
+      "x": 1049.0,
+      "y": 4051.0,
+      "width": 87.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 674000188,
+      "version": 1,
+      "versionNonce": 1551573424,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "WHEN",
+      "originalText": "WHEN",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01058-8557",
+      "type": "text",
+      "x": 1164.0,
+      "y": 4051.0,
+      "width": 47.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 393386394,
+      "version": 1,
+      "versionNonce": 1514002877,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "TOOK",
+      "originalText": "TOOK",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01059-2448",
+      "type": "text",
+      "x": 1239.0,
+      "y": 4051.0,
+      "width": 62.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 148133636,
+      "version": 1,
+      "versionNonce": 1154199888,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "USAGE",
+      "originalText": "USAGE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01060-3329",
+      "type": "text",
+      "x": 1329.0,
+      "y": 4051.0,
+      "width": 227.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 17015447,
+      "version": 1,
+      "versionNonce": 1169301658,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "OUTCOME",
+      "originalText": "OUTCOME",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01061-5381",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4080.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 369213418,
+      "version": 1,
+      "versionNonce": 890959920,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01062-8239",
+      "type": "rectangle",
+      "x": 412.0,
+      "y": 4101.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 712333823,
+      "version": 1,
+      "versionNonce": 851358147,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01063-7964",
+      "type": "text",
+      "x": 422.0,
+      "y": 4107.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 726897006,
+      "version": 1,
+      "versionNonce": 181640494,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running",
+      "originalText": "Running",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01064-5891",
+      "type": "text",
+      "x": 517.0,
+      "y": 4094.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 2066452166,
+      "version": 1,
+      "versionNonce": 15605705,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01065-2661",
+      "type": "text",
+      "x": 517.0,
+      "y": 4119.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 6222373,
+      "version": 1,
+      "versionNonce": 1871860489,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual \u00b7 you",
+      "originalText": "Manual \u00b7 you",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01066-6626",
+      "type": "text",
+      "x": 752.0,
+      "y": 4105.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1724046815,
+      "version": 1,
+      "versionNonce": 1370771442,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual",
+      "originalText": "Manual",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01067-9477",
+      "type": "text",
+      "x": 872.0,
+      "y": 4095.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 995238780,
+      "version": 1,
+      "versionNonce": 812523867,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft",
+      "originalText": "Current draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01068-3987",
+      "type": "text",
+      "x": 872.0,
+      "y": 4120.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 922045712,
+      "version": 1,
+      "versionNonce": 666448704,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "revision 12",
+      "originalText": "revision 12",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01069-1802",
+      "type": "text",
+      "x": 1047.0,
+      "y": 4105.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1758487042,
+      "version": 1,
+      "versionNonce": 359220473,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "18s ago",
+      "originalText": "18s ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01070-1423",
+      "type": "text",
+      "x": 1158.0,
+      "y": 4105.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 611464078,
+      "version": 1,
+      "versionNonce": 677623656,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:18",
+      "originalText": "00:18",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01071-1760",
+      "type": "text",
+      "x": 1233.0,
+      "y": 4105.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 907792913,
+      "version": 1,
+      "versionNonce": 1282370534,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.03",
+      "originalText": "$0.03",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01072-6611",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4095.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1169994162,
+      "version": 1,
+      "versionNonce": 593162790,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Preparing reply",
+      "originalText": "Preparing reply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01073-9133",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4120.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 150056386,
+      "version": 1,
+      "versionNonce": 783647598,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01074-9698",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4150.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 363262574,
+      "version": 1,
+      "versionNonce": 1541453108,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01075-2425",
+      "type": "rectangle",
+      "x": 412.0,
+      "y": 4171.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1702966852,
+      "version": 1,
+      "versionNonce": 410738760,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01076-7693",
+      "type": "text",
+      "x": 422.0,
+      "y": 4177.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1604744916,
+      "version": 1,
+      "versionNonce": 985313218,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Needs you",
+      "originalText": "Needs you",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01077-6744",
+      "type": "text",
+      "x": 517.0,
+      "y": 4164.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1658123375,
+      "version": 1,
+      "versionNonce": 307878247,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Invoice follow-up",
+      "originalText": "Invoice follow-up",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01078-6574",
+      "type": "text",
+      "x": 517.0,
+      "y": 4189.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1162812280,
+      "version": 1,
+      "versionNonce": 431882900,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule \u00b7 weekday",
+      "originalText": "Schedule \u00b7 weekday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01079-9682",
+      "type": "text",
+      "x": 752.0,
+      "y": 4175.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 768078389,
+      "version": 1,
+      "versionNonce": 1299409068,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01080-3702",
+      "type": "text",
+      "x": 872.0,
+      "y": 4165.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 242012840,
+      "version": 1,
+      "versionNonce": 1954052168,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01081-6299",
+      "type": "text",
+      "x": 872.0,
+      "y": 4190.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1910670815,
+      "version": 1,
+      "versionNonce": 1569339221,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v4",
+      "originalText": "v4",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01082-2012",
+      "type": "text",
+      "x": 1047.0,
+      "y": 4175.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1954174122,
+      "version": 1,
+      "versionNonce": 2132442053,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "42m ago",
+      "originalText": "42m ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01083-9698",
+      "type": "text",
+      "x": 1158.0,
+      "y": 4175.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 921498190,
+      "version": 1,
+      "versionNonce": 1896487282,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "02:18",
+      "originalText": "02:18",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01084-3502",
+      "type": "text",
+      "x": 1233.0,
+      "y": 4175.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1290175061,
+      "version": 1,
+      "versionNonce": 842154507,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.22",
+      "originalText": "$0.22",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01085-5225",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4165.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1141608513,
+      "version": 1,
+      "versionNonce": 221814184,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Approve 4 messages",
+      "originalText": "Approve 4 messages",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01086-5149",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4190.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 2097351256,
+      "version": 1,
+      "versionNonce": 1951226907,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01087-5716",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4220.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 375375171,
+      "version": 1,
+      "versionNonce": 24523514,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01088-3751",
+      "type": "rectangle",
+      "x": 412.0,
+      "y": 4241.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1843540766,
+      "version": 1,
+      "versionNonce": 1399773054,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01089-2689",
+      "type": "text",
+      "x": 422.0,
+      "y": 4247.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1039524515,
+      "version": 1,
+      "versionNonce": 1640180882,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Succeeded",
+      "originalText": "Succeeded",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01090-7063",
+      "type": "text",
+      "x": 517.0,
+      "y": 4234.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1355284802,
+      "version": 1,
+      "versionNonce": 417747342,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Weekly feedback digest",
+      "originalText": "Weekly feedback digest",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01091-2220",
+      "type": "text",
+      "x": 517.0,
+      "y": 4259.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1094021624,
+      "version": 1,
+      "versionNonce": 309484263,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule \u00b7 weekly",
+      "originalText": "Schedule \u00b7 weekly",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01092-3626",
+      "type": "text",
+      "x": 752.0,
+      "y": 4245.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1194114405,
+      "version": 1,
+      "versionNonce": 1591323732,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01093-3244",
+      "type": "text",
+      "x": 872.0,
+      "y": 4235.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 382568512,
+      "version": 1,
+      "versionNonce": 989751861,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01094-5798",
+      "type": "text",
+      "x": 872.0,
+      "y": 4260.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 674870274,
+      "version": 1,
+      "versionNonce": 760341885,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v7",
+      "originalText": "v7",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01095-1848",
+      "type": "text",
+      "x": 1047.0,
+      "y": 4245.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1645368497,
+      "version": 1,
+      "versionNonce": 625474109,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "2h ago",
+      "originalText": "2h ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01096-9821",
+      "type": "text",
+      "x": 1158.0,
+      "y": 4245.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1864957993,
+      "version": 1,
+      "versionNonce": 744774795,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "01:42",
+      "originalText": "01:42",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01097-2139",
+      "type": "text",
+      "x": 1233.0,
+      "y": 4245.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1274288406,
+      "version": 1,
+      "versionNonce": 1949814105,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.18",
+      "originalText": "$0.18",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01098-9145",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4235.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1409724511,
+      "version": 1,
+      "versionNonce": 1860241519,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Posted 1 summary",
+      "originalText": "Posted 1 summary",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01099-7231",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4260.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 330236118,
+      "version": 1,
+      "versionNonce": 52607329,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01100-8891",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4290.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 644556360,
+      "version": 1,
+      "versionNonce": 129456575,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01101-7090",
+      "type": "rectangle",
+      "x": 412.0,
+      "y": 4311.0,
+      "width": 70.8,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1804076372,
+      "version": 1,
+      "versionNonce": 565213091,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01102-3917",
+      "type": "text",
+      "x": 422.0,
+      "y": 4317.0,
+      "width": 50.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 992439954,
+      "version": 1,
+      "versionNonce": 1502915740,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed",
+      "originalText": "Failed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01103-6400",
+      "type": "text",
+      "x": 517.0,
+      "y": 4304.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 2073739349,
+      "version": 1,
+      "versionNonce": 2034902948,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Nightly order sync",
+      "originalText": "Nightly order sync",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01104-2514",
+      "type": "text",
+      "x": 517.0,
+      "y": 4329.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 769827151,
+      "version": 1,
+      "versionNonce": 193191609,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule \u00b7 nightly",
+      "originalText": "Schedule \u00b7 nightly",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01105-9211",
+      "type": "text",
+      "x": 752.0,
+      "y": 4315.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 492487053,
+      "version": 1,
+      "versionNonce": 1937855731,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Schedule",
+      "originalText": "Schedule",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01106-8197",
+      "type": "text",
+      "x": 872.0,
+      "y": 4305.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 669714600,
+      "version": 1,
+      "versionNonce": 2010689024,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01107-4577",
+      "type": "text",
+      "x": 872.0,
+      "y": 4330.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1004517327,
+      "version": 1,
+      "versionNonce": 363626995,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v9",
+      "originalText": "v9",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01108-8532",
+      "type": "text",
+      "x": 1047.0,
+      "y": 4315.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1685738987,
+      "version": 1,
+      "versionNonce": 1552622611,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "3:04 AM",
+      "originalText": "3:04 AM",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01109-8599",
+      "type": "text",
+      "x": 1158.0,
+      "y": 4315.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1783870994,
+      "version": 1,
+      "versionNonce": 1192080228,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:21",
+      "originalText": "00:21",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01110-1449",
+      "type": "text",
+      "x": 1233.0,
+      "y": 4315.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1961195095,
+      "version": 1,
+      "versionNonce": 1188375148,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.04",
+      "originalText": "$0.04",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01111-8061",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4305.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1372722388,
+      "version": 1,
+      "versionNonce": 126470813,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Warehouse unavailable",
+      "originalText": "Warehouse unavailable",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01112-8427",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4330.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 373591302,
+      "version": 1,
+      "versionNonce": 756395079,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01113-8141",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4360.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 352887871,
+      "version": 1,
+      "versionNonce": 1134976228,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01114-6239",
+      "type": "rectangle",
+      "x": 412.0,
+      "y": 4381.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2014741755,
+      "version": 1,
+      "versionNonce": 1204588302,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01115-3550",
+      "type": "text",
+      "x": 422.0,
+      "y": 4387.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 600612979,
+      "version": 1,
+      "versionNonce": 904048636,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Succeeded",
+      "originalText": "Succeeded",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01116-4322",
+      "type": "text",
+      "x": 517.0,
+      "y": 4374.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1941179013,
+      "version": 1,
+      "versionNonce": 2074319463,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01117-1709",
+      "type": "text",
+      "x": 517.0,
+      "y": 4399.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1352818522,
+      "version": 1,
+      "versionNonce": 1261183158,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Retry \u00b7 R-1031",
+      "originalText": "Retry \u00b7 R-1031",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01118-7840",
+      "type": "text",
+      "x": 752.0,
+      "y": 4385.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 141550662,
+      "version": 1,
+      "versionNonce": 1891673968,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Retry",
+      "originalText": "Retry",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01119-3987",
+      "type": "text",
+      "x": 872.0,
+      "y": 4375.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1223319514,
+      "version": 1,
+      "versionNonce": 720264863,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft",
+      "originalText": "Draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01120-5220",
+      "type": "text",
+      "x": 872.0,
+      "y": 4400.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 205797346,
+      "version": 1,
+      "versionNonce": 652167091,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "revision 11",
+      "originalText": "revision 11",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01121-8149",
+      "type": "text",
+      "x": 1047.0,
+      "y": 4385.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 682337045,
+      "version": 1,
+      "versionNonce": 1771982235,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Yesterday",
+      "originalText": "Yesterday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01122-5310",
+      "type": "text",
+      "x": 1158.0,
+      "y": 4385.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 345263492,
+      "version": 1,
+      "versionNonce": 1500055530,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:49",
+      "originalText": "00:49",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01123-4089",
+      "type": "text",
+      "x": 1233.0,
+      "y": 4385.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 207094589,
+      "version": 1,
+      "versionNonce": 1985820136,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.09",
+      "originalText": "$0.09",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01124-4102",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4375.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1495349513,
+      "version": 1,
+      "versionNonce": 1087422639,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Posted reply",
+      "originalText": "Posted reply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01125-1370",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4400.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 652680726,
+      "version": 1,
+      "versionNonce": 601785155,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01126-4167",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4430.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 590191875,
+      "version": 1,
+      "versionNonce": 2013601746,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01127-8671",
+      "type": "rectangle",
+      "x": 412.0,
+      "y": 4451.0,
+      "width": 70.8,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 315171825,
+      "version": 1,
+      "versionNonce": 992009736,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01128-9768",
+      "type": "text",
+      "x": 422.0,
+      "y": 4457.0,
+      "width": 50.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 480257737,
+      "version": 1,
+      "versionNonce": 639235147,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed",
+      "originalText": "Failed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01129-4843",
+      "type": "text",
+      "x": 517.0,
+      "y": 4444.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 691838360,
+      "version": 1,
+      "versionNonce": 313933300,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01130-3363",
+      "type": "text",
+      "x": 517.0,
+      "y": 4469.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1570216687,
+      "version": 1,
+      "versionNonce": 828250757,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual \u00b7 Calvin",
+      "originalText": "Manual \u00b7 Calvin",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01131-9022",
+      "type": "text",
+      "x": 752.0,
+      "y": 4455.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 2138846314,
+      "version": 1,
+      "versionNonce": 1315857445,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual",
+      "originalText": "Manual",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01132-3221",
+      "type": "text",
+      "x": 872.0,
+      "y": 4445.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 469662412,
+      "version": 1,
+      "versionNonce": 882010418,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft",
+      "originalText": "Draft",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01133-7238",
+      "type": "text",
+      "x": 872.0,
+      "y": 4470.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 466759561,
+      "version": 1,
+      "versionNonce": 881834893,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "revision 11",
+      "originalText": "revision 11",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01134-1457",
+      "type": "text",
+      "x": 1047.0,
+      "y": 4455.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 555397250,
+      "version": 1,
+      "versionNonce": 791966997,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Yesterday",
+      "originalText": "Yesterday",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01135-6904",
+      "type": "text",
+      "x": 1158.0,
+      "y": 4455.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1846128907,
+      "version": 1,
+      "versionNonce": 700265260,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:13",
+      "originalText": "00:13",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01136-3029",
+      "type": "text",
+      "x": 1233.0,
+      "y": 4455.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1700115858,
+      "version": 1,
+      "versionNonce": 372530537,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.02",
+      "originalText": "$0.02",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01137-6837",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4445.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1992559456,
+      "version": 1,
+      "versionNonce": 1198051998,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Linear permission denied",
+      "originalText": "Linear permission denied",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01138-5739",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4470.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1699352191,
+      "version": 1,
+      "versionNonce": 1606023465,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01139-8431",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 4500.0,
+      "width": 1170.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 975259066,
+      "version": 1,
+      "versionNonce": 1206580592,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01140-6017",
+      "type": "rectangle",
+      "x": 412.0,
+      "y": 4521.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#ecfdf3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1422914461,
+      "version": 1,
+      "versionNonce": 771818511,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01141-5022",
+      "type": "text",
+      "x": 422.0,
+      "y": 4527.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 175033714,
+      "version": 1,
+      "versionNonce": 1831705096,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Succeeded",
+      "originalText": "Succeeded",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01142-6989",
+      "type": "text",
+      "x": 517.0,
+      "y": 4514.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1413929857,
+      "version": 1,
+      "versionNonce": 1499140129,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Invoice follow-up",
+      "originalText": "Invoice follow-up",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01143-2451",
+      "type": "text",
+      "x": 517.0,
+      "y": 4539.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 2110426217,
+      "version": 1,
+      "versionNonce": 207457843,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual \u00b7 you",
+      "originalText": "Manual \u00b7 you",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01144-2145",
+      "type": "text",
+      "x": 752.0,
+      "y": 4525.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1610347834,
+      "version": 1,
+      "versionNonce": 1749915441,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual",
+      "originalText": "Manual",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01145-6391",
+      "type": "text",
+      "x": 872.0,
+      "y": 4515.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 811353168,
+      "version": 1,
+      "versionNonce": 541450157,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published",
+      "originalText": "Published",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01146-6467",
+      "type": "text",
+      "x": 872.0,
+      "y": 4540.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 880210575,
+      "version": 1,
+      "versionNonce": 1791086282,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "v4",
+      "originalText": "v4",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01147-4319",
+      "type": "text",
+      "x": 1047.0,
+      "y": 4525.0,
+      "width": 92.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1698528707,
+      "version": 1,
+      "versionNonce": 118363608,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "2d ago",
+      "originalText": "2d ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01148-7593",
+      "type": "text",
+      "x": 1158.0,
+      "y": 4525.0,
+      "width": 60.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1773266851,
+      "version": 1,
+      "versionNonce": 418277434,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "02:04",
+      "originalText": "02:04",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01149-4094",
+      "type": "text",
+      "x": 1233.0,
+      "y": 4525.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 2037543246,
+      "version": 1,
+      "versionNonce": 291079103,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.20",
+      "originalText": "$0.20",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01150-7974",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4515.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 1144725099,
+      "version": 1,
+      "versionNonce": 456618535,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Sent 6 reminders",
+      "originalText": "Sent 6 reminders",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01151-6302",
+      "type": "text",
+      "x": 1327.0,
+      "y": 4540.0,
+      "width": 228.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 102275159,
+      "version": 1,
+      "versionNonce": 92479022,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open details",
+      "originalText": "Open details",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01152-6630",
+      "type": "text",
+      "x": 400.0,
+      "y": 4710.0,
+      "width": 680.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-09"
+      ],
+      "frameId": "frame-01021-4215",
+      "roundness": null,
+      "seed": 665073723,
+      "version": 1,
+      "versionNonce": 1410584096,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Showing 7 of 128 Runs  |  New records appear here as soon as execution starts.",
+      "originalText": "Showing 7 of 128 Runs  |  New records appear here as soon as execution starts.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-01153-9609",
+      "type": "frame",
+      "x": 1920.0,
+      "y": 3840.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1791026401,
+      "version": 1,
+      "versionNonce": 1587049567,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "11 Run detail - immutable record"
+    },
+    {
+      "id": "r-01155-7542",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 3840.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 307912599,
+      "version": 1,
+      "versionNonce": 245690432,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01156-9595",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 3840.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1106910841,
+      "version": 1,
+      "versionNonce": 1563778443,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01157-5623",
+      "type": "text",
+      "x": 1944.0,
+      "y": 3864.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1184679661,
+      "version": 1,
+      "versionNonce": 2141739967,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01158-6010",
+      "type": "text",
+      "x": 1944.0,
+      "y": 3893.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1146241242,
+      "version": 1,
+      "versionNonce": 1580683705,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01159-1873",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 3960.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1404060231,
+      "version": 1,
+      "versionNonce": 924192210,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01160-3563",
+      "type": "text",
+      "x": 1968.0,
+      "y": 3956.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 777093970,
+      "version": 1,
+      "versionNonce": 1836241192,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01161-8207",
+      "type": "rectangle",
+      "x": 1932.0,
+      "y": 4000.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 526781430,
+      "version": 1,
+      "versionNonce": 397393966,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01162-1592",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 4012.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 675026638,
+      "version": 1,
+      "versionNonce": 1608466201,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01163-7414",
+      "type": "text",
+      "x": 1968.0,
+      "y": 4008.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 447542424,
+      "version": 1,
+      "versionNonce": 1178576371,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01164-4491",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 4064.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1206200348,
+      "version": 1,
+      "versionNonce": 860970499,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01165-7692",
+      "type": "text",
+      "x": 1968.0,
+      "y": 4060.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1622397633,
+      "version": 1,
+      "versionNonce": 245332790,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01166-3972",
+      "type": "text",
+      "x": 1944.0,
+      "y": 4686.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1581322754,
+      "version": 1,
+      "versionNonce": 664936387,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01167-8232",
+      "type": "text",
+      "x": 1944.0,
+      "y": 4712.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1000276939,
+      "version": 1,
+      "versionNonce": 383040744,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01168-9980",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 3840.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 604361372,
+      "version": 1,
+      "versionNonce": 445344838,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01169-4037",
+      "type": "text",
+      "x": 2160.0,
+      "y": 3858.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 171539509,
+      "version": 1,
+      "versionNonce": 1515081711,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run #R-1042",
+      "originalText": "Run #R-1042",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01170-9547",
+      "type": "text",
+      "x": 2160.0,
+      "y": 3889.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1294265044,
+      "version": 1,
+      "versionNonce": 1355021010,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage  |  Started 18 seconds ago",
+      "originalText": "Customer escalation triage  |  Started 18 seconds ago",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01171-3664",
+      "type": "rectangle",
+      "x": 3032.0,
+      "y": 3862.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1135973755,
+      "version": 1,
+      "versionNonce": 135574504,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01172-6712",
+      "type": "text",
+      "x": 3040.0,
+      "y": 3871.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 539665594,
+      "version": 1,
+      "versionNonce": 517682926,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open workflow",
+      "originalText": "Open workflow",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01173-1329",
+      "type": "rectangle",
+      "x": 3170.0,
+      "y": 3862.0,
+      "width": 160.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1821469843,
+      "version": 1,
+      "versionNonce": 1280376890,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01174-6639",
+      "type": "text",
+      "x": 3178.0,
+      "y": 3871.0,
+      "width": 144.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 669290266,
+      "version": 1,
+      "versionNonce": 177666391,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run again",
+      "originalText": "Run again",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01175-4307",
+      "type": "rectangle",
+      "x": 2160.0,
+      "y": 3950.0,
+      "width": 780.0,
+      "height": 748.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 679252086,
+      "version": 1,
+      "versionNonce": 2150384,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01176-4420",
+      "type": "rectangle",
+      "x": 2184.0,
+      "y": 3974.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1464139590,
+      "version": 1,
+      "versionNonce": 1189923185,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01177-8499",
+      "type": "text",
+      "x": 2194.0,
+      "y": 3980.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 692742478,
+      "version": 1,
+      "versionNonce": 1751204298,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running",
+      "originalText": "Running",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01178-2225",
+      "type": "text",
+      "x": 2184.0,
+      "y": 4022.0,
+      "width": 520.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1659417197,
+      "version": 1,
+      "versionNonce": 228088899,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01179-3967",
+      "type": "text",
+      "x": 2184.0,
+      "y": 4060.0,
+      "width": 360.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#6941c6",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1331882075,
+      "version": 1,
+      "versionNonce": 1267570546,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Current draft \u00b7 revision 12",
+      "originalText": "Current draft \u00b7 revision 12",
+      "fontSize": 16,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01180-5838",
+      "type": "text",
+      "x": 2184.0,
+      "y": 4118.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1773549917,
+      "version": 1,
+      "versionNonce": 1227660565,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ORIGIN",
+      "originalText": "ORIGIN",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01181-3286",
+      "type": "text",
+      "x": 2184.0,
+      "y": 4144.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 305628545,
+      "version": 1,
+      "versionNonce": 734555794,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manual \u00b7 you",
+      "originalText": "Manual \u00b7 you",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01182-8335",
+      "type": "text",
+      "x": 2544.0,
+      "y": 4118.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 37557640,
+      "version": 1,
+      "versionNonce": 1657834644,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "STARTED",
+      "originalText": "STARTED",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01183-9145",
+      "type": "text",
+      "x": 2544.0,
+      "y": 4144.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 563288836,
+      "version": 1,
+      "versionNonce": 294730023,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Aug 3, 2026 at 14:32:18",
+      "originalText": "Aug 3, 2026 at 14:32:18",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01184-4912",
+      "type": "text",
+      "x": 2184.0,
+      "y": 4202.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1662093858,
+      "version": 1,
+      "versionNonce": 1550328339,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ELAPSED",
+      "originalText": "ELAPSED",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01185-3101",
+      "type": "text",
+      "x": 2184.0,
+      "y": 4228.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1959356795,
+      "version": 1,
+      "versionNonce": 2035843496,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:18",
+      "originalText": "00:18",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01186-4060",
+      "type": "text",
+      "x": 2544.0,
+      "y": 4202.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 131552508,
+      "version": 1,
+      "versionNonce": 1232724232,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "USAGE",
+      "originalText": "USAGE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01187-4995",
+      "type": "text",
+      "x": 2544.0,
+      "y": 4228.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 151075209,
+      "version": 1,
+      "versionNonce": 1859410905,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.03 \u00b7 5.8k tokens",
+      "originalText": "$0.03 \u00b7 5.8k tokens",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01188-5518",
+      "type": "line",
+      "x": 2184.0,
+      "y": 4284.0,
+      "width": 732.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 677383659,
+      "version": 1,
+      "versionNonce": 1347419982,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          732.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01189-1071",
+      "type": "text",
+      "x": 2184.0,
+      "y": 4312.0,
+      "width": 170.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1441007233,
+      "version": 1,
+      "versionNonce": 226975697,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "STEP TIMELINE",
+      "originalText": "STEP TIMELINE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01190-2415",
+      "type": "ellipse",
+      "x": 2188.0,
+      "y": 4358.0,
+      "width": 18.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#067647",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1770345286,
+      "version": 1,
+      "versionNonce": 1228788697,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-01191-7769",
+      "type": "line",
+      "x": 2197.0,
+      "y": 4376.0,
+      "width": 0.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1105045524,
+      "version": 1,
+      "versionNonce": 696804127,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          38.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01192-1244",
+      "type": "text",
+      "x": 2224.0,
+      "y": 4356.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 512907700,
+      "version": 1,
+      "versionNonce": 1921226051,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Receive conversation",
+      "originalText": "Receive conversation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01193-8768",
+      "type": "text",
+      "x": 2590.0,
+      "y": 4356.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 926563154,
+      "version": 1,
+      "versionNonce": 142272309,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "0.8s",
+      "originalText": "0.8s",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01194-7270",
+      "type": "ellipse",
+      "x": 2188.0,
+      "y": 4416.0,
+      "width": 18.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#067647",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 675651774,
+      "version": 1,
+      "versionNonce": 1949169348,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-01195-8124",
+      "type": "line",
+      "x": 2197.0,
+      "y": 4434.0,
+      "width": 0.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1179870274,
+      "version": 1,
+      "versionNonce": 1132682529,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          38.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01196-9287",
+      "type": "text",
+      "x": 2224.0,
+      "y": 4414.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1009117522,
+      "version": 1,
+      "versionNonce": 1739976505,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Classify severity",
+      "originalText": "Classify severity",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01197-7336",
+      "type": "text",
+      "x": 2590.0,
+      "y": 4414.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 667889774,
+      "version": 1,
+      "versionNonce": 1495798106,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "3.4s",
+      "originalText": "3.4s",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01198-3774",
+      "type": "ellipse",
+      "x": 2188.0,
+      "y": 4474.0,
+      "width": 18.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "#067647",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1801259882,
+      "version": 1,
+      "versionNonce": 2103762335,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-01199-6512",
+      "type": "line",
+      "x": 2197.0,
+      "y": 4492.0,
+      "width": 0.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 156539986,
+      "version": 1,
+      "versionNonce": 865814784,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          38.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01200-6788",
+      "type": "text",
+      "x": 2224.0,
+      "y": 4472.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1646005103,
+      "version": 1,
+      "versionNonce": 1044692166,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Route escalation",
+      "originalText": "Route escalation",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01201-4667",
+      "type": "text",
+      "x": 2590.0,
+      "y": 4472.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#067647",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1206219759,
+      "version": 1,
+      "versionNonce": 1500782679,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "0.1s",
+      "originalText": "0.1s",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01202-2129",
+      "type": "ellipse",
+      "x": 2188.0,
+      "y": 4532.0,
+      "width": 18.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 163346251,
+      "version": 1,
+      "versionNonce": 986772145,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "l-01203-8309",
+      "type": "line",
+      "x": 2197.0,
+      "y": 4550.0,
+      "width": 0.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 2110921843,
+      "version": 1,
+      "versionNonce": 457970947,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          0.0,
+          38.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01204-5532",
+      "type": "text",
+      "x": 2224.0,
+      "y": 4530.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1525502704,
+      "version": 1,
+      "versionNonce": 117368523,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Prepare reply",
+      "originalText": "Prepare reply",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01205-1401",
+      "type": "text",
+      "x": 2590.0,
+      "y": 4530.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 492738000,
+      "version": 1,
+      "versionNonce": 1703463687,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "running 13s",
+      "originalText": "running 13s",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01206-3976",
+      "type": "ellipse",
+      "x": 2188.0,
+      "y": 4590.0,
+      "width": 18.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 478808473,
+      "version": 1,
+      "versionNonce": 1214632562,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01207-4474",
+      "type": "text",
+      "x": 2224.0,
+      "y": 4588.0,
+      "width": 320.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 430633900,
+      "version": 1,
+      "versionNonce": 1882312051,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Post response",
+      "originalText": "Post response",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01208-3822",
+      "type": "text",
+      "x": 2590.0,
+      "y": 4588.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1630598189,
+      "version": 1,
+      "versionNonce": 1444926363,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "queued",
+      "originalText": "queued",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01209-3689",
+      "type": "rectangle",
+      "x": 2964.0,
+      "y": 3950.0,
+      "width": 366.0,
+      "height": 748.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1633113920,
+      "version": 1,
+      "versionNonce": 1379032860,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01210-6763",
+      "type": "text",
+      "x": 2988.0,
+      "y": 3974.0,
+      "width": 100.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1839670436,
+      "version": 1,
+      "versionNonce": 1786776765,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "RECORD",
+      "originalText": "RECORD",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01211-5163",
+      "type": "text",
+      "x": 2988.0,
+      "y": 4010.0,
+      "width": 23.939999999999998,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1696743897,
+      "version": 1,
+      "versionNonce": 437369059,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "RUN",
+      "originalText": "RUN",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01212-6338",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 4032.0,
+      "width": 318.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 353684181,
+      "version": 1,
+      "versionNonce": 2037572353,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01213-2156",
+      "type": "text",
+      "x": 3000.0,
+      "y": 4043.0,
+      "width": 294.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 334994565,
+      "version": 1,
+      "versionNonce": 1338525200,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "R-1042",
+      "originalText": "R-1042",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01214-8160",
+      "type": "text",
+      "x": 2988.0,
+      "y": 4094.0,
+      "width": 63.839999999999996,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1901288591,
+      "version": 1,
+      "versionNonce": 878191425,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "REVISION",
+      "originalText": "REVISION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01215-1040",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 4116.0,
+      "width": 318.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 247654491,
+      "version": 1,
+      "versionNonce": 1866776779,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01216-2629",
+      "type": "text",
+      "x": 3000.0,
+      "y": 4127.0,
+      "width": 294.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 441435174,
+      "version": 1,
+      "versionNonce": 1461796060,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "draft-r12",
+      "originalText": "draft-r12",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01217-1718",
+      "type": "text",
+      "x": 2988.0,
+      "y": 4178.0,
+      "width": 87.77999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 394836356,
+      "version": 1,
+      "versionNonce": 1297705584,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ENVIRONMENT",
+      "originalText": "ENVIRONMENT",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01218-4363",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 4200.0,
+      "width": 318.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1288107424,
+      "version": 1,
+      "versionNonce": 3526064,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01219-8481",
+      "type": "text",
+      "x": 3000.0,
+      "y": 4211.0,
+      "width": 294.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 776206322,
+      "version": 1,
+      "versionNonce": 305472349,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Production",
+      "originalText": "Production",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01220-3276",
+      "type": "text",
+      "x": 2988.0,
+      "y": 4268.0,
+      "width": 140.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1649995498,
+      "version": 1,
+      "versionNonce": 2019038184,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "LINKED RUNS",
+      "originalText": "LINKED RUNS",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01221-9131",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 4298.0,
+      "width": 318.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 138531388,
+      "version": 1,
+      "versionNonce": 1556457756,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01222-6430",
+      "type": "text",
+      "x": 3004.0,
+      "y": 4314.0,
+      "width": 240.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 667757809,
+      "version": 1,
+      "versionNonce": 1087569968,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "No linked Runs yet",
+      "originalText": "No linked Runs yet",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01223-3188",
+      "type": "text",
+      "x": 3004.0,
+      "y": 4341.0,
+      "width": 270.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 857632447,
+      "version": 1,
+      "versionNonce": 535125022,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run again will create one.",
+      "originalText": "Run again will create one.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01224-5851",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 4402.0,
+      "width": 318.0,
+      "height": 124.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 579299022,
+      "version": 1,
+      "versionNonce": 1236769683,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01225-9957",
+      "type": "text",
+      "x": 3004.0,
+      "y": 4422.0,
+      "width": 250.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 845777303,
+      "version": 1,
+      "versionNonce": 2110233744,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "History is immutable",
+      "originalText": "History is immutable",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01226-6223",
+      "type": "text",
+      "x": 3004.0,
+      "y": 4456.0,
+      "width": 300.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 676938201,
+      "version": 1,
+      "versionNonce": 1748277419,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "A new attempt keeps this record and links back to R-1042.",
+      "originalText": "A new attempt keeps this record and links back to R-1042.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01227-4035",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 4556.0,
+      "width": 318.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1863020878,
+      "version": 1,
+      "versionNonce": 1620719914,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01228-3453",
+      "type": "text",
+      "x": 2996.0,
+      "y": 4565.0,
+      "width": 302.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-10"
+      ],
+      "frameId": "frame-01153-9609",
+      "roundness": null,
+      "seed": 1710282958,
+      "version": 1,
+      "versionNonce": 603258407,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run again",
+      "originalText": "Run again",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-01229-7206",
+      "type": "frame",
+      "x": 3680.0,
+      "y": 3840.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1100322327,
+      "version": 1,
+      "versionNonce": 873909714,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "12 Failed Run - recovery creates a new record"
+    },
+    {
+      "id": "r-01231-9399",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 3840.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 178391605,
+      "version": 1,
+      "versionNonce": 2146765733,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01232-3243",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 3840.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1039501073,
+      "version": 1,
+      "versionNonce": 392175463,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01233-8877",
+      "type": "text",
+      "x": 3704.0,
+      "y": 3864.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 2108347747,
+      "version": 1,
+      "versionNonce": 1258928364,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01234-3487",
+      "type": "text",
+      "x": 3704.0,
+      "y": 3893.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1816903620,
+      "version": 1,
+      "versionNonce": 206082983,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01235-1685",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 3960.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 676988241,
+      "version": 1,
+      "versionNonce": 1326421613,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01236-9283",
+      "type": "text",
+      "x": 3728.0,
+      "y": 3956.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 554743158,
+      "version": 1,
+      "versionNonce": 185512824,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01237-2207",
+      "type": "rectangle",
+      "x": 3692.0,
+      "y": 4000.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1147198950,
+      "version": 1,
+      "versionNonce": 1649858192,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01238-7537",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 4012.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1247934334,
+      "version": 1,
+      "versionNonce": 1622832554,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01239-9412",
+      "type": "text",
+      "x": 3728.0,
+      "y": 4008.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 809619115,
+      "version": 1,
+      "versionNonce": 526583985,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01240-1891",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 4064.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 2120388456,
+      "version": 1,
+      "versionNonce": 2088604356,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01241-9067",
+      "type": "text",
+      "x": 3728.0,
+      "y": 4060.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 780847797,
+      "version": 1,
+      "versionNonce": 1768503043,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01242-7549",
+      "type": "text",
+      "x": 3704.0,
+      "y": 4686.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 237241791,
+      "version": 1,
+      "versionNonce": 893887481,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01243-2300",
+      "type": "text",
+      "x": 3704.0,
+      "y": 4712.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 381194425,
+      "version": 1,
+      "versionNonce": 195328722,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01244-8812",
+      "type": "rectangle",
+      "x": 3890.0,
+      "y": 3840.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 566552843,
+      "version": 1,
+      "versionNonce": 1012858160,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01245-5288",
+      "type": "text",
+      "x": 3920.0,
+      "y": 3858.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 181886281,
+      "version": 1,
+      "versionNonce": 722018103,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run #R-1038",
+      "originalText": "Run #R-1038",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01246-3780",
+      "type": "text",
+      "x": 3920.0,
+      "y": 3889.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 559158403,
+      "version": 1,
+      "versionNonce": 1076162608,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Nightly order sync  |  Failed at step 4",
+      "originalText": "Nightly order sync  |  Failed at step 4",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01247-3017",
+      "type": "rectangle",
+      "x": 4792.0,
+      "y": 3862.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2077492936,
+      "version": 1,
+      "versionNonce": 152951834,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01248-4280",
+      "type": "text",
+      "x": 4800.0,
+      "y": 3871.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 788930255,
+      "version": 1,
+      "versionNonce": 1599242650,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edit workflow",
+      "originalText": "Edit workflow",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01249-3935",
+      "type": "rectangle",
+      "x": 4930.0,
+      "y": 3862.0,
+      "width": 160.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 791598317,
+      "version": 1,
+      "versionNonce": 914681609,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01250-7665",
+      "type": "text",
+      "x": 4938.0,
+      "y": 3871.0,
+      "width": 144.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 73939047,
+      "version": 1,
+      "versionNonce": 1106303569,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Retry",
+      "originalText": "Retry",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01251-6250",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 3950.0,
+      "width": 1170.0,
+      "height": 110.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1113481722,
+      "version": 1,
+      "versionNonce": 850584401,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01252-8399",
+      "type": "rectangle",
+      "x": 3942.0,
+      "y": 3974.0,
+      "width": 70.8,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 968622757,
+      "version": 1,
+      "versionNonce": 1159653043,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01253-1678",
+      "type": "text",
+      "x": 3952.0,
+      "y": 3980.0,
+      "width": 50.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1985948768,
+      "version": 1,
+      "versionNonce": 1856047874,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed",
+      "originalText": "Failed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01254-3930",
+      "type": "text",
+      "x": 4050.0,
+      "y": 3978.0,
+      "width": 560.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1310324378,
+      "version": 1,
+      "versionNonce": 85465478,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Warehouse connection is unavailable",
+      "originalText": "Warehouse connection is unavailable",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01255-9571",
+      "type": "text",
+      "x": 4050.0,
+      "y": 4012.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 4211880,
+      "version": 1,
+      "versionNonce": 1546624873,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Step 4 \u00b7 Write completed orders  |  The connection rejected the request.",
+      "originalText": "Step 4 \u00b7 Write completed orders  |  The connection rejected the request.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01256-3212",
+      "type": "text",
+      "x": 3942.0,
+      "y": 4090.0,
+      "width": 180.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1421680734,
+      "version": 1,
+      "versionNonce": 1777974336,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "WHAT HAPPENED",
+      "originalText": "WHAT HAPPENED",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01257-1392",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 4120.0,
+      "width": 720.0,
+      "height": 246.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 662729508,
+      "version": 1,
+      "versionNonce": 720757923,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01258-8497",
+      "type": "text",
+      "x": 3944.0,
+      "y": 4144.0,
+      "width": 63.839999999999996,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 237146066,
+      "version": 1,
+      "versionNonce": 366582185,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "REVISION",
+      "originalText": "REVISION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01259-5748",
+      "type": "rectangle",
+      "x": 3944.0,
+      "y": 4166.0,
+      "width": 672.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2008840631,
+      "version": 1,
+      "versionNonce": 2115243815,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01260-7812",
+      "type": "text",
+      "x": 3956.0,
+      "y": 4177.0,
+      "width": 648.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1556954296,
+      "version": 1,
+      "versionNonce": 799619836,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published \u00b7 v9",
+      "originalText": "Published \u00b7 v9",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01261-9751",
+      "type": "text",
+      "x": 3944.0,
+      "y": 4228.0,
+      "width": 95.75999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 979666746,
+      "version": 1,
+      "versionNonce": 1895313444,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "FAILED AFTER",
+      "originalText": "FAILED AFTER",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01262-2715",
+      "type": "rectangle",
+      "x": 3944.0,
+      "y": 4250.0,
+      "width": 320.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1306389927,
+      "version": 1,
+      "versionNonce": 1930575929,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01263-4566",
+      "type": "text",
+      "x": 3956.0,
+      "y": 4261.0,
+      "width": 296.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1489802079,
+      "version": 1,
+      "versionNonce": 1303145170,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "00:21",
+      "originalText": "00:21",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01264-3880",
+      "type": "text",
+      "x": 4280.0,
+      "y": 4228.0,
+      "width": 39.9,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1168734432,
+      "version": 1,
+      "versionNonce": 677069339,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "USAGE",
+      "originalText": "USAGE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01265-1512",
+      "type": "rectangle",
+      "x": 4280.0,
+      "y": 4250.0,
+      "width": 336.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 909825182,
+      "version": 1,
+      "versionNonce": 1876151563,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01266-4645",
+      "type": "text",
+      "x": 4292.0,
+      "y": 4261.0,
+      "width": 312.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1601366958,
+      "version": 1,
+      "versionNonce": 1198631571,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "$0.04 \u00b7 8.1k tokens",
+      "originalText": "$0.04 \u00b7 8.1k tokens",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01267-5877",
+      "type": "text",
+      "x": 3944.0,
+      "y": 4322.0,
+      "width": 620.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1440189315,
+      "version": 1,
+      "versionNonce": 2091150718,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "The previous three completed steps remain visible in this Run record.",
+      "originalText": "The previous three completed steps remain visible in this Run record.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01268-5000",
+      "type": "text",
+      "x": 4692.0,
+      "y": 4090.0,
+      "width": 130.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 907594617,
+      "version": 1,
+      "versionNonce": 100455082,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "RECOVER",
+      "originalText": "RECOVER",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01269-6666",
+      "type": "rectangle",
+      "x": 4670.0,
+      "y": 4120.0,
+      "width": 420.0,
+      "height": 246.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1622922338,
+      "version": 1,
+      "versionNonce": 1072444349,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01270-8504",
+      "type": "text",
+      "x": 4694.0,
+      "y": 4144.0,
+      "width": 330.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1913731855,
+      "version": 1,
+      "versionNonce": 1925209403,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "1. Repair the connection",
+      "originalText": "1. Repair the connection",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01271-9177",
+      "type": "rectangle",
+      "x": 4694.0,
+      "y": 4176.0,
+      "width": 372.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 578069136,
+      "version": 1,
+      "versionNonce": 635772652,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01272-4578",
+      "type": "text",
+      "x": 4702.0,
+      "y": 4185.0,
+      "width": 356.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1930458048,
+      "version": 1,
+      "versionNonce": 457635521,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Open connections",
+      "originalText": "Open connections",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01273-3603",
+      "type": "text",
+      "x": 4694.0,
+      "y": 4240.0,
+      "width": 330.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 232700414,
+      "version": 1,
+      "versionNonce": 789394228,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "2. Retry this Run",
+      "originalText": "2. Retry this Run",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01274-7476",
+      "type": "rectangle",
+      "x": 4694.0,
+      "y": 4272.0,
+      "width": 372.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1104971420,
+      "version": 1,
+      "versionNonce": 1741012489,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01275-7461",
+      "type": "text",
+      "x": 4702.0,
+      "y": 4281.0,
+      "width": 356.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1563406924,
+      "version": 1,
+      "versionNonce": 1643382988,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Retry",
+      "originalText": "Retry",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01276-6131",
+      "type": "text",
+      "x": 3920.0,
+      "y": 4408.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1302002480,
+      "version": 1,
+      "versionNonce": 945703775,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "RETRY PREVIEW",
+      "originalText": "RETRY PREVIEW",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01277-6994",
+      "type": "rectangle",
+      "x": 3920.0,
+      "y": 4438.0,
+      "width": 1170.0,
+      "height": 204.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 951808252,
+      "version": 1,
+      "versionNonce": 163302927,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01278-5435",
+      "type": "text",
+      "x": 3944.0,
+      "y": 4464.0,
+      "width": 420.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 323116702,
+      "version": 1,
+      "versionNonce": 867259155,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "A new Run will be created",
+      "originalText": "A new Run will be created",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01279-9131",
+      "type": "text",
+      "x": 3944.0,
+      "y": 4506.0,
+      "width": 720.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 118264686,
+      "version": 1,
+      "versionNonce": 388223824,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "New record: R-1043  |  Source Run: R-1038  |  Published \u00b7 v9",
+      "originalText": "New record: R-1043  |  Source Run: R-1038  |  Published \u00b7 v9",
+      "fontSize": 16,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01280-9629",
+      "type": "text",
+      "x": 3944.0,
+      "y": 4546.0,
+      "width": 790.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 948178954,
+      "version": 1,
+      "versionNonce": 1124882286,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "R-1038 remains Failed. R-1043 starts from step 4 after the connection is repaired.",
+      "originalText": "R-1038 remains Failed. R-1043 starts from step 4 after the connection is repaired.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01281-2407",
+      "type": "rectangle",
+      "x": 4868.0,
+      "y": 4574.0,
+      "width": 88.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1549559365,
+      "version": 1,
+      "versionNonce": 924216296,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01282-1057",
+      "type": "text",
+      "x": 4876.0,
+      "y": 4583.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1897895684,
+      "version": 1,
+      "versionNonce": 1994722396,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Cancel",
+      "originalText": "Cancel",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01283-4296",
+      "type": "rectangle",
+      "x": 4968.0,
+      "y": 4574.0,
+      "width": 98.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1203614796,
+      "version": 1,
+      "versionNonce": 1012437240,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01284-3283",
+      "type": "text",
+      "x": 4976.0,
+      "y": 4583.0,
+      "width": 82.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-11"
+      ],
+      "frameId": "frame-01229-7206",
+      "roundness": null,
+      "seed": 1512095931,
+      "version": 1,
+      "versionNonce": 1715065281,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Retry",
+      "originalText": "Retry",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-01285-9253",
+      "type": "frame",
+      "x": 160.0,
+      "y": 5020.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 837952270,
+      "version": 1,
+      "versionNonce": 1147278256,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "13 Workflows and Activity - states"
+    },
+    {
+      "id": "r-01287-6271",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 5020.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 612078966,
+      "version": 1,
+      "versionNonce": 865550241,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01288-3111",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 5020.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 163594218,
+      "version": 1,
+      "versionNonce": 1072478566,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01289-5272",
+      "type": "text",
+      "x": 184.0,
+      "y": 5044.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 2096582180,
+      "version": 1,
+      "versionNonce": 1492254283,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01290-6522",
+      "type": "text",
+      "x": 184.0,
+      "y": 5073.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1321854539,
+      "version": 1,
+      "versionNonce": 277782784,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01291-1444",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 5140.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1987425564,
+      "version": 1,
+      "versionNonce": 359823391,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01292-1982",
+      "type": "text",
+      "x": 208.0,
+      "y": 5136.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 941169516,
+      "version": 1,
+      "versionNonce": 313279294,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01293-8310",
+      "type": "rectangle",
+      "x": 172.0,
+      "y": 5180.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1894726635,
+      "version": 1,
+      "versionNonce": 616128182,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01294-9325",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 5192.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 707660498,
+      "version": 1,
+      "versionNonce": 580704925,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01295-8858",
+      "type": "text",
+      "x": 208.0,
+      "y": 5188.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1456576687,
+      "version": 1,
+      "versionNonce": 1928480422,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01296-7048",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 5244.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 2091366638,
+      "version": 1,
+      "versionNonce": 1896072899,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01297-9804",
+      "type": "text",
+      "x": 208.0,
+      "y": 5240.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 548929767,
+      "version": 1,
+      "versionNonce": 1133028068,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01298-6645",
+      "type": "text",
+      "x": 184.0,
+      "y": 5866.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1587897835,
+      "version": 1,
+      "versionNonce": 192682895,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01299-2761",
+      "type": "text",
+      "x": 184.0,
+      "y": 5892.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1414501597,
+      "version": 1,
+      "versionNonce": 1100804952,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01300-2027",
+      "type": "rectangle",
+      "x": 370.0,
+      "y": 5020.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1403976860,
+      "version": 1,
+      "versionNonce": 17932670,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01301-5163",
+      "type": "text",
+      "x": 400.0,
+      "y": 5038.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 969083565,
+      "version": 1,
+      "versionNonce": 913710751,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows + Activity states",
+      "originalText": "Workflows + Activity states",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01302-2007",
+      "type": "text",
+      "x": 400.0,
+      "y": 5069.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1220007569,
+      "version": 1,
+      "versionNonce": 1763047078,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Empty, loading, error, and compact layouts for the two in-scope areas.",
+      "originalText": "Empty, loading, error, and compact layouts for the two in-scope areas.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01303-5486",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 5136.0,
+      "width": 360.0,
+      "height": 218.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1996195455,
+      "version": 1,
+      "versionNonce": 959178900,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01304-9539",
+      "type": "text",
+      "x": 420.0,
+      "y": 5154.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1622829244,
+      "version": 1,
+      "versionNonce": 389599467,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "EMPTY WORKFLOWS",
+      "originalText": "EMPTY WORKFLOWS",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01305-1142",
+      "type": "text",
+      "x": 420.0,
+      "y": 5198.0,
+      "width": 310.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1292911526,
+      "version": 1,
+      "versionNonce": 1329390748,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "No workflows yet",
+      "originalText": "No workflows yet",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01306-8231",
+      "type": "text",
+      "x": 420.0,
+      "y": 5236.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1715546669,
+      "version": 1,
+      "versionNonce": 1567239948,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Create your first workflow directly.",
+      "originalText": "Create your first workflow directly.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01307-2998",
+      "type": "rectangle",
+      "x": 420.0,
+      "y": 5286.0,
+      "width": 130.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 706173134,
+      "version": 1,
+      "versionNonce": 609629391,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01308-8035",
+      "type": "text",
+      "x": 428.0,
+      "y": 5295.0,
+      "width": 114.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 330386115,
+      "version": 1,
+      "versionNonce": 1641836457,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "New workflow",
+      "originalText": "New workflow",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01309-6060",
+      "type": "rectangle",
+      "x": 790.0,
+      "y": 5136.0,
+      "width": 360.0,
+      "height": 218.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1461648455,
+      "version": 1,
+      "versionNonce": 851965182,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01310-3106",
+      "type": "text",
+      "x": 810.0,
+      "y": 5154.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1640201482,
+      "version": 1,
+      "versionNonce": 1982628517,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "EMPTY ACTIVITY",
+      "originalText": "EMPTY ACTIVITY",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01311-4705",
+      "type": "text",
+      "x": 810.0,
+      "y": 5198.0,
+      "width": 310.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 671177584,
+      "version": 1,
+      "versionNonce": 1903356667,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "No Runs match",
+      "originalText": "No Runs match",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01312-3725",
+      "type": "text",
+      "x": 810.0,
+      "y": 5236.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1147559190,
+      "version": 1,
+      "versionNonce": 1929783729,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Change filters or run a workflow.",
+      "originalText": "Change filters or run a workflow.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01313-2162",
+      "type": "rectangle",
+      "x": 810.0,
+      "y": 5286.0,
+      "width": 130.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2103813100,
+      "version": 1,
+      "versionNonce": 187422521,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01314-4459",
+      "type": "text",
+      "x": 818.0,
+      "y": 5295.0,
+      "width": 114.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1516062225,
+      "version": 1,
+      "versionNonce": 448568281,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Clear filters",
+      "originalText": "Clear filters",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01315-9227",
+      "type": "rectangle",
+      "x": 1180.0,
+      "y": 5136.0,
+      "width": 360.0,
+      "height": 218.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 442257385,
+      "version": 1,
+      "versionNonce": 1534173367,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01316-4243",
+      "type": "text",
+      "x": 1200.0,
+      "y": 5154.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 408718578,
+      "version": 1,
+      "versionNonce": 1254500644,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "LOADING ACTIVITY",
+      "originalText": "LOADING ACTIVITY",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01317-5946",
+      "type": "rectangle",
+      "x": 1204.0,
+      "y": 5198.0,
+      "width": 312.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#dbeafe",
+      "backgroundColor": "#dbeafe",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 435887527,
+      "version": 1,
+      "versionNonce": 1449171098,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01318-8385",
+      "type": "rectangle",
+      "x": 1204.0,
+      "y": 5240.0,
+      "width": 278.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#dbeafe",
+      "backgroundColor": "#dbeafe",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1457467303,
+      "version": 1,
+      "versionNonce": 1708913146,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01319-4270",
+      "type": "rectangle",
+      "x": 1204.0,
+      "y": 5282.0,
+      "width": 244.0,
+      "height": 18.0,
+      "angle": 0,
+      "strokeColor": "#dbeafe",
+      "backgroundColor": "#dbeafe",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1577885323,
+      "version": 1,
+      "versionNonce": 2122564949,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01320-9387",
+      "type": "rectangle",
+      "x": 400.0,
+      "y": 5386.0,
+      "width": 750.0,
+      "height": 174.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 800522707,
+      "version": 1,
+      "versionNonce": 1263772977,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01321-4635",
+      "type": "text",
+      "x": 422.0,
+      "y": 5408.0,
+      "width": 240.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1469966617,
+      "version": 1,
+      "versionNonce": 1803695655,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ACTIVITY UNAVAILABLE",
+      "originalText": "ACTIVITY UNAVAILABLE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01322-6285",
+      "type": "text",
+      "x": 422.0,
+      "y": 5444.0,
+      "width": 520.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 857020542,
+      "version": 1,
+      "versionNonce": 70855538,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Run history could not be loaded",
+      "originalText": "Run history could not be loaded",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01323-1472",
+      "type": "text",
+      "x": 422.0,
+      "y": 5482.0,
+      "width": 620.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 441373054,
+      "version": 1,
+      "versionNonce": 675039383,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Your Runs are still retained. Retry loading without losing search or filters.",
+      "originalText": "Your Runs are still retained. Retry loading without losing search or filters.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01324-3997",
+      "type": "rectangle",
+      "x": 978.0,
+      "y": 5494.0,
+      "width": 142.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 731156685,
+      "version": 1,
+      "versionNonce": 124216181,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01325-3735",
+      "type": "text",
+      "x": 986.0,
+      "y": 5503.0,
+      "width": 126.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 816806152,
+      "version": 1,
+      "versionNonce": 699341990,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Retry loading",
+      "originalText": "Retry loading",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01326-1133",
+      "type": "rectangle",
+      "x": 1196.0,
+      "y": 5386.0,
+      "width": 370.0,
+      "height": 438.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 271526854,
+      "version": 1,
+      "versionNonce": 1581295718,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01327-3243",
+      "type": "rectangle",
+      "x": 1196.0,
+      "y": 5386.0,
+      "width": 370.0,
+      "height": 58.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 90066969,
+      "version": 1,
+      "versionNonce": 963459001,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01328-8579",
+      "type": "text",
+      "x": 1214.0,
+      "y": 5404.0,
+      "width": 140.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 436874491,
+      "version": 1,
+      "versionNonce": 1339142088,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01329-9336",
+      "type": "rectangle",
+      "x": 1460.0,
+      "y": 5398.0,
+      "width": 88.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1858823328,
+      "version": 1,
+      "versionNonce": 1734939015,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01330-2873",
+      "type": "text",
+      "x": 1468.0,
+      "y": 5407.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 845796224,
+      "version": 1,
+      "versionNonce": 897798933,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Filters",
+      "originalText": "Filters",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01331-3684",
+      "type": "rectangle",
+      "x": 1210.0,
+      "y": 5462.0,
+      "width": 342.0,
+      "height": 92.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 639009042,
+      "version": 1,
+      "versionNonce": 1426534409,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01332-8818",
+      "type": "rectangle",
+      "x": 1224.0,
+      "y": 5476.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1467512687,
+      "version": 1,
+      "versionNonce": 2142026268,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01333-2508",
+      "type": "text",
+      "x": 1234.0,
+      "y": 5482.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 899296608,
+      "version": 1,
+      "versionNonce": 1460826554,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Running",
+      "originalText": "Running",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01334-9491",
+      "type": "text",
+      "x": 1224.0,
+      "y": 5510.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1616168190,
+      "version": 1,
+      "versionNonce": 881955040,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Customer escalation triage",
+      "originalText": "Customer escalation triage",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01335-7083",
+      "type": "text",
+      "x": 1426.0,
+      "y": 5510.0,
+      "width": 100.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 212521355,
+      "version": 1,
+      "versionNonce": 299752724,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Draft \u00b7 r12",
+      "originalText": "Draft \u00b7 r12",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "right",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01336-2726",
+      "type": "rectangle",
+      "x": 1210.0,
+      "y": 5570.0,
+      "width": 342.0,
+      "height": 92.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 712657376,
+      "version": 1,
+      "versionNonce": 966260601,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01337-6447",
+      "type": "rectangle",
+      "x": 1224.0,
+      "y": 5584.0,
+      "width": 94.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 501507969,
+      "version": 1,
+      "versionNonce": 174670523,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01338-4506",
+      "type": "text",
+      "x": 1234.0,
+      "y": 5590.0,
+      "width": 74.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 927414737,
+      "version": 1,
+      "versionNonce": 456851652,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Needs you",
+      "originalText": "Needs you",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01339-3827",
+      "type": "text",
+      "x": 1224.0,
+      "y": 5618.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 713187849,
+      "version": 1,
+      "versionNonce": 780352816,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Invoice follow-up",
+      "originalText": "Invoice follow-up",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01340-9862",
+      "type": "text",
+      "x": 1426.0,
+      "y": 5618.0,
+      "width": 100.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1542864462,
+      "version": 1,
+      "versionNonce": 1876495651,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published \u00b7 v4",
+      "originalText": "Published \u00b7 v4",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "right",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01341-7236",
+      "type": "rectangle",
+      "x": 1210.0,
+      "y": 5678.0,
+      "width": 342.0,
+      "height": 92.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2021087663,
+      "version": 1,
+      "versionNonce": 57507750,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01342-6115",
+      "type": "rectangle",
+      "x": 1224.0,
+      "y": 5692.0,
+      "width": 70.8,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 122460687,
+      "version": 1,
+      "versionNonce": 1327505561,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01343-9096",
+      "type": "text",
+      "x": 1234.0,
+      "y": 5698.0,
+      "width": 50.8,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1285392862,
+      "version": 1,
+      "versionNonce": 1639697066,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Failed",
+      "originalText": "Failed",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01344-6566",
+      "type": "text",
+      "x": 1224.0,
+      "y": 5726.0,
+      "width": 210.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 652403333,
+      "version": 1,
+      "versionNonce": 623668003,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Nightly order sync",
+      "originalText": "Nightly order sync",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01345-9119",
+      "type": "text",
+      "x": 1426.0,
+      "y": 5726.0,
+      "width": 100.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1201163218,
+      "version": 1,
+      "versionNonce": 1666422737,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Published \u00b7 v9",
+      "originalText": "Published \u00b7 v9",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "right",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01346-6639",
+      "type": "text",
+      "x": 400.0,
+      "y": 5886.0,
+      "width": 820.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-12"
+      ],
+      "frameId": "frame-01285-9253",
+      "roundness": null,
+      "seed": 1448887915,
+      "version": 1,
+      "versionNonce": 325478459,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Compact layouts preserve status, workflow, revision, and recovery actions before secondary metrics.",
+      "originalText": "Compact layouts preserve status, workflow, revision, and recovery actions before secondary metrics.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-01347-2804",
+      "type": "frame",
+      "x": 1920.0,
+      "y": 5020.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1533077920,
+      "version": 1,
+      "versionNonce": 854519233,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "14 Settings - AI defaults"
+    },
+    {
+      "id": "r-01349-4279",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 5020.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 235997616,
+      "version": 1,
+      "versionNonce": 1108047664,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01350-4146",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 5020.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 235051775,
+      "version": 1,
+      "versionNonce": 1958461662,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01351-6493",
+      "type": "text",
+      "x": 1944.0,
+      "y": 5044.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1569738610,
+      "version": 1,
+      "versionNonce": 995855571,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01352-3617",
+      "type": "text",
+      "x": 1944.0,
+      "y": 5073.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1196677308,
+      "version": 1,
+      "versionNonce": 809040478,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01353-4144",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 5140.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1234709496,
+      "version": 1,
+      "versionNonce": 892732285,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01354-1233",
+      "type": "text",
+      "x": 1968.0,
+      "y": 5136.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 564233452,
+      "version": 1,
+      "versionNonce": 1039279757,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01355-1456",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 5192.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1752785355,
+      "version": 1,
+      "versionNonce": 273852382,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01356-6305",
+      "type": "text",
+      "x": 1968.0,
+      "y": 5188.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 195088846,
+      "version": 1,
+      "versionNonce": 303644954,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01357-8161",
+      "type": "rectangle",
+      "x": 1932.0,
+      "y": 5232.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1154511956,
+      "version": 1,
+      "versionNonce": 1687869133,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01358-9303",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 5244.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 907222365,
+      "version": 1,
+      "versionNonce": 1144244503,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01359-9807",
+      "type": "text",
+      "x": 1968.0,
+      "y": 5240.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 238830539,
+      "version": 1,
+      "versionNonce": 1339332096,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01360-3862",
+      "type": "text",
+      "x": 1944.0,
+      "y": 5866.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1851320176,
+      "version": 1,
+      "versionNonce": 1364796261,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01361-9750",
+      "type": "text",
+      "x": 1944.0,
+      "y": 5892.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1040103525,
+      "version": 1,
+      "versionNonce": 1563104544,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01362-6774",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 5020.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1375633141,
+      "version": 1,
+      "versionNonce": 808956731,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01363-4783",
+      "type": "text",
+      "x": 2160.0,
+      "y": 5038.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1140975957,
+      "version": 1,
+      "versionNonce": 1864936054,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01364-7700",
+      "type": "text",
+      "x": 2160.0,
+      "y": 5069.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1660488457,
+      "version": 1,
+      "versionNonce": 2132496547,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Personal defaults and access.",
+      "originalText": "Personal defaults and access.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01365-6831",
+      "type": "rectangle",
+      "x": 2156.0,
+      "y": 5136.0,
+      "width": 176.0,
+      "height": 40.0,
+      "angle": 0,
+      "strokeColor": "#eff8ff",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1228429804,
+      "version": 1,
+      "versionNonce": 628430253,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01366-7358",
+      "type": "text",
+      "x": 2168.0,
+      "y": 5148.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1770242956,
+      "version": 1,
+      "versionNonce": 547850179,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01367-1494",
+      "type": "text",
+      "x": 2204.0,
+      "y": 5147.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1473453840,
+      "version": 1,
+      "versionNonce": 594590762,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01368-1586",
+      "type": "text",
+      "x": 2168.0,
+      "y": 5196.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1162335614,
+      "version": 1,
+      "versionNonce": 1537169262,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ID",
+      "originalText": "ID",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01369-7164",
+      "type": "text",
+      "x": 2204.0,
+      "y": 5195.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1330148973,
+      "version": 1,
+      "versionNonce": 2099461800,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Account",
+      "originalText": "Account",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01370-5509",
+      "type": "text",
+      "x": 2168.0,
+      "y": 5244.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1059882503,
+      "version": 1,
+      "versionNonce": 404781872,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "</>",
+      "originalText": "</>",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01371-3657",
+      "type": "text",
+      "x": 2204.0,
+      "y": 5243.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1821916848,
+      "version": 1,
+      "versionNonce": 253145521,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Advanced",
+      "originalText": "Advanced",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01372-2410",
+      "type": "text",
+      "x": 2366.0,
+      "y": 5136.0,
+      "width": 360.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1546359889,
+      "version": 1,
+      "versionNonce": 1697836586,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01373-9691",
+      "type": "text",
+      "x": 2366.0,
+      "y": 5172.0,
+      "width": 650.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 578933374,
+      "version": 1,
+      "versionNonce": 2042262429,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Choose the service and model used by new Chat, Studio, and global tool sessions without an override.",
+      "originalText": "Choose the service and model used by new Chat, Studio, and global tool sessions without an override.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01374-3766",
+      "type": "line",
+      "x": 2366.0,
+      "y": 5210.0,
+      "width": 964.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 845071362,
+      "version": 1,
+      "versionNonce": 1616552981,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          964.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01375-1947",
+      "type": "text",
+      "x": 2366.0,
+      "y": 5258.0,
+      "width": 220.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 438466788,
+      "version": 1,
+      "versionNonce": 1220833202,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Preferred service",
+      "originalText": "Preferred service",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01376-5009",
+      "type": "text",
+      "x": 2366.0,
+      "y": 5286.0,
+      "width": 230.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1341085039,
+      "version": 1,
+      "versionNonce": 1323915280,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Gateway or exact connected service.",
+      "originalText": "Gateway or exact connected service.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01377-6547",
+      "type": "rectangle",
+      "x": 2636.0,
+      "y": 5248.0,
+      "width": 694.0,
+      "height": 48.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 503970770,
+      "version": 1,
+      "versionNonce": 1379977860,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01378-8546",
+      "type": "text",
+      "x": 2652.0,
+      "y": 5263.0,
+      "width": 654.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 239559871,
+      "version": 1,
+      "versionNonce": 1730836008,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "NyxID Gateway",
+      "originalText": "NyxID Gateway",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01379-2664",
+      "type": "line",
+      "x": 2366.0,
+      "y": 5330.0,
+      "width": 964.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 28262857,
+      "version": 1,
+      "versionNonce": 1757342685,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          964.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01380-5854",
+      "type": "text",
+      "x": 2366.0,
+      "y": 5362.0,
+      "width": 220.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 967889422,
+      "version": 1,
+      "versionNonce": 1381037751,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Default model",
+      "originalText": "Default model",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01381-4349",
+      "type": "text",
+      "x": 2366.0,
+      "y": 5390.0,
+      "width": 230.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1604850960,
+      "version": 1,
+      "versionNonce": 447205049,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Leave unset to use the service default.",
+      "originalText": "Leave unset to use the service default.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01382-4793",
+      "type": "rectangle",
+      "x": 2636.0,
+      "y": 5352.0,
+      "width": 694.0,
+      "height": 48.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 884669658,
+      "version": 1,
+      "versionNonce": 227123271,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01383-9722",
+      "type": "text",
+      "x": 2652.0,
+      "y": 5367.0,
+      "width": 654.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 762863685,
+      "version": 1,
+      "versionNonce": 669710784,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "gpt-4o-mini",
+      "originalText": "gpt-4o-mini",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01384-5014",
+      "type": "line",
+      "x": 2366.0,
+      "y": 5434.0,
+      "width": 964.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-13"
+      ],
+      "frameId": "frame-01347-2804",
+      "roundness": null,
+      "seed": 1893589099,
+      "version": 1,
+      "versionNonce": 392155568,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          964.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "frame-01385-8489",
+      "type": "frame",
+      "x": 3680.0,
+      "y": 5020.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1983501480,
+      "version": 1,
+      "versionNonce": 1920796021,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "15 Settings - save and recovery states"
+    },
+    {
+      "id": "r-01387-2030",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 5020.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 63740086,
+      "version": 1,
+      "versionNonce": 1382093752,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01388-5164",
+      "type": "rectangle",
+      "x": 3680.0,
+      "y": 5020.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1519159249,
+      "version": 1,
+      "versionNonce": 1596157500,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01389-6193",
+      "type": "text",
+      "x": 3704.0,
+      "y": 5044.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 63969348,
+      "version": 1,
+      "versionNonce": 1234395593,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01390-9162",
+      "type": "text",
+      "x": 3704.0,
+      "y": 5073.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 820445153,
+      "version": 1,
+      "versionNonce": 1582892083,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01391-6741",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 5140.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1618358921,
+      "version": 1,
+      "versionNonce": 2084837080,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01392-6050",
+      "type": "text",
+      "x": 3728.0,
+      "y": 5136.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 2097232794,
+      "version": 1,
+      "versionNonce": 835295425,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01393-8627",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 5192.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1981694405,
+      "version": 1,
+      "versionNonce": 284850049,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01394-5635",
+      "type": "text",
+      "x": 3728.0,
+      "y": 5188.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1324982721,
+      "version": 1,
+      "versionNonce": 669024849,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01395-6551",
+      "type": "rectangle",
+      "x": 3692.0,
+      "y": 5232.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 288158373,
+      "version": 1,
+      "versionNonce": 505424483,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01396-1871",
+      "type": "ellipse",
+      "x": 3708.0,
+      "y": 5244.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1289805619,
+      "version": 1,
+      "versionNonce": 1968801829,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01397-8122",
+      "type": "text",
+      "x": 3728.0,
+      "y": 5240.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1439073919,
+      "version": 1,
+      "versionNonce": 460066283,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01398-4057",
+      "type": "text",
+      "x": 3704.0,
+      "y": 5866.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 855073383,
+      "version": 1,
+      "versionNonce": 316717962,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01399-7525",
+      "type": "text",
+      "x": 3704.0,
+      "y": 5892.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 641187854,
+      "version": 1,
+      "versionNonce": 1821823180,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01400-2312",
+      "type": "rectangle",
+      "x": 3890.0,
+      "y": 5020.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1025748692,
+      "version": 1,
+      "versionNonce": 382541464,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01401-8313",
+      "type": "text",
+      "x": 3920.0,
+      "y": 5038.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1136551013,
+      "version": 1,
+      "versionNonce": 265510148,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings states",
+      "originalText": "Settings states",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01402-8945",
+      "type": "text",
+      "x": 3920.0,
+      "y": 5069.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1240674555,
+      "version": 1,
+      "versionNonce": 1634944198,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Dirty, accepted, fallback, and catalog recovery without dashboard noise.",
+      "originalText": "Dirty, accepted, fallback, and catalog recovery without dashboard noise.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01403-7394",
+      "type": "rectangle",
+      "x": 3916.0,
+      "y": 5136.0,
+      "width": 176.0,
+      "height": 40.0,
+      "angle": 0,
+      "strokeColor": "#eff8ff",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 337155779,
+      "version": 1,
+      "versionNonce": 33651577,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01404-6764",
+      "type": "text",
+      "x": 3928.0,
+      "y": 5148.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1188764318,
+      "version": 1,
+      "versionNonce": 449414398,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01405-2664",
+      "type": "text",
+      "x": 3964.0,
+      "y": 5147.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 767626005,
+      "version": 1,
+      "versionNonce": 765290798,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01406-4555",
+      "type": "text",
+      "x": 3928.0,
+      "y": 5196.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1304795943,
+      "version": 1,
+      "versionNonce": 238392434,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ID",
+      "originalText": "ID",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01407-9252",
+      "type": "text",
+      "x": 3964.0,
+      "y": 5195.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 669924908,
+      "version": 1,
+      "versionNonce": 1321580823,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Account",
+      "originalText": "Account",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01408-3484",
+      "type": "text",
+      "x": 3928.0,
+      "y": 5244.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 296116468,
+      "version": 1,
+      "versionNonce": 1587498787,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "</>",
+      "originalText": "</>",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01409-4114",
+      "type": "text",
+      "x": 3964.0,
+      "y": 5243.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1121012824,
+      "version": 1,
+      "versionNonce": 1848762673,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Advanced",
+      "originalText": "Advanced",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01410-7008",
+      "type": "text",
+      "x": 4126.0,
+      "y": 5136.0,
+      "width": 340.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1754221974,
+      "version": 1,
+      "versionNonce": 143322266,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01411-5221",
+      "type": "rectangle",
+      "x": 4964.0,
+      "y": 5136.0,
+      "width": 78.6,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1055506233,
+      "version": 1,
+      "versionNonce": 910456120,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01412-4723",
+      "type": "text",
+      "x": 4974.0,
+      "y": 5142.0,
+      "width": 58.599999999999994,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 41334996,
+      "version": 1,
+      "versionNonce": 542713502,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Unsaved",
+      "originalText": "Unsaved",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01413-6885",
+      "type": "line",
+      "x": 4126.0,
+      "y": 5194.0,
+      "width": 964.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 123653659,
+      "version": 1,
+      "versionNonce": 848274341,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          964.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "r-01414-4180",
+      "type": "rectangle",
+      "x": 4126.0,
+      "y": 5228.0,
+      "width": 309.3333333333333,
+      "height": 218.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1144335061,
+      "version": 1,
+      "versionNonce": 180028715,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01415-3873",
+      "type": "text",
+      "x": 4142.0,
+      "y": 5244.0,
+      "width": 277.3333333333333,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 2114741770,
+      "version": 1,
+      "versionNonce": 794121747,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "UNSAVED",
+      "originalText": "UNSAVED",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01416-6071",
+      "type": "text",
+      "x": 4142.0,
+      "y": 5280.0,
+      "width": 277.3333333333333,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1022692486,
+      "version": 1,
+      "versionNonce": 1684613620,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Sticky save bar appears",
+      "originalText": "Sticky save bar appears",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01417-3736",
+      "type": "text",
+      "x": 4142.0,
+      "y": 5316.0,
+      "width": 277.3333333333333,
+      "height": 20.3,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1600234081,
+      "version": 1,
+      "versionNonce": 259607857,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Discard and Save changes stay close to the edited defaults.",
+      "originalText": "Discard and Save changes stay close to the edited defaults.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.45
+    },
+    {
+      "id": "r-01418-2599",
+      "type": "rectangle",
+      "x": 4142.0,
+      "y": 5394.0,
+      "width": 92.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 814948283,
+      "version": 1,
+      "versionNonce": 273070971,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01419-2195",
+      "type": "text",
+      "x": 4150.0,
+      "y": 5403.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 531244682,
+      "version": 1,
+      "versionNonce": 1069602640,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Discard",
+      "originalText": "Discard",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01420-8868",
+      "type": "rectangle",
+      "x": 4244.0,
+      "y": 5394.0,
+      "width": 122.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 530062556,
+      "version": 1,
+      "versionNonce": 574008512,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01421-3479",
+      "type": "text",
+      "x": 4252.0,
+      "y": 5403.0,
+      "width": 106.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1770321324,
+      "version": 1,
+      "versionNonce": 1319312186,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save changes",
+      "originalText": "Save changes",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01422-9696",
+      "type": "rectangle",
+      "x": 4453.333333333333,
+      "y": 5228.0,
+      "width": 309.3333333333333,
+      "height": 218.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1613802427,
+      "version": 1,
+      "versionNonce": 48210767,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01423-5279",
+      "type": "text",
+      "x": 4469.333333333333,
+      "y": 5244.0,
+      "width": 277.3333333333333,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1783192645,
+      "version": 1,
+      "versionNonce": 768662865,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ACCEPTED",
+      "originalText": "ACCEPTED",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01424-3417",
+      "type": "text",
+      "x": 4469.333333333333,
+      "y": 5280.0,
+      "width": 277.3333333333333,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 139661205,
+      "version": 1,
+      "versionNonce": 2106079533,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Confirming saved values",
+      "originalText": "Confirming saved values",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01425-1979",
+      "type": "text",
+      "x": 4469.333333333333,
+      "y": 5316.0,
+      "width": 277.3333333333333,
+      "height": 20.3,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 303950440,
+      "version": 1,
+      "versionNonce": 1979590044,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Keep the submitted exact service visible until the committed values are observed.",
+      "originalText": "Keep the submitted exact service visible until the committed values are observed.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.45
+    },
+    {
+      "id": "r-01426-2879",
+      "type": "rectangle",
+      "x": 4469.333333333333,
+      "y": 5394.0,
+      "width": 172.2,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 912800381,
+      "version": 1,
+      "versionNonce": 671836540,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01427-3949",
+      "type": "text",
+      "x": 4479.333333333333,
+      "y": 5400.0,
+      "width": 152.2,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 148947539,
+      "version": 1,
+      "versionNonce": 729742939,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Observation pending",
+      "originalText": "Observation pending",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01428-3241",
+      "type": "rectangle",
+      "x": 4780.666666666667,
+      "y": 5228.0,
+      "width": 309.3333333333333,
+      "height": 218.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1295900234,
+      "version": 1,
+      "versionNonce": 1592416572,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01429-1435",
+      "type": "text",
+      "x": 4796.666666666667,
+      "y": 5244.0,
+      "width": 277.3333333333333,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 736887116,
+      "version": 1,
+      "versionNonce": 384582791,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "FALLBACK",
+      "originalText": "FALLBACK",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01430-8537",
+      "type": "text",
+      "x": 4796.666666666667,
+      "y": 5280.0,
+      "width": 277.3333333333333,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1735073812,
+      "version": 1,
+      "versionNonce": 87612028,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Effective route changed",
+      "originalText": "Effective route changed",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01431-3379",
+      "type": "text",
+      "x": 4796.666666666667,
+      "y": 5316.0,
+      "width": 277.3333333333333,
+      "height": 20.3,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1321285048,
+      "version": 1,
+      "versionNonce": 655495687,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Show fallback only when the selected service is unavailable.",
+      "originalText": "Show fallback only when the selected service is unavailable.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.45
+    },
+    {
+      "id": "r-01432-4607",
+      "type": "rectangle",
+      "x": 4796.666666666667,
+      "y": 5394.0,
+      "width": 164.4,
+      "height": 28.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2085603833,
+      "version": 1,
+      "versionNonce": 424923271,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01433-1166",
+      "type": "text",
+      "x": 4806.666666666667,
+      "y": 5400.0,
+      "width": 144.4,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1842049247,
+      "version": 1,
+      "versionNonce": 1023428090,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Effective: Gateway",
+      "originalText": "Effective: Gateway",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01434-6080",
+      "type": "rectangle",
+      "x": 4126.0,
+      "y": 5480.0,
+      "width": 473.0,
+      "height": 220.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1930724197,
+      "version": 1,
+      "versionNonce": 881209757,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01435-9281",
+      "type": "text",
+      "x": 4144.0,
+      "y": 5498.0,
+      "width": 300.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 916507118,
+      "version": 1,
+      "versionNonce": 254043194,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "CATALOG UNAVAILABLE",
+      "originalText": "CATALOG UNAVAILABLE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01436-3967",
+      "type": "text",
+      "x": 4144.0,
+      "y": 5536.0,
+      "width": 380.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 874831448,
+      "version": 1,
+      "versionNonce": 800399372,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Keep stored defaults visible",
+      "originalText": "Keep stored defaults visible",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01437-9725",
+      "type": "text",
+      "x": 4144.0,
+      "y": 5572.0,
+      "width": 400.0,
+      "height": 20.3,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 306108310,
+      "version": 1,
+      "versionNonce": 435057985,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Disable service and model editing until provider inventory can be loaded.",
+      "originalText": "Disable service and model editing until provider inventory can be loaded.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.45
+    },
+    {
+      "id": "r-01438-4276",
+      "type": "rectangle",
+      "x": 4144.0,
+      "y": 5640.0,
+      "width": 88.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "#fffaeb",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1297614898,
+      "version": 1,
+      "versionNonce": 7619594,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01439-9008",
+      "type": "text",
+      "x": 4152.0,
+      "y": 5649.0,
+      "width": 72.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b54708",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 755528004,
+      "version": 1,
+      "versionNonce": 1694202759,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Retry",
+      "originalText": "Retry",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01440-7984",
+      "type": "rectangle",
+      "x": 4617.0,
+      "y": 5480.0,
+      "width": 473.0,
+      "height": 220.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 171127586,
+      "version": 1,
+      "versionNonce": 1317110207,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01441-9882",
+      "type": "text",
+      "x": 4635.0,
+      "y": 5498.0,
+      "width": 300.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1636343763,
+      "version": 1,
+      "versionNonce": 311141415,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SAVE FAILED",
+      "originalText": "SAVE FAILED",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01442-5545",
+      "type": "text",
+      "x": 4635.0,
+      "y": 5536.0,
+      "width": 380.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1457862153,
+      "version": 1,
+      "versionNonce": 1490482846,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Edits remain intact",
+      "originalText": "Edits remain intact",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01443-9386",
+      "type": "text",
+      "x": 4635.0,
+      "y": 5572.0,
+      "width": 400.0,
+      "height": 20.3,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1225023547,
+      "version": 1,
+      "versionNonce": 986366319,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "The exact service and model stay editable. Retry without rebuilding the draft.",
+      "originalText": "The exact service and model stay editable. Retry without rebuilding the draft.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.45
+    },
+    {
+      "id": "r-01444-1322",
+      "type": "rectangle",
+      "x": 4635.0,
+      "y": 5640.0,
+      "width": 126.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 2126538852,
+      "version": 1,
+      "versionNonce": 1485013824,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01445-9399",
+      "type": "text",
+      "x": 4643.0,
+      "y": 5649.0,
+      "width": 110.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 733711489,
+      "version": 1,
+      "versionNonce": 2090793514,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save changes",
+      "originalText": "Save changes",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01446-5383",
+      "type": "rectangle",
+      "x": 4126.0,
+      "y": 5782.0,
+      "width": 964.0,
+      "height": 72.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#1d2939",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1577761729,
+      "version": 1,
+      "versionNonce": 940431788,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01447-1234",
+      "type": "text",
+      "x": 4144.0,
+      "y": 5796.0,
+      "width": 280.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1086021772,
+      "version": 1,
+      "versionNonce": 1922292976,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Unsaved changes",
+      "originalText": "Unsaved changes",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01448-1371",
+      "type": "text",
+      "x": 4144.0,
+      "y": 5822.0,
+      "width": 420.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 1665378024,
+      "version": 1,
+      "versionNonce": 1178959511,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Your AI defaults have not been saved.",
+      "originalText": "Your AI defaults have not been saved.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01449-2999",
+      "type": "rectangle",
+      "x": 4846.0,
+      "y": 5799.0,
+      "width": 92.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "#1d2939",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1813035084,
+      "version": 1,
+      "versionNonce": 691994728,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01450-3232",
+      "type": "text",
+      "x": 4854.0,
+      "y": 5808.0,
+      "width": 76.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 418608765,
+      "version": 1,
+      "versionNonce": 1531214311,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Discard",
+      "originalText": "Discard",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01451-8437",
+      "type": "rectangle",
+      "x": 4950.0,
+      "y": 5799.0,
+      "width": 122.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 36465954,
+      "version": 1,
+      "versionNonce": 30130200,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01452-6912",
+      "type": "text",
+      "x": 4958.0,
+      "y": 5808.0,
+      "width": 106.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-14"
+      ],
+      "frameId": "frame-01385-8489",
+      "roundness": null,
+      "seed": 893299798,
+      "version": 1,
+      "versionNonce": 2130008099,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save changes",
+      "originalText": "Save changes",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-01453-1672",
+      "type": "frame",
+      "x": 160.0,
+      "y": 6200.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 484681397,
+      "version": 1,
+      "versionNonce": 1133747951,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "16 Settings - Account"
+    },
+    {
+      "id": "r-01455-5780",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 6200.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 468592318,
+      "version": 1,
+      "versionNonce": 1992747004,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01456-2657",
+      "type": "rectangle",
+      "x": 160.0,
+      "y": 6200.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1305307619,
+      "version": 1,
+      "versionNonce": 1395522119,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01457-8301",
+      "type": "text",
+      "x": 184.0,
+      "y": 6224.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1383550855,
+      "version": 1,
+      "versionNonce": 1263821023,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01458-8067",
+      "type": "text",
+      "x": 184.0,
+      "y": 6253.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1087579687,
+      "version": 1,
+      "versionNonce": 1002889266,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01459-5254",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 6320.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 367854330,
+      "version": 1,
+      "versionNonce": 18848022,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01460-8125",
+      "type": "text",
+      "x": 208.0,
+      "y": 6316.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 533488267,
+      "version": 1,
+      "versionNonce": 976581283,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01461-3945",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 6372.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 667538718,
+      "version": 1,
+      "versionNonce": 769404180,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01462-3246",
+      "type": "text",
+      "x": 208.0,
+      "y": 6368.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1748481628,
+      "version": 1,
+      "versionNonce": 1445292877,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01463-8163",
+      "type": "rectangle",
+      "x": 172.0,
+      "y": 6412.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 57045393,
+      "version": 1,
+      "versionNonce": 493195431,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01464-4474",
+      "type": "ellipse",
+      "x": 188.0,
+      "y": 6424.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1744942403,
+      "version": 1,
+      "versionNonce": 937451252,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01465-7694",
+      "type": "text",
+      "x": 208.0,
+      "y": 6420.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 934483270,
+      "version": 1,
+      "versionNonce": 7146933,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01466-1695",
+      "type": "text",
+      "x": 184.0,
+      "y": 7046.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 778162051,
+      "version": 1,
+      "versionNonce": 2026150080,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01467-2649",
+      "type": "text",
+      "x": 184.0,
+      "y": 7072.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 990348876,
+      "version": 1,
+      "versionNonce": 1088532350,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01468-2809",
+      "type": "rectangle",
+      "x": 370.0,
+      "y": 6200.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 2089855605,
+      "version": 1,
+      "versionNonce": 1748557073,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01469-4990",
+      "type": "text",
+      "x": 400.0,
+      "y": 6218.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1871338950,
+      "version": 1,
+      "versionNonce": 808166133,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01470-7455",
+      "type": "text",
+      "x": 400.0,
+      "y": 6249.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1762342695,
+      "version": 1,
+      "versionNonce": 2109791759,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Identity and service access for this browser.",
+      "originalText": "Identity and service access for this browser.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01471-8175",
+      "type": "text",
+      "x": 408.0,
+      "y": 6328.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 273259037,
+      "version": 1,
+      "versionNonce": 676321177,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01472-2816",
+      "type": "text",
+      "x": 444.0,
+      "y": 6327.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 775824419,
+      "version": 1,
+      "versionNonce": 1884574902,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01473-3031",
+      "type": "rectangle",
+      "x": 396.0,
+      "y": 6364.0,
+      "width": 176.0,
+      "height": 40.0,
+      "angle": 0,
+      "strokeColor": "#eff8ff",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 462537833,
+      "version": 1,
+      "versionNonce": 1898455527,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01474-8577",
+      "type": "text",
+      "x": 408.0,
+      "y": 6376.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 666037192,
+      "version": 1,
+      "versionNonce": 1400673992,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ID",
+      "originalText": "ID",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01475-4196",
+      "type": "text",
+      "x": 444.0,
+      "y": 6375.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1983586580,
+      "version": 1,
+      "versionNonce": 929691373,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Account",
+      "originalText": "Account",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01476-6525",
+      "type": "text",
+      "x": 408.0,
+      "y": 6424.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 300003326,
+      "version": 1,
+      "versionNonce": 263921816,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "</>",
+      "originalText": "</>",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01477-6679",
+      "type": "text",
+      "x": 444.0,
+      "y": 6423.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1980031760,
+      "version": 1,
+      "versionNonce": 467220791,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Advanced",
+      "originalText": "Advanced",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01478-3999",
+      "type": "text",
+      "x": 606.0,
+      "y": 6316.0,
+      "width": 340.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 2059380956,
+      "version": 1,
+      "versionNonce": 1599607209,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Account",
+      "originalText": "Account",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01479-1540",
+      "type": "text",
+      "x": 606.0,
+      "y": 6352.0,
+      "width": 560.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 205415923,
+      "version": 1,
+      "versionNonce": 1162286098,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Identity and service access for this browser session.",
+      "originalText": "Identity and service access for this browser session.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01480-6336",
+      "type": "line",
+      "x": 606.0,
+      "y": 6390.0,
+      "width": 964.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1396856795,
+      "version": 1,
+      "versionNonce": 43484434,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          964.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01481-6457",
+      "type": "text",
+      "x": 606.0,
+      "y": 6420.0,
+      "width": 260.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 139008272,
+      "version": 1,
+      "versionNonce": 1546218043,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Profile",
+      "originalText": "Profile",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01482-5172",
+      "type": "rectangle",
+      "x": 1476.0,
+      "y": 6420.0,
+      "width": 94.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "#fef3f2",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 31843376,
+      "version": 1,
+      "versionNonce": 1936411226,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01483-1868",
+      "type": "text",
+      "x": 1484.0,
+      "y": 6429.0,
+      "width": 78.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#b42318",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 454233759,
+      "version": 1,
+      "versionNonce": 2131558527,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Sign out",
+      "originalText": "Sign out",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01484-8843",
+      "type": "ellipse",
+      "x": 606.0,
+      "y": 6468.0,
+      "width": 50.0,
+      "height": 50.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1788887638,
+      "version": 1,
+      "versionNonce": 847109655,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01485-9362",
+      "type": "text",
+      "x": 674.0,
+      "y": 6468.0,
+      "width": 260.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 975632672,
+      "version": 1,
+      "versionNonce": 930484791,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Calvin Tan",
+      "originalText": "Calvin Tan",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01486-7924",
+      "type": "text",
+      "x": 674.0,
+      "y": 6498.0,
+      "width": 300.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1822855844,
+      "version": 1,
+      "versionNonce": 749759910,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "calvin@example.com",
+      "originalText": "calvin@example.com",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01487-7442",
+      "type": "rectangle",
+      "x": 606.0,
+      "y": 6542.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1165781030,
+      "version": 1,
+      "versionNonce": 822102335,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01488-3329",
+      "type": "text",
+      "x": 620.0,
+      "y": 6556.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1336095133,
+      "version": 1,
+      "versionNonce": 1850146034,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "USER ID",
+      "originalText": "USER ID",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01489-3098",
+      "type": "text",
+      "x": 620.0,
+      "y": 6586.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 230197460,
+      "version": 1,
+      "versionNonce": 198137655,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "usr_7c9142...e8a13f",
+      "originalText": "usr_7c9142...e8a13f",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01490-7475",
+      "type": "rectangle",
+      "x": 1088.0,
+      "y": 6542.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1008377440,
+      "version": 1,
+      "versionNonce": 1457404723,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01491-9349",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6556.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 564475850,
+      "version": 1,
+      "versionNonce": 903770595,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ROLES",
+      "originalText": "ROLES",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01492-1494",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6586.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 718840216,
+      "version": 1,
+      "versionNonce": 939179069,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "admin, operator",
+      "originalText": "admin, operator",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01493-5140",
+      "type": "rectangle",
+      "x": 606.0,
+      "y": 6618.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 722768783,
+      "version": 1,
+      "versionNonce": 357790906,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01494-7569",
+      "type": "text",
+      "x": 620.0,
+      "y": 6632.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 188536010,
+      "version": 1,
+      "versionNonce": 1513245803,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "GROUPS",
+      "originalText": "GROUPS",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01495-7832",
+      "type": "text",
+      "x": 620.0,
+      "y": 6662.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 371963551,
+      "version": 1,
+      "versionNonce": 88451668,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "platform",
+      "originalText": "platform",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01496-4927",
+      "type": "rectangle",
+      "x": 1088.0,
+      "y": 6618.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 779227246,
+      "version": 1,
+      "versionNonce": 1901134174,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01497-5762",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6632.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1901101936,
+      "version": 1,
+      "versionNonce": 1321551567,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "EMAIL",
+      "originalText": "EMAIL",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01498-4732",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6662.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 587120480,
+      "version": 1,
+      "versionNonce": 754463524,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Verified",
+      "originalText": "Verified",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01499-9048",
+      "type": "line",
+      "x": 606.0,
+      "y": 6698.0,
+      "width": 964.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 748748423,
+      "version": 1,
+      "versionNonce": 189893986,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          964.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01500-8307",
+      "type": "text",
+      "x": 606.0,
+      "y": 6720.0,
+      "width": 280.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1570820449,
+      "version": 1,
+      "versionNonce": 98170457,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Authentication",
+      "originalText": "Authentication",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01501-6892",
+      "type": "rectangle",
+      "x": 1362.0,
+      "y": 6720.0,
+      "width": 208.0,
+      "height": 38.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1727722122,
+      "version": 1,
+      "versionNonce": 1841634925,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01502-6647",
+      "type": "text",
+      "x": 1370.0,
+      "y": 6729.0,
+      "width": 192.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 151115467,
+      "version": 1,
+      "versionNonce": 1822014334,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Manage service access",
+      "originalText": "Manage service access",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01503-8579",
+      "type": "rectangle",
+      "x": 606.0,
+      "y": 6776.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 808373594,
+      "version": 1,
+      "versionNonce": 2074224923,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01504-4044",
+      "type": "text",
+      "x": 620.0,
+      "y": 6790.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 689745965,
+      "version": 1,
+      "versionNonce": 96319711,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SESSION EXPIRES",
+      "originalText": "SESSION EXPIRES",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01505-4745",
+      "type": "text",
+      "x": 620.0,
+      "y": 6820.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1019550595,
+      "version": 1,
+      "versionNonce": 1212116739,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "2026/8/4 18:30",
+      "originalText": "2026/8/4 18:30",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01506-2700",
+      "type": "rectangle",
+      "x": 1088.0,
+      "y": 6776.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 695952407,
+      "version": 1,
+      "versionNonce": 834356280,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01507-7459",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6790.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 112978896,
+      "version": 1,
+      "versionNonce": 803436872,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "PROVIDER",
+      "originalText": "PROVIDER",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01508-6799",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6820.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1251456328,
+      "version": 1,
+      "versionNonce": 1836881257,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "NyxID",
+      "originalText": "NyxID",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01509-5755",
+      "type": "rectangle",
+      "x": 606.0,
+      "y": 6852.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 770153418,
+      "version": 1,
+      "versionNonce": 374692706,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01510-9613",
+      "type": "text",
+      "x": 620.0,
+      "y": 6866.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 1559801653,
+      "version": 1,
+      "versionNonce": 2102578667,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SCOPE",
+      "originalText": "SCOPE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01511-8521",
+      "type": "text",
+      "x": 620.0,
+      "y": 6896.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 188367656,
+      "version": 1,
+      "versionNonce": 682049254,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "openid profile email",
+      "originalText": "openid profile email",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01512-6563",
+      "type": "rectangle",
+      "x": 1088.0,
+      "y": 6852.0,
+      "width": 482.0,
+      "height": 76.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 751958461,
+      "version": 1,
+      "versionNonce": 187382147,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01513-8179",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6866.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 637511676,
+      "version": 1,
+      "versionNonce": 1671783096,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "BROWSER TOKEN REFRESH",
+      "originalText": "BROWSER TOKEN REFRESH",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01514-3520",
+      "type": "text",
+      "x": 1102.0,
+      "y": 6896.0,
+      "width": 454.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 2144028933,
+      "version": 1,
+      "versionNonce": 929492645,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Disabled",
+      "originalText": "Disabled",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01515-3655",
+      "type": "rectangle",
+      "x": 606.0,
+      "y": 6986.0,
+      "width": 964.0,
+      "height": 66.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#f8fafc",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1208874976,
+      "version": 1,
+      "versionNonce": 717741904,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01516-4321",
+      "type": "text",
+      "x": 622.0,
+      "y": 7000.0,
+      "width": 180.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 512864919,
+      "version": 1,
+      "versionNonce": 281932279,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SIGNED-OUT STATE",
+      "originalText": "SIGNED-OUT STATE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01517-1664",
+      "type": "text",
+      "x": 820.0,
+      "y": 7000.0,
+      "width": 560.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-15"
+      ],
+      "frameId": "frame-01453-1672",
+      "roundness": null,
+      "seed": 144813878,
+      "version": 1,
+      "versionNonce": 380319714,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Replace identity claims with No active session and a Sign in action.",
+      "originalText": "Replace identity claims with No active session and a Sign in action.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "frame-01518-1658",
+      "type": "frame",
+      "x": 1920.0,
+      "y": 6200.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [],
+      "frameId": null,
+      "roundness": null,
+      "seed": 1843727536,
+      "version": 1,
+      "versionNonce": 759803996,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "name": "17 Settings - Advanced and responsive"
+    },
+    {
+      "id": "r-01520-7648",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 6200.0,
+      "width": 1440.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1350669967,
+      "version": 1,
+      "versionNonce": 266805915,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01521-9270",
+      "type": "rectangle",
+      "x": 1920.0,
+      "y": 6200.0,
+      "width": 210.0,
+      "height": 920.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1823625113,
+      "version": 1,
+      "versionNonce": 2015076333,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01522-4974",
+      "type": "text",
+      "x": 1944.0,
+      "y": 6224.0,
+      "width": 160.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1716522767,
+      "version": 1,
+      "versionNonce": 1440354968,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AEVATAR",
+      "originalText": "AEVATAR",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01523-7816",
+      "type": "text",
+      "x": 1944.0,
+      "y": 6253.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1696312985,
+      "version": 1,
+      "versionNonce": 1863203555,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AUTOMATION",
+      "originalText": "AUTOMATION",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01524-4006",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 6320.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 383968405,
+      "version": 1,
+      "versionNonce": 2054788935,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01525-8830",
+      "type": "text",
+      "x": 1968.0,
+      "y": 6316.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 459213693,
+      "version": 1,
+      "versionNonce": 1885640492,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workflows",
+      "originalText": "Workflows",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "e-01526-5152",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 6372.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "#98a2b3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 565876042,
+      "version": 1,
+      "versionNonce": 1981344992,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01527-2700",
+      "type": "text",
+      "x": 1968.0,
+      "y": 6368.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1210681185,
+      "version": 1,
+      "versionNonce": 799725216,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Activity",
+      "originalText": "Activity",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01528-3555",
+      "type": "rectangle",
+      "x": 1932.0,
+      "y": 6412.0,
+      "width": 186.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#344054",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1063361436,
+      "version": 1,
+      "versionNonce": 71939005,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "e-01529-3756",
+      "type": "ellipse",
+      "x": 1948.0,
+      "y": 6424.0,
+      "width": 10.0,
+      "height": 10.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1501286945,
+      "version": 1,
+      "versionNonce": 1028853732,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01530-2973",
+      "type": "text",
+      "x": 1968.0,
+      "y": 6420.0,
+      "width": 130.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 2116555255,
+      "version": 1,
+      "versionNonce": 1646361413,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01531-1346",
+      "type": "text",
+      "x": 1944.0,
+      "y": 7046.0,
+      "width": 150.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 38798154,
+      "version": 1,
+      "versionNonce": 1453992633,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Workspace",
+      "originalText": "Workspace",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01532-8354",
+      "type": "text",
+      "x": 1944.0,
+      "y": 7072.0,
+      "width": 160.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1134749211,
+      "version": 1,
+      "versionNonce": 904670745,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Acme Operations",
+      "originalText": "Acme Operations",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01533-1921",
+      "type": "rectangle",
+      "x": 2130.0,
+      "y": 6200.0,
+      "width": 1230.0,
+      "height": 82.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1638152854,
+      "version": 1,
+      "versionNonce": 1168336161,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01534-6748",
+      "type": "text",
+      "x": 2160.0,
+      "y": 6218.0,
+      "width": 620.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1893680968,
+      "version": 1,
+      "versionNonce": 1342045319,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01535-9963",
+      "type": "text",
+      "x": 2160.0,
+      "y": 6249.0,
+      "width": 700.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 910910478,
+      "version": 1,
+      "versionNonce": 2087184812,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Advanced diagnostics stay separate from everyday defaults.",
+      "originalText": "Advanced diagnostics stay separate from everyday defaults.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01536-6888",
+      "type": "text",
+      "x": 2162.0,
+      "y": 6324.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 97109917,
+      "version": 1,
+      "versionNonce": 1412748522,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI",
+      "originalText": "AI",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01537-8732",
+      "type": "text",
+      "x": 2198.0,
+      "y": 6323.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1891843358,
+      "version": 1,
+      "versionNonce": 762639347,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01538-6759",
+      "type": "text",
+      "x": 2162.0,
+      "y": 6372.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1313256864,
+      "version": 1,
+      "versionNonce": 1160475485,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "ID",
+      "originalText": "ID",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01539-1478",
+      "type": "text",
+      "x": 2198.0,
+      "y": 6371.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 2064236470,
+      "version": 1,
+      "versionNonce": 1587712918,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Account",
+      "originalText": "Account",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01540-9764",
+      "type": "rectangle",
+      "x": 2150.0,
+      "y": 6408.0,
+      "width": 176.0,
+      "height": 40.0,
+      "angle": 0,
+      "strokeColor": "#eff8ff",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1741366048,
+      "version": 1,
+      "versionNonce": 1717583814,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01541-1219",
+      "type": "text",
+      "x": 2162.0,
+      "y": 6420.0,
+      "width": 34.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1398392972,
+      "version": 1,
+      "versionNonce": 1127071780,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "</>",
+      "originalText": "</>",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01542-8026",
+      "type": "text",
+      "x": 2198.0,
+      "y": 6419.0,
+      "width": 118.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1018181984,
+      "version": 1,
+      "versionNonce": 1544846885,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Advanced",
+      "originalText": "Advanced",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01543-7376",
+      "type": "text",
+      "x": 2348.0,
+      "y": 6312.0,
+      "width": 280.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 946535221,
+      "version": 1,
+      "versionNonce": 707024409,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Advanced",
+      "originalText": "Advanced",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01544-6839",
+      "type": "text",
+      "x": 2348.0,
+      "y": 6348.0,
+      "width": 480.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 2107910375,
+      "version": 1,
+      "versionNonce": 1885975148,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Read-only runtime and routing details for troubleshooting.",
+      "originalText": "Read-only runtime and routing details for troubleshooting.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01545-7405",
+      "type": "line",
+      "x": 2348.0,
+      "y": 6386.0,
+      "width": 610.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1196059152,
+      "version": 1,
+      "versionNonce": 295144296,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          610.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01546-7331",
+      "type": "text",
+      "x": 2348.0,
+      "y": 6414.0,
+      "width": 260.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1921294946,
+      "version": 1,
+      "versionNonce": 1806287196,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Request values",
+      "originalText": "Request values",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01547-1312",
+      "type": "text",
+      "x": 2348.0,
+      "y": 6444.0,
+      "width": 460.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 777922115,
+      "version": 1,
+      "versionNonce": 766323898,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Effective values supplied to new requests.",
+      "originalText": "Effective values supplied to new requests.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01548-9906",
+      "type": "rectangle",
+      "x": 2348.0,
+      "y": 6486.0,
+      "width": 610.0,
+      "height": 48.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1906280475,
+      "version": 1,
+      "versionNonce": 116070713,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01549-5902",
+      "type": "text",
+      "x": 2362.0,
+      "y": 6501.0,
+      "width": 270.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 745636606,
+      "version": 1,
+      "versionNonce": 1305923974,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "x-aevatar-llm-route",
+      "originalText": "x-aevatar-llm-route",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01550-2030",
+      "type": "text",
+      "x": 2640.0,
+      "y": 6501.0,
+      "width": 304.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 955885848,
+      "version": 1,
+      "versionNonce": 888134969,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "nyxid_gateway",
+      "originalText": "nyxid_gateway",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01551-8316",
+      "type": "rectangle",
+      "x": 2348.0,
+      "y": 6534.0,
+      "width": 610.0,
+      "height": 48.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1835155286,
+      "version": 1,
+      "versionNonce": 1871458236,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01552-7476",
+      "type": "text",
+      "x": 2362.0,
+      "y": 6549.0,
+      "width": 270.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1905761765,
+      "version": 1,
+      "versionNonce": 819486045,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "x-aevatar-llm-model",
+      "originalText": "x-aevatar-llm-model",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01553-8436",
+      "type": "text",
+      "x": 2640.0,
+      "y": 6549.0,
+      "width": 304.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 304076748,
+      "version": 1,
+      "versionNonce": 1897790974,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "gpt-4o-mini",
+      "originalText": "gpt-4o-mini",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01554-6364",
+      "type": "rectangle",
+      "x": 2348.0,
+      "y": 6582.0,
+      "width": 610.0,
+      "height": 48.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 613684243,
+      "version": 1,
+      "versionNonce": 269946591,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01555-5481",
+      "type": "text",
+      "x": 2362.0,
+      "y": 6597.0,
+      "width": 270.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 24063485,
+      "version": 1,
+      "versionNonce": 565957481,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "studio.runtime_base_url",
+      "originalText": "studio.runtime_base_url",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01556-4814",
+      "type": "text",
+      "x": 2640.0,
+      "y": 6597.0,
+      "width": 304.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 895531112,
+      "version": 1,
+      "versionNonce": 1867121743,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "http://127.0.0.1:5080",
+      "originalText": "http://127.0.0.1:5080",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01557-9525",
+      "type": "rectangle",
+      "x": 2348.0,
+      "y": 6630.0,
+      "width": 610.0,
+      "height": 48.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1310909508,
+      "version": 1,
+      "versionNonce": 1476657748,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01558-4634",
+      "type": "text",
+      "x": 2362.0,
+      "y": 6645.0,
+      "width": 270.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 446097990,
+      "version": 1,
+      "versionNonce": 1221844558,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "aevatar.runtime_mode",
+      "originalText": "aevatar.runtime_mode",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01559-1277",
+      "type": "text",
+      "x": 2640.0,
+      "y": 6645.0,
+      "width": 304.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#98a2b3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1919714662,
+      "version": 1,
+      "versionNonce": 2098068699,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "local",
+      "originalText": "local",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01560-5106",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 6310.0,
+      "width": 344.0,
+      "height": 774.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 2,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 513121372,
+      "version": 1,
+      "versionNonce": 592051364,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "r-01561-5394",
+      "type": "rectangle",
+      "x": 2988.0,
+      "y": 6310.0,
+      "width": 344.0,
+      "height": 58.0,
+      "angle": 0,
+      "strokeColor": "#101828",
+      "backgroundColor": "#101828",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 274844987,
+      "version": 1,
+      "versionNonce": 1874463630,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01562-3774",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6328.0,
+      "width": 120.0,
+      "height": 20.0,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1476828694,
+      "version": 1,
+      "versionNonce": 723617535,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 16,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01563-2340",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6390.0,
+      "width": 180.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1429033534,
+      "version": 1,
+      "versionNonce": 998465552,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Settings",
+      "originalText": "Settings",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01564-3419",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6426.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1246125999,
+      "version": 1,
+      "versionNonce": 394236100,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Personal defaults and access.",
+      "originalText": "Personal defaults and access.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01565-1944",
+      "type": "rectangle",
+      "x": 2998.0,
+      "y": 6476.0,
+      "width": 108.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#eff8ff",
+      "backgroundColor": "#eff8ff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 956673298,
+      "version": 1,
+      "versionNonce": 2071922083,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01566-5125",
+      "type": "text",
+      "x": 3004.0,
+      "y": 6488.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1146301641,
+      "version": 1,
+      "versionNonce": 756589554,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01567-6474",
+      "type": "text",
+      "x": 3112.0,
+      "y": 6488.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1201000195,
+      "version": 1,
+      "versionNonce": 208000512,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Account",
+      "originalText": "Account",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01568-6162",
+      "type": "text",
+      "x": 3220.0,
+      "y": 6488.0,
+      "width": 96.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1743977963,
+      "version": 1,
+      "versionNonce": 1664003700,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Advanced",
+      "originalText": "Advanced",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01569-2036",
+      "type": "line",
+      "x": 2998.0,
+      "y": 6524.0,
+      "width": 324.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1756494985,
+      "version": 1,
+      "versionNonce": 560266594,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          324.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01570-3045",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6546.0,
+      "width": 220.0,
+      "height": 27.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1007623017,
+      "version": 1,
+      "versionNonce": 194347506,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "AI defaults",
+      "originalText": "AI defaults",
+      "fontSize": 22,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01571-3229",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6584.0,
+      "width": 310.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 218801819,
+      "version": 1,
+      "versionNonce": 1410949115,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Service and model for new sessions without an override.",
+      "originalText": "Service and model for new sessions without an override.",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "l-01572-3519",
+      "type": "line",
+      "x": 3002.0,
+      "y": 6632.0,
+      "width": 316.0,
+      "height": 0.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 517778096,
+      "version": 1,
+      "versionNonce": 2082037072,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "points": [
+        [
+          0,
+          0
+        ],
+        [
+          316.0,
+          0.0
+        ]
+      ],
+      "lastCommittedPoint": null,
+      "startBinding": null,
+      "endBinding": null,
+      "startArrowhead": null,
+      "endArrowhead": null
+    },
+    {
+      "id": "t-01573-6021",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6658.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 935979578,
+      "version": 1,
+      "versionNonce": 365146095,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Preferred service",
+      "originalText": "Preferred service",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01574-4627",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6686.0,
+      "width": 55.85999999999999,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1426330259,
+      "version": 1,
+      "versionNonce": 1606464868,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "SERVICE",
+      "originalText": "SERVICE",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01575-9329",
+      "type": "rectangle",
+      "x": 3002.0,
+      "y": 6708.0,
+      "width": 316.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 608742821,
+      "version": 1,
+      "versionNonce": 1999006717,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01576-3339",
+      "type": "text",
+      "x": 3014.0,
+      "y": 6719.0,
+      "width": 292.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1377267368,
+      "version": 1,
+      "versionNonce": 837200287,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "NyxID Gateway",
+      "originalText": "NyxID Gateway",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01577-6783",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6782.0,
+      "width": 260.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 581428195,
+      "version": 1,
+      "versionNonce": 1516287839,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Default model",
+      "originalText": "Default model",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "t-01578-6884",
+      "type": "text",
+      "x": 3002.0,
+      "y": 6810.0,
+      "width": 39.9,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#667085",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 969757150,
+      "version": 1,
+      "versionNonce": 1570372960,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "MODEL",
+      "originalText": "MODEL",
+      "fontSize": 14,
+      "fontFamily": 3,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01579-6755",
+      "type": "rectangle",
+      "x": 3002.0,
+      "y": 6832.0,
+      "width": 316.0,
+      "height": 42.0,
+      "angle": 0,
+      "strokeColor": "#d0d5dd",
+      "backgroundColor": "#ffffff",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 1721867008,
+      "version": 1,
+      "versionNonce": 265302696,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01580-3643",
+      "type": "text",
+      "x": 3014.0,
+      "y": 6843.0,
+      "width": 292.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#17202a",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 972630293,
+      "version": 1,
+      "versionNonce": 744269190,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "gpt-4o-mini",
+      "originalText": "gpt-4o-mini",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01581-7188",
+      "type": "rectangle",
+      "x": 3002.0,
+      "y": 6980.0,
+      "width": 316.0,
+      "height": 70.0,
+      "angle": 0,
+      "strokeColor": "#344054",
+      "backgroundColor": "#1d2939",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 485345586,
+      "version": 1,
+      "versionNonce": 106392578,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01582-2585",
+      "type": "text",
+      "x": 3014.0,
+      "y": 6992.0,
+      "width": 180.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 653522696,
+      "version": 1,
+      "versionNonce": 1024544547,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Unsaved changes",
+      "originalText": "Unsaved changes",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "left",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    },
+    {
+      "id": "r-01583-1459",
+      "type": "rectangle",
+      "x": 3190.0,
+      "y": 6996.0,
+      "width": 116.0,
+      "height": 34.0,
+      "angle": 0,
+      "strokeColor": "#175cd3",
+      "backgroundColor": "#175cd3",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": {
+        "type": 3
+      },
+      "seed": 139191895,
+      "version": 1,
+      "versionNonce": 1791253054,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false
+    },
+    {
+      "id": "t-01584-5947",
+      "type": "text",
+      "x": 3198.0,
+      "y": 7005.0,
+      "width": 100.0,
+      "height": 17.5,
+      "angle": 0,
+      "strokeColor": "#ffffff",
+      "backgroundColor": "transparent",
+      "fillStyle": "solid",
+      "strokeWidth": 1,
+      "strokeStyle": "solid",
+      "roughness": 0,
+      "opacity": 100,
+      "groupIds": [
+        "group-16"
+      ],
+      "frameId": "frame-01518-1658",
+      "roundness": null,
+      "seed": 1962603503,
+      "version": 1,
+      "versionNonce": 2037366862,
+      "isDeleted": false,
+      "boundElements": null,
+      "updated": 1,
+      "link": null,
+      "locked": false,
+      "text": "Save changes",
+      "originalText": "Save changes",
+      "fontSize": 14,
+      "fontFamily": 1,
+      "textAlign": "center",
+      "verticalAlign": "top",
+      "containerId": null,
+      "autoResize": false,
+      "lineHeight": 1.25
+    }
+  ],
+  "appState": {
+    "gridSize": 20,
+    "gridStep": 5,
+    "gridModeEnabled": false,
+    "viewBackgroundColor": "#eef2f6"
+  },
+  "files": {}
+}
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.gen.py b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.gen.py
new file mode 100644
index 0000000000..b857bffa53
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.gen.py
@@ -0,0 +1,1212 @@
+#!/usr/bin/env python3
+"""Generate the Workflow + Activity + Settings vNext Excalidraw board.
+
+The board implements the product decisions from the 2026-08-03 meeting:
+- Workflow is the only user-authored resource in scope.
+- Run is the only execution action.
+- Every Run is retained in Activity, including draft revisions.
+- Retry and Run again create linked records instead of rewriting history.
+- Settings follows the current Aevatar Console LLM and Account behavior.
+- The application navigation contains Workflows, Activity, and Settings.
+"""
+
+from __future__ import annotations
+
+import json
+import random
+import re
+from pathlib import Path
+
+
+random.seed(20260803)
+
+OUT = Path(__file__).with_suffix("").with_suffix(".excalidraw")
+
+INK = "#17202a"
+MUTED = "#667085"
+FAINT = "#98a2b3"
+LINE = "#d0d5dd"
+SURFACE = "#ffffff"
+SUBTLE = "#f8fafc"
+SIDEBAR = "#101828"
+BLUE = "#175cd3"
+BLUE_BG = "#eff8ff"
+GREEN = "#067647"
+GREEN_BG = "#ecfdf3"
+AMBER = "#b54708"
+AMBER_BG = "#fffaeb"
+RED = "#b42318"
+RED_BG = "#fef3f2"
+PURPLE = "#6941c6"
+PURPLE_BG = "#f4f3ff"
+
+FONT_SANS = 1
+FONT_MONO = 3
+FS_SMALL = 14
+FS_BODY = 16
+FS_HEAD = 22
+FS_TITLE = 32
+
+FRAME_W = 1440
+FRAME_H = 920
+GAP_X = 320
+GAP_Y = 260
+COLS = 3
+ORIGIN_X = 160
+ORIGIN_Y = 300
+
+elements: list[dict] = []
+current_frame: str | None = None
+current_group: str | None = None
+sequence = 0
+
+
+def eid(prefix: str = "e") -> str:
+    global sequence
+    sequence += 1
+    return f"{prefix}-{sequence:05d}-{random.randint(1000, 9999)}"
+
+
+def base(kind: str, x: float, y: float, w: float, h: float, **kwargs) -> dict:
+    item = {
+        "id": kwargs.pop("id", eid(kind[:1])),
+        "type": kind,
+        "x": float(x),
+        "y": float(y),
+        "width": float(w),
+        "height": float(h),
+        "angle": 0,
+        "strokeColor": kwargs.pop("stroke", INK),
+        "backgroundColor": kwargs.pop("bg", "transparent"),
+        "fillStyle": "solid",
+        "strokeWidth": kwargs.pop("sw", 1),
+        "strokeStyle": kwargs.pop("style", "solid"),
+        "roughness": 0,
+        "opacity": 100,
+        "groupIds": [current_group] if current_group else [],
+        "frameId": kwargs.pop("frameId", current_frame),
+        "roundness": kwargs.pop("roundness", None),
+        "seed": random.randint(1, 2**31 - 1),
+        "version": 1,
+        "versionNonce": random.randint(1, 2**31 - 1),
+        "isDeleted": False,
+        "boundElements": None,
+        "updated": 1,
+        "link": None,
+        "locked": False,
+    }
+    item.update(kwargs)
+    return item
+
+
+def rect(x: float, y: float, w: float, h: float, *, bg: str = "transparent",
+         stroke: str = LINE, radius: bool = True, style: str = "solid", sw: int = 1) -> dict:
+    item = base("rectangle", x, y, w, h, bg=bg, stroke=stroke, style=style, sw=sw)
+    if radius:
+        item["roundness"] = {"type": 3}
+    elements.append(item)
+    return item
+
+
+def text(x: float, y: float, value: str, size: int = FS_BODY, color: str = INK,
+         *, font: int = FONT_SANS, width: float | None = None,
+         align: str = "left", line_height: float = 1.25) -> dict:
+    lines = value.split("\n")
+    if width is None:
+        width = max(18, max(len(line) for line in lines) * size * 0.57)
+    height = len(lines) * size * line_height
+    item = base("text", x, y, width, height, stroke=color)
+    item.update({
+        "text": value,
+        "originalText": value,
+        "fontSize": size,
+        "fontFamily": font,
+        "textAlign": align,
+        "verticalAlign": "top",
+        "containerId": None,
+        "autoResize": False,
+        "lineHeight": line_height,
+    })
+    elements.append(item)
+    return item
+
+
+def line(x: float, y: float, w: float, h: float, *, color: str = LINE,
+         style: str = "solid", arrowhead: str | None = None, sw: int = 1) -> dict:
+    kind = "arrow" if arrowhead else "line"
+    item = base(kind, x, y, abs(w), abs(h), stroke=color, style=style, sw=sw)
+    item.update({
+        "points": [[0, 0], [float(w), float(h)]],
+        "lastCommittedPoint": None,
+        "startBinding": None,
+        "endBinding": None,
+        "startArrowhead": None,
+        "endArrowhead": arrowhead,
+    })
+    if arrowhead:
+        item["elbowed"] = False
+    elements.append(item)
+    return item
+
+
+def dot(x: float, y: float, diameter: float, color: str, *, bg: str | None = None) -> dict:
+    item = base("ellipse", x, y, diameter, diameter, stroke=color, bg=bg or color)
+    elements.append(item)
+    return item
+
+
+def button(x: float, y: float, w: float, label: str, *, primary: bool = False,
+           color: str = INK, bg: str = SURFACE, h: float = 38) -> None:
+    stroke = color
+    fill = color if primary else bg
+    rect(x, y, w, h, bg=fill, stroke=stroke)
+    text(x + 8, y + 9, label, FS_SMALL, SURFACE if primary else color,
+         width=w - 16, align="center")
+
+
+def chip(x: float, y: float, label: str, *, color: str = MUTED,
+         bg: str = SURFACE, selected: bool = False) -> float:
+    w = max(62, len(label) * 8.2 + 24)
+    rect(x, y, w, 30, bg=(BLUE_BG if selected else bg),
+         stroke=(BLUE if selected else LINE))
+    text(x + 10, y + 7, label, FS_SMALL, BLUE if selected else color, width=w - 20)
+    return x + w + 8
+
+
+def badge(x: float, y: float, label: str, status: str) -> float:
+    palette = {
+        "ok": (GREEN, GREEN_BG),
+        "run": (BLUE, BLUE_BG),
+        "wait": (AMBER, AMBER_BG),
+        "fail": (RED, RED_BG),
+        "info": (PURPLE, PURPLE_BG),
+        "muted": (MUTED, SUBTLE),
+    }
+    color, bg = palette[status]
+    w = max(68, len(label) * 7.8 + 24)
+    rect(x, y, w, 28, bg=bg, stroke=color)
+    text(x + 10, y + 6, label, FS_SMALL, color, width=w - 20)
+    return x + w + 8
+
+
+def field(x: float, y: float, w: float, label: str, value: str,
+          *, mono: bool = False, h: float = 42) -> None:
+    text(x, y, label.upper(), FS_SMALL, MUTED, font=FONT_MONO)
+    rect(x, y + 22, w, h, bg=SURFACE, stroke=LINE)
+    text(x + 12, y + 33, value, FS_SMALL, INK,
+         font=FONT_MONO if mono else FONT_SANS, width=w - 24)
+
+
+def frame_position(index: int) -> tuple[int, int]:
+    return (
+        ORIGIN_X + (index % COLS) * (FRAME_W + GAP_X),
+        ORIGIN_Y + (index // COLS) * (FRAME_H + GAP_Y),
+    )
+
+
+def begin_frame(index: int, name: str) -> tuple[int, int]:
+    global current_frame, current_group
+    x, y = frame_position(index)
+    fid = eid("frame")
+    frame_item = base("frame", x, y, FRAME_W, FRAME_H, id=fid,
+                      stroke="#344054", bg="transparent", frameId=None)
+    frame_item["name"] = name
+    elements.append(frame_item)
+    current_frame = fid
+    current_group = f"group-{index:02d}"
+    rect(x, y, FRAME_W, FRAME_H, bg=SURFACE, stroke="#344054", radius=False, sw=2)
+    return x, y
+
+
+def end_frame() -> None:
+    global current_frame, current_group
+    current_frame = None
+    current_group = None
+
+
+def app_shell(fx: float, fy: float, active: str, *, title: str,
+              subtitle: str = "") -> tuple[float, float, float]:
+    sidebar_w = 210
+    top_h = 82
+    rect(fx, fy, sidebar_w, FRAME_H, bg=SIDEBAR, stroke=SIDEBAR, radius=False)
+    text(fx + 24, fy + 24, "AEVATAR", FS_HEAD, SURFACE, width=160)
+    text(fx + 24, fy + 53, "AUTOMATION", FS_SMALL, "#98a2b3", font=FONT_MONO, width=160)
+    nav_y = fy + 116
+    for idx, item in enumerate(("Workflows", "Activity", "Settings")):
+        row_y = nav_y + idx * 52
+        if item == active:
+            rect(fx + 12, row_y - 8, sidebar_w - 24, 42, bg="#344054", stroke="#344054")
+        dot(fx + 28, row_y + 4, 10, BLUE if item == active else FAINT)
+        text(fx + 48, row_y, item, FS_BODY, SURFACE if item == active else "#d0d5dd", width=130)
+    text(fx + 24, fy + FRAME_H - 74, "Workspace", FS_SMALL, "#98a2b3", width=150)
+    text(fx + 24, fy + FRAME_H - 48, "Acme Operations", FS_SMALL, SURFACE, width=160)
+
+    content_x = fx + sidebar_w
+    content_w = FRAME_W - sidebar_w
+    rect(content_x, fy, content_w, top_h, bg=SURFACE, stroke=LINE, radius=False)
+    text(content_x + 30, fy + 18, title, FS_HEAD, INK, width=620)
+    if subtitle:
+        text(content_x + 30, fy + 49, subtitle, FS_SMALL, MUTED, width=700)
+    return content_x, fy + top_h, content_w
+
+
+def table_header(x: float, y: float, widths: list[float], labels: list[str]) -> None:
+    rect(x, y, sum(widths), 42, bg=SUBTLE, stroke=LINE, radius=False)
+    cursor = x
+    for width, label in zip(widths, labels):
+        text(cursor + 14, y + 13, label.upper(), FS_SMALL, MUTED,
+             font=FONT_MONO, width=width - 28)
+        cursor += width
+
+
+def workflow_row(x: float, y: float, name: str, description: str, revision: str,
+                 last_run: str, run_status: str, state: str) -> None:
+    widths = [410, 170, 220, 150, 190]
+    rect(x, y, sum(widths), 82, bg=SURFACE, stroke=LINE, radius=False)
+    text(x + 16, y + 15, name, FS_BODY, INK, width=360)
+    text(x + 16, y + 43, description, FS_SMALL, MUTED, width=375)
+    cursor = x + widths[0]
+    text(cursor + 14, y + 28, revision, FS_SMALL, MUTED, font=FONT_MONO, width=140)
+    cursor += widths[1]
+    status_label = {"ok": "Succeeded", "run": "Running", "fail": "Failed", "muted": "Never run"}[run_status]
+    badge(cursor + 14, y + 26, status_label, run_status)
+    text(cursor + 115, y + 31, last_run, FS_SMALL, MUTED, width=95)
+    cursor += widths[2]
+    badge(cursor + 14, y + 26, state, "ok" if state == "Published" else "muted")
+    cursor += widths[3]
+    button(cursor + 12, y + 22, 72, "Run")
+    button(cursor + 94, y + 22, 76, "Open", color=BLUE, bg=BLUE_BG)
+
+
+def activity_row(x: float, y: float, status: str, name: str, origin: str,
+                 revision: str, when: str, took: str, usage: str, outcome: str) -> None:
+    widths = [105, 235, 120, 175, 115, 75, 90, 255]
+    rect(x, y, sum(widths), 70, bg=SURFACE, stroke=LINE, radius=False)
+    palette_key = {"Succeeded": "ok", "Running": "run", "Needs you": "wait", "Failed": "fail"}[status]
+    cursor = x
+    badge(cursor + 12, y + 21, status, palette_key)
+    cursor += widths[0]
+    text(cursor + 12, y + 14, name, FS_SMALL, INK, width=210)
+    text(cursor + 12, y + 39, origin, FS_SMALL, MUTED, width=210)
+    cursor += widths[1]
+    text(cursor + 12, y + 25, origin.split(" · ")[0], FS_SMALL, MUTED, width=96)
+    cursor += widths[2]
+    text(cursor + 12, y + 15, revision.split(" · ")[0], FS_SMALL, INK, width=150)
+    text(cursor + 12, y + 40, " · ".join(revision.split(" · ")[1:]), FS_SMALL, MUTED, font=FONT_MONO, width=150)
+    cursor += widths[3]
+    text(cursor + 12, y + 25, when, FS_SMALL, MUTED, width=92)
+    cursor += widths[4]
+    text(cursor + 8, y + 25, took, FS_SMALL, MUTED, font=FONT_MONO, width=60)
+    cursor += widths[5]
+    text(cursor + 8, y + 25, usage, FS_SMALL, MUTED, font=FONT_MONO, width=72)
+    cursor += widths[6]
+    text(cursor + 12, y + 15, outcome, FS_SMALL, INK, width=228)
+    text(cursor + 12, y + 40, "Open details", FS_SMALL, BLUE, width=228)
+
+
+def node_appearance(kind: str) -> tuple[str, str]:
+    normalized = kind.casefold()
+    if "ai" in normalized:
+        return BLUE, "AI"
+    if "schedule" in normalized:
+        return PURPLE, "T"
+    if "condition" in normalized:
+        return "#9333ea", "C"
+    if "approval" in normalized:
+        return AMBER, "H"
+    if "validation" in normalized:
+        return RED, "V"
+    if any(token in normalized for token in ("data", "query", "xero", "warehouse")):
+        return "#0891b2", "D"
+    if any(token in normalized for token in ("message", "lark", "gmail")):
+        return "#16a34a", "I"
+    return MUTED, "{}"
+
+
+def studio_node(x: float, y: float, name: str, kind: str, summary: str,
+                *, selected: bool = False, status: str | None = None) -> None:
+    color, icon = node_appearance(kind)
+    node_w = 214
+    node_h = 126
+    rect(x, y, node_w, node_h, bg=SURFACE,
+         stroke=color if selected else "#dbe3ee", sw=2 if selected else 1)
+    rect(x, y, 4, node_h, bg=color, stroke=color, radius=False)
+    dot(x - 6, y + 54, 12, color, bg=color)
+    dot(x + node_w - 6, y + 54, 12, color, bg=color)
+    rect(x + 14, y + 14, 34, 34, bg=BLUE_BG if color == BLUE else SUBTLE,
+         stroke=color)
+    text(x + 14, y + 23, icon, FS_SMALL, color, width=34, align="center")
+    text(x + 60, y + 13, name, FS_SMALL, INK, width=138)
+    text(x + 60, y + 39, kind, 12, MUTED, width=138)
+    line(x + 12, y + 62, node_w - 24, 0, color="#edf2f7")
+    text(x + 14, y + 76, summary, 12, MUTED, width=node_w - 28)
+    if status:
+        status_palette = "ok" if status == "Completed" else "run" if status == "Running" else "muted"
+        badge(x + 124, y + 88, status, status_palette)
+
+
+def studio_canvas(cx: float, cy: float, cw: float, ch: float,
+                  steps: list[tuple[str, str]], *, selected: int | None = None,
+                  fields: list[tuple[str, str]] | None = None,
+                  empty: bool = False, source: str = "",
+                  statuses: list[str] | None = None) -> None:
+    canvas_x = cx + 10
+    canvas_y = cy + 10
+    canvas_w = cw - 20
+    canvas_h = ch - 20
+    rect(canvas_x, canvas_y, canvas_w, canvas_h, bg="#f7f9fc", stroke="#d8e0ea")
+    for grid_x in range(80, int(canvas_w), 120):
+        line(canvas_x + grid_x, canvas_y, 0, canvas_h, color="#edf2f7")
+    for grid_y in range(80, int(canvas_h), 120):
+        line(canvas_x, canvas_y + grid_y, canvas_w, 0, color="#edf2f7")
+    badge(canvas_x + 16, canvas_y + 16, f"Created from {source}", "info")
+
+    if empty:
+        center_x = canvas_x + canvas_w / 2
+        center_y = canvas_y + canvas_h / 2
+        rect(center_x - 56, center_y - 86, 112, 112,
+             bg=SURFACE, stroke=FAINT, style="dashed")
+        text(center_x - 56, center_y - 58, "+", FS_TITLE, MUTED,
+             width=112, align="center")
+        text(center_x - 150, center_y + 44, "Add first step", FS_HEAD, INK,
+             width=300, align="center")
+        text(center_x - 220, center_y + 82,
+             "Start this workflow by adding the first step.",
+             FS_SMALL, MUTED, width=440, align="center")
+        button(canvas_x + 16, canvas_y + canvas_h - 128, 34, "+", color=MUTED, h=32)
+        button(canvas_x + 16, canvas_y + canvas_h - 92, 34, "-", color=MUTED, h=32)
+        button(canvas_x + 16, canvas_y + canvas_h - 56, 34, "Fit", color=MUTED, h=32)
+        return
+
+    inspector_open = selected is not None and 0 <= selected < len(steps)
+    graph_w = canvas_w - (400 if inspector_open else 0)
+    node_w = 214
+    positions: list[tuple[float, float]] = []
+    if len(steps) <= 5 and not inspector_open:
+        gap = min(48, (graph_w - 56 - len(steps) * node_w) / max(1, len(steps) - 1))
+        total_w = len(steps) * node_w + max(0, len(steps) - 1) * gap
+        start_x = canvas_x + (graph_w - total_w) / 2
+        positions = [(start_x + idx * (node_w + gap), canvas_y + 260)
+                     for idx in range(len(steps))]
+    else:
+        positions = []
+        for idx in range(len(steps)):
+            if idx < 3:
+                positions.append((canvas_x + 44 + idx * 248, canvas_y + 112))
+            else:
+                positions.append((canvas_x + 540, canvas_y + 112 + (idx - 2) * 236))
+
+    for idx in range(len(positions) - 1):
+        sx, sy = positions[idx]
+        tx, ty = positions[idx + 1]
+        line(sx + node_w, sy + 60, tx - (sx + node_w), ty - sy,
+             color="#94a3b8", arrowhead="arrow", sw=2)
+
+    for idx, ((name, kind), (nx, ny)) in enumerate(zip(steps, positions)):
+        summary = fields[0][1] if idx == selected and fields else "Configuration ready"
+        studio_node(nx, ny, name, kind, summary, selected=idx == selected,
+                    status=statuses[idx] if statuses and idx < len(statuses) else None)
+
+    button(canvas_x + 16, canvas_y + canvas_h - 128, 34, "+", color=MUTED, h=32)
+    button(canvas_x + 16, canvas_y + canvas_h - 92, 34, "-", color=MUTED, h=32)
+    button(canvas_x + 16, canvas_y + canvas_h - 56, 34, "Fit", color=MUTED, h=32)
+    minimap_x = canvas_x + graph_w - 154
+    minimap_y = canvas_y + canvas_h - 104
+    rect(minimap_x, minimap_y, 138, 86, bg=SURFACE, stroke="#d8e0ea")
+    for idx, _ in enumerate(steps[:6]):
+        rect(minimap_x + 10 + (idx % 3) * 40, minimap_y + 16 + (idx // 3) * 28,
+             28, 14, bg=SURFACE, stroke=BLUE)
+
+    if not inspector_open:
+        return
+    selected_name, selected_kind = steps[selected]
+    panel_x = canvas_x + canvas_w - 390
+    panel_w = 390
+    rect(panel_x, canvas_y, panel_w, canvas_h, bg=SURFACE, stroke="#e5e7eb")
+    text(panel_x + 20, canvas_y + 18, "Node configuration", FS_BODY, INK, width=260)
+    text(panel_x + 20, canvas_y + 48, selected_name, FS_SMALL, MUTED, width=300)
+    text(panel_x + 344, canvas_y + 17, "x", FS_HEAD, MUTED, width=24, align="center")
+    line(panel_x, canvas_y + 76, panel_w, 0, color="#eef2f7")
+    field(panel_x + 20, canvas_y + 100, panel_w - 40, "Node name", selected_name)
+    field(panel_x + 20, canvas_y + 188, panel_w - 40, "Type", selected_kind)
+    for field_index, (label, value) in enumerate(fields or []):
+        field(panel_x + 20, canvas_y + 276 + field_index * 88,
+              panel_w - 40, label, value, h=58 if len(value) > 64 else 42)
+    line(panel_x, canvas_y + canvas_h - 62, panel_w, 0, color="#eef2f7")
+    button(panel_x + 194, canvas_y + canvas_h - 48, 78, "Delete", color=RED, h=34)
+    button(panel_x + 282, canvas_y + canvas_h - 48, 88, "Apply",
+           primary=True, color=BLUE, h=34)
+
+
+def workflow_editor_frame(index: int, frame_name: str, *, title: str,
+                          subtitle: str, source: str,
+                          steps: list[tuple[str, str]], selected: int | None = None,
+                          fields: list[tuple[str, str]] | None = None,
+                          empty: bool = False) -> None:
+    fx, fy = begin_frame(index, frame_name)
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title=title, subtitle=subtitle)
+    button(cx + cw - 510, fy + 24, 72, "Run", color=MUTED if empty else INK, h=32)
+    button(cx + cw - 428, fy + 24, 92, "Add node", color=INK, h=32)
+    button(cx + cw - 326, fy + 24, 92, "Edit YAML", color=INK, h=32)
+    button(cx + cw - 224, fy + 24, 82, "Save", primary=True, color=BLUE, h=32)
+    button(cx + cw - 132, fy + 24, 102, "Publish", color=MUTED if empty else INK, h=32)
+    studio_canvas(cx, cy, cw, FRAME_H - (cy - fy), steps,
+                  selected=selected, fields=fields, empty=empty, source=source)
+    end_frame()
+
+
+def settings_nav(x: float, y: float, active: str, *, mobile: bool = False) -> None:
+    labels = ("AI defaults", "Account", "Advanced")
+    if mobile:
+        tab_w = 108
+        for idx, label in enumerate(labels):
+            tab_x = x + idx * tab_w
+            selected = label == active
+            if selected:
+                rect(tab_x, y, tab_w, 42, bg=BLUE_BG, stroke=BLUE_BG)
+            text(tab_x + 6, y + 12, label, FS_SMALL,
+                 BLUE if selected else MUTED, width=tab_w - 12, align="center")
+        line(x, y + 48, tab_w * len(labels), 0, color=LINE)
+        return
+
+    for idx, label in enumerate(labels):
+        row_y = y + idx * 48
+        selected = label == active
+        if selected:
+            rect(x, row_y, 176, 40, bg=BLUE_BG, stroke=BLUE_BG)
+        icon = ("AI", "ID", "</>")[idx]
+        text(x + 12, row_y + 12, icon, FS_SMALL,
+             BLUE if selected else MUTED, font=FONT_MONO, width=34)
+        text(x + 48, row_y + 11, label, FS_SMALL,
+             BLUE if selected else MUTED, width=118)
+
+
+def settings_panel_heading(x: float, y: float, w: float, title_value: str,
+                           description: str = "") -> None:
+    text(x + 18, y + 16, title_value, FS_BODY, INK, width=w - 36)
+    if description:
+        text(x + 18, y + 42, description, FS_SMALL, MUTED, width=w - 36)
+    line(x, y + 72, w, 0, color=LINE)
+
+
+# Board title and semantic contract
+text(ORIGIN_X, 80, "Aevatar Workflow + Activity + Settings vNext", FS_TITLE, INK, width=1040)
+text(ORIGIN_X, 132,
+     "One authoring resource. One Run action. One immutable Activity history.",
+     FS_HEAD, BLUE, width=980)
+text(ORIGIN_X, 180,
+     "Primary path: Workflows -> direct draft -> Run -> Activity. Settings owns LLM defaults and browser identity.",
+     FS_BODY, MUTED, width=1180)
+
+
+# 01 Workflows catalogue
+fx, fy = begin_frame(0, "01 Workflows - catalogue")
+cx, cy, cw = app_shell(fx, fy, "Workflows", title="Workflows",
+                       subtitle="Create, edit, publish, and run automations.")
+button(cx + cw - 174, fy + 22, 144, "New workflow", primary=True, color=BLUE)
+field(cx + 30, cy + 26, 370, "Search", "Search workflows")
+px = cx + 426
+for label, selected in (("All  5", True), ("Published  3", False), ("Drafts  2", False), ("Failing  1", False)):
+    px = chip(px, cy + 48, label, selected=selected)
+table_x = cx + 30
+table_y = cy + 112
+table_header(table_x, table_y, [410, 170, 220, 150, 190],
+             ["Workflow", "Version", "Last run", "State", "Actions"])
+rows = [
+    ("Weekly feedback digest", "Group feedback and post a weekly summary", "v7", "12 min ago", "ok", "Published"),
+    ("Customer escalation triage", "Classify urgent conversations and prepare replies", "draft r12", "4 min ago", "run", "Draft"),
+    ("Invoice follow-up", "Prepare overdue invoice reminders for approval", "v4", "42 min ago", "ok", "Published"),
+    ("Nightly order sync", "Move completed orders into the warehouse", "v9", "3:04 AM", "fail", "Published"),
+    ("Contract review", "Flag unusual clauses and prepare a review note", "draft r3", "-", "muted", "Draft"),
+]
+for idx, row in enumerate(rows):
+    workflow_row(table_x, table_y + 42 + idx * 82, *row)
+text(table_x, fy + FRAME_H - 54,
+     "5 workflows  |  Every Run, including a draft revision, is retained in Activity.",
+     FS_SMALL, MUTED, width=760)
+end_frame()
+
+
+# 02 Direct Workflow creation
+fx, fy = begin_frame(1, "02 New workflow - direct creation")
+cx, cy, cw = app_shell(fx, fy, "Workflows", title="New workflow",
+                       subtitle="Choose a starting point. Each option creates a workflow draft directly.")
+button(cx + cw - 118, fy + 22, 88, "Cancel")
+card_y = cy + 42
+cards = [
+    ("Describe what you need", "Turn a plain-language goal into a reviewable first draft.", BLUE, BLUE_BG, "Describe"),
+    ("Start blank", "Open an empty workflow canvas and add the first node.", INK, SURFACE, "Start blank"),
+    ("Import YAML", "Create a draft from an existing workflow definition.", PURPLE, PURPLE_BG, "Import"),
+]
+for idx, (title, body, color, bg, action) in enumerate(cards):
+    x = cx + 30 + idx * 390
+    rect(x, card_y, 362, 180, bg=bg, stroke=color if idx != 1 else LINE)
+    text(x + 22, card_y + 24, title, FS_HEAD, color, width=318)
+    text(x + 22, card_y + 64, body, FS_BODY, MUTED, width=310)
+    button(x + 22, card_y + 124, 130, action, primary=(idx == 0), color=color)
+text(cx + 30, card_y + 226, "TEMPLATES", FS_SMALL, MUTED, font=FONT_MONO, width=180)
+templates = [
+    ("Weekly feedback digest", "6 steps", "Lark", "Used 240 times"),
+    ("Escalation triage", "9 steps", "Lark + Linear", "Used 180 times"),
+    ("Invoice follow-up", "11 steps", "Xero + Gmail", "Used 96 times"),
+    ("Standup digest", "5 steps", "Lark", "Used 88 times"),
+    ("On-call summary", "5 steps", "PagerDuty", "Used 61 times"),
+    ("Contract review", "7 steps", "Drive", "Used 44 times"),
+]
+for idx, item in enumerate(templates):
+    col = idx % 3
+    row = idx // 3
+    x = cx + 30 + col * 390
+    y = card_y + 264 + row * 172
+    rect(x, y, 362, 148, bg=SURFACE, stroke=LINE)
+    text(x + 18, y + 18, item[0], FS_BODY, INK, width=320)
+    text(x + 18, y + 48, f"{item[1]}  |  {item[2]}", FS_SMALL, MUTED, width=320)
+    text(x + 18, y + 78, item[3], FS_SMALL, MUTED, width=160)
+    button(x + 218, y + 92, 126, "Use template", color=BLUE, bg=BLUE_BG)
+end_frame()
+
+
+# 03-06 The four creation paths produce different Workflow documents.
+workflow_editor_frame(
+    2, "03 Describe - generated Workflow draft",
+    title="Monday feedback summary",
+    subtitle="Current draft · revision 1 · Saved just now",
+    source="Description",
+    steps=[
+        ("Schedule every Monday", "Schedule"),
+        ("Collect recent feedback", "Lark messages"),
+        ("Group feedback themes", "AI task"),
+        ("Draft concise summary", "AI task"),
+        ("Post feedback summary", "Lark message"),
+    ],
+    selected=0,
+    fields=[("Frequency", "Every Monday at 09:00"),
+            ("Timezone", "Asia/Shanghai")],
+)
+
+workflow_editor_frame(
+    3, "04 Start blank - empty Workflow draft",
+    title="Untitled workflow",
+    subtitle="Current draft · revision 1 · Saved just now",
+    source="Blank",
+    steps=[],
+    empty=True,
+)
+
+workflow_editor_frame(
+    4, "05 Import YAML - imported Workflow draft",
+    title="Daily order exception report",
+    subtitle="Current draft · revision 1 · Imported just now",
+    source="Import",
+    steps=[
+        ("Schedule every weekday", "Schedule"),
+        ("Find order exceptions", "Data query"),
+        ("Summarize exceptions", "AI task"),
+        ("Send operations summary", "Lark message"),
+    ],
+    selected=1,
+    fields=[("Source", "Orders"),
+            ("Filter", "status = exception")],
+)
+
+workflow_editor_frame(
+    5, "06 Template - populated Workflow draft",
+    title="Standup digest copy",
+    subtitle="Current draft · revision 1 · Saved just now",
+    source="Template",
+    steps=[
+        ("Schedule every weekday", "Schedule"),
+        ("Collect contributor updates", "Lark messages"),
+        ("Draft standup digest", "AI task"),
+        ("Post standup digest", "Lark message"),
+    ],
+    selected=2,
+    fields=[("Instruction", "Group updates into completed, planned, and blocked."),
+            ("Tone", "Concise")],
+)
+
+
+# 07 Unified Run dialog
+fx, fy = begin_frame(6, "07 Run - unified execution dialog")
+cx, cy, cw = app_shell(fx, fy, "Workflows", title="Customer escalation triage",
+                       subtitle="Draft revision 12  |  Saved just now")
+button(cx + cw - 510, fy + 24, 72, "Run", color=INK, h=32)
+button(cx + cw - 428, fy + 24, 92, "Add node", color=INK, h=32)
+button(cx + cw - 326, fy + 24, 92, "Edit YAML", color=INK, h=32)
+button(cx + cw - 224, fy + 24, 82, "Save", primary=True, color=BLUE, h=32)
+button(cx + cw - 132, fy + 24, 102, "Publish", color=INK, h=32)
+studio_canvas(cx, cy, cw, FRAME_H - (cy - fy), [
+    ("Receive conversation", "Lark message"),
+    ("Classify severity", "AI task"),
+    ("Route escalation", "Condition"),
+    ("Prepare reply", "AI task"),
+    ("Post response", "Lark message"),
+], source="Description")
+modal_x = cx + 260
+modal_y = cy + 38
+modal_w = 710
+rect(modal_x, modal_y, modal_w, 720, bg=SURFACE, stroke="#344054", sw=2)
+text(modal_x + 28, modal_y + 26, "Run workflow", FS_HEAD, INK, width=450)
+text(modal_x + 28, modal_y + 62,
+     "Confirm the revision, inputs, and external effects.", FS_SMALL, MUTED, width=520)
+badge(modal_x + 28, modal_y + 102, "Current draft", "info")
+text(modal_x + 154, modal_y + 108, "revision 12", FS_SMALL, PURPLE,
+     font=FONT_MONO, width=130)
+line(modal_x + 28, modal_y + 144, modal_w - 56, 0, color=LINE)
+field(modal_x + 28, modal_y + 168, modal_w - 56, "Workflow", "Customer escalation triage")
+field(modal_x + 28, modal_y + 252, modal_w - 56, "Conversation", "support-thread-4821", mono=True)
+field(modal_x + 28, modal_y + 336, (modal_w - 70) / 2, "Environment", "Production")
+field(modal_x + 42 + (modal_w - 70) / 2, modal_y + 336,
+      (modal_w - 70) / 2, "Connections", "2 ready")
+rect(modal_x + 28, modal_y + 430, modal_w - 56, 86, bg=AMBER_BG, stroke=AMBER)
+text(modal_x + 46, modal_y + 448, "External effects", FS_BODY, AMBER, width=180)
+text(modal_x + 46, modal_y + 477,
+     "May post a Lark reply and create a Linear issue.", FS_SMALL, INK, width=560)
+rect(modal_x + 28, modal_y + 536, 18, 18, bg=BLUE, stroke=BLUE)
+text(modal_x + 32, modal_y + 537, "x", FS_SMALL, SURFACE, width=12)
+text(modal_x + 58, modal_y + 536,
+     "I understand this workflow may change external systems.", FS_SMALL, INK, width=590)
+rect(modal_x + 28, modal_y + 574, modal_w - 56, 50, bg=BLUE_BG, stroke=BLUE)
+text(modal_x + 46, modal_y + 590,
+     "This Run will be saved in Activity.", FS_SMALL, BLUE, width=500)
+button(modal_x + modal_w - 232, modal_y + 652, 88, "Cancel")
+button(modal_x + modal_w - 132, modal_y + 652, 104, "Run", primary=True, color=BLUE)
+end_frame()
+
+
+# 08 Running in the same Workflow Studio canvas
+fx, fy = begin_frame(7, "08 Running draft - Studio canvas and Run console")
+cx, cy, cw = app_shell(fx, fy, "Workflows", title="Customer escalation triage",
+                       subtitle="Current draft · revision 12 · Run R-1042")
+button(cx + cw - 510, fy + 24, 72, "Run", color=INK, h=32)
+button(cx + cw - 428, fy + 24, 92, "Add node", color=INK, h=32)
+button(cx + cw - 326, fy + 24, 92, "Edit YAML", color=INK, h=32)
+button(cx + cw - 224, fy + 24, 82, "Save", primary=True, color=BLUE, h=32)
+button(cx + cw - 132, fy + 24, 102, "Publish", color=INK, h=32)
+running_steps = [
+    ("Receive conversation", "Lark message"),
+    ("Classify severity", "AI task"),
+    ("Route escalation", "Condition"),
+    ("Prepare reply", "AI task"),
+    ("Post response", "Lark message"),
+]
+studio_canvas(cx, cy, cw, 570, running_steps, source="Description",
+              statuses=["Completed", "Completed", "Completed", "Running", "Queued"])
+console_y = cy + 570
+rect(cx, console_y, cw, FRAME_H - (console_y - fy), bg=SURFACE, stroke="#d8e0ea", radius=False)
+rect(cx, console_y - 6, cw, 6, bg="#cbd5e1", stroke="#cbd5e1", radius=False)
+text(cx + 22, console_y + 18, "Run console", FS_BODY, INK, width=180)
+badge(cx + 142, console_y + 14, "Running", "run")
+text(cx + 248, console_y + 21,
+     "R-1042 · Current draft · revision 12 · Activity record created",
+     FS_SMALL, BLUE, font=FONT_MONO, width=620)
+button(cx + cw - 132, console_y + 12, 102, "View Run", color=BLUE, bg=BLUE_BG, h=34)
+line(cx, console_y + 58, cw, 0, color="#eef2f7")
+log_rows = [
+    ("14:32:18.102", "Receive conversation", "completed", GREEN),
+    ("14:32:22.364", "Classify severity", "completed", GREEN),
+    ("14:32:22.481", "Route escalation", "completed", GREEN),
+    ("14:32:23.019", "Prepare reply", "running", BLUE),
+]
+for idx, (stamp, name, state, color) in enumerate(log_rows):
+    row_y = console_y + 78 + idx * 37
+    text(cx + 24, row_y, stamp, 12, MUTED, font=FONT_MONO, width=120)
+    dot(cx + 152, row_y + 2, 10, color, bg=color)
+    text(cx + 176, row_y, name, FS_SMALL, INK, width=260)
+    text(cx + 450, row_y, state, FS_SMALL, color, font=FONT_MONO, width=130)
+rect(cx + 690, console_y + 74, cw - 720, 134, bg=SIDEBAR, stroke=SIDEBAR)
+text(cx + 708, console_y + 90, "OUTPUT", 12, FAINT, font=FONT_MONO, width=100)
+text(cx + 708, console_y + 120,
+     "Preparing a concise response for\nthe support conversation...",
+     FS_SMALL, "#d0d5dd", font=FONT_MONO, width=cw - 760)
+end_frame()
+
+
+# 09 Activity with a Workflow filter
+fx, fy = begin_frame(8, "09 Activity - filtered by Workflow")
+cx, cy, cw = app_shell(fx, fy, "Activity", title="Activity",
+                       subtitle="Every Run, newest first. Filtered to Weekly feedback digest.")
+field(cx + 30, cy + 24, 330, "Search", "Search Run or outcome")
+px = cx + 386
+px = chip(px, cy + 46, "Workflow: Weekly feedback digest", selected=True)
+for label, selected in (("All  24", True), ("Needs you  1", False), ("Running  1", False), ("Failed  2", False)):
+    px = chip(px, cy + 46, label, selected=selected)
+table_x = cx + 30
+table_y = cy + 112
+table_header(table_x, table_y, [105, 235, 120, 175, 115, 75, 90, 255],
+             ["Status", "Workflow", "Origin", "Revision", "When", "Took", "Usage", "Outcome"])
+runs = [
+    ("Running", "Weekly feedback digest", "Manual · you", "Current draft · revision 12", "18s ago", "00:18", "$0.03", "Preparing summary"),
+    ("Succeeded", "Weekly feedback digest", "Schedule · weekly", "Published · v7", "2h ago", "01:42", "$0.18", "Posted 1 summary"),
+    ("Needs you", "Weekly feedback digest", "Schedule · weekly", "Published · v7", "1w ago", "00:56", "$0.11", "Approval requested"),
+    ("Failed", "Weekly feedback digest", "Manual · Calvin", "Draft · revision 9", "8d ago", "00:12", "$0.02", "Lark connection expired"),
+    ("Succeeded", "Weekly feedback digest", "Run again · R-1001", "Published · v6", "15d ago", "01:37", "$0.17", "Posted 1 summary"),
+]
+for idx, run in enumerate(runs):
+    activity_row(table_x, table_y + 42 + idx * 70, *run)
+text(table_x, fy + FRAME_H - 52,
+     "Activity remains the authoritative Run history. Run again and Retry append linked records.",
+     FS_SMALL, BLUE, width=720)
+end_frame()
+
+
+# 10 Global Activity
+fx, fy = begin_frame(9, "10 Activity - all retained Runs")
+cx, cy, cw = app_shell(fx, fy, "Activity", title="Activity",
+                       subtitle="Every Run, newest first. Search, inspect, and recover from one place.")
+field(cx + 30, cy + 28, 380, "Search", "Search workflow, Run, or outcome")
+px = cx + 438
+for label, selected in (("All  128", True), ("Needs you  2", False), ("Running  3", False), ("Failed  7", False), ("Mine  18", False)):
+    px = chip(px, cy + 50, label, selected=selected)
+table_x = cx + 30
+table_y = cy + 116
+table_header(table_x, table_y, [105, 235, 120, 175, 115, 75, 90, 255],
+             ["Status", "Workflow", "Origin", "Revision", "When", "Took", "Usage", "Outcome"])
+runs = [
+    ("Running", "Customer escalation triage", "Manual · you", "Current draft · revision 12", "18s ago", "00:18", "$0.03", "Preparing reply"),
+    ("Needs you", "Invoice follow-up", "Schedule · weekday", "Published · v4", "42m ago", "02:18", "$0.22", "Approve 4 messages"),
+    ("Succeeded", "Weekly feedback digest", "Schedule · weekly", "Published · v7", "2h ago", "01:42", "$0.18", "Posted 1 summary"),
+    ("Failed", "Nightly order sync", "Schedule · nightly", "Published · v9", "3:04 AM", "00:21", "$0.04", "Warehouse unavailable"),
+    ("Succeeded", "Customer escalation triage", "Retry · R-1031", "Draft · revision 11", "Yesterday", "00:49", "$0.09", "Posted reply"),
+    ("Failed", "Customer escalation triage", "Manual · Calvin", "Draft · revision 11", "Yesterday", "00:13", "$0.02", "Linear permission denied"),
+    ("Succeeded", "Invoice follow-up", "Manual · you", "Published · v4", "2d ago", "02:04", "$0.20", "Sent 6 reminders"),
+]
+for idx, run in enumerate(runs):
+    activity_row(table_x, table_y + 42 + idx * 70, *run)
+text(table_x, fy + FRAME_H - 50,
+     "Showing 7 of 128 Runs  |  New records appear here as soon as execution starts.",
+     FS_SMALL, MUTED, width=680)
+end_frame()
+
+
+# 11 Run detail
+fx, fy = begin_frame(10, "11 Run detail - immutable record")
+cx, cy, cw = app_shell(fx, fy, "Activity", title="Run #R-1042",
+                       subtitle="Customer escalation triage  |  Started 18 seconds ago")
+button(cx + cw - 328, fy + 22, 126, "Open workflow", color=BLUE, bg=BLUE_BG)
+button(cx + cw - 190, fy + 22, 160, "Run again", primary=True, color=BLUE)
+left_w = 780
+rect(cx + 30, cy + 28, left_w, 748, bg=SURFACE, stroke=LINE)
+badge(cx + 54, cy + 52, "Running", "run")
+text(cx + 54, cy + 100, "Customer escalation triage", FS_HEAD, INK, width=520)
+text(cx + 54, cy + 138,
+     "Current draft · revision 12", FS_BODY, PURPLE, font=FONT_MONO, width=360)
+summary_fields = [
+    ("ORIGIN", "Manual · you"),
+    ("STARTED", "Aug 3, 2026 at 14:32:18"),
+    ("ELAPSED", "00:18"),
+    ("USAGE", "$0.03 · 5.8k tokens"),
+]
+for idx, (label, value) in enumerate(summary_fields):
+    sx = cx + 54 + (idx % 2) * 360
+    sy = cy + 196 + (idx // 2) * 84
+    text(sx, sy, label, FS_SMALL, MUTED, font=FONT_MONO, width=130)
+    text(sx, sy + 26, value, FS_SMALL, INK, width=310)
+line(cx + 54, cy + 362, left_w - 48, 0, color=LINE)
+text(cx + 54, cy + 390, "STEP TIMELINE", FS_SMALL, MUTED, font=FONT_MONO, width=170)
+timeline = [
+    ("Receive conversation", "0.8s", "ok"),
+    ("Classify severity", "3.4s", "ok"),
+    ("Route escalation", "0.1s", "ok"),
+    ("Prepare reply", "running 13s", "run"),
+    ("Post response", "queued", "muted"),
+]
+for idx, (name, duration, status) in enumerate(timeline):
+    ty = cy + 432 + idx * 58
+    color = GREEN if status == "ok" else BLUE if status == "run" else FAINT
+    dot(cx + 58, ty + 4, 18, color, bg=color if status != "muted" else SURFACE)
+    if idx < len(timeline) - 1:
+        line(cx + 67, ty + 22, 0, 38, color=LINE)
+    text(cx + 94, ty + 2, name, FS_SMALL, INK, width=320)
+    text(cx + 460, ty + 2, duration, FS_SMALL, color, font=FONT_MONO, width=160)
+
+side_x = cx + 834
+side_w = cw - 864
+rect(side_x, cy + 28, side_w, 748, bg=SUBTLE, stroke=LINE)
+text(side_x + 24, cy + 52, "RECORD", FS_SMALL, MUTED, font=FONT_MONO, width=100)
+field(side_x + 24, cy + 88, side_w - 48, "Run", "R-1042", mono=True)
+field(side_x + 24, cy + 172, side_w - 48, "Revision", "draft-r12", mono=True)
+field(side_x + 24, cy + 256, side_w - 48, "Environment", "Production")
+text(side_x + 24, cy + 346, "LINKED RUNS", FS_SMALL, MUTED, font=FONT_MONO, width=140)
+rect(side_x + 24, cy + 376, side_w - 48, 76, bg=SURFACE, stroke=LINE)
+text(side_x + 40, cy + 392, "No linked Runs yet", FS_SMALL, INK, width=240)
+text(side_x + 40, cy + 419,
+     "Run again will create one.", FS_SMALL, MUTED, width=270)
+rect(side_x + 24, cy + 480, side_w - 48, 124, bg=BLUE_BG, stroke=BLUE)
+text(side_x + 40, cy + 500, "History is immutable", FS_BODY, BLUE, width=250)
+text(side_x + 40, cy + 534,
+     "A new attempt keeps this record and links back to R-1042.",
+     FS_SMALL, INK, width=300)
+button(side_x + 24, cy + 634, side_w - 48, "Run again", primary=True, color=BLUE)
+end_frame()
+
+
+# 12 Failure / Needs you recovery
+fx, fy = begin_frame(11, "12 Failed Run - recovery creates a new record")
+cx, cy, cw = app_shell(fx, fy, "Activity", title="Run #R-1038",
+                       subtitle="Nightly order sync  |  Failed at step 4")
+button(cx + cw - 328, fy + 22, 126, "Edit workflow", color=BLUE, bg=BLUE_BG)
+button(cx + cw - 190, fy + 22, 160, "Retry", primary=True, color=BLUE)
+rect(cx + 30, cy + 28, cw - 60, 110, bg=RED_BG, stroke=RED)
+badge(cx + 52, cy + 52, "Failed", "fail")
+text(cx + 160, cy + 56, "Warehouse connection is unavailable", FS_HEAD, RED, width=560)
+text(cx + 160, cy + 90,
+     "Step 4 · Write completed orders  |  The connection rejected the request.",
+     FS_SMALL, INK, width=700)
+text(cx + 52, cy + 168, "WHAT HAPPENED", FS_SMALL, MUTED, font=FONT_MONO, width=180)
+rect(cx + 30, cy + 198, 720, 246, bg=SURFACE, stroke=LINE)
+field(cx + 54, cy + 222, 672, "Revision", "Published · v9", mono=True)
+field(cx + 54, cy + 306, 320, "Failed after", "00:21", mono=True)
+field(cx + 390, cy + 306, 336, "Usage", "$0.04 · 8.1k tokens", mono=True)
+text(cx + 54, cy + 400,
+     "The previous three completed steps remain visible in this Run record.",
+     FS_SMALL, MUTED, width=620)
+side_x = cx + 780
+side_w = cw - 810
+text(side_x + 22, cy + 168, "RECOVER", FS_SMALL, MUTED, font=FONT_MONO, width=130)
+rect(side_x, cy + 198, side_w, 246, bg=SUBTLE, stroke=LINE)
+text(side_x + 24, cy + 222, "1. Repair the connection", FS_BODY, INK, width=330)
+button(side_x + 24, cy + 254, side_w - 48, "Open connections", color=BLUE, bg=BLUE_BG)
+text(side_x + 24, cy + 318, "2. Retry this Run", FS_BODY, INK, width=330)
+button(side_x + 24, cy + 350, side_w - 48, "Retry", primary=True, color=BLUE)
+text(cx + 30, cy + 486, "RETRY PREVIEW", FS_SMALL, MUTED, font=FONT_MONO, width=160)
+rect(cx + 30, cy + 516, cw - 60, 204, bg=BLUE_BG, stroke=BLUE)
+text(cx + 54, cy + 542, "A new Run will be created", FS_HEAD, BLUE, width=420)
+text(cx + 54, cy + 584,
+     "New record: R-1043  |  Source Run: R-1038  |  Published · v9",
+     FS_BODY, INK, font=FONT_MONO, width=720)
+text(cx + 54, cy + 624,
+     "R-1038 remains Failed. R-1043 starts from step 4 after the connection is repaired.",
+     FS_SMALL, MUTED, width=790)
+button(cx + cw - 252, cy + 652, 88, "Cancel")
+button(cx + cw - 152, cy + 652, 98, "Retry", primary=True, color=BLUE)
+end_frame()
+
+
+# 13 State sheet and mobile behavior
+fx, fy = begin_frame(12, "13 Workflows and Activity - states")
+cx, cy, cw = app_shell(fx, fy, "Activity", title="Workflows + Activity states",
+                       subtitle="Empty, loading, error, and compact layouts for the two in-scope areas.")
+state_w = 360
+state_y = cy + 34
+states = [
+    ("Empty Workflows", "No workflows yet", "Create your first workflow directly.", "New workflow", BLUE, BLUE_BG),
+    ("Empty Activity", "No Runs match", "Change filters or run a workflow.", "Clear filters", MUTED, SUBTLE),
+    ("Loading Activity", "Loading Run history", "Keeping the current filters in place.", "", BLUE, BLUE_BG),
+]
+for idx, (label, title, body, action, color, bg) in enumerate(states):
+    x = cx + 30 + idx * 390
+    rect(x, state_y, state_w, 218, bg=bg, stroke=color if idx != 1 else LINE)
+    text(x + 20, state_y + 18, label.upper(), FS_SMALL, color, font=FONT_MONO, width=260)
+    if idx == 2:
+        for bar in range(3):
+            rect(x + 24, state_y + 62 + bar * 42, state_w - 48 - bar * 34, 18,
+                 bg="#dbeafe", stroke="#dbeafe")
+    else:
+        text(x + 20, state_y + 62, title, FS_HEAD, INK, width=310)
+        text(x + 20, state_y + 100, body, FS_SMALL, MUTED, width=310)
+        button(x + 20, state_y + 150, 130, action,
+               primary=(idx == 0), color=color, bg=SURFACE)
+
+error_y = state_y + 250
+rect(cx + 30, error_y, 750, 174, bg=RED_BG, stroke=RED)
+text(cx + 52, error_y + 22, "ACTIVITY UNAVAILABLE", FS_SMALL, RED, font=FONT_MONO, width=240)
+text(cx + 52, error_y + 58, "Run history could not be loaded", FS_HEAD, INK, width=520)
+text(cx + 52, error_y + 96,
+     "Your Runs are still retained. Retry loading without losing search or filters.",
+     FS_SMALL, MUTED, width=620)
+button(cx + 608, error_y + 108, 142, "Retry loading", color=RED, bg=RED_BG)
+
+mobile_x = cx + 826
+mobile_y = error_y
+mobile_w = 370
+rect(mobile_x, mobile_y, mobile_w, 438, bg=SURFACE, stroke="#344054", sw=2)
+rect(mobile_x, mobile_y, mobile_w, 58, bg=SIDEBAR, stroke=SIDEBAR, radius=False)
+text(mobile_x + 18, mobile_y + 18, "Activity", FS_BODY, SURFACE, width=140)
+button(mobile_x + 264, mobile_y + 12, 88, "Filters", color=SURFACE, bg=SIDEBAR, h=34)
+mobile_runs = [
+    ("Running", "Customer escalation triage", "Draft · r12", "run"),
+    ("Needs you", "Invoice follow-up", "Published · v4", "wait"),
+    ("Failed", "Nightly order sync", "Published · v9", "fail"),
+]
+for idx, (status, name, revision, palette) in enumerate(mobile_runs):
+    y = mobile_y + 76 + idx * 108
+    rect(mobile_x + 14, y, mobile_w - 28, 92, bg=SURFACE, stroke=LINE)
+    badge(mobile_x + 28, y + 14, status, palette)
+    text(mobile_x + 28, y + 48, name, FS_SMALL, INK, width=210)
+    text(mobile_x + 230, y + 48, revision, FS_SMALL, MUTED,
+         font=FONT_MONO, width=100, align="right")
+text(cx + 30, fy + FRAME_H - 54,
+     "Compact layouts preserve status, workflow, revision, and recovery actions before secondary metrics.",
+     FS_SMALL, MUTED, width=820)
+end_frame()
+
+
+# 14 Settings - AI defaults
+fx, fy = begin_frame(13, "14 Settings - AI defaults")
+cx, cy, cw = app_shell(fx, fy, "Settings", title="Settings",
+                       subtitle="Personal defaults and access.")
+settings_nav(cx + 26, cy + 34, "AI defaults")
+main_x = cx + 236
+main_w = cw - 266
+text(main_x, cy + 34, "AI defaults", FS_HEAD, INK, width=360)
+text(main_x, cy + 70,
+     "Choose the service and model used by new Chat, Studio, and global tool sessions without an override.",
+     FS_SMALL, MUTED, width=650)
+line(main_x, cy + 108, main_w, 0, color=LINE)
+
+rows = [
+    ("Preferred service", "Gateway or exact connected service.", "NyxID Gateway"),
+    ("Default model", "Leave unset to use the service default.", "gpt-4o-mini"),
+]
+for idx, (label, body, value) in enumerate(rows):
+    y = cy + 146 + idx * 104
+    text(main_x, y + 10, label, FS_SMALL, INK, width=220)
+    text(main_x, y + 38, body, FS_SMALL, MUTED, width=230)
+    rect(main_x + 270, y, main_w - 270, 48, bg=SURFACE, stroke=LINE)
+    text(main_x + 286, y + 15, value, FS_SMALL, INK, width=main_w - 310)
+    line(main_x, y + 82, main_w, 0, color=LINE)
+end_frame()
+
+
+# 15 Settings - save and recovery states
+fx, fy = begin_frame(14, "15 Settings - save and recovery states")
+cx, cy, cw = app_shell(fx, fy, "Settings", title="Settings states",
+                       subtitle="Dirty, accepted, fallback, and catalog recovery without dashboard noise.")
+settings_nav(cx + 26, cy + 34, "AI defaults")
+main_x = cx + 236
+main_w = cw - 266
+text(main_x, cy + 34, "AI defaults", FS_HEAD, INK, width=340)
+badge(main_x + main_w - 126, cy + 34, "Unsaved", "wait")
+line(main_x, cy + 92, main_w, 0, color=LINE)
+
+state_y = cy + 126
+state_gap = 18
+state_w = (main_w - state_gap * 2) / 3
+state_specs = [
+    ("UNSAVED", "Sticky save bar appears", "Discard and Save changes stay close to the edited defaults.", AMBER, AMBER_BG),
+    ("ACCEPTED", "Confirming saved values", "Keep the submitted exact service visible until the committed values are observed.", BLUE, BLUE_BG),
+    ("FALLBACK", "Effective route changed", "Show fallback only when the selected service is unavailable.", AMBER, AMBER_BG),
+]
+for idx, (label, title_value, body, color, bg) in enumerate(state_specs):
+    x = main_x + idx * (state_w + state_gap)
+    rect(x, state_y, state_w, 218, bg=bg, stroke=color)
+    text(x + 16, state_y + 16, label, FS_SMALL, color, font=FONT_MONO, width=state_w - 32)
+    text(x + 16, state_y + 52, title_value, FS_BODY, INK, width=state_w - 32)
+    text(x + 16, state_y + 88, body, FS_SMALL, MUTED,
+         width=state_w - 32, line_height=1.45)
+    if idx == 0:
+        button(x + 16, state_y + 166, 92, "Discard")
+        button(x + 118, state_y + 166, 122, "Save changes", primary=True, color=BLUE)
+    elif idx == 1:
+        badge(x + 16, state_y + 166, "Observation pending", "run")
+    else:
+        badge(x + 16, state_y + 166, "Effective: Gateway", "wait")
+
+recovery_y = state_y + 252
+rect(main_x, recovery_y, (main_w - 18) / 2, 220, bg=SUBTLE, stroke=LINE)
+text(main_x + 18, recovery_y + 18, "CATALOG UNAVAILABLE", FS_SMALL, AMBER,
+     font=FONT_MONO, width=300)
+text(main_x + 18, recovery_y + 56, "Keep stored defaults visible", FS_BODY, INK, width=380)
+text(main_x + 18, recovery_y + 92,
+     "Disable service and model editing until provider inventory can be loaded.",
+     FS_SMALL, MUTED, width=400, line_height=1.45)
+button(main_x + 18, recovery_y + 160, 88, "Retry", color=AMBER, bg=AMBER_BG)
+
+error_x = main_x + (main_w - 18) / 2 + 18
+rect(error_x, recovery_y, (main_w - 18) / 2, 220, bg=RED_BG, stroke=RED)
+text(error_x + 18, recovery_y + 18, "SAVE FAILED", FS_SMALL, RED,
+     font=FONT_MONO, width=300)
+text(error_x + 18, recovery_y + 56, "Edits remain intact", FS_BODY, INK, width=380)
+text(error_x + 18, recovery_y + 92,
+     "The exact service and model stay editable. Retry without rebuilding the draft.",
+     FS_SMALL, MUTED, width=400, line_height=1.45)
+button(error_x + 18, recovery_y + 160, 126, "Save changes", color=RED, bg=RED_BG)
+
+savebar_y = cy + 680
+rect(main_x, savebar_y, main_w, 72, bg="#1d2939", stroke="#344054")
+text(main_x + 18, savebar_y + 14, "Unsaved changes", FS_SMALL, SURFACE, width=280)
+text(main_x + 18, savebar_y + 40, "Your AI defaults have not been saved.", FS_SMALL, "#d0d5dd", width=420)
+button(main_x + main_w - 244, savebar_y + 17, 92, "Discard", color=SURFACE, bg="#1d2939")
+button(main_x + main_w - 140, savebar_y + 17, 122, "Save changes", primary=True, color=BLUE)
+end_frame()
+
+
+# 16 Settings - Account
+fx, fy = begin_frame(15, "16 Settings - Account")
+cx, cy, cw = app_shell(fx, fy, "Settings", title="Settings",
+                       subtitle="Identity and service access for this browser.")
+settings_nav(cx + 26, cy + 34, "Account")
+main_x = cx + 236
+main_w = cw - 266
+text(main_x, cy + 34, "Account", FS_HEAD, INK, width=340)
+text(main_x, cy + 70, "Identity and service access for this browser session.",
+     FS_SMALL, MUTED, width=560)
+line(main_x, cy + 108, main_w, 0, color=LINE)
+
+profile_y = cy + 138
+text(main_x, profile_y, "Profile", FS_BODY, INK, width=260)
+button(main_x + main_w - 94, profile_y, 94, "Sign out", color=RED, bg=RED_BG)
+dot(main_x, profile_y + 48, 50, BLUE)
+text(main_x + 68, profile_y + 48, "Calvin Tan", FS_BODY, INK, width=260)
+text(main_x + 68, profile_y + 78, "calvin@example.com", FS_SMALL, MUTED, width=300)
+
+detail_y = profile_y + 122
+detail_w = main_w / 2
+account_fields = [
+    ("USER ID", "usr_7c9142...e8a13f"),
+    ("ROLES", "admin, operator"),
+    ("GROUPS", "platform"),
+    ("EMAIL", "Verified"),
+]
+for idx, (label, value) in enumerate(account_fields):
+    col = idx % 2
+    row = idx // 2
+    x = main_x + col * detail_w
+    y = detail_y + row * 76
+    rect(x, y, detail_w, 76, bg=SURFACE, stroke=LINE, radius=False)
+    text(x + 14, y + 14, label, FS_SMALL, MUTED, font=FONT_MONO, width=detail_w - 28)
+    text(x + 14, y + 44, value, FS_SMALL, INK, width=detail_w - 28)
+
+auth_y = profile_y + 300
+line(main_x, auth_y - 22, main_w, 0, color=LINE)
+text(main_x, auth_y, "Authentication", FS_BODY, INK, width=280)
+button(main_x + main_w - 208, auth_y, 208, "Manage service access")
+auth_fields = [
+    ("SESSION EXPIRES", "2026/8/4 18:30"),
+    ("PROVIDER", "NyxID"),
+    ("SCOPE", "openid profile email"),
+    ("BROWSER TOKEN REFRESH", "Disabled"),
+]
+for idx, (label, value) in enumerate(auth_fields):
+    col = idx % 2
+    row = idx // 2
+    x = main_x + col * detail_w
+    y = auth_y + 56 + row * 76
+    rect(x, y, detail_w, 76, bg=SURFACE, stroke=LINE, radius=False)
+    text(x + 14, y + 14, label, FS_SMALL, MUTED, font=FONT_MONO, width=detail_w - 28)
+    text(x + 14, y + 44, value, FS_SMALL, INK, width=detail_w - 28)
+
+signedout_y = cy + 704
+rect(main_x, signedout_y, main_w, 66, bg=SUBTLE, stroke=LINE)
+text(main_x + 16, signedout_y + 14, "SIGNED-OUT STATE", FS_SMALL, MUTED,
+     font=FONT_MONO, width=180)
+text(main_x + 214, signedout_y + 14,
+     "Replace identity claims with No active session and a Sign in action.",
+     FS_SMALL, INK, width=560)
+end_frame()
+
+
+# 17 Settings - Advanced and responsive behavior
+fx, fy = begin_frame(16, "17 Settings - Advanced and responsive")
+cx, cy, cw = app_shell(fx, fy, "Settings", title="Settings",
+                       subtitle="Advanced diagnostics stay separate from everyday defaults.")
+settings_nav(cx + 20, cy + 30, "Advanced")
+advanced_x = cx + 218
+advanced_w = 610
+text(advanced_x, cy + 30, "Advanced", FS_HEAD, INK, width=280)
+text(advanced_x, cy + 66, "Read-only runtime and routing details for troubleshooting.",
+     FS_SMALL, MUTED, width=480)
+line(advanced_x, cy + 104, advanced_w, 0, color=LINE)
+text(advanced_x, cy + 132, "Request values", FS_BODY, INK, width=260)
+text(advanced_x, cy + 162, "Effective values supplied to new requests.",
+     FS_SMALL, MUTED, width=460)
+technical_rows = [
+    ("x-aevatar-llm-route", "nyxid_gateway"),
+    ("x-aevatar-llm-model", "gpt-4o-mini"),
+    ("studio.runtime_base_url", "http://127.0.0.1:5080"),
+    ("aevatar.runtime_mode", "local"),
+]
+for idx, (key, value) in enumerate(technical_rows):
+    y = cy + 204 + idx * 48
+    rect(advanced_x, y, advanced_w, 48, bg=SIDEBAR, stroke="#344054", radius=False)
+    text(advanced_x + 14, y + 15, key, FS_SMALL, "#d0d5dd",
+         font=FONT_MONO, width=270)
+    text(advanced_x + 292, y + 15, value, FS_SMALL, "#98a2b3",
+         font=FONT_MONO, width=advanced_w - 306)
+
+mobile_x = cx + 858
+mobile_y = cy + 28
+mobile_w = 344
+rect(mobile_x, mobile_y, mobile_w, 774, bg=SURFACE, stroke="#344054", sw=2)
+rect(mobile_x, mobile_y, mobile_w, 58, bg=SIDEBAR, stroke=SIDEBAR, radius=False)
+text(mobile_x + 14, mobile_y + 18, "Settings", FS_BODY, SURFACE, width=120)
+text(mobile_x + 14, mobile_y + 80, "Settings", FS_HEAD, INK, width=180)
+text(mobile_x + 14, mobile_y + 116,
+     "Personal defaults and access.",
+     FS_SMALL, MUTED, width=310)
+settings_nav(mobile_x + 10, mobile_y + 166, "AI defaults", mobile=True)
+text(mobile_x + 14, mobile_y + 236, "AI defaults", FS_HEAD, INK, width=220)
+text(mobile_x + 14, mobile_y + 274,
+     "Service and model for new sessions without an override.",
+     FS_SMALL, MUTED, width=310)
+line(mobile_x + 14, mobile_y + 322, mobile_w - 28, 0, color=LINE)
+text(mobile_x + 14, mobile_y + 348, "Preferred service", FS_SMALL, INK, width=260)
+field(mobile_x + 14, mobile_y + 376, mobile_w - 28, "Service", "NyxID Gateway")
+text(mobile_x + 14, mobile_y + 472, "Default model", FS_SMALL, INK, width=260)
+field(mobile_x + 14, mobile_y + 500, mobile_w - 28, "Model", "gpt-4o-mini")
+rect(mobile_x + 14, mobile_y + 670, mobile_w - 28, 70, bg="#1d2939", stroke="#344054")
+text(mobile_x + 26, mobile_y + 682, "Unsaved changes", FS_SMALL, SURFACE, width=180)
+button(mobile_x + 202, mobile_y + 686, 116, "Save changes", primary=True, color=BLUE, h=34)
+end_frame()
+
+
+document = {
+    "type": "excalidraw",
+    "version": 2,
+    "source": "https://excalidraw.com",
+    "elements": elements,
+    "appState": {
+        "gridSize": 20,
+        "gridStep": 5,
+        "gridModeEnabled": False,
+        "viewBackgroundColor": "#eef2f6",
+    },
+    "files": {},
+}
+
+OUT.write_text(json.dumps(document, indent=2, ensure_ascii=True) + "\n", encoding="utf-8")
+
+
+# Structural and semantic checks
+ids = [item["id"] for item in elements]
+assert len(ids) == len(set(ids)), "duplicate Excalidraw element IDs"
+frames = {item["id"]: item for item in elements if item["type"] == "frame"}
+assert len(frames) == 17, f"expected 17 frames, got {len(frames)}"
+
+escaped = []
+for item in elements:
+    frame_id = item.get("frameId")
+    if not frame_id:
+        continue
+    owner = frames[frame_id]
+    if (item["x"] < owner["x"] - 2 or item["y"] < owner["y"] - 2
+            or item["x"] + item["width"] > owner["x"] + owner["width"] + 2
+            or item["y"] + item["height"] > owner["y"] + owner["height"] + 2):
+        escaped.append((owner["name"], item["type"], item.get("text", "")[:60]))
+assert not escaped, f"elements escaped frames: {escaped[:8]}"
+
+visible_text = "\n".join(item["text"] for item in elements if item["type"] == "text")
+for forbidden in ("Invoke", "Draft Run", "Test Run", "Create Team", "Create Member", "Open Flows", "Fix flow"):
+    assert forbidden.casefold() not in visible_text.casefold(), f"stale term: {forbidden}"
+
+standalone_flow = re.compile(r"(?<!work)\bflows?\b", re.IGNORECASE)
+assert not standalone_flow.search(visible_text), "standalone product Flow terminology remains"
+
+assert visible_text.count("Workflows") >= 10
+assert visible_text.count("Activity") >= 12
+assert visible_text.count("Settings") >= 8
+assert "This Run will be saved in Activity." in visible_text
+assert "Current draft · revision 12" in visible_text
+assert "Run again will create one." in visible_text
+assert "Preferred service" in visible_text
+assert "Manage service access" in visible_text
+assert "AI defaults" in visible_text
+assert "studio.runtime_base_url" in visible_text
+assert "aevatar.runtime_mode" in visible_text
+
+print(f"wrote {OUT}")
+print(f"elements: {len(elements)}")
+print(f"frames: {len(frames)}")
+print("semantic checks: passed")
+print("frame bounds: passed")
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.excalidraw b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.excalidraw
new file mode 100644
index 0000000000..fe8e0718e1
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.excalidraw
@@ -0,0 +1 @@
+{"type":"excalidraw","version":2,"source":"https://excalidraw.com","elements":[{"id":"t-00001-1545","type":"text","x":140.0,"y":70.0,"width":1040.0,"height":40.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":729512858,"version":1,"versionNonce":133347924,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Aevatar — Published workflow schedules","originalText":"Aevatar — Published workflow schedules","fontSize":32,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00002-1765","type":"text","x":140.0,"y":126.0,"width":1060.0,"height":27.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":1099550647,"version":1,"versionNonce":283212493,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"One Workflow, one recurring resource model, seven reviewable screens.","originalText":"One Workflow, one recurring resource model, seven reviewable screens.","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00003-4202","type":"text","x":140.0,"y":178.0,"width":1180.0,"height":20.0,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":1494373298,"version":1,"versionNonce":318663386,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule is configured, previewed, created, observed, and managed through the Workflow-scoped API.","originalText":"Schedule is configured, previewed, created, observed, and managed through the Workflow-scoped API.","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00004-3242","type":"text","x":140.0,"y":232.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":2141913302,"version":1,"versionNonce":1866669699,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Each frame renders to its own 1440 × 900 PNG. Notes stay outside the screen frames.","originalText":"Each frame renders to its own 1440 × 900 PNG. Notes stay outside the screen frames.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00005-3687","type":"line","x":140.0,"y":274.0,"width":1150.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":315686227,"version":1,"versionNonce":1118610136,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[1150.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"frame-00006-8349","type":"frame","x":140.0,"y":480.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#bbb","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":166792497,"version":1,"versionNonce":2019800083,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"name":"01 · Workflows — schedule management modal"},{"id":"r-00008-5683","type":"rectangle","x":140.0,"y":480.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1657078077,"version":1,"versionNonce":1992778601,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00009-8884","type":"rectangle","x":140.0,"y":480.0,"width":210.0,"height":1000.0,"angle":0,"strokeColor":"#f8f9fa","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1052962616,"version":1,"versionNonce":214494482,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00010-2648","type":"text","x":162.0,"y":502.0,"width":150.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1277667314,"version":1,"versionNonce":629695962,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"aevatar","originalText":"aevatar","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00011-2109","type":"text","x":162.0,"y":534.0,"width":160.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":21563061,"version":1,"versionNonce":487497018,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AUTOMATION","originalText":"AUTOMATION","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00012-2408","type":"text","x":164.0,"y":592.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":166706401,"version":1,"versionNonce":158018830,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Chat","originalText":"Chat","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00013-9757","type":"rectangle","x":150.0,"y":626.0,"width":190.0,"height":34.0,"angle":0,"strokeColor":"#e9ecef","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1601541552,"version":1,"versionNonce":178296207,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00014-5197","type":"text","x":164.0,"y":634.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":310469426,"version":1,"versionNonce":143027738,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00015-1941","type":"text","x":164.0,"y":676.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1247230994,"version":1,"versionNonce":1668907097,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Activities","originalText":"Activities","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00016-3835","type":"text","x":164.0,"y":718.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":229716043,"version":1,"versionNonce":84968610,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Agents","originalText":"Agents","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00017-9409","type":"text","x":164.0,"y":760.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1133145782,"version":1,"versionNonce":887961131,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Artifacts","originalText":"Artifacts","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00018-4104","type":"line","x":150.0,"y":1398.0,"width":190.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":2003735782,"version":1,"versionNonce":965904802,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[190.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00019-7572","type":"text","x":162.0,"y":1420.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":438743447,"version":1,"versionNonce":1658457725,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ana · Acme","originalText":"Ana · Acme","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00020-7107","type":"rectangle","x":350.0,"y":480.0,"width":1350.0,"height":74.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1040692417,"version":1,"versionNonce":615782968,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00021-5774","type":"text","x":378.0,"y":496.0,"width":760.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1071858901,"version":1,"versionNonce":1203444105,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00022-3386","type":"text","x":378.0,"y":526.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":340621016,"version":1,"versionNonce":1929257844,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published capabilities can run manually or on a schedule.","originalText":"Published capabilities can run manually or on a schedule.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00023-8992","type":"rectangle","x":1530.0,"y":498.0,"width":142.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":751938324,"version":1,"versionNonce":715506604,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00024-7856","type":"text","x":1538.0,"y":507.0,"width":126.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1478846502,"version":1,"versionNonce":293159839,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Start a run","originalText":"Start a run","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00025-3361","type":"text","x":378.0,"y":578.0,"width":47.879999999999995,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1443138478,"version":1,"versionNonce":1902125480,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SEARCH","originalText":"SEARCH","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00026-9563","type":"rectangle","x":378.0,"y":600.0,"width":360.0,"height":44.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1464749973,"version":1,"versionNonce":1104100021,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00027-7025","type":"text","x":390.0,"y":612.0,"width":336.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":999572091,"version":1,"versionNonce":1253988940,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Search workflows","originalText":"Search workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00028-5275","type":"rectangle","x":762.0,"y":600.0,"width":86.0,"height":34.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#eff8ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1445465829,"version":1,"versionNonce":56675767,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00029-3059","type":"text","x":772.0,"y":608.0,"width":66.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":944508503,"version":1,"versionNonce":893181465,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"All  6","originalText":"All  6","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00030-7546","type":"rectangle","x":856.0,"y":600.0,"width":120.0,"height":34.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1378202541,"version":1,"versionNonce":1499691691,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00031-6375","type":"text","x":866.0,"y":608.0,"width":100.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1243159269,"version":1,"versionNonce":1343474275,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published  4","originalText":"Published  4","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00032-1880","type":"rectangle","x":984.0,"y":600.0,"width":168.0,"height":34.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1078744587,"version":1,"versionNonce":1669576273,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00033-4492","type":"text","x":994.0,"y":608.0,"width":148.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1950123821,"version":1,"versionNonce":1969815418,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Runs on its own  3","originalText":"Runs on its own  3","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00034-9833","type":"rectangle","x":1160.0,"y":600.0,"width":96.0,"height":34.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":431427449,"version":1,"versionNonce":2030395757,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00035-9229","type":"text","x":1170.0,"y":608.0,"width":76.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":932628661,"version":1,"versionNonce":1552328106,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Drafts  1","originalText":"Drafts  1","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00036-7220","type":"rectangle","x":378.0,"y":666.0,"width":1280.0,"height":42.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":139199685,"version":1,"versionNonce":321676536,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00037-6352","type":"text","x":392.0,"y":679.0,"width":432.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1916929751,"version":1,"versionNonce":1438225417,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"NAME","originalText":"NAME","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00038-5396","type":"text","x":852.0,"y":679.0,"width":162.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1275527499,"version":1,"versionNonce":1694096396,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"LAST RUN","originalText":"LAST RUN","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00039-6898","type":"text","x":1042.0,"y":679.0,"width":242.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":333944347,"version":1,"versionNonce":811824201,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"STARTS ON ITS OWN","originalText":"STARTS ON ITS OWN","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00040-3398","type":"text","x":1312.0,"y":679.0,"width":152.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1943889008,"version":1,"versionNonce":1616644331,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"STATE","originalText":"STATE","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00041-9068","type":"text","x":1492.0,"y":679.0,"width":152.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1071293790,"version":1,"versionNonce":870674525,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"ACTIONS","originalText":"ACTIONS","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00042-9886","type":"rectangle","x":378.0,"y":708.0,"width":1280.0,"height":116.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":907610285,"version":1,"versionNonce":1163542899,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00043-7205","type":"text","x":394.0,"y":724.0,"width":420.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":655928580,"version":1,"versionNonce":1878658968,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report","originalText":"Weekly Feedback Report","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00044-3166","type":"text","x":394.0,"y":754.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1498271505,"version":1,"versionNonce":1362322284,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"reads #feedback, groups themes, posts a summary","originalText":"reads #feedback, groups themes, posts a summary","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00045-3977","type":"text","x":838.0,"y":742.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":755092172,"version":1,"versionNonce":843386306,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"2h ago","originalText":"2h ago","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00046-8639","type":"text","x":1028.0,"y":742.0,"width":220.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1165048831,"version":1,"versionNonce":1264162007,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"3 · 1 paused","originalText":"3 · 1 paused","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00047-4990","type":"rectangle","x":1298.0,"y":739.0,"width":91.5,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1211856992,"version":1,"versionNonce":183248068,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00048-8097","type":"text","x":1308.0,"y":745.0,"width":71.5,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1575679856,"version":1,"versionNonce":467501621,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published","originalText":"Published","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00049-9668","type":"rectangle","x":1490.0,"y":736.0,"width":90.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#eff8ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1515493258,"version":1,"versionNonce":847038303,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00050-3516","type":"text","x":1498.0,"y":745.0,"width":74.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1039030924,"version":1,"versionNonce":95496879,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedules","originalText":"Schedules","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00051-6618","type":"rectangle","x":1578.0,"y":736.0,"width":62.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":965697882,"version":1,"versionNonce":332274316,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00052-9107","type":"text","x":1586.0,"y":745.0,"width":46.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1036250937,"version":1,"versionNonce":1532174677,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Open","originalText":"Open","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00053-6189","type":"rectangle","x":378.0,"y":824.0,"width":1280.0,"height":116.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":812760134,"version":1,"versionNonce":251262178,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00054-5793","type":"text","x":394.0,"y":840.0,"width":420.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":2089149003,"version":1,"versionNonce":188078865,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Customer escalation triage","originalText":"Customer escalation triage","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00055-9572","type":"text","x":394.0,"y":870.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1264822462,"version":1,"versionNonce":1730376208,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"classifies urgent conversations and prepares replies","originalText":"classifies urgent conversations and prepares replies","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00056-3750","type":"text","x":838.0,"y":858.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":712537265,"version":1,"versionNonce":378992374,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"4m ago","originalText":"4m ago","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00057-1930","type":"text","x":1028.0,"y":858.0,"width":220.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":885430929,"version":1,"versionNonce":237887562,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"2","originalText":"2","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00058-5341","type":"rectangle","x":1298.0,"y":855.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1286136710,"version":1,"versionNonce":1192204111,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00059-6920","type":"text","x":1308.0,"y":861.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1523170834,"version":1,"versionNonce":1420389030,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Draft","originalText":"Draft","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00060-5584","type":"rectangle","x":1490.0,"y":852.0,"width":90.0,"height":38.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":580252717,"version":1,"versionNonce":1964507427,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00061-2063","type":"text","x":1498.0,"y":861.0,"width":74.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1754256467,"version":1,"versionNonce":1785280179,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedules","originalText":"Schedules","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00062-1796","type":"rectangle","x":1578.0,"y":852.0,"width":62.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":912926306,"version":1,"versionNonce":1067981889,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00063-3677","type":"text","x":1586.0,"y":861.0,"width":46.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1985144850,"version":1,"versionNonce":1224747218,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Open","originalText":"Open","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00064-2724","type":"rectangle","x":378.0,"y":940.0,"width":1280.0,"height":116.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":25950652,"version":1,"versionNonce":1662468448,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00065-8351","type":"text","x":394.0,"y":956.0,"width":420.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1341194486,"version":1,"versionNonce":1488033325,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Invoice chase","originalText":"Invoice chase","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00066-4165","type":"text","x":394.0,"y":986.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1435931710,"version":1,"versionNonce":1540836580,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"finds overdue invoices and waits for approval","originalText":"finds overdue invoices and waits for approval","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00067-9906","type":"text","x":838.0,"y":974.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":715033667,"version":1,"versionNonce":579936564,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"42m ago","originalText":"42m ago","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00068-7507","type":"text","x":1028.0,"y":974.0,"width":220.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1140587399,"version":1,"versionNonce":1654704984,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"1","originalText":"1","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00069-9842","type":"rectangle","x":1298.0,"y":971.0,"width":91.5,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":576563694,"version":1,"versionNonce":1899282338,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00070-5680","type":"text","x":1308.0,"y":977.0,"width":71.5,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1123076943,"version":1,"versionNonce":1602036176,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published","originalText":"Published","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00071-5735","type":"rectangle","x":1490.0,"y":968.0,"width":90.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#eff8ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":528968053,"version":1,"versionNonce":380845192,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00072-7877","type":"text","x":1498.0,"y":977.0,"width":74.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1763873787,"version":1,"versionNonce":324182149,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedules","originalText":"Schedules","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00073-4681","type":"rectangle","x":1578.0,"y":968.0,"width":62.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":945859970,"version":1,"versionNonce":663732467,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00074-6537","type":"text","x":1586.0,"y":977.0,"width":46.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1638376273,"version":1,"versionNonce":476341223,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Open","originalText":"Open","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00075-3353","type":"rectangle","x":378.0,"y":1056.0,"width":1280.0,"height":116.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":2127807317,"version":1,"versionNonce":1239867130,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00076-1927","type":"text","x":394.0,"y":1072.0,"width":420.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":396168356,"version":1,"versionNonce":124456771,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Nightly data sync","originalText":"Nightly data sync","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00077-7312","type":"text","x":394.0,"y":1102.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":932847009,"version":1,"versionNonce":1136657573,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"pulls yesterday's orders into the warehouse","originalText":"pulls yesterday's orders into the warehouse","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00078-3708","type":"text","x":838.0,"y":1090.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1894159250,"version":1,"versionNonce":1012709843,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"3:04 AM","originalText":"3:04 AM","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00079-5572","type":"text","x":1028.0,"y":1090.0,"width":220.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":497553542,"version":1,"versionNonce":638253475,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"1","originalText":"1","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00080-3042","type":"rectangle","x":1298.0,"y":1087.0,"width":91.5,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":587472721,"version":1,"versionNonce":675609471,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00081-3890","type":"text","x":1308.0,"y":1093.0,"width":71.5,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":462129217,"version":1,"versionNonce":1015734739,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published","originalText":"Published","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00082-2632","type":"rectangle","x":1490.0,"y":1084.0,"width":90.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#eff8ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":478897913,"version":1,"versionNonce":615174732,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00083-5944","type":"text","x":1498.0,"y":1093.0,"width":74.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":900147038,"version":1,"versionNonce":1661400591,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedules","originalText":"Schedules","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00084-1133","type":"rectangle","x":1578.0,"y":1084.0,"width":62.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":932175593,"version":1,"versionNonce":1096001399,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00085-6440","type":"text","x":1586.0,"y":1093.0,"width":46.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":569733735,"version":1,"versionNonce":601834485,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Open","originalText":"Open","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00086-5198","type":"rectangle","x":850.0,"y":564.0,"width":838.0,"height":910.0,"angle":0,"strokeColor":"#eef2f6","backgroundColor":"#eef2f6","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1508085840,"version":1,"versionNonce":1174710518,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00087-9286","type":"rectangle","x":870.0,"y":572.0,"width":760.0,"height":890.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":902644202,"version":1,"versionNonce":231123752,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00088-2365","type":"text","x":898.0,"y":598.0,"width":560.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":2086616108,"version":1,"versionNonce":1993707349,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedules for Weekly Feedback Report","originalText":"Schedules for Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00089-2109","type":"rectangle","x":1572.0,"y":592.0,"width":32.0,"height":38.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":469442566,"version":1,"versionNonce":1522397595,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00090-5628","type":"text","x":1580.0,"y":601.0,"width":16.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1479071346,"version":1,"versionNonce":972655768,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"×","originalText":"×","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00091-7545","type":"rectangle","x":1350.0,"y":654.0,"width":108.0,"height":38.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1287500333,"version":1,"versionNonce":2052394368,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00092-5588","type":"text","x":1358.0,"y":663.0,"width":92.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1295683940,"version":1,"versionNonce":2065564293,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Refresh","originalText":"Refresh","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00093-1539","type":"rectangle","x":1470.0,"y":654.0,"width":132.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1018250718,"version":1,"versionNonce":1251342303,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00094-2128","type":"text","x":1478.0,"y":663.0,"width":116.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":954909292,"version":1,"versionNonce":1025937376,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"New schedule","originalText":"New schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00095-2000","type":"line","x":898.0,"y":712.0,"width":704.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":407431282,"version":1,"versionNonce":1190404073,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[704.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"r-00096-7467","type":"rectangle","x":898.0,"y":740.0,"width":704.0,"height":132.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1285523897,"version":1,"versionNonce":309218069,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00097-3871","type":"text","x":918.0,"y":758.0,"width":330.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":17186237,"version":1,"versionNonce":1414020680,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly feedback report","originalText":"Weekly feedback report","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00098-9498","type":"rectangle","x":1498.0,"y":756.0,"width":76.5,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1855985364,"version":1,"versionNonce":1816181586,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00099-1939","type":"text","x":1508.0,"y":762.0,"width":56.5,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1799095735,"version":1,"versionNonce":1706389308,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Enabled","originalText":"Enabled","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00100-7554","type":"text","x":918.0,"y":792.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":742730298,"version":1,"versionNonce":333922280,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekdays · 09:00 · Asia/Shanghai","originalText":"Weekdays · 09:00 · Asia/Shanghai","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00101-6776","type":"text","x":918.0,"y":830.0,"width":360.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1299450568,"version":1,"versionNonce":680256711,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Next · Mon 24 Aug at 09:00","originalText":"Next · Mon 24 Aug at 09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00102-9253","type":"text","x":1520.0,"y":828.0,"width":74.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1781005480,"version":1,"versionNonce":761729975,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Open  →","originalText":"Open  →","fontSize":14,"fontFamily":1,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00103-3873","type":"rectangle","x":898.0,"y":894.0,"width":704.0,"height":132.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":886979113,"version":1,"versionNonce":792781013,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00104-7840","type":"text","x":918.0,"y":912.0,"width":330.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":2093243933,"version":1,"versionNonce":1396738799,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Monthly billing review","originalText":"Monthly billing review","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00105-9146","type":"rectangle","x":1498.0,"y":910.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":{"type":3},"seed":1596699383,"version":1,"versionNonce":1439074510,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00106-5129","type":"text","x":1508.0,"y":916.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":251017436,"version":1,"versionNonce":1771327623,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Paused","originalText":"Paused","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00107-9167","type":"text","x":918.0,"y":946.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":2116036055,"version":1,"versionNonce":1840661992,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Monthly · day 1 · Asia/Shanghai","originalText":"Monthly · day 1 · Asia/Shanghai","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00108-2803","type":"text","x":918.0,"y":984.0,"width":360.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":81151952,"version":1,"versionNonce":1962642283,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"No upcoming attempt","originalText":"No upcoming attempt","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00109-2582","type":"text","x":1520.0,"y":982.0,"width":74.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1163075914,"version":1,"versionNonce":864749470,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Open  →","originalText":"Open  →","fontSize":14,"fontFamily":1,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00110-2361","type":"ellipse","x":1742.0,"y":640.0,"width":28.0,"height":28.0,"angle":0,"strokeColor":"#7048e8","backgroundColor":"#7048e8","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1035111375,"version":1,"versionNonce":488753988,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00111-9496","type":"text","x":1742.0,"y":645.0,"width":28.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":927486490,"version":1,"versionNonce":764298400,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"1","originalText":"1","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00112-9613","type":"text","x":1782.0,"y":640.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#7048e8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":357270525,"version":1,"versionNonce":1275814911,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"ONE TITLE IDENTIFIES COLLECTION AND OWNER","originalText":"ONE TITLE IDENTIFIES COLLECTION AND OWNER","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00113-4694","type":"text","x":1782.0,"y":664.0,"width":430.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-00"],"frameId":"frame-00006-8349","roundness":null,"seed":1041902395,"version":1,"versionNonce":534844951,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedules for Weekly Feedback Report replaces a repeated title stack. The body starts with collection actions, while each row supplies the facts needed for selection.","originalText":"Schedules for Weekly Feedback Report replaces a repeated title stack. The body starts with collection actions, while each row supplies the facts needed for selection.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"frame-00114-7938","type":"frame","x":2020.0,"y":480.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#bbb","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":1411489382,"version":1,"versionNonce":1021841410,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"name":"02 · Workflow — schedule setup panel"},{"id":"r-00116-4241","type":"rectangle","x":2020.0,"y":480.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1876246349,"version":1,"versionNonce":80241220,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00117-6243","type":"rectangle","x":2020.0,"y":480.0,"width":210.0,"height":1000.0,"angle":0,"strokeColor":"#f8f9fa","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1319364224,"version":1,"versionNonce":1347790009,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00118-4897","type":"text","x":2042.0,"y":502.0,"width":150.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":410136159,"version":1,"versionNonce":384367602,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"aevatar","originalText":"aevatar","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00119-3225","type":"text","x":2042.0,"y":534.0,"width":160.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1364866044,"version":1,"versionNonce":314227250,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AUTOMATION","originalText":"AUTOMATION","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00120-2275","type":"text","x":2044.0,"y":592.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":977006473,"version":1,"versionNonce":1642839309,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Chat","originalText":"Chat","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00121-4287","type":"rectangle","x":2030.0,"y":626.0,"width":190.0,"height":34.0,"angle":0,"strokeColor":"#e9ecef","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":104862544,"version":1,"versionNonce":517658270,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00122-3493","type":"text","x":2044.0,"y":634.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1834228494,"version":1,"versionNonce":2058606047,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00123-7541","type":"text","x":2044.0,"y":676.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":381793853,"version":1,"versionNonce":1469146757,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Activities","originalText":"Activities","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00124-7434","type":"text","x":2044.0,"y":718.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":742427589,"version":1,"versionNonce":1963379619,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Agents","originalText":"Agents","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00125-1982","type":"text","x":2044.0,"y":760.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":665551224,"version":1,"versionNonce":1694778842,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Artifacts","originalText":"Artifacts","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00126-1457","type":"line","x":2030.0,"y":1398.0,"width":190.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":575442310,"version":1,"versionNonce":1414991384,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[190.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00127-2658","type":"text","x":2042.0,"y":1420.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1689580120,"version":1,"versionNonce":1282207776,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ana · Acme","originalText":"Ana · Acme","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00128-6537","type":"rectangle","x":2230.0,"y":480.0,"width":1350.0,"height":74.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":519264794,"version":1,"versionNonce":899622336,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00129-5828","type":"text","x":2258.0,"y":496.0,"width":760.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1179190543,"version":1,"versionNonce":2027513942,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report","originalText":"Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00130-1630","type":"text","x":2258.0,"y":526.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":78935896,"version":1,"versionNonce":371833070,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published · v7 · finance workspace","originalText":"Published · v7 · finance workspace","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00131-9104","type":"rectangle","x":3052.0,"y":498.0,"width":70.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1385958260,"version":1,"versionNonce":2035593660,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00132-6479","type":"text","x":3060.0,"y":507.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1152331634,"version":1,"versionNonce":145085702,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Run","originalText":"Run","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00133-3857","type":"rectangle","x":3134.0,"y":498.0,"width":104.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1704857494,"version":1,"versionNonce":1342340781,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00134-7633","type":"text","x":3142.0,"y":507.0,"width":88.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":656473196,"version":1,"versionNonce":151547198,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedules","originalText":"Schedules","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00135-5244","type":"rectangle","x":3236.0,"y":498.0,"width":94.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1390691298,"version":1,"versionNonce":181756514,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00136-7408","type":"text","x":3244.0,"y":507.0,"width":78.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":70438691,"version":1,"versionNonce":789457814,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Add node","originalText":"Add node","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00137-6362","type":"rectangle","x":3338.0,"y":498.0,"width":88.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":819523125,"version":1,"versionNonce":1171447134,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00138-5222","type":"text","x":3346.0,"y":507.0,"width":72.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1287009377,"version":1,"versionNonce":170536697,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Save","originalText":"Save","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00139-2923","type":"rectangle","x":3434.0,"y":498.0,"width":116.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1485656038,"version":1,"versionNonce":1780513387,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00140-4718","type":"text","x":3442.0,"y":507.0,"width":100.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":853229179,"version":1,"versionNonce":1066025595,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Publish","originalText":"Publish","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00141-1711","type":"rectangle","x":2250.0,"y":572.0,"width":700.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f7f9fc","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1348097111,"version":1,"versionNonce":978578270,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00142-4152","type":"text","x":2278.0,"y":606.0,"width":420.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":332916397,"version":1,"versionNonce":1240386232,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflow canvas remains visible","originalText":"Workflow canvas remains visible","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00143-7347","type":"text","x":2278.0,"y":646.0,"width":590.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":721824144,"version":1,"versionNonce":777213346,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"The Schedule belongs to this Workflow and stays beside the canvas, not inside the graph.","originalText":"The Schedule belongs to this Workflow and stays beside the canvas, not inside the graph.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00144-4327","type":"rectangle","x":2294.0,"y":764.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1838874678,"version":1,"versionNonce":1002026360,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00145-3950","type":"rectangle","x":2294.0,"y":764.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":878182887,"version":1,"versionNonce":1008413870,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00146-6556","type":"text","x":2312.0,"y":786.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":895217346,"version":1,"versionNonce":2063611206,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Collect feedback","originalText":"Collect feedback","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00147-3971","type":"text","x":2312.0,"y":816.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":725768761,"version":1,"versionNonce":1225345159,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark messages","originalText":"Lark messages","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00148-1061","type":"rectangle","x":2312.0,"y":842.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1735216555,"version":1,"versionNonce":1604175653,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00149-2987","type":"text","x":2322.0,"y":848.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":397883687,"version":1,"versionNonce":684087115,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00150-9579","type":"arrow","x":2478.0,"y":814.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":208869916,"version":1,"versionNonce":2006892978,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00151-1054","type":"rectangle","x":2512.0,"y":764.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1692938662,"version":1,"versionNonce":1441961569,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00152-8114","type":"rectangle","x":2512.0,"y":764.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":699295638,"version":1,"versionNonce":891186859,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00153-8589","type":"text","x":2530.0,"y":786.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":510992285,"version":1,"versionNonce":1576166482,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Group themes","originalText":"Group themes","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00154-8979","type":"text","x":2530.0,"y":816.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":156673480,"version":1,"versionNonce":1106244308,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AI task","originalText":"AI task","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00155-8820","type":"rectangle","x":2530.0,"y":842.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1668558137,"version":1,"versionNonce":665174432,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00156-6951","type":"text","x":2540.0,"y":848.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":485289655,"version":1,"versionNonce":151470457,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00157-5737","type":"arrow","x":2696.0,"y":814.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1482007950,"version":1,"versionNonce":612605097,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00158-3054","type":"rectangle","x":2730.0,"y":764.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1772933171,"version":1,"versionNonce":1780193726,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00159-6079","type":"rectangle","x":2730.0,"y":764.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":777722959,"version":1,"versionNonce":1899398292,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00160-1399","type":"text","x":2748.0,"y":786.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":541339052,"version":1,"versionNonce":1539402530,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Post summary","originalText":"Post summary","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00161-1401","type":"text","x":2748.0,"y":816.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":683421223,"version":1,"versionNonce":1495358383,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark message","originalText":"Lark message","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00162-3093","type":"rectangle","x":2748.0,"y":842.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":834662305,"version":1,"versionNonce":889045888,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00163-6131","type":"text","x":2758.0,"y":848.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1901300880,"version":1,"versionNonce":278442906,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00164-1654","type":"rectangle","x":2978.0,"y":572.0,"width":548.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":43743664,"version":1,"versionNonce":852096618,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00165-3689","type":"text","x":3006.0,"y":600.0,"width":300.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1036909346,"version":1,"versionNonce":261958550,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule","originalText":"Schedule","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00166-5941","type":"rectangle","x":3006.0,"y":642.0,"width":492.0,"height":74.0,"angle":0,"strokeColor":"#84adff","backgroundColor":"#eff8ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":620608714,"version":1,"versionNonce":734687644,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00167-3740","type":"text","x":3022.0,"y":666.0,"width":460.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1494028649,"version":1,"versionNonce":2072002870,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report · Published","originalText":"Weekly Feedback Report · Published","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00168-3004","type":"text","x":3006.0,"y":736.0,"width":103.74,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1496873975,"version":1,"versionNonce":773540226,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SCHEDULE NAME","originalText":"SCHEDULE NAME","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00169-3405","type":"rectangle","x":3006.0,"y":758.0,"width":492.0,"height":54.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1249694682,"version":1,"versionNonce":1178503597,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00170-2732","type":"text","x":3018.0,"y":770.0,"width":468.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1536057199,"version":1,"versionNonce":479706769,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report recurring work","originalText":"Weekly Feedback Report recurring work","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00171-6549","type":"text","x":3006.0,"y":812.0,"width":71.82,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":927871506,"version":1,"versionNonce":130941124,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"HOW OFTEN","originalText":"HOW OFTEN","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00172-5707","type":"text","x":3006.0,"y":852.0,"width":72.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1250698091,"version":1,"versionNonce":715734423,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Repeat","originalText":"Repeat","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00173-1259","type":"rectangle","x":3090.0,"y":838.0,"width":408.0,"height":46.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1792584233,"version":1,"versionNonce":1492765337,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00174-1025","type":"text","x":3102.0,"y":852.0,"width":372.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1538522105,"version":1,"versionNonce":2060252004,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Mon · Tue · Wed · Thu · Fri","originalText":"Mon · Tue · Wed · Thu · Fri","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00175-2749","type":"text","x":3478.0,"y":852.0,"width":12.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":247896113,"version":1,"versionNonce":841092343,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"▾","originalText":"▾","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00176-3094","type":"text","x":3006.0,"y":908.0,"width":20.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1190508410,"version":1,"versionNonce":167894683,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"at","originalText":"at","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00177-3468","type":"text","x":3154.0,"y":908.0,"width":20.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1589933932,"version":1,"versionNonce":312744817,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"in","originalText":"in","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00178-7770","type":"rectangle","x":3034.0,"y":894.0,"width":104.0,"height":46.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1268317321,"version":1,"versionNonce":1830672447,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00179-1429","type":"text","x":3046.0,"y":908.0,"width":80.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1319605527,"version":1,"versionNonce":1847803266,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"09:00","originalText":"09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00180-9909","type":"rectangle","x":3182.0,"y":894.0,"width":316.0,"height":46.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1057416929,"version":1,"versionNonce":1069269234,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00181-5551","type":"text","x":3194.0,"y":908.0,"width":286.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":182516853,"version":1,"versionNonce":1136153989,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Asia/Shanghai","originalText":"Asia/Shanghai","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00182-4865","type":"text","x":3478.0,"y":908.0,"width":12.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":290882284,"version":1,"versionNonce":290949521,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"▾","originalText":"▾","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00183-3718","type":"text","x":3006.0,"y":900.0,"width":246.0,"height":20.0,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1611275168,"version":1,"versionNonce":1569877340,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Every weekday at 09:00","originalText":"Every weekday at 09:00","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00184-5935","type":"text","x":3020.0,"y":938.0,"width":178.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":885314871,"version":1,"versionNonce":894129429,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"write it as cron instead","originalText":"write it as cron instead","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00185-1454","type":"text","x":3388.0,"y":938.0,"width":100.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":546559748,"version":1,"versionNonce":1408985192,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"0 9 * * 1-5","originalText":"0 9 * * 1-5","fontSize":14,"fontFamily":3,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00186-5125","type":"text","x":3006.0,"y":980.0,"width":159.6,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":886608355,"version":1,"versionNonce":1552210093,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"RUN INPUT (OPTIONAL)","originalText":"RUN INPUT (OPTIONAL)","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00187-7682","type":"rectangle","x":3006.0,"y":1002.0,"width":492.0,"height":54.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":191375016,"version":1,"versionNonce":1046422973,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00188-5697","type":"text","x":3018.0,"y":1014.0,"width":468.0,"height":17.5,"angle":0,"strokeColor":"#98a2b3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1894229867,"version":1,"versionNonce":1699882466,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"No prompt","originalText":"No prompt","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00189-5236","type":"rectangle","x":3006.0,"y":1390.0,"width":178.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":1400182120,"version":1,"versionNonce":1018760482,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00190-5184","type":"text","x":3014.0,"y":1399.0,"width":162.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1820942949,"version":1,"versionNonce":534969223,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Review schedule","originalText":"Review schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00191-2353","type":"rectangle","x":3196.0,"y":1390.0,"width":92.0,"height":38.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":{"type":3},"seed":722181350,"version":1,"versionNonce":2104303521,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00192-2118","type":"text","x":3204.0,"y":1399.0,"width":76.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1359525694,"version":1,"versionNonce":1762637342,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Cancel","originalText":"Cancel","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00193-2531","type":"ellipse","x":3622.0,"y":700.0,"width":28.0,"height":28.0,"angle":0,"strokeColor":"#7048e8","backgroundColor":"#7048e8","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1669290389,"version":1,"versionNonce":176991154,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00194-6133","type":"text","x":3622.0,"y":705.0,"width":28.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1755089543,"version":1,"versionNonce":839737480,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"2","originalText":"2","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00195-1479","type":"text","x":3662.0,"y":700.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#7048e8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":2117177741,"version":1,"versionNonce":773864414,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"ONLY RECURRING WORK","originalText":"ONLY RECURRING WORK","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00196-5775","type":"text","x":3662.0,"y":724.0,"width":430.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-01"],"frameId":"frame-00114-7938","roundness":null,"seed":1625132620,"version":1,"versionNonce":889282482,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"The public contract accepts a five-field cron and IANA timezone. POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/preview returns the next fires.","originalText":"The public contract accepts a five-field cron and IANA timezone. POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/preview returns the next fires.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"frame-00197-6704","type":"frame","x":3900.0,"y":480.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#bbb","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":1769110274,"version":1,"versionNonce":1175592160,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"name":"03 · Schedule — review before creation"},{"id":"r-00199-3182","type":"rectangle","x":3900.0,"y":480.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1930016938,"version":1,"versionNonce":2098495918,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00200-6088","type":"rectangle","x":3900.0,"y":480.0,"width":210.0,"height":1000.0,"angle":0,"strokeColor":"#f8f9fa","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1290600708,"version":1,"versionNonce":1595636027,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00201-7537","type":"text","x":3922.0,"y":502.0,"width":150.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":34969064,"version":1,"versionNonce":2130968942,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"aevatar","originalText":"aevatar","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00202-2032","type":"text","x":3922.0,"y":534.0,"width":160.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":213301808,"version":1,"versionNonce":2055773198,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AUTOMATION","originalText":"AUTOMATION","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00203-5999","type":"text","x":3924.0,"y":592.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1020089718,"version":1,"versionNonce":1939538597,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Chat","originalText":"Chat","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00204-6532","type":"rectangle","x":3910.0,"y":626.0,"width":190.0,"height":34.0,"angle":0,"strokeColor":"#e9ecef","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":1092981802,"version":1,"versionNonce":1213664191,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00205-2107","type":"text","x":3924.0,"y":634.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":932631711,"version":1,"versionNonce":1897011679,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00206-2546","type":"text","x":3924.0,"y":676.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1031517986,"version":1,"versionNonce":715407458,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Activities","originalText":"Activities","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00207-3039","type":"text","x":3924.0,"y":718.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":678602002,"version":1,"versionNonce":439975504,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Agents","originalText":"Agents","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00208-5199","type":"text","x":3924.0,"y":760.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1848088642,"version":1,"versionNonce":1466871048,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Artifacts","originalText":"Artifacts","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00209-4428","type":"line","x":3910.0,"y":1398.0,"width":190.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":936410118,"version":1,"versionNonce":742265315,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[190.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00210-5907","type":"text","x":3922.0,"y":1420.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1559678674,"version":1,"versionNonce":684574741,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ana · Acme","originalText":"Ana · Acme","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00211-3698","type":"rectangle","x":4110.0,"y":480.0,"width":1350.0,"height":74.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1469623652,"version":1,"versionNonce":379545953,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00212-3624","type":"text","x":4138.0,"y":496.0,"width":760.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":63272453,"version":1,"versionNonce":2105442010,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Review schedule","originalText":"Review schedule","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00213-5193","type":"text","x":4138.0,"y":526.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1334222681,"version":1,"versionNonce":1201256651,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Confirm the recurring setup before creating it.","originalText":"Confirm the recurring setup before creating it.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00214-3734","type":"rectangle","x":4260.0,"y":588.0,"width":1060.0,"height":806.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":1323808052,"version":1,"versionNonce":1123971318,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00215-7619","type":"text","x":4294.0,"y":620.0,"width":680.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1816483779,"version":1,"versionNonce":2102405779,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report recurring work","originalText":"Weekly Feedback Report recurring work","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00216-4753","type":"rectangle","x":5088.0,"y":618.0,"width":189.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":1190651454,"version":1,"versionNonce":1173669521,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00217-8965","type":"text","x":5098.0,"y":624.0,"width":169.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":124587761,"version":1,"versionNonce":1122932388,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Enabled after creation","originalText":"Enabled after creation","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00218-8185","type":"line","x":4294.0,"y":666.0,"width":990.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1276078563,"version":1,"versionNonce":1681605062,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[990.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00219-9665","type":"text","x":4294.0,"y":698.0,"width":63.839999999999996,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1296937433,"version":1,"versionNonce":1146291659,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"WORKFLOW","originalText":"WORKFLOW","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00220-5358","type":"rectangle","x":4294.0,"y":720.0,"width":476.0,"height":44.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":1215085236,"version":1,"versionNonce":195927304,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00221-6795","type":"text","x":4306.0,"y":732.0,"width":452.0,"height":17.5,"angle":0,"strokeColor":"#98a2b3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1740168010,"version":1,"versionNonce":1087832797,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report","originalText":"Weekly Feedback Report","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00222-2980","type":"text","x":4790.0,"y":698.0,"width":103.74,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1790164805,"version":1,"versionNonce":920867415,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SCHEDULE NAME","originalText":"SCHEDULE NAME","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00223-8438","type":"rectangle","x":4790.0,"y":720.0,"width":494.0,"height":44.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":1366254451,"version":1,"versionNonce":1815245643,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00224-8226","type":"text","x":4802.0,"y":732.0,"width":470.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":483652934,"version":1,"versionNonce":2101213953,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report recurring work","originalText":"Weekly Feedback Report recurring work","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00225-3091","type":"text","x":4294.0,"y":778.0,"width":47.879999999999995,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1888155154,"version":1,"versionNonce":1926139030,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"REPEAT","originalText":"REPEAT","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00226-8077","type":"rectangle","x":4294.0,"y":800.0,"width":476.0,"height":44.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":322730471,"version":1,"versionNonce":394147112,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00227-1832","type":"text","x":4306.0,"y":812.0,"width":452.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":445106343,"version":1,"versionNonce":1629914425,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Every weekday at 09:00","originalText":"Every weekday at 09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00228-2228","type":"text","x":4790.0,"y":778.0,"width":71.82,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":389805047,"version":1,"versionNonce":1275830689,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"TIME ZONE","originalText":"TIME ZONE","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00229-3505","type":"rectangle","x":4790.0,"y":800.0,"width":494.0,"height":44.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":779260191,"version":1,"versionNonce":86096647,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00230-4957","type":"text","x":4802.0,"y":812.0,"width":470.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1135469991,"version":1,"versionNonce":1863609270,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Asia/Shanghai","originalText":"Asia/Shanghai","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00231-1844","type":"text","x":4294.0,"y":858.0,"width":159.6,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":2096656619,"version":1,"versionNonce":212164580,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"RUN INPUT (OPTIONAL)","originalText":"RUN INPUT (OPTIONAL)","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00232-6105","type":"rectangle","x":4294.0,"y":880.0,"width":990.0,"height":44.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":674724316,"version":1,"versionNonce":1768975877,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00233-5516","type":"text","x":4306.0,"y":892.0,"width":966.0,"height":17.5,"angle":0,"strokeColor":"#98a2b3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":533202244,"version":1,"versionNonce":325534189,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"No prompt","originalText":"No prompt","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00234-4614","type":"text","x":4294.0,"y":946.0,"width":520.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1198064046,"version":1,"versionNonce":734576880,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"NEXT FIVE FIRE TIMES","originalText":"NEXT FIVE FIRE TIMES","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00235-2047","type":"rectangle","x":4294.0,"y":978.0,"width":990.0,"height":176.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":1280066220,"version":1,"versionNonce":701076606,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"e-00236-8865","type":"ellipse","x":4320.0,"y":1006.0,"width":24.0,"height":24.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1404446853,"version":1,"versionNonce":2119138058,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00237-2216","type":"text","x":4320.0,"y":1010.0,"width":24.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1160277732,"version":1,"versionNonce":473563360,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"1","originalText":"1","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00238-5831","type":"text","x":4358.0,"y":1010.0,"width":230.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":260497651,"version":1,"versionNonce":897492338,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Mon 24 Aug · 09:00","originalText":"Mon 24 Aug · 09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00239-2997","type":"ellipse","x":4632.0,"y":1006.0,"width":24.0,"height":24.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":738168148,"version":1,"versionNonce":541405408,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00240-7952","type":"text","x":4632.0,"y":1010.0,"width":24.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":300977165,"version":1,"versionNonce":1826845978,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"2","originalText":"2","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00241-2389","type":"text","x":4670.0,"y":1010.0,"width":230.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":235218993,"version":1,"versionNonce":171714062,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Tue 25 Aug · 09:00","originalText":"Tue 25 Aug · 09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00242-7044","type":"ellipse","x":4944.0,"y":1006.0,"width":24.0,"height":24.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":650649869,"version":1,"versionNonce":1999479081,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00243-8087","type":"text","x":4944.0,"y":1010.0,"width":24.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1319898753,"version":1,"versionNonce":511989557,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"3","originalText":"3","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00244-8815","type":"text","x":4982.0,"y":1010.0,"width":230.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":611896562,"version":1,"versionNonce":344596801,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Wed 26 Aug · 09:00","originalText":"Wed 26 Aug · 09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00245-7083","type":"ellipse","x":4320.0,"y":1068.0,"width":24.0,"height":24.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":305370333,"version":1,"versionNonce":780437428,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00246-3068","type":"text","x":4320.0,"y":1072.0,"width":24.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1955085526,"version":1,"versionNonce":812090754,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"4","originalText":"4","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00247-2183","type":"text","x":4358.0,"y":1072.0,"width":230.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1137533294,"version":1,"versionNonce":1049318968,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Thu 27 Aug · 09:00","originalText":"Thu 27 Aug · 09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00248-8402","type":"ellipse","x":4632.0,"y":1068.0,"width":24.0,"height":24.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":505132239,"version":1,"versionNonce":656712894,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00249-6370","type":"text","x":4632.0,"y":1072.0,"width":24.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":569123867,"version":1,"versionNonce":1467139771,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"5","originalText":"5","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00250-1827","type":"text","x":4670.0,"y":1072.0,"width":230.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1347641038,"version":1,"versionNonce":282773552,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Fri 28 Aug · 09:00","originalText":"Fri 28 Aug · 09:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00251-5030","type":"text","x":4294.0,"y":1228.0,"width":860.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":811109853,"version":1,"versionNonce":502063850,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Create schedule sends the reviewed name, cron expression, time zone, enabled state, and optional run input.","originalText":"Create schedule sends the reviewed name, cron expression, time zone, enabled state, and optional run input.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00252-7008","type":"rectangle","x":4996.0,"y":1296.0,"width":170.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":466891768,"version":1,"versionNonce":436801118,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00253-2107","type":"text","x":5004.0,"y":1305.0,"width":154.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":658439520,"version":1,"versionNonce":1518962530,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Create schedule","originalText":"Create schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00254-1104","type":"rectangle","x":5178.0,"y":1296.0,"width":106.0,"height":38.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":{"type":3},"seed":230743727,"version":1,"versionNonce":1072800408,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00255-5651","type":"text","x":5186.0,"y":1305.0,"width":90.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1028724892,"version":1,"versionNonce":1558043887,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Back","originalText":"Back","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00256-6124","type":"ellipse","x":5502.0,"y":760.0,"width":28.0,"height":28.0,"angle":0,"strokeColor":"#7048e8","backgroundColor":"#7048e8","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":281079382,"version":1,"versionNonce":1504403574,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00257-2607","type":"text","x":5502.0,"y":765.0,"width":28.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":1811604740,"version":1,"versionNonce":900397227,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"3","originalText":"3","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00258-4028","type":"text","x":5542.0,"y":760.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#7048e8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":887056660,"version":1,"versionNonce":192466064,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"ONE WORKFLOW-SCOPED CREATE","originalText":"ONE WORKFLOW-SCOPED CREATE","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00259-5457","type":"text","x":5542.0,"y":784.0,"width":430.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-02"],"frameId":"frame-00197-6704","roundness":null,"seed":318552072,"version":1,"versionNonce":1114999628,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Create calls POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules; service and owner resolution stay behind the API.","originalText":"Create calls POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules; service and owner resolution stay behind the API.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"frame-00260-2525","type":"frame","x":140.0,"y":1740.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#bbb","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":876571612,"version":1,"versionNonce":896574535,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"name":"04 · Schedule — creation pending"},{"id":"r-00262-5640","type":"rectangle","x":140.0,"y":1740.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1845443334,"version":1,"versionNonce":2073365481,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00263-4175","type":"rectangle","x":140.0,"y":1740.0,"width":210.0,"height":1000.0,"angle":0,"strokeColor":"#f8f9fa","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":267588938,"version":1,"versionNonce":1667698373,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00264-4785","type":"text","x":162.0,"y":1762.0,"width":150.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":2042629525,"version":1,"versionNonce":1020241089,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"aevatar","originalText":"aevatar","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00265-6102","type":"text","x":162.0,"y":1794.0,"width":160.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":753998342,"version":1,"versionNonce":729836677,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AUTOMATION","originalText":"AUTOMATION","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00266-6060","type":"text","x":164.0,"y":1852.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":698209142,"version":1,"versionNonce":1966970064,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Chat","originalText":"Chat","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00267-3276","type":"rectangle","x":150.0,"y":1886.0,"width":190.0,"height":34.0,"angle":0,"strokeColor":"#e9ecef","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":{"type":3},"seed":1393625662,"version":1,"versionNonce":1029784003,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00268-4603","type":"text","x":164.0,"y":1894.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1055728274,"version":1,"versionNonce":831086741,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00269-9177","type":"text","x":164.0,"y":1936.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":77523420,"version":1,"versionNonce":1253314483,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Activities","originalText":"Activities","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00270-2932","type":"text","x":164.0,"y":1978.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1016961459,"version":1,"versionNonce":1538521132,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Agents","originalText":"Agents","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00271-6467","type":"text","x":164.0,"y":2020.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1239144377,"version":1,"versionNonce":596484911,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Artifacts","originalText":"Artifacts","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00272-1374","type":"line","x":150.0,"y":2658.0,"width":190.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1784735932,"version":1,"versionNonce":432222029,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[190.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00273-6042","type":"text","x":162.0,"y":2680.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1580909918,"version":1,"versionNonce":195579152,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ana · Acme","originalText":"Ana · Acme","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00274-7807","type":"rectangle","x":350.0,"y":1740.0,"width":1350.0,"height":74.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":2113888384,"version":1,"versionNonce":2081863395,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00275-6223","type":"text","x":378.0,"y":1756.0,"width":760.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":169949652,"version":1,"versionNonce":419800546,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00276-1090","type":"text","x":378.0,"y":1786.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":736469814,"version":1,"versionNonce":1047377509,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published capabilities can run manually or on a schedule.","originalText":"Published capabilities can run manually or on a schedule.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00277-3436","type":"text","x":378.0,"y":1838.0,"width":47.879999999999995,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1161908910,"version":1,"versionNonce":746395411,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SEARCH","originalText":"SEARCH","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00278-1762","type":"rectangle","x":378.0,"y":1860.0,"width":360.0,"height":44.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":{"type":3},"seed":2021485428,"version":1,"versionNonce":1820387802,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00279-9956","type":"text","x":390.0,"y":1872.0,"width":336.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1937656293,"version":1,"versionNonce":1174461252,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Search workflows","originalText":"Search workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00280-8215","type":"rectangle","x":378.0,"y":1926.0,"width":1280.0,"height":42.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1271922146,"version":1,"versionNonce":2087289562,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00281-2690","type":"text","x":392.0,"y":1939.0,"width":432.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":421369496,"version":1,"versionNonce":1454350275,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"NAME","originalText":"NAME","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00282-7347","type":"text","x":852.0,"y":1939.0,"width":162.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1940891515,"version":1,"versionNonce":1299033333,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"LAST RUN","originalText":"LAST RUN","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00283-6539","type":"text","x":1042.0,"y":1939.0,"width":242.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1526435265,"version":1,"versionNonce":72202831,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"STARTS ON ITS OWN","originalText":"STARTS ON ITS OWN","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00284-9134","type":"text","x":1312.0,"y":1939.0,"width":152.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":2087332966,"version":1,"versionNonce":925214654,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"STATE","originalText":"STATE","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00285-7041","type":"text","x":1492.0,"y":1939.0,"width":152.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1845756109,"version":1,"versionNonce":714897300,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"ACTIONS","originalText":"ACTIONS","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00286-3215","type":"rectangle","x":378.0,"y":1968.0,"width":1280.0,"height":116.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1022065886,"version":1,"versionNonce":920373865,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00287-6770","type":"text","x":394.0,"y":1986.0,"width":420.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":864975025,"version":1,"versionNonce":866516977,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report","originalText":"Weekly Feedback Report","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00288-1834","type":"text","x":394.0,"y":2016.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":2131120446,"version":1,"versionNonce":1511403087,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"reads #feedback, groups themes, posts a summary","originalText":"reads #feedback, groups themes, posts a summary","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00289-6921","type":"text","x":838.0,"y":2002.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":472450020,"version":1,"versionNonce":2144920143,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"2h ago","originalText":"2h ago","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00290-8601","type":"text","x":1028.0,"y":2002.0,"width":220.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":818581024,"version":1,"versionNonce":304071083,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"3 · 1 paused","originalText":"3 · 1 paused","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00291-6313","type":"rectangle","x":1298.0,"y":1998.0,"width":91.5,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":{"type":3},"seed":58123773,"version":1,"versionNonce":740900556,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00292-4180","type":"text","x":1308.0,"y":2004.0,"width":71.5,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1351758983,"version":1,"versionNonce":1903406738,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published","originalText":"Published","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00293-3002","type":"rectangle","x":1490.0,"y":1996.0,"width":80.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#eff8ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":{"type":3},"seed":268339416,"version":1,"versionNonce":143458115,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00294-7864","type":"text","x":1498.0,"y":2005.0,"width":64.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1355461166,"version":1,"versionNonce":389262101,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule","originalText":"Schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00295-6845","type":"rectangle","x":1578.0,"y":1996.0,"width":62.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":{"type":3},"seed":535001494,"version":1,"versionNonce":876661501,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00296-7015","type":"text","x":1586.0,"y":2005.0,"width":46.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1589371627,"version":1,"versionNonce":1008874393,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Open","originalText":"Open","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00297-9533","type":"rectangle","x":1030.0,"y":1842.0,"width":560.0,"height":118.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":{"type":3},"seed":778882890,"version":1,"versionNonce":1755817207,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00298-9212","type":"text","x":1054.0,"y":1864.0,"width":512.0,"height":27.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":111812081,"version":1,"versionNonce":729112653,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule request accepted","originalText":"Schedule request accepted","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00299-6232","type":"text","x":1054.0,"y":1904.0,"width":512.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":736098414,"version":1,"versionNonce":1993261623,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"It will appear in this Workflow's schedule list shortly.","originalText":"It will appear in this Workflow's schedule list shortly.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00300-1122","type":"ellipse","x":1742.0,"y":1980.0,"width":28.0,"height":28.0,"angle":0,"strokeColor":"#7048e8","backgroundColor":"#7048e8","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1292145875,"version":1,"versionNonce":629429376,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00301-5770","type":"text","x":1742.0,"y":1985.0,"width":28.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1961405715,"version":1,"versionNonce":1539765731,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"4","originalText":"4","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00302-6012","type":"text","x":1782.0,"y":1980.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#7048e8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":1629626246,"version":1,"versionNonce":1374769787,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"TOAST, THEN KEEP WORKING","originalText":"TOAST, THEN KEEP WORKING","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00303-7799","type":"text","x":1782.0,"y":2004.0,"width":430.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-03"],"frameId":"frame-00260-2525","roundness":null,"seed":365151730,"version":1,"versionNonce":98824580,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"202 Accepted is acknowledged without a second modal; the Workflow-scoped list continues observing the new Schedule.","originalText":"202 Accepted is acknowledged without a second modal; the Workflow-scoped list continues observing the new Schedule.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"frame-00304-4144","type":"frame","x":2020.0,"y":1740.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#bbb","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":546295302,"version":1,"versionNonce":497530721,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"name":"05 · Workflow — schedule overview"},{"id":"r-00306-7706","type":"rectangle","x":2020.0,"y":1740.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":347659282,"version":1,"versionNonce":1320954301,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00307-9511","type":"rectangle","x":2020.0,"y":1740.0,"width":210.0,"height":1000.0,"angle":0,"strokeColor":"#f8f9fa","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1786334243,"version":1,"versionNonce":1615161826,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00308-2817","type":"text","x":2042.0,"y":1762.0,"width":150.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":23980984,"version":1,"versionNonce":181608533,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"aevatar","originalText":"aevatar","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00309-9408","type":"text","x":2042.0,"y":1794.0,"width":160.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":775759437,"version":1,"versionNonce":1744469087,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AUTOMATION","originalText":"AUTOMATION","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00310-8537","type":"text","x":2044.0,"y":1852.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":237612953,"version":1,"versionNonce":589400706,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Chat","originalText":"Chat","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00311-1328","type":"rectangle","x":2030.0,"y":1886.0,"width":190.0,"height":34.0,"angle":0,"strokeColor":"#e9ecef","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1796395095,"version":1,"versionNonce":1363634149,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00312-1760","type":"text","x":2044.0,"y":1894.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":115722563,"version":1,"versionNonce":322637929,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00313-7774","type":"text","x":2044.0,"y":1936.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1544538501,"version":1,"versionNonce":242871564,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Activities","originalText":"Activities","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00314-9055","type":"text","x":2044.0,"y":1978.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1372765004,"version":1,"versionNonce":953976268,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Agents","originalText":"Agents","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00315-1396","type":"text","x":2044.0,"y":2020.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1871345252,"version":1,"versionNonce":93188674,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Artifacts","originalText":"Artifacts","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00316-9568","type":"line","x":2030.0,"y":2658.0,"width":190.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1588412502,"version":1,"versionNonce":1854685628,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[190.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00317-1383","type":"text","x":2042.0,"y":2680.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":438307492,"version":1,"versionNonce":1417316670,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ana · Acme","originalText":"Ana · Acme","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00318-8248","type":"rectangle","x":2230.0,"y":1740.0,"width":1350.0,"height":74.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":328433185,"version":1,"versionNonce":1593666473,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00319-6276","type":"text","x":2258.0,"y":1756.0,"width":760.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":35102277,"version":1,"versionNonce":290571080,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report","originalText":"Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00320-6616","type":"text","x":2258.0,"y":1786.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1770595668,"version":1,"versionNonce":1579763228,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published · v7 · Schedule overview","originalText":"Published · v7 · Schedule overview","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00321-1135","type":"rectangle","x":3052.0,"y":1758.0,"width":70.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1185418912,"version":1,"versionNonce":1623560410,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00322-9162","type":"text","x":3060.0,"y":1767.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":810927057,"version":1,"versionNonce":1103489694,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Run","originalText":"Run","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00323-9467","type":"rectangle","x":3134.0,"y":1758.0,"width":94.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1297708600,"version":1,"versionNonce":763041504,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00324-2479","type":"text","x":3142.0,"y":1767.0,"width":78.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1215527430,"version":1,"versionNonce":105469687,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule","originalText":"Schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00325-7148","type":"rectangle","x":3236.0,"y":1758.0,"width":94.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1398155501,"version":1,"versionNonce":1742134454,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00326-9347","type":"text","x":3244.0,"y":1767.0,"width":78.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1135441148,"version":1,"versionNonce":131288340,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Add node","originalText":"Add node","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00327-8092","type":"rectangle","x":3338.0,"y":1758.0,"width":88.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":310922181,"version":1,"versionNonce":1234320569,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00328-3090","type":"text","x":3346.0,"y":1767.0,"width":72.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1444524303,"version":1,"versionNonce":1134858845,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Save","originalText":"Save","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00329-9528","type":"rectangle","x":3434.0,"y":1758.0,"width":116.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":949355970,"version":1,"versionNonce":1137116023,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00330-2086","type":"text","x":3442.0,"y":1767.0,"width":100.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":982471876,"version":1,"versionNonce":2098186218,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Publish","originalText":"Publish","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00331-8265","type":"rectangle","x":2250.0,"y":1832.0,"width":700.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f7f9fc","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1893903657,"version":1,"versionNonce":374564653,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00332-3210","type":"text","x":2278.0,"y":1866.0,"width":420.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":985664479,"version":1,"versionNonce":1388551144,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflow canvas remains visible","originalText":"Workflow canvas remains visible","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00333-1766","type":"text","x":2278.0,"y":1906.0,"width":590.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":977259664,"version":1,"versionNonce":801893374,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule belongs to this published Workflow.","originalText":"Schedule belongs to this published Workflow.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00334-3789","type":"rectangle","x":2294.0,"y":2024.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1453592909,"version":1,"versionNonce":1936321732,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00335-7550","type":"rectangle","x":2294.0,"y":2024.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":805568671,"version":1,"versionNonce":1785838234,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00336-1459","type":"text","x":2312.0,"y":2046.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1229757770,"version":1,"versionNonce":1402617503,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Collect feedback","originalText":"Collect feedback","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00337-7108","type":"text","x":2312.0,"y":2076.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":515977615,"version":1,"versionNonce":784422278,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark messages","originalText":"Lark messages","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00338-4457","type":"rectangle","x":2312.0,"y":2102.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1385685230,"version":1,"versionNonce":867602416,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00339-3372","type":"text","x":2322.0,"y":2108.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1888054710,"version":1,"versionNonce":1855372135,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00340-1475","type":"arrow","x":2478.0,"y":2074.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":286228914,"version":1,"versionNonce":1747593021,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00341-7014","type":"rectangle","x":2512.0,"y":2024.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":231627040,"version":1,"versionNonce":2143990802,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00342-1531","type":"rectangle","x":2512.0,"y":2024.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":319882540,"version":1,"versionNonce":433967884,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00343-5520","type":"text","x":2530.0,"y":2046.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":635552355,"version":1,"versionNonce":363531086,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Group themes","originalText":"Group themes","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00344-2699","type":"text","x":2530.0,"y":2076.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1062885885,"version":1,"versionNonce":515245013,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AI task","originalText":"AI task","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00345-9067","type":"rectangle","x":2530.0,"y":2102.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":299524116,"version":1,"versionNonce":771575868,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00346-5069","type":"text","x":2540.0,"y":2108.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":792666857,"version":1,"versionNonce":506664822,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00347-6227","type":"arrow","x":2696.0,"y":2074.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1023999598,"version":1,"versionNonce":298847028,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00348-6803","type":"rectangle","x":2730.0,"y":2024.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":349247595,"version":1,"versionNonce":1416394537,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00349-2204","type":"rectangle","x":2730.0,"y":2024.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":441287446,"version":1,"versionNonce":635111774,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00350-9491","type":"text","x":2748.0,"y":2046.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":2118448301,"version":1,"versionNonce":584693807,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Post summary","originalText":"Post summary","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00351-2649","type":"text","x":2748.0,"y":2076.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":2107050277,"version":1,"versionNonce":973380530,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark message","originalText":"Lark message","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00352-9309","type":"rectangle","x":2748.0,"y":2102.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":626842951,"version":1,"versionNonce":1903400708,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00353-9923","type":"text","x":2758.0,"y":2108.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1990220925,"version":1,"versionNonce":55285060,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00354-2481","type":"rectangle","x":2978.0,"y":1832.0,"width":548.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":877145936,"version":1,"versionNonce":1639292581,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00355-1028","type":"text","x":2998.0,"y":1858.0,"width":24.0,"height":27.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":173186778,"version":1,"versionNonce":44088061,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"←","originalText":"←","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00356-4763","type":"text","x":3036.0,"y":1856.0,"width":400.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1927463562,"version":1,"versionNonce":2086265364,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Morning digest · Weekly Feedback Report","originalText":"Morning digest · Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00357-9192","type":"text","x":3472.0,"y":1858.0,"width":24.0,"height":27.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1785147760,"version":1,"versionNonce":2099077171,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"×","originalText":"×","fontSize":22,"fontFamily":1,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00358-9434","type":"line","x":2978.0,"y":1922.0,"width":548.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1513422171,"version":1,"versionNonce":1823664160,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[548.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00359-7269","type":"text","x":3006.0,"y":1942.0,"width":84.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":727705543,"version":1,"versionNonce":120523237,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Overview","originalText":"Overview","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00360-9006","type":"text","x":3104.0,"y":1942.0,"width":84.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":236510314,"version":1,"versionNonce":1766164705,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"History","originalText":"History","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00361-1366","type":"line","x":3006.0,"y":1972.0,"width":84.0,"height":0.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":843821975,"version":1,"versionNonce":1380610469,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[84.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"r-00362-9150","type":"rectangle","x":3006.0,"y":2002.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1430725307,"version":1,"versionNonce":1318002525,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00363-5884","type":"text","x":3016.0,"y":2008.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1481581715,"version":1,"versionNonce":770891038,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Active","originalText":"Active","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00364-8456","type":"text","x":3006.0,"y":2044.0,"width":360.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":734596162,"version":1,"versionNonce":2040628811,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Every weekday at 09:00","originalText":"Every weekday at 09:00","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00365-6997","type":"text","x":3006.0,"y":2078.0,"width":260.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1122876795,"version":1,"versionNonce":1741599378,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Asia/Shanghai","originalText":"Asia/Shanghai","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00366-1089","type":"rectangle","x":3006.0,"y":2118.0,"width":108.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1315899378,"version":1,"versionNonce":1450194282,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00367-2204","type":"text","x":3014.0,"y":2127.0,"width":92.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":807783000,"version":1,"versionNonce":117398344,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Run now","originalText":"Run now","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00368-7563","type":"rectangle","x":3124.0,"y":2118.0,"width":134.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":137884555,"version":1,"versionNonce":144244524,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00369-3785","type":"text","x":3132.0,"y":2127.0,"width":118.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":727493769,"version":1,"versionNonce":1300099790,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Edit schedule","originalText":"Edit schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00370-7081","type":"rectangle","x":3268.0,"y":2118.0,"width":84.0,"height":38.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":{"type":3},"seed":1272752753,"version":1,"versionNonce":1474868682,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00371-1997","type":"text","x":3276.0,"y":2127.0,"width":68.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1602231079,"version":1,"versionNonce":792409572,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"More  ▾","originalText":"More  ▾","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00372-5050","type":"line","x":3006.0,"y":2186.0,"width":492.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":891097293,"version":1,"versionNonce":251199134,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[492.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00373-8336","type":"text","x":3006.0,"y":2210.0,"width":212.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1386076977,"version":1,"versionNonce":1516832204,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"NEXT SCHEDULED","originalText":"NEXT SCHEDULED","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00374-8233","type":"text","x":3262.0,"y":2210.0,"width":212.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1257776248,"version":1,"versionNonce":889956807,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"LAST ATTEMPT","originalText":"LAST ATTEMPT","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00375-5823","type":"text","x":3006.0,"y":2240.0,"width":220.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":961900029,"version":1,"versionNonce":1240406346,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Tue 25 Aug · 09:00","originalText":"Tue 25 Aug · 09:00","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00376-6682","type":"text","x":3262.0,"y":2240.0,"width":226.0,"height":20.0,"angle":0,"strokeColor":"#b42318","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":591875570,"version":1,"versionNonce":1810507423,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Mon 24 Aug · Failed to start","originalText":"Mon 24 Aug · Failed to start","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00377-8624","type":"line","x":3006.0,"y":2282.0,"width":492.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":131089451,"version":1,"versionNonce":206328479,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[492.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00378-7743","type":"text","x":3006.0,"y":2306.0,"width":212.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":2036912889,"version":1,"versionNonce":1014456524,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"TOTAL ATTEMPTS","originalText":"TOTAL ATTEMPTS","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00379-3962","type":"text","x":3262.0,"y":2306.0,"width":212.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":390611999,"version":1,"versionNonce":1994608273,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"FAILED ATTEMPTS","originalText":"FAILED ATTEMPTS","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00380-2054","type":"text","x":3006.0,"y":2336.0,"width":220.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1477783032,"version":1,"versionNonce":65007951,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"18","originalText":"18","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00381-3153","type":"text","x":3262.0,"y":2336.0,"width":226.0,"height":20.0,"angle":0,"strokeColor":"#b42318","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1997627259,"version":1,"versionNonce":1362891078,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"1","originalText":"1","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00382-8624","type":"line","x":3006.0,"y":2378.0,"width":492.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1290038231,"version":1,"versionNonce":1738827110,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[492.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00383-3297","type":"text","x":3006.0,"y":2404.0,"width":180.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":215594497,"version":1,"versionNonce":147386482,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"RUN INPUT","originalText":"RUN INPUT","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00384-4471","type":"text","x":3006.0,"y":2434.0,"width":492.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1553915941,"version":1,"versionNonce":1481923900,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Summarize new feedback.","originalText":"Summarize new feedback.","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00385-6391","type":"line","x":3006.0,"y":2478.0,"width":492.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":757208151,"version":1,"versionNonce":207170226,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[492.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00386-5209","type":"text","x":3006.0,"y":2508.0,"width":220.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1872097313,"version":1,"versionNonce":13873791,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Advanced details","originalText":"Advanced details","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00387-9170","type":"text","x":3470.0,"y":2508.0,"width":20.0,"height":20.0,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":48813302,"version":1,"versionNonce":688311613,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"▾","originalText":"▾","fontSize":16,"fontFamily":1,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00388-9155","type":"text","x":3006.0,"y":2544.0,"width":138.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":2048215272,"version":1,"versionNonce":1616672951,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"RUNS","originalText":"RUNS","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00389-7360","type":"text","x":3160.0,"y":2544.0,"width":338.0,"height":20.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1497503901,"version":1,"versionNonce":2004615630,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Every weekday at 09:00","originalText":"Every weekday at 09:00","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00390-1160","type":"text","x":3006.0,"y":2578.0,"width":138.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":789765471,"version":1,"versionNonce":627550170,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"TECHNICAL FORMAT","originalText":"TECHNICAL FORMAT","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00391-9997","type":"text","x":3160.0,"y":2578.0,"width":338.0,"height":20.0,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":2050882022,"version":1,"versionNonce":258776033,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"0 9 * * 1-5","originalText":"0 9 * * 1-5","fontSize":16,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00392-9147","type":"ellipse","x":3622.0,"y":2040.0,"width":28.0,"height":28.0,"angle":0,"strokeColor":"#7048e8","backgroundColor":"#7048e8","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1161152771,"version":1,"versionNonce":589445174,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00393-8972","type":"text","x":3622.0,"y":2045.0,"width":28.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":1928803694,"version":1,"versionNonce":1117098291,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"5","originalText":"5","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00394-7145","type":"text","x":3662.0,"y":2040.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#7048e8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":543528819,"version":1,"versionNonce":465641956,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"OVERVIEW ANSWERS WHAT IS CONFIGURED","originalText":"OVERVIEW ANSWERS WHAT IS CONFIGURED","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00395-3323","type":"text","x":3662.0,"y":2064.0,"width":430.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-04"],"frameId":"frame-00304-4144","roundness":null,"seed":369456813,"version":1,"versionNonce":792402116,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Run and Edit stay direct; Pause and Delete stay under More. Expanded details pair plain meaning with the exact technical format.","originalText":"Run and Edit stay direct; Pause and Delete stay under More. Expanded details pair plain meaning with the exact technical format.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"frame-00396-8363","type":"frame","x":3900.0,"y":1740.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#bbb","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":2029666418,"version":1,"versionNonce":1073888369,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"name":"06 · Workflow — schedule history"},{"id":"r-00398-3073","type":"rectangle","x":3900.0,"y":1740.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1935817490,"version":1,"versionNonce":1032591502,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00399-8545","type":"rectangle","x":3900.0,"y":1740.0,"width":210.0,"height":1000.0,"angle":0,"strokeColor":"#f8f9fa","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1987143566,"version":1,"versionNonce":922473799,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00400-8920","type":"text","x":3922.0,"y":1762.0,"width":150.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1604411656,"version":1,"versionNonce":1643688975,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"aevatar","originalText":"aevatar","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00401-8082","type":"text","x":3922.0,"y":1794.0,"width":160.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":388691878,"version":1,"versionNonce":538836443,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AUTOMATION","originalText":"AUTOMATION","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00402-9048","type":"text","x":3924.0,"y":1852.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":777446128,"version":1,"versionNonce":1514467390,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Chat","originalText":"Chat","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00403-9590","type":"rectangle","x":3910.0,"y":1886.0,"width":190.0,"height":34.0,"angle":0,"strokeColor":"#e9ecef","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":555662272,"version":1,"versionNonce":1367260114,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00404-7568","type":"text","x":3924.0,"y":1894.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1354261893,"version":1,"versionNonce":1221287834,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00405-9256","type":"text","x":3924.0,"y":1936.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":2139072701,"version":1,"versionNonce":1629785427,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Activities","originalText":"Activities","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00406-4960","type":"text","x":3924.0,"y":1978.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1531926736,"version":1,"versionNonce":2060568492,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Agents","originalText":"Agents","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00407-9631","type":"text","x":3924.0,"y":2020.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":563739678,"version":1,"versionNonce":1679204551,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Artifacts","originalText":"Artifacts","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00408-3297","type":"line","x":3910.0,"y":2658.0,"width":190.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1057536741,"version":1,"versionNonce":1302991840,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[190.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00409-9907","type":"text","x":3922.0,"y":2680.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1427608510,"version":1,"versionNonce":1895282187,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ana · Acme","originalText":"Ana · Acme","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00410-1016","type":"rectangle","x":4110.0,"y":1740.0,"width":1350.0,"height":74.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1554811399,"version":1,"versionNonce":681922074,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00411-2523","type":"text","x":4138.0,"y":1756.0,"width":760.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":351222878,"version":1,"versionNonce":823279569,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report","originalText":"Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00412-1572","type":"text","x":4138.0,"y":1786.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":13688493,"version":1,"versionNonce":1595893489,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published · v7 · Schedule history","originalText":"Published · v7 · Schedule history","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00413-5067","type":"rectangle","x":4932.0,"y":1758.0,"width":70.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":296678134,"version":1,"versionNonce":1561160662,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00414-1026","type":"text","x":4940.0,"y":1767.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1704210609,"version":1,"versionNonce":1993917289,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Run","originalText":"Run","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00415-7462","type":"rectangle","x":5014.0,"y":1758.0,"width":94.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1162833756,"version":1,"versionNonce":108018347,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00416-1302","type":"text","x":5022.0,"y":1767.0,"width":78.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1554785641,"version":1,"versionNonce":509499479,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule","originalText":"Schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00417-7602","type":"rectangle","x":5116.0,"y":1758.0,"width":94.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":896125957,"version":1,"versionNonce":2141566845,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00418-2796","type":"text","x":5124.0,"y":1767.0,"width":78.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":485391200,"version":1,"versionNonce":1555327318,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Add node","originalText":"Add node","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00419-4817","type":"rectangle","x":5218.0,"y":1758.0,"width":88.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1694261910,"version":1,"versionNonce":170704072,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00420-2282","type":"text","x":5226.0,"y":1767.0,"width":72.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1579072171,"version":1,"versionNonce":596532571,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Save","originalText":"Save","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00421-5876","type":"rectangle","x":5314.0,"y":1758.0,"width":116.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1611647076,"version":1,"versionNonce":1012848670,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00422-7981","type":"text","x":5322.0,"y":1767.0,"width":100.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":2046145957,"version":1,"versionNonce":737029402,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Publish","originalText":"Publish","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00423-5846","type":"rectangle","x":4130.0,"y":1832.0,"width":700.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f7f9fc","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1672500647,"version":1,"versionNonce":1951423798,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00424-6935","type":"text","x":4158.0,"y":1866.0,"width":420.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":2015821426,"version":1,"versionNonce":284456468,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflow canvas remains visible","originalText":"Workflow canvas remains visible","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00425-5686","type":"text","x":4158.0,"y":1906.0,"width":590.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1373918437,"version":1,"versionNonce":449658870,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule belongs to this published Workflow.","originalText":"Schedule belongs to this published Workflow.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00426-1792","type":"rectangle","x":4174.0,"y":2024.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":744860725,"version":1,"versionNonce":1931029954,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00427-1031","type":"rectangle","x":4174.0,"y":2024.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1699333486,"version":1,"versionNonce":1481680833,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00428-6543","type":"text","x":4192.0,"y":2046.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1962973342,"version":1,"versionNonce":90813931,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Collect feedback","originalText":"Collect feedback","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00429-3136","type":"text","x":4192.0,"y":2076.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1513539704,"version":1,"versionNonce":1906262834,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark messages","originalText":"Lark messages","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00430-6712","type":"rectangle","x":4192.0,"y":2102.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":333628037,"version":1,"versionNonce":405993658,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00431-9843","type":"text","x":4202.0,"y":2108.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":2139429207,"version":1,"versionNonce":2008341417,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00432-2098","type":"arrow","x":4358.0,"y":2074.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":16732118,"version":1,"versionNonce":1111319891,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00433-8830","type":"rectangle","x":4392.0,"y":2024.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":417478080,"version":1,"versionNonce":284974257,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00434-4524","type":"rectangle","x":4392.0,"y":2024.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1137816073,"version":1,"versionNonce":956025541,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00435-2489","type":"text","x":4410.0,"y":2046.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1884030711,"version":1,"versionNonce":1809870539,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Group themes","originalText":"Group themes","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00436-3109","type":"text","x":4410.0,"y":2076.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1457320794,"version":1,"versionNonce":393140285,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AI task","originalText":"AI task","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00437-5343","type":"rectangle","x":4410.0,"y":2102.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1257139348,"version":1,"versionNonce":679421714,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00438-6795","type":"text","x":4420.0,"y":2108.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":41633966,"version":1,"versionNonce":815961057,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00439-8806","type":"arrow","x":4576.0,"y":2074.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1639897696,"version":1,"versionNonce":750728430,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00440-7737","type":"rectangle","x":4610.0,"y":2024.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1494501015,"version":1,"versionNonce":1204285210,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00441-8369","type":"rectangle","x":4610.0,"y":2024.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1104069947,"version":1,"versionNonce":1500050471,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00442-9081","type":"text","x":4628.0,"y":2046.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":931668189,"version":1,"versionNonce":762455442,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Post summary","originalText":"Post summary","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00443-4816","type":"text","x":4628.0,"y":2076.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1684359308,"version":1,"versionNonce":967214321,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark message","originalText":"Lark message","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00444-7663","type":"rectangle","x":4628.0,"y":2102.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":583476066,"version":1,"versionNonce":1044075081,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00445-1439","type":"text","x":4638.0,"y":2108.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":133520643,"version":1,"versionNonce":1520396972,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00446-9293","type":"rectangle","x":4858.0,"y":1832.0,"width":548.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1101662208,"version":1,"versionNonce":1120257289,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00447-1963","type":"text","x":4878.0,"y":1858.0,"width":24.0,"height":27.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":460617745,"version":1,"versionNonce":908219561,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"←","originalText":"←","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00448-6967","type":"text","x":4916.0,"y":1856.0,"width":400.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1435839170,"version":1,"versionNonce":1189722295,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Morning digest · Weekly Feedback Report","originalText":"Morning digest · Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00449-2237","type":"text","x":5352.0,"y":1858.0,"width":24.0,"height":27.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1145847928,"version":1,"versionNonce":343033550,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"×","originalText":"×","fontSize":22,"fontFamily":1,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00450-8415","type":"line","x":4858.0,"y":1922.0,"width":548.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1971587703,"version":1,"versionNonce":941054383,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[548.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00451-6519","type":"text","x":4886.0,"y":1942.0,"width":84.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1346821397,"version":1,"versionNonce":1170536381,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Overview","originalText":"Overview","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00452-3121","type":"text","x":4984.0,"y":1942.0,"width":84.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":760238131,"version":1,"versionNonce":2075882649,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"History","originalText":"History","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00453-8904","type":"line","x":4984.0,"y":1972.0,"width":84.0,"height":0.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1033218552,"version":1,"versionNonce":345435964,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[84.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00454-2631","type":"text","x":4886.0,"y":2008.0,"width":260.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1369834041,"version":1,"versionNonce":1061574747,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Recent attempts","originalText":"Recent attempts","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00455-6813","type":"text","x":5164.0,"y":2014.0,"width":214.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":479355581,"version":1,"versionNonce":1849314276,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"View related runs in Activity  →","originalText":"View related runs in Activity  →","fontSize":14,"fontFamily":1,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00456-1206","type":"text","x":4886.0,"y":2044.0,"width":470.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1739762004,"version":1,"versionNonce":3570425,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule attempts can fail before a Workflow Run exists.","originalText":"Schedule attempts can fail before a Workflow Run exists.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00457-9674","type":"rectangle","x":4886.0,"y":2092.0,"width":492.0,"height":42.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1837450449,"version":1,"versionNonce":669234601,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00458-2723","type":"text","x":4894.0,"y":2105.0,"width":122.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1293195547,"version":1,"versionNonce":1342693162,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SCHEDULED","originalText":"SCHEDULED","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00459-6414","type":"text","x":5032.0,"y":2105.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1462354162,"version":1,"versionNonce":2025430626,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SOURCE","originalText":"SOURCE","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00460-1331","type":"text","x":5102.0,"y":2105.0,"width":122.0,"height":15.0,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":53971403,"version":1,"versionNonce":1435868832,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SCHEDULE OUTCOME","originalText":"SCHEDULE OUTCOME","fontSize":12,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00461-1247","type":"text","x":5240.0,"y":2105.0,"width":130.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1812128204,"version":1,"versionNonce":361677879,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"COMPLETED","originalText":"COMPLETED","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00462-8925","type":"rectangle","x":4886.0,"y":2134.0,"width":492.0,"height":152.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1606480640,"version":1,"versionNonce":2074356805,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00463-4325","type":"text","x":4890.0,"y":2152.0,"width":130.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":440633755,"version":1,"versionNonce":481399435,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"24 Aug · 09:00","originalText":"24 Aug · 09:00","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00464-4038","type":"text","x":5028.0,"y":2152.0,"width":62.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":2111742623,"version":1,"versionNonce":16028579,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Scheduled","originalText":"Scheduled","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00465-5113","type":"text","x":5098.0,"y":2152.0,"width":130.0,"height":15.0,"angle":0,"strokeColor":"#b42318","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":336849589,"version":1,"versionNonce":999342268,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Failed to start","originalText":"Failed to start","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00466-5945","type":"text","x":5236.0,"y":2152.0,"width":138.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":374753,"version":1,"versionNonce":1520196192,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"09:00","originalText":"09:00","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00467-8166","type":"text","x":4894.0,"y":2188.0,"width":462.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":504328580,"version":1,"versionNonce":973880159,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"The scheduled attempt could not start the Workflow.","originalText":"The scheduled attempt could not start the Workflow.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00468-4236","type":"text","x":4894.0,"y":2222.0,"width":190.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1520535696,"version":1,"versionNonce":1237414970,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"▾  Technical details","originalText":"▾  Technical details","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00469-5963","type":"rectangle","x":4894.0,"y":2248.0,"width":476.0,"height":28.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":{"type":3},"seed":1133889189,"version":1,"versionNonce":1290319623,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00470-9103","type":"text","x":4904.0,"y":2255.0,"width":452.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1607721729,"version":1,"versionNonce":2011315728,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Capability admission rejected the scheduled request.","originalText":"Capability admission rejected the scheduled request.","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00471-7317","type":"rectangle","x":4886.0,"y":2286.0,"width":492.0,"height":76.0,"angle":0,"strokeColor":"#84adff","backgroundColor":"#eff8ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":700634207,"version":1,"versionNonce":178244914,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00472-3478","type":"rectangle","x":4886.0,"y":2286.0,"width":3.0,"height":76.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1125943953,"version":1,"versionNonce":515273690,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00473-2758","type":"text","x":4890.0,"y":2304.0,"width":130.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1401781048,"version":1,"versionNonce":42456810,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"21 Aug · 09:00","originalText":"21 Aug · 09:00","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00474-8016","type":"text","x":5028.0,"y":2304.0,"width":62.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1989300858,"version":1,"versionNonce":134955250,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Scheduled","originalText":"Scheduled","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00475-3054","type":"text","x":5098.0,"y":2304.0,"width":130.0,"height":15.0,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":661484133,"version":1,"versionNonce":353984000,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Run created","originalText":"Run created","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00476-5920","type":"text","x":5236.0,"y":2304.0,"width":138.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":157797605,"version":1,"versionNonce":920411193,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"09:01","originalText":"09:01","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00477-8695","type":"rectangle","x":4886.0,"y":2362.0,"width":492.0,"height":76.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":2105417295,"version":1,"versionNonce":106628923,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00478-1258","type":"text","x":4890.0,"y":2380.0,"width":130.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1150042572,"version":1,"versionNonce":216542064,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"20 Aug · 15:42","originalText":"20 Aug · 15:42","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00479-6878","type":"text","x":5028.0,"y":2380.0,"width":62.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":38776552,"version":1,"versionNonce":921057710,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Manual","originalText":"Manual","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00480-5205","type":"text","x":5098.0,"y":2380.0,"width":130.0,"height":15.0,"angle":0,"strokeColor":"#b54708","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1086438252,"version":1,"versionNonce":539059060,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Accepted","originalText":"Accepted","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00481-6951","type":"text","x":5236.0,"y":2380.0,"width":138.0,"height":15.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":271710263,"version":1,"versionNonce":1675486533,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"15:43","originalText":"15:43","fontSize":12,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00482-1333","type":"ellipse","x":5502.0,"y":2040.0,"width":28.0,"height":28.0,"angle":0,"strokeColor":"#7048e8","backgroundColor":"#7048e8","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1422819526,"version":1,"versionNonce":1034440400,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00483-4221","type":"text","x":5502.0,"y":2045.0,"width":28.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":889369744,"version":1,"versionNonce":614169525,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"6","originalText":"6","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00484-6372","type":"text","x":5542.0,"y":2040.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#7048e8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":770125134,"version":1,"versionNonce":2711923,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"HISTORY IS ATTEMPTS, ACTIVITY IS RUNS","originalText":"HISTORY IS ATTEMPTS, ACTIVITY IS RUNS","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00485-3009","type":"text","x":5542.0,"y":2064.0,"width":430.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-05"],"frameId":"frame-00396-8363","roundness":null,"seed":1241375844,"version":1,"versionNonce":1888218245,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule outcome states only what recentFires proves. A row with an exact Run destination is one native link; the blue row shows its hover treatment.","originalText":"Schedule outcome states only what recentFires proves. A row with an exact Run destination is one native link; the blue row shows its hover treatment.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"frame-00486-2950","type":"frame","x":140.0,"y":3000.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#bbb","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":1825665397,"version":1,"versionNonce":850317285,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"name":"07 · Workflow — change schedule"},{"id":"r-00488-4944","type":"rectangle","x":140.0,"y":3000.0,"width":1560.0,"height":1000.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":839869688,"version":1,"versionNonce":456630911,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00489-7356","type":"rectangle","x":140.0,"y":3000.0,"width":210.0,"height":1000.0,"angle":0,"strokeColor":"#f8f9fa","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":202596984,"version":1,"versionNonce":1453396240,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00490-5355","type":"text","x":162.0,"y":3022.0,"width":150.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1723743932,"version":1,"versionNonce":965079385,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"aevatar","originalText":"aevatar","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00491-8367","type":"text","x":162.0,"y":3054.0,"width":160.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":965540883,"version":1,"versionNonce":911536304,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AUTOMATION","originalText":"AUTOMATION","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00492-6092","type":"text","x":164.0,"y":3112.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1861660874,"version":1,"versionNonce":2076106791,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Chat","originalText":"Chat","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00493-2486","type":"rectangle","x":150.0,"y":3146.0,"width":190.0,"height":34.0,"angle":0,"strokeColor":"#e9ecef","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1220175219,"version":1,"versionNonce":996049598,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00494-1919","type":"text","x":164.0,"y":3154.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1855302241,"version":1,"versionNonce":99470878,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflows","originalText":"Workflows","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00495-9516","type":"text","x":164.0,"y":3196.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":673396048,"version":1,"versionNonce":855021829,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Activities","originalText":"Activities","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00496-1767","type":"text","x":164.0,"y":3238.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":2034013512,"version":1,"versionNonce":2110997147,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Agents","originalText":"Agents","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00497-8490","type":"text","x":164.0,"y":3280.0,"width":140.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1410674080,"version":1,"versionNonce":2026886554,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Artifacts","originalText":"Artifacts","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00498-2549","type":"line","x":150.0,"y":3918.0,"width":190.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":978497985,"version":1,"versionNonce":918154496,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[190.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00499-5394","type":"text","x":162.0,"y":3940.0,"width":150.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":23754199,"version":1,"versionNonce":698593062,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ana · Acme","originalText":"Ana · Acme","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00500-1077","type":"rectangle","x":350.0,"y":3000.0,"width":1350.0,"height":74.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1551383363,"version":1,"versionNonce":1328758395,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00501-1486","type":"text","x":378.0,"y":3016.0,"width":760.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1938781911,"version":1,"versionNonce":2081183276,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly Feedback Report","originalText":"Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00502-8245","type":"text","x":378.0,"y":3046.0,"width":900.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":99026206,"version":1,"versionNonce":679217660,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Published · v7 · Change schedule","originalText":"Published · v7 · Change schedule","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00503-9398","type":"rectangle","x":1172.0,"y":3018.0,"width":70.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":106170597,"version":1,"versionNonce":1352830740,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00504-7293","type":"text","x":1180.0,"y":3027.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":511804266,"version":1,"versionNonce":38355047,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Run","originalText":"Run","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00505-4892","type":"rectangle","x":1254.0,"y":3018.0,"width":94.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":113267414,"version":1,"versionNonce":1781762533,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00506-3860","type":"text","x":1262.0,"y":3027.0,"width":78.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1241026906,"version":1,"versionNonce":784696585,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule","originalText":"Schedule","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00507-4200","type":"rectangle","x":1356.0,"y":3018.0,"width":94.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":432240711,"version":1,"versionNonce":1690496839,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00508-8627","type":"text","x":1364.0,"y":3027.0,"width":78.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1515469539,"version":1,"versionNonce":202283548,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Add node","originalText":"Add node","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00509-1783","type":"rectangle","x":1458.0,"y":3018.0,"width":88.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":186695624,"version":1,"versionNonce":541422351,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00510-6881","type":"text","x":1466.0,"y":3027.0,"width":72.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1563576036,"version":1,"versionNonce":1213682057,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Save","originalText":"Save","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00511-7078","type":"rectangle","x":1554.0,"y":3018.0,"width":116.0,"height":38.0,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1499496010,"version":1,"versionNonce":1700900223,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00512-8983","type":"text","x":1562.0,"y":3027.0,"width":100.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":160028087,"version":1,"versionNonce":549071994,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Publish","originalText":"Publish","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00513-1180","type":"rectangle","x":370.0,"y":3092.0,"width":700.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f7f9fc","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":294328636,"version":1,"versionNonce":2014380778,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00514-3453","type":"text","x":398.0,"y":3126.0,"width":420.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":970816999,"version":1,"versionNonce":1778019301,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Workflow canvas remains visible","originalText":"Workflow canvas remains visible","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00515-7948","type":"text","x":398.0,"y":3166.0,"width":590.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":2110903230,"version":1,"versionNonce":512445610,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Schedule belongs to this published Workflow.","originalText":"Schedule belongs to this published Workflow.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00516-6116","type":"rectangle","x":414.0,"y":3284.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1177696960,"version":1,"versionNonce":1441260473,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00517-4882","type":"rectangle","x":414.0,"y":3284.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":712188704,"version":1,"versionNonce":1493725735,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00518-1300","type":"text","x":432.0,"y":3306.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":507493233,"version":1,"versionNonce":492633140,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Collect feedback","originalText":"Collect feedback","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00519-1079","type":"text","x":432.0,"y":3336.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":236788956,"version":1,"versionNonce":530482931,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark messages","originalText":"Lark messages","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00520-6867","type":"rectangle","x":432.0,"y":3362.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":242384372,"version":1,"versionNonce":1714388383,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00521-1164","type":"text","x":442.0,"y":3368.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":367334452,"version":1,"versionNonce":209590356,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00522-7987","type":"arrow","x":598.0,"y":3334.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1108573929,"version":1,"versionNonce":869142154,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00523-1364","type":"rectangle","x":632.0,"y":3284.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":437907864,"version":1,"versionNonce":1896746206,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00524-9069","type":"rectangle","x":632.0,"y":3284.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":111284955,"version":1,"versionNonce":1185396846,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00525-7424","type":"text","x":650.0,"y":3306.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1965573181,"version":1,"versionNonce":2022223668,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Group themes","originalText":"Group themes","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00526-6527","type":"text","x":650.0,"y":3336.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1966017058,"version":1,"versionNonce":2063687558,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"AI task","originalText":"AI task","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00527-3022","type":"rectangle","x":650.0,"y":3362.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1517115844,"version":1,"versionNonce":880490118,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00528-5748","type":"text","x":660.0,"y":3368.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":920716962,"version":1,"versionNonce":1280915865,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"a-00529-6277","type":"arrow","x":816.0,"y":3334.0,"width":30.0,"height":0.0,"angle":0,"strokeColor":"#94a3b8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1884451770,"version":1,"versionNonce":1287760018,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[30.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow"},{"id":"r-00530-5252","type":"rectangle","x":850.0,"y":3284.0,"width":178.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1379541887,"version":1,"versionNonce":1150259977,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"r-00531-6041","type":"rectangle","x":850.0,"y":3284.0,"width":4.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#067647","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":717515900,"version":1,"versionNonce":1566818992,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00532-9577","type":"text","x":868.0,"y":3306.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1529027383,"version":1,"versionNonce":214126024,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Post summary","originalText":"Post summary","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00533-4044","type":"text","x":868.0,"y":3336.0,"width":144.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1776581764,"version":1,"versionNonce":1994168482,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Lark message","originalText":"Lark message","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00534-5285","type":"rectangle","x":868.0,"y":3362.0,"width":74.0,"height":28.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1508845371,"version":1,"versionNonce":798191683,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00535-2352","type":"text","x":878.0,"y":3368.0,"width":54.0,"height":17.5,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":981616195,"version":1,"versionNonce":1776353952,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Ready","originalText":"Ready","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00536-6650","type":"rectangle","x":1098.0,"y":3092.0,"width":548.0,"height":898.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1693964143,"version":1,"versionNonce":1453090624,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00537-7451","type":"text","x":1118.0,"y":3118.0,"width":24.0,"height":27.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1336861860,"version":1,"versionNonce":1329667584,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"←","originalText":"←","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00538-5381","type":"text","x":1156.0,"y":3116.0,"width":400.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1470667276,"version":1,"versionNonce":545762129,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly review · Weekly Feedback Report","originalText":"Weekly review · Weekly Feedback Report","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00539-7366","type":"text","x":1592.0,"y":3118.0,"width":24.0,"height":27.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":628009666,"version":1,"versionNonce":1755563502,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"×","originalText":"×","fontSize":22,"fontFamily":1,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"l-00540-3559","type":"line","x":1098.0,"y":3182.0,"width":548.0,"height":0.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":991873649,"version":1,"versionNonce":1244476306,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[548.0,0.0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":null},{"id":"t-00541-7192","type":"text","x":1126.0,"y":3206.0,"width":330.0,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":181554064,"version":1,"versionNonce":245430770,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Edit schedule","originalText":"Edit schedule","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00542-4559","type":"text","x":1126.0,"y":3258.0,"width":103.74,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1025704525,"version":1,"versionNonce":278660671,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"SCHEDULE NAME","originalText":"SCHEDULE NAME","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00543-2791","type":"rectangle","x":1126.0,"y":3280.0,"width":492.0,"height":54.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1653397803,"version":1,"versionNonce":779818724,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00544-5003","type":"text","x":1138.0,"y":3292.0,"width":468.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":413065162,"version":1,"versionNonce":485664594,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Weekly review","originalText":"Weekly review","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00545-6639","type":"text","x":1126.0,"y":3334.0,"width":71.82,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":458056317,"version":1,"versionNonce":9732493,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"HOW OFTEN","originalText":"HOW OFTEN","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00546-1315","type":"text","x":1126.0,"y":3374.0,"width":72.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":886198188,"version":1,"versionNonce":1111489672,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Repeat","originalText":"Repeat","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00547-5638","type":"rectangle","x":1210.0,"y":3360.0,"width":408.0,"height":46.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":86422832,"version":1,"versionNonce":464806720,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00548-8547","type":"text","x":1222.0,"y":3374.0,"width":372.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1622126723,"version":1,"versionNonce":1222204960,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Mon","originalText":"Mon","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00549-7569","type":"text","x":1598.0,"y":3374.0,"width":12.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":474645964,"version":1,"versionNonce":1322525479,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"▾","originalText":"▾","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00550-8496","type":"text","x":1126.0,"y":3430.0,"width":20.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":255442920,"version":1,"versionNonce":2056753071,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"at","originalText":"at","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00551-4959","type":"text","x":1274.0,"y":3430.0,"width":20.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1527855674,"version":1,"versionNonce":1120864856,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"in","originalText":"in","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00552-6617","type":"rectangle","x":1154.0,"y":3416.0,"width":104.0,"height":46.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1797724506,"version":1,"versionNonce":359670298,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00553-2789","type":"text","x":1166.0,"y":3430.0,"width":80.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1355108816,"version":1,"versionNonce":719310802,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"10:00","originalText":"10:00","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00554-2629","type":"rectangle","x":1302.0,"y":3416.0,"width":316.0,"height":46.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":519609957,"version":1,"versionNonce":425267218,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00555-5121","type":"text","x":1314.0,"y":3430.0,"width":286.0,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1605112894,"version":1,"versionNonce":882927972,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Asia/Shanghai","originalText":"Asia/Shanghai","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00556-4480","type":"text","x":1598.0,"y":3430.0,"width":12.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":120923922,"version":1,"versionNonce":1814226431,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"▾","originalText":"▾","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00557-8942","type":"rectangle","x":1126.0,"y":3480.0,"width":492.0,"height":112.0,"angle":0,"strokeColor":"#067647","backgroundColor":"#ecfdf3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":994115770,"version":1,"versionNonce":880677874,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00558-3088","type":"text","x":1140.0,"y":3494.0,"width":246.0,"height":20.0,"angle":0,"strokeColor":"#067647","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1356817390,"version":1,"versionNonce":812101699,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Every Monday at 10:00","originalText":"Every Monday at 10:00","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00559-7767","type":"text","x":1140.0,"y":3530.0,"width":393.6,"height":17.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":740288845,"version":1,"versionNonce":438697924,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"next  Mon 24 Aug, Mon 31 Aug, Mon 7 Sep · see all","originalText":"next  Mon 24 Aug, Mon 31 Aug, Mon 7 Sep · see all","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00560-7401","type":"text","x":1140.0,"y":3558.0,"width":178.0,"height":17.5,"angle":0,"strokeColor":"#175cd3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":242713271,"version":1,"versionNonce":691318613,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"write it as cron instead","originalText":"write it as cron instead","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00561-2039","type":"text","x":1508.0,"y":3558.0,"width":100.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":299206054,"version":1,"versionNonce":912175751,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"0 10 * * 1","originalText":"0 10 * * 1","fontSize":14,"fontFamily":3,"textAlign":"right","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00562-5647","type":"text","x":1126.0,"y":3620.0,"width":159.6,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":787360165,"version":1,"versionNonce":47158035,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"RUN INPUT (OPTIONAL)","originalText":"RUN INPUT (OPTIONAL)","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00563-3009","type":"rectangle","x":1126.0,"y":3642.0,"width":492.0,"height":54.0,"angle":0,"strokeColor":"#ced4da","backgroundColor":"#f8f9fa","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1350169600,"version":1,"versionNonce":1897268632,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00564-8007","type":"text","x":1138.0,"y":3654.0,"width":468.0,"height":17.5,"angle":0,"strokeColor":"#98a2b3","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1795446744,"version":1,"versionNonce":382771657,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"No prompt","originalText":"No prompt","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00565-8477","type":"rectangle","x":1126.0,"y":3898.0,"width":136.0,"height":38.0,"angle":0,"strokeColor":"#175cd3","backgroundColor":"#175cd3","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":2080997866,"version":1,"versionNonce":1417850358,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00566-4323","type":"text","x":1134.0,"y":3907.0,"width":120.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":788600842,"version":1,"versionNonce":1240576406,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Save changes","originalText":"Save changes","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"r-00567-1665","type":"rectangle","x":1274.0,"y":3898.0,"width":92.0,"height":38.0,"angle":0,"strokeColor":"#667085","backgroundColor":"#ffffff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":{"type":3},"seed":1662427937,"version":1,"versionNonce":655866125,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00568-9472","type":"text","x":1282.0,"y":3907.0,"width":76.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1639632187,"version":1,"versionNonce":1291162602,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Cancel","originalText":"Cancel","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"e-00569-3489","type":"ellipse","x":1742.0,"y":3260.0,"width":28.0,"height":28.0,"angle":0,"strokeColor":"#7048e8","backgroundColor":"#7048e8","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":319252892,"version":1,"versionNonce":865384926,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false},{"id":"t-00570-6651","type":"text","x":1742.0,"y":3265.0,"width":28.0,"height":17.5,"angle":0,"strokeColor":"#ffffff","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":129685578,"version":1,"versionNonce":771662668,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"7","originalText":"7","fontSize":14,"fontFamily":1,"textAlign":"center","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00571-9970","type":"text","x":1782.0,"y":3260.0,"width":420.0,"height":17.5,"angle":0,"strokeColor":"#7048e8","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1618185047,"version":1,"versionNonce":1113990252,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"EDIT IS A TEMPORARY MODE","originalText":"EDIT IS A TEMPORARY MODE","fontSize":14,"fontFamily":3,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25},{"id":"t-00572-3581","type":"text","x":1782.0,"y":3284.0,"width":430.0,"height":17.5,"angle":0,"strokeColor":"#667085","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":0,"opacity":100,"groupIds":["group-06"],"frameId":"frame-00486-2950","roundness":null,"seed":1369405436,"version":1,"versionNonce":105219466,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"text":"Cancel returns to Overview. PUT sends the edited fields and preserves the observed enabled state; it never enables a paused Schedule by accident.","originalText":"Cancel returns to Overview. PUT sends the edited fields and preserves the observed enabled state; it never enables a paused Schedule by accident.","fontSize":14,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"autoResize":false,"lineHeight":1.25}],"appState":{"gridSize":null,"viewBackgroundColor":"#ffffff","currentItemStrokeColor":"#1e1e1e","currentItemBackgroundColor":"transparent"},"files":{}}
\ No newline at end of file
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py
new file mode 100644
index 0000000000..7ef03bb5d0
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py
@@ -0,0 +1,718 @@
+#!/usr/bin/env python3
+"""Generate standalone Schedule review scenes for published Workflows.
+
+The scenes follow the Schedule path in the supplied wireframe while keeping
+the Aevatar product boundary explicit: a Schedule is owned and addressed by
+its published Workflow, independent from Team member automation.
+"""
+
+from __future__ import annotations
+
+import json
+import random
+from pathlib import Path
+
+
+random.seed(20260817)
+
+OUT = Path(__file__).with_name("aevatar-workflow-schedule-design.excalidraw")
+INK = "#1e1e1e"
+MUTED = "#667085"
+FAINT = "#98a2b3"
+LINE = "#ced4da"
+SURFACE = "#ffffff"
+SUBTLE = "#f8f9fa"
+SIDEBAR = "#f8f9fa"
+BLUE = "#175cd3"
+BLUE_BG = "#eff8ff"
+GREEN = "#067647"
+GREEN_BG = "#ecfdf3"
+AMBER = "#b54708"
+AMBER_BG = "#fffaeb"
+RED = "#b42318"
+RED_BG = "#fef3f2"
+PURPLE = "#7048e8"
+PURPLE_BG = "#f4f3ff"
+
+FONT_SANS = 1
+FONT_MONO = 3
+FS_SMALL = 14
+FS_BODY = 16
+FS_HEAD = 22
+FS_TITLE = 32
+
+FRAME_W = 1560
+FRAME_H = 1000
+GAP_X = 320
+GAP_Y = 260
+COLS = 3
+ORIGIN_X = 140
+ORIGIN_Y = 480
+
+elements: list[dict] = []
+current_frame: str | None = None
+current_group: str | None = None
+sequence = 0
+
+
+def eid(prefix: str = "e") -> str:
+    global sequence
+    sequence += 1
+    return f"{prefix}-{sequence:05d}-{random.randint(1000, 9999)}"
+
+
+def base(kind: str, x: float, y: float, w: float, h: float, **kwargs) -> dict:
+    item = {
+        "id": kwargs.pop("id", eid(kind[:1])),
+        "type": kind,
+        "x": float(x),
+        "y": float(y),
+        "width": float(w),
+        "height": float(h),
+        "angle": 0,
+        "strokeColor": kwargs.pop("stroke", INK),
+        "backgroundColor": kwargs.pop("bg", "transparent"),
+        "fillStyle": "solid",
+        "strokeWidth": kwargs.pop("sw", 1),
+        "strokeStyle": kwargs.pop("style", "solid"),
+        "roughness": 0,
+        "opacity": 100,
+        "groupIds": [current_group] if current_group else [],
+        "frameId": kwargs.pop("frameId", current_frame),
+        "roundness": kwargs.pop("roundness", None),
+        "seed": random.randint(1, 2**31 - 1),
+        "version": 1,
+        "versionNonce": random.randint(1, 2**31 - 1),
+        "isDeleted": False,
+        "boundElements": None,
+        "updated": 1,
+        "link": None,
+        "locked": False,
+    }
+    item.update(kwargs)
+    return item
+
+
+def rect(x: float, y: float, w: float, h: float, *, bg: str = "transparent",
+         stroke: str = LINE, radius: bool = True, style: str = "solid",
+         sw: int = 1) -> dict:
+    item = base("rectangle", x, y, w, h, bg=bg, stroke=stroke, style=style,
+                sw=sw)
+    if radius:
+        item["roundness"] = {"type": 3}
+    elements.append(item)
+    return item
+
+
+def text(x: float, y: float, value: str, size: int = FS_BODY, color: str = INK,
+         *, font: int = FONT_SANS, width: float | None = None,
+         align: str = "left", line_height: float = 1.25) -> dict:
+    lines = value.split("\n")
+    if width is None:
+        width = max(18, max(len(line) for line in lines) * size * 0.57)
+    item = base("text", x, y, width, len(lines) * size * line_height,
+                stroke=color)
+    item.update({
+        "text": value,
+        "originalText": value,
+        "fontSize": size,
+        "fontFamily": font,
+        "textAlign": align,
+        "verticalAlign": "top",
+        "containerId": None,
+        "autoResize": False,
+        "lineHeight": line_height,
+    })
+    elements.append(item)
+    return item
+
+
+def line(x: float, y: float, w: float, h: float, *, color: str = LINE,
+         arrowhead: str | None = None, sw: int = 1,
+         style: str = "solid") -> dict:
+    kind = "arrow" if arrowhead else "line"
+    item = base(kind, x, y, abs(w), abs(h), stroke=color, sw=sw, style=style)
+    item.update({
+        "points": [[0, 0], [float(w), float(h)]],
+        "lastCommittedPoint": None,
+        "startBinding": None,
+        "endBinding": None,
+        "startArrowhead": None,
+        "endArrowhead": arrowhead,
+    })
+    elements.append(item)
+    return item
+
+
+def dot(x: float, y: float, diameter: float, color: str, *, bg: str | None = None) -> dict:
+    item = base("ellipse", x, y, diameter, diameter, stroke=color,
+                bg=bg or color)
+    elements.append(item)
+    return item
+
+
+def button(x: float, y: float, w: float, label: str, *, primary: bool = False,
+           color: str = INK, bg: str = SURFACE, h: float = 38) -> None:
+    rect(x, y, w, h, bg=color if primary else bg, stroke=color)
+    text(x + 8, y + 9, label, FS_SMALL, SURFACE if primary else color,
+         width=w - 16, align="center")
+
+
+def badge(x: float, y: float, label: str, kind: str = "muted") -> float:
+    colors = {
+        "ok": (GREEN, GREEN_BG),
+        "wait": (AMBER, AMBER_BG),
+        "fail": (RED, RED_BG),
+        "info": (PURPLE, PURPLE_BG),
+        "run": (BLUE, BLUE_BG),
+        "muted": (MUTED, SUBTLE),
+    }
+    color, bg = colors[kind]
+    width = max(74, len(label) * 7.5 + 24)
+    rect(x, y, width, 28, bg=bg, stroke=color)
+    text(x + 10, y + 6, label, FS_SMALL, color, width=width - 20)
+    return x + width + 8
+
+
+def chip(x: float, y: float, label: str, *, selected: bool = False,
+         width: float | None = None) -> float:
+    width = width or max(86, len(label) * 8 + 24)
+    rect(x, y, width, 34, bg=BLUE_BG if selected else SURFACE,
+         stroke=BLUE if selected else LINE)
+    text(x + 10, y + 8, label, FS_SMALL, BLUE if selected else MUTED,
+         width=width - 20, align="center")
+    return x + width + 8
+
+
+def field(x: float, y: float, width: float, label: str, value: str, *,
+          mono: bool = False, disabled: bool = False, h: float = 44) -> None:
+    text(x, y, label.upper(), FS_SMALL, MUTED, font=FONT_MONO)
+    rect(x, y + 22, width, h, bg=SUBTLE if disabled else SURFACE,
+         stroke=LINE)
+    text(x + 12, y + 34, value, FS_SMALL, FAINT if disabled else INK,
+         font=FONT_MONO if mono else FONT_SANS, width=width - 24)
+
+
+def begin_frame(index: int, name: str) -> tuple[int, int]:
+    global current_frame, current_group
+    x = ORIGIN_X + (index % COLS) * (FRAME_W + GAP_X)
+    y = ORIGIN_Y + (index // COLS) * (FRAME_H + GAP_Y)
+    fid = eid("frame")
+    frame = base("frame", x, y, FRAME_W, FRAME_H, id=fid,
+                 stroke="#bbb", frameId=None)
+    frame["name"] = name
+    elements.append(frame)
+    current_frame = fid
+    current_group = f"group-{index:02d}"
+    rect(x, y, FRAME_W, FRAME_H, bg=SURFACE, stroke="#ced4da",
+         radius=False, sw=2)
+    return x, y
+
+
+def end_frame() -> None:
+    global current_frame, current_group
+    current_frame = None
+    current_group = None
+
+
+def app_shell(fx: float, fy: float, active: str, *, title: str,
+              subtitle: str = "") -> tuple[float, float, float]:
+    sidebar_w = 210
+    rect(fx, fy, sidebar_w, FRAME_H, bg=SIDEBAR, stroke=SIDEBAR,
+         radius=False)
+    text(fx + 22, fy + 22, "aevatar", FS_HEAD, INK, width=150)
+    text(fx + 22, fy + 54, "AUTOMATION", FS_SMALL, MUTED,
+         font=FONT_MONO, width=160)
+    for idx, item in enumerate(("Chat", "Workflows", "Activities", "Agents", "Artifacts")):
+        row_y = fy + 112 + idx * 42
+        selected = item == active
+        if selected:
+            rect(fx + 10, row_y - 8, sidebar_w - 20, 34, bg="#e9ecef",
+                 stroke="#e9ecef")
+        text(fx + 24, row_y, item, FS_SMALL, INK if selected else MUTED,
+             width=140)
+    line(fx + 10, fy + FRAME_H - 82, sidebar_w - 20, 0, color=LINE)
+    text(fx + 22, fy + FRAME_H - 60, "Ana · Acme", FS_SMALL, MUTED,
+         width=150)
+    content_x = fx + sidebar_w
+    content_w = FRAME_W - sidebar_w
+    rect(content_x, fy, content_w, 74, bg=SURFACE, stroke=LINE, radius=False)
+    text(content_x + 28, fy + 16, title, FS_HEAD, INK, width=760)
+    if subtitle:
+        text(content_x + 28, fy + 46, subtitle, FS_SMALL, MUTED, width=900)
+    return content_x, fy + 74, content_w
+
+
+def annotation(x: float, y: float, number: str, title: str, body: str,
+               *, color: str = PURPLE) -> None:
+    dot(x, y, 28, color, bg=color)
+    text(x, y + 5, number, FS_SMALL, SURFACE, width=28, align="center")
+    text(x + 40, y, title.upper(), FS_SMALL, color, font=FONT_MONO,
+         width=420)
+    text(x + 40, y + 24, body, FS_SMALL, MUTED, width=430)
+
+
+def schedule_summary(x: float, y: float, width: float, *, state: str | None = None) -> None:
+    rect(x, y, width, 74, bg=BLUE_BG, stroke="#84adff")
+    text(x + 16, y + 24,
+         "Weekly Feedback Report · Published",
+         FS_BODY, INK, width=width - 32)
+    if state:
+        badge(x + width - 92, y + 22, state, "ok" if state == "Enabled" else "muted")
+
+
+def schedule_fields(
+    x: float,
+    y: float,
+    width: float,
+    *,
+    show_preview: bool = False,
+    name: str = "Weekly Feedback Report recurring work",
+    repeat_label: str = "Mon · Tue · Wed · Thu · Fri",
+    repeat_time: str = "09:00",
+    time_zone: str = "Asia/Shanghai",
+    human_summary: str = "Every weekday at 09:00",
+    cron_expression: str = "0 9 * * 1-5",
+    preview_copy: str = "next  Mon 24, Tue 25, Wed 26 Aug · see all",
+) -> None:
+    field(x, y, width, "Schedule name", name, h=54)
+    y += 76
+    text(x, y, "HOW OFTEN", FS_SMALL, MUTED, font=FONT_MONO)
+    text(x, y + 40, "Repeat", FS_SMALL, MUTED, font=FONT_MONO, width=72)
+    repeat_x = x + 84
+    compact = width < 600
+    repeat_w = width - 84 if compact else width * 0.46
+    rect(repeat_x, y + 26, repeat_w, 46, bg=SURFACE, stroke=LINE)
+    text(repeat_x + 12, y + 40, repeat_label, FS_SMALL, INK,
+         width=repeat_w - 36)
+    text(repeat_x + repeat_w - 20, y + 40, "▾", FS_SMALL, MUTED, width=12)
+    if compact:
+        time_x = x + 28
+        time_y = y + 82
+        text(x, y + 96, "at", FS_SMALL, MUTED, width=20)
+        time_w = 104
+        zone_x = x + 176
+        text(x + 148, y + 96, "in", FS_SMALL, MUTED, width=20)
+    else:
+        time_x = repeat_x + repeat_w + 34
+        time_y = y + 26
+        text(time_x - 24, y + 40, "at", FS_SMALL, MUTED, width=20)
+        time_w = max(88, width * 0.16)
+        zone_x = time_x + time_w + 34
+        text(zone_x - 22, y + 40, "in", FS_SMALL, MUTED, width=20)
+    rect(time_x, time_y, time_w, 46, bg=SURFACE, stroke=LINE)
+    text(time_x + 12, time_y + 14, repeat_time, FS_SMALL, INK, width=time_w - 24)
+    zone_w = x + width - zone_x
+    rect(zone_x, time_y, zone_w, 46, bg=SURFACE, stroke=LINE)
+    text(zone_x + 12, time_y + 14, time_zone, FS_SMALL, INK, width=zone_w - 30)
+    text(zone_x + zone_w - 20, time_y + 14, "▾", FS_SMALL, MUTED, width=12)
+
+    if show_preview:
+        preview_y = y + (146 if compact else 90)
+        preview_h = 112 if compact else 92
+        rect(x, preview_y, width, preview_h, bg=GREEN_BG, stroke=GREEN)
+        text(x + 14, preview_y + 14, human_summary, FS_BODY, GREEN,
+             width=width * 0.5)
+        text(x + 14, preview_y + 50, preview_copy, FS_SMALL, INK,
+             width=width * 0.8)
+        cron_y = preview_y + (78 if compact else 50)
+    else:
+        text(x, y + 88, human_summary, FS_BODY, GREEN, width=width * 0.5)
+        cron_y = y + (126 if compact else 122)
+    text(x + (14 if compact else width * 0.58), cron_y,
+         "write it as cron instead", FS_SMALL, BLUE, width=178)
+    text(x + width - 110, cron_y, cron_expression, FS_SMALL, MUTED,
+         font=FONT_MONO, width=100, align="right")
+
+    input_y = preview_y + preview_h + 28 if show_preview else cron_y + 42
+    field(x, input_y, width, "Run input (optional)", "No prompt",
+          disabled=True, h=54)
+
+
+def frame_workflows_list(index: int) -> None:
+    fx, fy = begin_frame(index, "01 · Workflows — schedule management modal")
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title="Workflows",
+                           subtitle="Published capabilities can run manually or on a schedule.")
+    button(cx + cw - 170, fy + 18, 142, "Start a run", color=INK)
+    field(cx + 28, cy + 24, 360, "Search", "Search workflows")
+    px = cx + 412
+    for label, selected in (("All  6", True), ("Published  4", False),
+                            ("Runs on its own  3", False), ("Drafts  1", False)):
+        px = chip(px, cy + 46, label, selected=selected)
+    header_y = cy + 112
+    widths = [460, 190, 270, 180, 180]
+    rect(cx + 28, header_y, sum(widths), 42, bg=SUBTLE, stroke=LINE,
+         radius=False)
+    cursor = cx + 28
+    for width, label in zip(widths, ("NAME", "LAST RUN", "STARTS ON ITS OWN", "STATE", "ACTIONS")):
+        text(cursor + 14, header_y + 13, label, FS_SMALL, MUTED,
+             font=FONT_MONO, width=width - 28)
+        cursor += width
+    rows = [
+        ("Weekly Feedback Report", "reads #feedback, groups themes, posts a summary", "2h ago", "3 · 1 paused", "Published"),
+        ("Customer escalation triage", "classifies urgent conversations and prepares replies", "4m ago", "2", "Draft"),
+        ("Invoice chase", "finds overdue invoices and waits for approval", "42m ago", "1", "Published"),
+        ("Nightly data sync", "pulls yesterday's orders into the warehouse", "3:04 AM", "1", "Published"),
+    ]
+    for row_index, (name, description, last, starts, state) in enumerate(rows):
+        y = header_y + 42 + row_index * 116
+        rect(cx + 28, y, sum(widths), 116, bg=SURFACE, stroke=LINE,
+             radius=False)
+        text(cx + 44, y + 16, name, FS_BODY, INK, width=420)
+        text(cx + 44, y + 46, description, FS_SMALL, MUTED, width=420)
+        text(cx + 488, y + 34, last, FS_SMALL, MUTED, width=150)
+        text(cx + 678, y + 34, starts, FS_SMALL, INK, font=FONT_MONO, width=220)
+        badge(cx + 948, y + 31, state, "ok" if state == "Published" else "muted")
+        button(cx + 1140, y + 28, 90, "Schedules",
+               color=BLUE if state == "Published" else MUTED,
+               bg=BLUE_BG if state == "Published" else SUBTLE)
+        button(cx + 1228, y + 28, 62, "Open")
+    modal_x, modal_y, modal_w, modal_h = cx + 520, cy + 18, 760, 890
+    rect(cx + 500, cy + 10, cw - 512, 910, bg="#eef2f6", stroke="#eef2f6", radius=False)
+    rect(modal_x, modal_y, modal_w, modal_h, bg=SURFACE, stroke=INK, sw=2)
+    text(modal_x + 28, modal_y + 26, "Schedules for Weekly Feedback Report",
+         FS_HEAD, INK, width=560)
+    button(modal_x + modal_w - 58, modal_y + 20, 32, "×", color=MUTED)
+    button(modal_x + modal_w - 280, modal_y + 82, 108, "Refresh", color=MUTED)
+    button(modal_x + modal_w - 160, modal_y + 82, 132, "New schedule",
+           primary=True, color=BLUE)
+    line(modal_x + 28, modal_y + 140, modal_w - 56, 0, color=LINE)
+    schedule_rows = [
+        ("Weekly feedback report", "Weekdays · 09:00 · Asia/Shanghai", "Enabled", "ok"),
+        ("Monthly billing review", "Monthly · day 1 · Asia/Shanghai", "Paused", "muted"),
+    ]
+    for row_index, (name, summary, state, kind) in enumerate(schedule_rows):
+        row_y = modal_y + 168 + row_index * 154
+        rect(modal_x + 28, row_y, modal_w - 56, 132, bg=SURFACE, stroke=LINE)
+        text(modal_x + 48, row_y + 18, name, FS_BODY, INK, width=330)
+        badge(modal_x + modal_w - 132, row_y + 16, state, kind)
+        text(modal_x + 48, row_y + 52, summary, FS_SMALL, MUTED, width=420)
+        text(modal_x + 48, row_y + 90,
+             "Next · Mon 24 Aug at 09:00" if state == "Enabled" else "No upcoming attempt",
+             FS_SMALL, INK if state == "Enabled" else MUTED, width=360)
+        text(modal_x + modal_w - 110, row_y + 88, "Open  →", FS_SMALL, BLUE,
+             width=74, align="right")
+    annotation(fx + FRAME_W + 42, fy + 160, "1", "One title identifies collection and owner",
+                "Schedules for Weekly Feedback Report replaces a repeated title stack. The body starts with collection actions, while each row supplies the facts needed for selection.")
+    end_frame()
+
+
+def frame_schedule_setup(index: int) -> None:
+    fx, fy = begin_frame(index, "02 · Workflow — schedule setup panel")
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title="Weekly Feedback Report",
+                           subtitle="Published · v7 · finance workspace")
+    button(cx + cw - 528, fy + 18, 70, "Run", color=INK)
+    button(cx + cw - 446, fy + 18, 104, "Schedules", primary=True, color=BLUE)
+    button(cx + cw - 344, fy + 18, 94, "Add node", color=INK)
+    button(cx + cw - 242, fy + 18, 88, "Save", color=INK)
+    button(cx + cw - 146, fy + 18, 116, "Publish", color=INK)
+    rect(cx + 20, cy + 18, 700, 898, bg="#f7f9fc", stroke=LINE)
+    text(cx + 48, cy + 52, "Workflow canvas remains visible", FS_HEAD, INK, width=420)
+    text(cx + 48, cy + 92,
+         "The Schedule belongs to this Workflow and stays beside the canvas, not inside the graph.",
+         FS_SMALL, MUTED, width=590)
+    for n, (x, label, detail, color) in enumerate(((cx + 64, "Collect feedback", "Lark messages", GREEN),
+                                                     (cx + 282, "Group themes", "AI task", BLUE),
+                                                     (cx + 500, "Post summary", "Lark message", GREEN))):
+        if n:
+            line(x - 34, cy + 260, 30, 0, color="#94a3b8", arrowhead="arrow", sw=2)
+        rect(x, cy + 210, 178, 112, bg=SURFACE, stroke=color, sw=2)
+        rect(x, cy + 210, 4, 112, bg=color, stroke=color, radius=False)
+        text(x + 18, cy + 232, label, FS_SMALL, INK, width=144)
+        text(x + 18, cy + 262, detail, FS_SMALL, MUTED, width=144)
+        badge(x + 18, cy + 288, "Ready", "ok")
+    rect(cx + 748, cy + 18, 548, 898, bg=SURFACE, stroke=LINE)
+    text(cx + 776, cy + 46, "Schedule", FS_HEAD, INK, width=300)
+    schedule_summary(cx + 776, cy + 88, 492)
+    schedule_fields(cx + 776, cy + 182, 492)
+    button(cx + 776, cy + 836, 178, "Review schedule", primary=True, color=BLUE)
+    button(cx + 966, cy + 836, 92, "Cancel", color=MUTED)
+    annotation(fx + FRAME_W + 42, fy + 220, "2", "Only recurring work",
+                "The public contract accepts a five-field cron and IANA timezone. POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/preview returns the next fires.")
+    end_frame()
+
+
+def frame_creation_review(index: int) -> None:
+    fx, fy = begin_frame(index, "03 · Schedule — review before creation")
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title="Review schedule",
+                           subtitle="Confirm the recurring setup before creating it.")
+    rect(cx + 150, cy + 34, 1060, 806, bg=SURFACE, stroke=INK, sw=2)
+    text(cx + 184, cy + 66, "Weekly Feedback Report recurring work", FS_HEAD, INK, width=680)
+    badge(cx + 978, cy + 64, "Enabled after creation", "ok")
+    line(cx + 184, cy + 112, 990, 0, color=LINE)
+    field(cx + 184, cy + 144, 476, "Workflow", "Weekly Feedback Report", disabled=True)
+    field(cx + 680, cy + 144, 494, "Schedule name", "Weekly Feedback Report recurring work")
+    field(cx + 184, cy + 224, 476, "Repeat", "Every weekday at 09:00")
+    field(cx + 680, cy + 224, 494, "Time zone", "Asia/Shanghai")
+    field(cx + 184, cy + 304, 990, "Run input (optional)", "No prompt", disabled=True)
+    text(cx + 184, cy + 392, "NEXT FIVE FIRE TIMES", FS_SMALL, MUTED,
+         font=FONT_MONO, width=520)
+    rect(cx + 184, cy + 424, 990, 176, bg=GREEN_BG, stroke=GREEN)
+    fires = [
+        ("1", "Mon 24 Aug · 09:00"),
+        ("2", "Tue 25 Aug · 09:00"),
+        ("3", "Wed 26 Aug · 09:00"),
+        ("4", "Thu 27 Aug · 09:00"),
+        ("5", "Fri 28 Aug · 09:00"),
+    ]
+    for fire_index, (number, label) in enumerate(fires):
+        column = fire_index % 3
+        row = fire_index // 3
+        fire_x = cx + 210 + column * 312
+        fire_y = cy + 452 + row * 62
+        dot(fire_x, fire_y, 24, GREEN, bg=GREEN_BG)
+        text(fire_x, fire_y + 4, number, FS_SMALL, GREEN, width=24, align="center")
+        text(fire_x + 38, fire_y + 4, label, FS_SMALL, INK, width=230)
+    text(cx + 184, cy + 674,
+         "Create schedule sends the reviewed name, cron expression, time zone, enabled state, and optional run input.",
+         FS_SMALL, INK, width=860)
+    button(cx + 886, cy + 742, 170, "Create schedule", primary=True, color=BLUE)
+    button(cx + 1068, cy + 742, 106, "Back", color=MUTED)
+    annotation(fx + FRAME_W + 42, fy + 280, "3", "One Workflow-scoped create",
+               "Create calls POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules; service and owner resolution stay behind the API.")
+    end_frame()
+
+
+def frame_creation_pending(index: int) -> None:
+    fx, fy = begin_frame(index, "04 · Schedule — creation pending")
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title="Workflows",
+                           subtitle="Published capabilities can run manually or on a schedule.")
+    field(cx + 28, cy + 24, 360, "Search", "Search workflows")
+    header_y = cy + 112
+    widths = [460, 190, 270, 180, 180]
+    rect(cx + 28, header_y, sum(widths), 42, bg=SUBTLE, stroke=LINE, radius=False)
+    cursor = cx + 28
+    for width, label in zip(widths, ("NAME", "LAST RUN", "STARTS ON ITS OWN", "STATE", "ACTIONS")):
+        text(cursor + 14, header_y + 13, label, FS_SMALL, MUTED,
+             font=FONT_MONO, width=width - 28)
+        cursor += width
+    rect(cx + 28, header_y + 42, sum(widths), 116, bg=SURFACE, stroke=LINE, radius=False)
+    text(cx + 44, header_y + 60, "Weekly Feedback Report", FS_BODY, INK, width=420)
+    text(cx + 44, header_y + 90, "reads #feedback, groups themes, posts a summary", FS_SMALL, MUTED, width=420)
+    text(cx + 488, header_y + 76, "2h ago", FS_SMALL, MUTED, width=150)
+    text(cx + 678, header_y + 76, "3 · 1 paused", FS_SMALL, INK, font=FONT_MONO, width=220)
+    badge(cx + 948, header_y + 72, "Published", "ok")
+    button(cx + 1140, header_y + 70, 80, "Schedule", color=BLUE, bg=BLUE_BG)
+    button(cx + 1228, header_y + 70, 62, "Open")
+
+    toast_x, toast_y, toast_w, toast_h = cx + 680, cy + 28, 560, 118
+    rect(toast_x, toast_y, toast_w, toast_h, bg=GREEN_BG, stroke=GREEN)
+    text(toast_x + 24, toast_y + 22, "Schedule request accepted", FS_HEAD, GREEN,
+         width=toast_w - 48)
+    text(toast_x + 24, toast_y + 62,
+         "It will appear in this Workflow's schedule list shortly.",
+         FS_SMALL, INK, width=toast_w - 48)
+    annotation(fx + FRAME_W + 42, fy + 240, "4", "Toast, then keep working",
+                "202 Accepted is acknowledged without a second modal; the Workflow-scoped list continues observing the new Schedule.")
+    end_frame()
+
+
+def workflow_canvas(cx: float, cy: float) -> None:
+    rect(cx + 20, cy + 18, 700, 898, bg="#f7f9fc", stroke=LINE)
+    text(cx + 48, cy + 52, "Workflow canvas remains visible", FS_HEAD, INK, width=420)
+    text(cx + 48, cy + 92, "Schedule belongs to this published Workflow.", FS_SMALL, MUTED, width=590)
+    for n, (x, label, detail, node_color) in enumerate(((cx + 64, "Collect feedback", "Lark messages", GREEN),
+                                                         (cx + 282, "Group themes", "AI task", BLUE),
+                                                         (cx + 500, "Post summary", "Lark message", GREEN))):
+        if n:
+            line(x - 34, cy + 260, 30, 0, color="#94a3b8", arrowhead="arrow", sw=2)
+        rect(x, cy + 210, 178, 112, bg=SURFACE, stroke=node_color, sw=2)
+        rect(x, cy + 210, 4, 112, bg=node_color, stroke=node_color, radius=False)
+        text(x + 18, cy + 232, label, FS_SMALL, INK, width=144)
+        text(x + 18, cy + 262, detail, FS_SMALL, MUTED, width=144)
+        badge(x + 18, cy + 288, "Ready", "ok")
+
+
+def frame_schedule_detail(index: int) -> None:
+    fx, fy = begin_frame(index, "05 · Workflow — schedule overview")
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title="Weekly Feedback Report",
+                           subtitle="Published · v7 · Schedule overview")
+    button(cx + cw - 528, fy + 18, 70, "Run", color=INK)
+    button(cx + cw - 446, fy + 18, 94, "Schedule", primary=True, color=BLUE)
+    button(cx + cw - 344, fy + 18, 94, "Add node", color=INK)
+    button(cx + cw - 242, fy + 18, 88, "Save", color=INK)
+    button(cx + cw - 146, fy + 18, 116, "Publish", color=INK)
+    workflow_canvas(cx, cy)
+    rect(cx + 748, cy + 18, 548, 898, bg=SURFACE, stroke=LINE)
+    text(cx + 768, cy + 44, "←", FS_HEAD, MUTED, width=24)
+    text(cx + 806, cy + 42, "Morning digest · Weekly Feedback Report", FS_HEAD, INK, width=400)
+    text(cx + 1242, cy + 44, "×", FS_HEAD, MUTED, width=24, align="right")
+    line(cx + 748, cy + 108, 548, 0, color=LINE)
+    text(cx + 776, cy + 128, "Overview", FS_SMALL, BLUE, width=84, align="center")
+    text(cx + 874, cy + 128, "History", FS_SMALL, MUTED, width=84, align="center")
+    line(cx + 776, cy + 158, 84, 0, color=BLUE, sw=2)
+
+    badge(cx + 776, cy + 188, "Active", "ok")
+    text(cx + 776, cy + 230, "Every weekday at 09:00", FS_HEAD, INK, width=360)
+    text(cx + 776, cy + 264, "Asia/Shanghai", FS_SMALL, MUTED, width=260)
+    button(cx + 776, cy + 304, 108, "Run now", primary=True, color=BLUE)
+    button(cx + 894, cy + 304, 134, "Edit schedule", color=INK)
+    button(cx + 1038, cy + 304, 84, "More  ▾", color=MUTED)
+
+    line(cx + 776, cy + 372, 492, 0, color=LINE)
+    text(cx + 776, cy + 396, "NEXT SCHEDULED", FS_SMALL, MUTED, font=FONT_MONO, width=212)
+    text(cx + 1032, cy + 396, "LAST ATTEMPT", FS_SMALL, MUTED, font=FONT_MONO, width=212)
+    text(cx + 776, cy + 426, "Tue 25 Aug · 09:00", FS_BODY, INK, width=220)
+    text(cx + 1032, cy + 426, "Mon 24 Aug · Failed to start", FS_BODY, RED, width=226)
+    line(cx + 776, cy + 468, 492, 0, color=LINE)
+    text(cx + 776, cy + 492, "TOTAL ATTEMPTS", FS_SMALL, MUTED, font=FONT_MONO, width=212)
+    text(cx + 1032, cy + 492, "FAILED ATTEMPTS", FS_SMALL, MUTED, font=FONT_MONO, width=212)
+    text(cx + 776, cy + 522, "18", FS_BODY, INK, width=220)
+    text(cx + 1032, cy + 522, "1", FS_BODY, RED, width=226)
+    line(cx + 776, cy + 564, 492, 0, color=LINE)
+    text(cx + 776, cy + 590, "RUN INPUT", FS_SMALL, MUTED, font=FONT_MONO, width=180)
+    text(cx + 776, cy + 620, "Summarize new feedback.", FS_BODY, INK, width=492)
+    line(cx + 776, cy + 664, 492, 0, color=LINE)
+    text(cx + 776, cy + 694, "Advanced details", FS_BODY, INK, width=220)
+    text(cx + 1240, cy + 694, "▾", FS_BODY, MUTED, width=20, align="right")
+    text(cx + 776, cy + 730, "RUNS", FS_SMALL, MUTED, font=FONT_MONO, width=138)
+    text(cx + 930, cy + 730, "Every weekday at 09:00", FS_BODY, INK, width=338)
+    text(cx + 776, cy + 764, "TECHNICAL FORMAT", FS_SMALL, MUTED, font=FONT_MONO, width=138)
+    text(cx + 930, cy + 764, "0 9 * * 1-5", FS_BODY, MUTED, font=FONT_MONO, width=338)
+    annotation(fx + FRAME_W + 42, fy + 300, "5", "Overview answers what is configured",
+                "Run and Edit stay direct; Pause and Delete stay under More. Expanded details pair plain meaning with the exact technical format.")
+    end_frame()
+
+
+def frame_schedule_history(index: int) -> None:
+    fx, fy = begin_frame(index, "06 · Workflow — schedule history")
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title="Weekly Feedback Report",
+                           subtitle="Published · v7 · Schedule history")
+    button(cx + cw - 528, fy + 18, 70, "Run", color=INK)
+    button(cx + cw - 446, fy + 18, 94, "Schedule", primary=True, color=BLUE)
+    button(cx + cw - 344, fy + 18, 94, "Add node", color=INK)
+    button(cx + cw - 242, fy + 18, 88, "Save", color=INK)
+    button(cx + cw - 146, fy + 18, 116, "Publish", color=INK)
+    workflow_canvas(cx, cy)
+    rect(cx + 748, cy + 18, 548, 898, bg=SURFACE, stroke=LINE)
+    text(cx + 768, cy + 44, "←", FS_HEAD, MUTED, width=24)
+    text(cx + 806, cy + 42, "Morning digest · Weekly Feedback Report", FS_HEAD, INK, width=400)
+    text(cx + 1242, cy + 44, "×", FS_HEAD, MUTED, width=24, align="right")
+    line(cx + 748, cy + 108, 548, 0, color=LINE)
+    text(cx + 776, cy + 128, "Overview", FS_SMALL, MUTED, width=84, align="center")
+    text(cx + 874, cy + 128, "History", FS_SMALL, BLUE, width=84, align="center")
+    line(cx + 874, cy + 158, 84, 0, color=BLUE, sw=2)
+
+    text(cx + 776, cy + 194, "Recent attempts", FS_HEAD, INK, width=260)
+    text(cx + 1054, cy + 200, "View related runs in Activity  →", FS_SMALL, BLUE,
+         width=214, align="right")
+    text(cx + 776, cy + 230,
+         "Schedule attempts can fail before a Workflow Run exists.", FS_SMALL,
+         MUTED, width=470)
+
+    table_y = cy + 278
+    widths = [138, 70, 138, 146]
+    rect(cx + 776, table_y, sum(widths), 42, bg=SUBTLE, stroke=LINE, radius=False)
+    cursor = cx + 776
+    for width, label in zip(widths, ("SCHEDULED", "SOURCE", "SCHEDULE OUTCOME", "COMPLETED")):
+        size = 12 if label == "SCHEDULE OUTCOME" else FS_SMALL
+        text(cursor + 8, table_y + 13, label, size, MUTED,
+             font=FONT_MONO, width=width - 16)
+        cursor += width
+
+    rows = [
+        ("24 Aug · 09:00", "Scheduled", "Failed to start", "09:00", False),
+        ("21 Aug · 09:00", "Scheduled", "Run created", "09:01", True),
+        ("20 Aug · 15:42", "Manual", "Accepted", "15:43", False),
+    ]
+    row_offsets = [42, 194, 270]
+    for row_index, (scheduled, source, outcome, completed, linked) in enumerate(rows):
+        row_y = table_y + row_offsets[row_index]
+        row_h = 152 if row_index == 0 else 76
+        rect(cx + 776, row_y, sum(widths), row_h,
+             bg=BLUE_BG if linked else SURFACE, stroke="#84adff" if linked else LINE,
+             radius=False)
+        if linked:
+            rect(cx + 776, row_y, 3, row_h, bg=BLUE, stroke=BLUE, radius=False)
+        cursor = cx + 776
+        for width, value in zip(widths, (scheduled, source, outcome, completed)):
+            color = (RED if value == "Failed to start" else
+                     GREEN if value == "Run created" else
+                     AMBER if value == "Accepted" else INK)
+            text(cursor + 4, row_y + 18, value, 12, color,
+                 width=width - 8)
+            cursor += width
+        if row_index == 0:
+            text(cx + 784, row_y + 54,
+                 "The scheduled attempt could not start the Workflow.", FS_SMALL,
+                 INK, width=462)
+            text(cx + 784, row_y + 88, "▾  Technical details", FS_SMALL, BLUE,
+                 width=190)
+            rect(cx + 784, row_y + 114, 476, 28, bg=SUBTLE, stroke=LINE)
+            text(cx + 794, row_y + 121,
+                 "Capability admission rejected the scheduled request.", FS_SMALL,
+                 MUTED, font=FONT_MONO, width=452)
+    annotation(fx + FRAME_W + 42, fy + 300, "6", "History is attempts, Activity is Runs",
+                "Schedule outcome states only what recentFires proves. A row with an exact Run destination is one native link; the blue row shows its hover treatment.")
+    end_frame()
+
+
+def frame_schedule_edit(index: int) -> None:
+    fx, fy = begin_frame(index, "07 · Workflow — change schedule")
+    cx, cy, cw = app_shell(fx, fy, "Workflows", title="Weekly Feedback Report",
+                           subtitle="Published · v7 · Change schedule")
+    button(cx + cw - 528, fy + 18, 70, "Run", color=INK)
+    button(cx + cw - 446, fy + 18, 94, "Schedule", primary=True, color=BLUE)
+    button(cx + cw - 344, fy + 18, 94, "Add node", color=INK)
+    button(cx + cw - 242, fy + 18, 88, "Save", color=INK)
+    button(cx + cw - 146, fy + 18, 116, "Publish", color=INK)
+    workflow_canvas(cx, cy)
+    rect(cx + 748, cy + 18, 548, 898, bg=SURFACE, stroke=LINE)
+    text(cx + 768, cy + 44, "←", FS_HEAD, MUTED, width=24)
+    text(cx + 806, cy + 42, "Weekly review · Weekly Feedback Report", FS_HEAD, INK, width=400)
+    text(cx + 1242, cy + 44, "×", FS_HEAD, MUTED, width=24, align="right")
+    line(cx + 748, cy + 108, 548, 0, color=LINE)
+    text(cx + 776, cy + 132, "Edit schedule", FS_HEAD, INK, width=330)
+    schedule_fields(
+        cx + 776,
+        cy + 184,
+        492,
+        show_preview=True,
+        name="Weekly review",
+        repeat_label="Mon",
+        repeat_time="10:00",
+        time_zone="Asia/Shanghai",
+        human_summary="Every Monday at 10:00",
+        cron_expression="0 10 * * 1",
+        preview_copy="next  Mon 24 Aug, Mon 31 Aug, Mon 7 Sep · see all",
+    )
+    button(cx + 776, cy + 824, 136, "Save changes", primary=True, color=BLUE)
+    button(cx + 924, cy + 824, 92, "Cancel", color=MUTED)
+    annotation(fx + FRAME_W + 42, fy + 260, "7", "Edit is a temporary mode",
+                "Cancel returns to Overview. PUT sends the edited fields and preserves the observed enabled state; it never enables a paused Schedule by accident.")
+    end_frame()
+
+
+text(ORIGIN_X, 70, "Aevatar — Published workflow schedules", FS_TITLE, INK, width=1040)
+text(ORIGIN_X, 126, "One Workflow, one recurring resource model, seven reviewable screens.", FS_HEAD, BLUE, width=1060)
+text(ORIGIN_X, 178,
+     "Schedule is configured, previewed, created, observed, and managed through the Workflow-scoped API.",
+     FS_BODY, MUTED, width=1180)
+text(ORIGIN_X, 232,
+     "Each frame renders to its own 1440 × 900 PNG. Notes stay outside the screen frames.",
+     FS_SMALL, MUTED, width=900)
+line(ORIGIN_X, 274, 1150, 0, color=LINE)
+
+frame_workflows_list(0)
+frame_schedule_setup(1)
+frame_creation_review(2)
+frame_creation_pending(3)
+frame_schedule_detail(4)
+frame_schedule_history(5)
+frame_schedule_edit(6)
+
+document = {
+    "type": "excalidraw",
+    "version": 2,
+    "source": "https://excalidraw.com",
+    "elements": elements,
+    "appState": {
+        "gridSize": None,
+        "viewBackgroundColor": "#ffffff",
+        "currentItemStrokeColor": INK,
+        "currentItemBackgroundColor": "transparent",
+    },
+    "files": {},
+}
+OUT.write_text(json.dumps(document, ensure_ascii=False, separators=(",", ":")), encoding="utf-8")
+print(f"wrote {OUT} ({len(elements)} elements)")
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-activity.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-activity.png
new file mode 100644
index 0000000000..83139c8ad7
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-activity.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-blank.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-blank.png
new file mode 100644
index 0000000000..9a85007347
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-blank.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-describe.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-describe.png
new file mode 100644
index 0000000000..8ebe09b5f8
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-describe.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-import.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-import.png
new file mode 100644
index 0000000000..146a32f653
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-import.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-mobile.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-mobile.png
new file mode 100644
index 0000000000..dc1e43e420
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-mobile.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-template.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-template.png
new file mode 100644
index 0000000000..036ca5851a
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-create-template.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-canvas.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-canvas.png
new file mode 100644
index 0000000000..5b8340af4a
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-canvas.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-mobile-node.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-mobile-node.png
new file mode 100644
index 0000000000..a23567c281
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-mobile-node.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-node.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-node.png
new file mode 100644
index 0000000000..389569aa25
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-node.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-yaml.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-yaml.png
new file mode 100644
index 0000000000..2c2a25fb2f
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-editor-yaml.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-mobile.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-mobile.png
new file mode 100644
index 0000000000..b11b47c129
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-mobile.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-node-library.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-node-library.png
new file mode 100644
index 0000000000..2520399418
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-node-library.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-schedule.html b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-schedule.html
new file mode 100644
index 0000000000..10943982cc
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-schedule.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="refresh" content="0; url=prototype.html#schedule">
+  <title>Aevatar Schedule Prototype</title>
+  <style>
+    body { margin: 0; display: grid; min-height: 100vh; place-items: center; background: #f7f7f8; color: #171717; font: 15px/1.5 Arial, sans-serif; }
+    a { color: #175cd3; }
+  </style>
+</head>
+<body>
+  <p>Opening the <a href="prototype.html#schedule">Schedule prototype</a>...</p>
+  <script>window.location.replace("prototype.html#schedule");</script>
+</body>
+</html>
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-account.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-account.png
new file mode 100644
index 0000000000..d3a69b5d6a
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-account.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-advanced.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-advanced.png
new file mode 100644
index 0000000000..3792a1bec3
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-advanced.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-llm.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-llm.png
new file mode 100644
index 0000000000..0ee6a345cb
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-llm.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-mobile.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-mobile.png
new file mode 100644
index 0000000000..9875a0e67d
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-mobile.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-save.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-save.png
new file mode 100644
index 0000000000..ff1319481b
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-save.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-tablet.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-tablet.png
new file mode 100644
index 0000000000..333df8d7db
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-settings-tablet.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-workflows.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-workflows.png
new file mode 100644
index 0000000000..f022c06c41
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype-workflows.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype.html b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype.html
new file mode 100644
index 0000000000..bfa02aeb67
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype.html
@@ -0,0 +1,2844 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Aevatar Workflow + Activity + Settings Prototype</title>
+  <style>
+    :root {
+      --ink: #17202a;
+      --muted: #667085;
+      --faint: #98a2b3;
+      --line: #d0d5dd;
+      --surface: #ffffff;
+      --subtle: #f8fafc;
+      --sidebar: #101828;
+      --sidebar-hover: #344054;
+      --blue: #175cd3;
+      --blue-bg: #eff8ff;
+      --green: #067647;
+      --green-bg: #ecfdf3;
+      --amber: #b54708;
+      --amber-bg: #fffaeb;
+      --red: #b42318;
+      --red-bg: #fef3f2;
+      --purple: #6941c6;
+      --purple-bg: #f4f3ff;
+      --shadow: 0 12px 28px rgba(16, 24, 40, 0.16);
+      color-scheme: light;
+      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      font-size: 14px;
+      color: var(--ink);
+      background: var(--subtle);
+    }
+
+    * { box-sizing: border-box; }
+    html, body { min-height: 100%; margin: 0; }
+    body { min-width: 320px; }
+    button, input, select, textarea { font: inherit; letter-spacing: 0; }
+    button { cursor: pointer; }
+    button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
+      outline: 3px solid rgba(23, 92, 211, 0.24);
+      outline-offset: 2px;
+    }
+    /* biome-ignore lint/complexity/noImportantStyles: The hidden attribute must win over component styles in this standalone prototype. */
+    [hidden] { display: none !important; }
+
+    .app {
+      min-height: 100vh;
+      display: grid;
+      grid-template-columns: 216px minmax(0, 1fr);
+    }
+
+    .sidebar {
+      position: sticky;
+      top: 0;
+      z-index: 20;
+      height: 100vh;
+      padding: 22px 12px 18px;
+      color: #fff;
+      background: var(--sidebar);
+      display: flex;
+      flex-direction: column;
+      border-right: 1px solid #344054;
+    }
+
+    .brand { padding: 0 12px 34px; }
+    .brand strong { display: block; font-size: 18px; font-weight: 700; }
+    .brand span { display: block; margin-top: 4px; color: #98a2b3; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .nav { display: grid; gap: 6px; }
+    .nav-button {
+      width: 100%;
+      height: 42px;
+      border: 1px solid transparent;
+      border-radius: 6px;
+      padding: 0 14px;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      color: #d0d5dd;
+      background: transparent;
+      text-align: left;
+    }
+    .nav-button:hover { background: #1d2939; }
+    .nav-button.active { color: #fff; background: var(--sidebar-hover); border-color: #475467; }
+    .nav-icon {
+      width: 10px;
+      height: 10px;
+      flex: 0 0 10px;
+      border-radius: 50%;
+      background: #667085;
+    }
+    .nav-button.active .nav-icon { background: #53b1fd; }
+    .workspace { margin-top: auto; padding: 14px 12px 0; border-top: 1px solid #344054; }
+    .workspace span { color: #98a2b3; font-size: 12px; }
+    .workspace strong { display: block; margin-top: 5px; font-size: 13px; font-weight: 600; }
+
+    .main { min-width: 0; min-height: 100vh; background: var(--surface); }
+    .mobile-bar { display: none; }
+    .view { min-height: 100vh; }
+    .page-header {
+      min-height: 84px;
+      padding: 18px 30px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 18px;
+      border-bottom: 1px solid var(--line);
+      background: var(--surface);
+    }
+    .page-header h1 { margin: 0; font-size: 22px; line-height: 1.25; letter-spacing: 0; }
+    .page-header p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
+    .header-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
+    .content { padding: 24px 30px 56px; }
+
+    .button {
+      min-height: 38px;
+      padding: 0 14px;
+      border: 1px solid var(--line);
+      border-radius: 6px;
+      color: var(--ink);
+      background: var(--surface);
+      font-weight: 600;
+      white-space: nowrap;
+    }
+    .button:hover { border-color: #98a2b3; background: var(--subtle); }
+    .button.primary { color: #fff; border-color: var(--blue); background: var(--blue); }
+    .button.primary:hover { background: #1849a9; }
+    .button.danger { color: var(--red); border-color: #fda29b; background: var(--red-bg); }
+    .button.ghost { color: var(--blue); border-color: transparent; background: transparent; }
+    .button.small { min-height: 32px; padding: 0 11px; font-size: 12px; }
+    .button:disabled { cursor: not-allowed; opacity: 0.48; }
+
+    .toolbar {
+      display: flex;
+      align-items: flex-end;
+      gap: 12px;
+      flex-wrap: wrap;
+      margin-bottom: 18px;
+    }
+    .search { flex: 0 1 360px; min-width: 240px; }
+    .field-label { display: block; margin: 0 0 6px; color: var(--muted); font-size: 11px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+    .input, .select, .textarea {
+      width: 100%;
+      min-height: 40px;
+      padding: 9px 11px;
+      border: 1px solid var(--line);
+      border-radius: 6px;
+      color: var(--ink);
+      background: var(--surface);
+    }
+    .textarea { min-height: 84px; resize: vertical; line-height: 1.45; }
+    .filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+    .filter {
+      height: 32px;
+      padding: 0 11px;
+      border: 1px solid var(--line);
+      border-radius: 6px;
+      color: var(--muted);
+      background: var(--surface);
+      font-size: 12px;
+    }
+    .filter.active { color: var(--blue); border-color: #84adff; background: var(--blue-bg); }
+
+    .data-table { width: 100%; border-collapse: collapse; border: 1px solid var(--line); table-layout: fixed; }
+    .data-table th {
+      height: 42px;
+      padding: 0 12px;
+      color: var(--muted);
+      background: var(--subtle);
+      border-bottom: 1px solid var(--line);
+      font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
+      text-align: left;
+      text-transform: uppercase;
+    }
+    .data-table td { height: 74px; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
+    .data-table tr:last-child td { border-bottom: 0; }
+    .data-table tbody tr { background: var(--surface); }
+    .data-table tbody tr:hover { background: #fcfcfd; }
+    .data-table tr.clickable { cursor: pointer; }
+    .data-table .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; }
+    .data-table .sub { display: block; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; }
+    .row-actions { display: flex; gap: 7px; justify-content: flex-end; }
+    .mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
+    .muted { color: var(--muted); }
+
+    .status {
+      display: inline-flex;
+      min-height: 26px;
+      align-items: center;
+      gap: 6px;
+      padding: 0 9px;
+      border: 1px solid currentColor;
+      border-radius: 5px;
+      font-size: 12px;
+      font-weight: 650;
+      white-space: nowrap;
+    }
+    .status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
+    .status.succeeded, .status.published { color: var(--green); background: var(--green-bg); }
+    .status.running { color: var(--blue); background: var(--blue-bg); }
+    .status.failed { color: var(--red); background: var(--red-bg); }
+    .status.needs-you { color: var(--amber); background: var(--amber-bg); }
+    .status.draft { color: var(--purple); background: var(--purple-bg); }
+
+    .empty {
+      min-height: 260px;
+      border: 1px dashed var(--line);
+      display: grid;
+      place-items: center;
+      text-align: center;
+      background: var(--subtle);
+    }
+    .empty h2 { margin: 0 0 8px; font-size: 18px; }
+    .empty p { margin: 0 0 18px; color: var(--muted); }
+    .table-foot { margin-top: 12px; color: var(--muted); font-size: 12px; }
+    .activity-filter-context { margin-bottom: 14px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid #84adff; border-radius: 6px; background: var(--blue-bg); }
+    .activity-filter-context strong { display: block; color: var(--blue); font-size: 12px; }
+    .activity-filter-context span { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
+
+    .run-banner {
+      position: absolute;
+      z-index: 12;
+      top: 22px;
+      left: 50%;
+      width: min(720px, calc(100% - 180px));
+      transform: translateX(-50%);
+      min-height: 58px;
+      padding: 10px 14px;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      border: 1px solid #84adff;
+      background: var(--blue-bg);
+    }
+    .run-banner .pulse { width: 10px; height: 10px; border-radius: 50%; background: var(--blue); animation: pulse 1.4s ease-in-out infinite; }
+    .run-banner strong { color: var(--blue); }
+    .run-banner span { color: var(--muted); font-size: 12px; }
+    .run-banner .button { margin-left: auto; }
+    @keyframes pulse { 50% { opacity: .35; } }
+    @media (prefers-reduced-motion: reduce) { .run-banner .pulse { animation: none; } }
+
+    .studio-header { min-height: 62px; padding: 10px 16px; background: #fbfcfe; border-color: #d8e0ea; }
+    .studio-identity { min-width: 220px; display: flex; align-items: center; gap: 10px; }
+    .studio-identity-copy { min-width: 0; }
+    .studio-identity-copy h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
+    .studio-identity-copy p { margin-top: 3px; font-size: 12px; }
+    .studio-back { width: 32px; min-height: 32px; padding: 0; border-color: transparent; background: transparent; font-size: 19px; }
+    .studio-status { min-height: 22px; padding: 0 8px; color: var(--muted); border: 1px solid var(--line); border-radius: 5px; background: var(--subtle); font-size: 11px; font-weight: 650; }
+    .studio-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; flex-wrap: wrap; }
+    .studio-action-group { display: flex; align-items: center; gap: 3px; }
+    .studio-action-group + .studio-action-group { margin-left: 3px; padding-left: 7px; border-left: 1px solid #d8e0ea; }
+    .studio-button { min-height: 32px; padding: 0 10px; border-color: transparent; background: transparent; font-size: 12px; }
+    .studio-button:hover { border-color: #d8e0ea; background: #fff; }
+    .studio-button.primary { color: #fff; border-color: var(--blue); background: var(--blue); }
+    .studio-button.primary:hover { background: #1849a9; }
+    .studio-button-icon { margin-right: 6px; font-size: 14px; }
+
+    .editor-studio { position: relative; display: flex; height: calc(100vh - 62px); min-height: 600px; overflow: hidden; padding: 10px; background: #eef3f8; }
+    .workflow-canvas {
+      position: relative;
+      flex: 1;
+      min-width: 0;
+      min-height: 0;
+      overflow: hidden;
+      border: 1px solid #d8e0ea;
+      border-radius: 8px;
+      background-color: #f7f9fc;
+      background-image: radial-gradient(circle, #cbd5e1 1px, transparent 1px);
+      background-size: 20px 20px;
+    }
+    .canvas-stage { position: absolute; top: 0; left: 0; width: 1200px; height: 620px; transform-origin: top left; }
+    .edge-layer { position: absolute; inset: 0; width: 1200px; height: 620px; overflow: visible; pointer-events: none; }
+    .graph-edge { fill: none; stroke: #94a3b8; stroke-width: 2; }
+    .graph-node {
+      --node-accent: #3b82f6;
+      position: absolute;
+      width: 220px;
+      min-height: 124px;
+      overflow: visible;
+      padding: 0;
+      color: #0f172a;
+      border: 1px solid #dbe3ee;
+      border-left: 4px solid var(--node-accent);
+      border-radius: 8px;
+      background: #fff;
+      box-shadow: 0 14px 30px rgba(15, 23, 42, .10);
+      text-align: left;
+      transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
+    }
+    .graph-node:hover { border-color: var(--node-accent); box-shadow: 0 18px 36px rgba(15, 23, 42, .14); transform: translateY(-1px); }
+    .graph-node.selected { border-color: var(--node-accent); box-shadow: 0 0 0 2px rgba(37, 99, 235, .18), 0 20px 42px rgba(15, 23, 42, .16); }
+    .graph-node-header { display: flex; align-items: flex-start; gap: 10px; padding: 12px 13px 10px; }
+    .graph-node-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; color: var(--node-accent); border: 1px solid color-mix(in srgb, var(--node-accent) 24%, #fff); border-radius: 7px; background: color-mix(in srgb, var(--node-accent) 13%, #fff); font-size: 15px; font-weight: 800; }
+    .graph-node-title { min-width: 0; flex: 1; }
+    .graph-node-title strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 18px; }
+    .graph-node-title span { display: block; margin-top: 3px; overflow: hidden; color: #64748b; font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+    .graph-node-body { min-height: 48px; padding: 9px 13px 11px; display: block; overflow: hidden; color: #64748b; border-top: 1px solid #edf2f7; font-size: 11px; line-height: 16px; text-overflow: ellipsis; }
+    .node-handle { position: absolute; top: 54px; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 50%; background: var(--node-accent); box-shadow: 0 0 0 1px var(--node-accent); }
+    .node-handle.in { left: -9px; }
+    .node-handle.out { right: -7px; }
+    .canvas-controls { position: absolute; z-index: 8; left: 14px; bottom: 14px; display: grid; overflow: hidden; border: 1px solid #d8e0ea; border-radius: 8px; background: rgba(255,255,255,.96); box-shadow: 0 10px 24px rgba(15,23,42,.11); }
+    .canvas-controls button { width: 30px; height: 29px; padding: 0; color: #475569; border: 0; border-bottom: 1px solid #e7edf4; background: transparent; }
+    .canvas-controls button:last-child { border-bottom: 0; }
+    .canvas-minimap { position: absolute; z-index: 8; right: 14px; bottom: 14px; width: 142px; height: 86px; overflow: hidden; border: 1px solid #d8e0ea; border-radius: 6px; background: rgba(255,255,255,.92); box-shadow: 0 10px 24px rgba(15,23,42,.10); }
+    .minimap-node { position: absolute; width: 22px; height: 11px; border: 1px solid #60a5fa; border-left-width: 3px; border-radius: 2px; background: #fff; }
+    .canvas-empty { position: absolute; top: 50%; left: 50%; z-index: 5; width: min(420px, calc(100% - 40px)); transform: translate(-50%,-50%); text-align: center; }
+    .canvas-empty .add-first { width: 112px; height: 112px; padding: 0; color: var(--muted); border: 1px dashed #9ca3af; border-radius: 8px; background: #fff; font-size: 28px; }
+    .canvas-empty h2 { margin: 12px 0 0; font-size: 18px; }
+    .canvas-empty p { margin: 7px 0 0; color: var(--muted); font-size: 13px; }
+
+    .studio-inspector, .studio-yaml-panel, .studio-schedule-panel {
+      position: absolute;
+      z-index: 20;
+      top: 10px;
+      right: 10px;
+      bottom: 10px;
+      width: 400px;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      border-left: 1px solid #e5e7eb;
+      border-radius: 0 8px 8px 0;
+      background: #fff;
+      box-shadow: -12px 0 28px rgba(15,23,42,.08);
+    }
+    .studio-schedule-panel {
+      position: relative;
+      top: auto;
+      right: auto;
+      bottom: auto;
+      flex: 0 0 400px;
+      width: 400px;
+    }
+    .studio-panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 16px 20px 14px; border-bottom: 1px solid #eef2f7; }
+    .studio-panel-header h2 { margin: 0; font-size: 16px; }
+    .studio-panel-header p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
+    .studio-panel-body { flex: 1; min-height: 0; overflow: auto; padding: 18px 20px 20px; }
+    .studio-panel-body .form-row { display: block; margin-bottom: 16px; }
+    .studio-panel-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 13px 20px; border-top: 1px solid #eef2f7; background: #fbfcfe; }
+    .schedule-summary { padding: 12px; border: 1px solid #84adff; border-radius: 6px; background: var(--blue-bg); }
+    .schedule-summary-top, .schedule-row-top, .schedule-toggle { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+    .schedule-summary strong, .schedule-row strong { display: block; font-size: 13px; }
+    .schedule-summary p, .schedule-row p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
+    .schedule-list { margin: 0 0 18px; padding: 0; list-style: none; border: 1px solid #e5e7eb; border-radius: 6px; }
+    .schedule-row { padding: 12px; border-bottom: 1px solid #e5e7eb; }
+    .schedule-row:last-child { border-bottom: 0; }
+    .schedule-list-select { width: 100%; padding: 0; border: 0; background: transparent; text-align: left; }
+    .schedule-list-select:hover { background: var(--blue-bg); }
+    .schedule-list-select:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
+    .schedule-state { padding: 3px 7px; color: #067647; border-radius: 4px; background: var(--green-bg); font-size: 11px; font-weight: 700; }
+    .schedule-state.paused { color: var(--muted); background: var(--subtle); }
+    .schedule-state.pending { color: var(--amber); background: var(--amber-bg); }
+    .schedule-preview { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; color: var(--muted); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .schedule-alert { margin-top: 16px; padding: 11px 12px; color: #b42318; border: 1px solid #fda29b; border-radius: 6px; background: var(--red-bg); font-size: 12px; line-height: 1.45; }
+    .schedule-alert strong { display: block; margin-bottom: 4px; }
+    .schedule-pending { margin: 16px 0 0; padding: 10px 12px; color: #175cd3; border: 1px solid #84adff; border-radius: 6px; background: var(--blue-bg); font-size: 12px; line-height: 1.45; }
+    .schedule-pending strong { display: block; margin-bottom: 3px; }
+    .schedule-cadence { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0 0 16px; }
+    .schedule-cadence span { padding: 7px 5px; border: 1px solid #e5e7eb; border-radius: 5px; color: var(--muted); background: #fff; font-size: 11px; text-align: center; }
+    .schedule-cadence span.selected { color: var(--blue); border-color: #84adff; background: var(--blue-bg); font-weight: 700; }
+    .schedule-observation { margin: 14px 0 0; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 5px; color: var(--muted); background: #fbfcfe; font-size: 11px; line-height: 1.45; }
+    .schedule-selected-title { min-width: 0; display: flex; align-items: center; gap: 10px; }
+    .schedule-selected-title > div { min-width: 0; }
+    .schedule-selected-title h2, .schedule-selected-title p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .schedule-tabs { display: flex; gap: 22px; margin: -2px -20px 20px; padding: 0 20px; border-bottom: 1px solid #e5e7eb; }
+    .schedule-tab { min-height: 42px; padding: 0 2px; color: var(--muted); border: 0; border-bottom: 2px solid transparent; background: transparent; font-size: 12px; font-weight: 700; }
+    .schedule-tab[aria-selected="true"] { color: var(--blue); border-bottom-color: var(--blue); }
+    .schedule-overview-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+    .schedule-overview-intro h3 { margin: 12px 0 0; font-size: 18px; line-height: 1.35; }
+    .schedule-overview-intro p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
+    .schedule-actionbar { position: relative; display: flex; align-items: center; gap: 7px; margin: 18px 0 22px; padding-bottom: 20px; border-bottom: 1px solid #e5e7eb; }
+    .schedule-action-menu { position: relative; }
+    .schedule-action-menu > summary { list-style: none; }
+    .schedule-action-menu > summary::-webkit-details-marker { display: none; }
+    .schedule-action-popover { position: absolute; z-index: 4; top: calc(100% + 6px); right: 0; width: 174px; padding: 5px; border: 1px solid #d0d5dd; border-radius: 6px; background: #fff; box-shadow: 0 12px 26px rgba(16,24,40,.16); }
+    .schedule-action-popover button { width: 100%; min-height: 34px; padding: 0 9px; border: 0; border-radius: 4px; background: transparent; text-align: left; }
+    .schedule-action-popover button:hover { background: var(--subtle); }
+    .schedule-action-popover button.danger { color: var(--red); }
+    .schedule-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid #eaecf0; }
+    .schedule-fact { min-width: 0; padding: 15px 0; border-bottom: 1px solid #eaecf0; }
+    .schedule-fact:nth-child(2n) { padding-left: 18px; border-left: 1px solid #eaecf0; }
+    .schedule-fact span, .schedule-run-input span { display: block; color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+    .schedule-fact strong { display: block; margin-top: 7px; font-size: 12px; line-height: 1.4; }
+    .schedule-run-input { padding: 17px 0; border-bottom: 1px solid #eaecf0; }
+    .schedule-run-input p { margin: 7px 0 0; font-size: 12px; line-height: 1.5; }
+    .schedule-list-actions { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 10px; }
+    .schedule-advanced { padding: 15px 0; border-bottom: 1px solid #eaecf0; }
+    .schedule-advanced summary { color: var(--ink); cursor: pointer; font-size: 12px; font-weight: 700; }
+    .schedule-advanced div { display: flex; justify-content: space-between; gap: 16px; margin-top: 10px; color: var(--muted); font-size: 11px; }
+    .schedule-advanced div strong { color: var(--ink); font-size: 12px; }
+    .schedule-advanced code { padding: 2px 5px; border-radius: 4px; background: var(--subtle); color: var(--ink); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .schedule-history-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
+    .schedule-history-heading h3 { margin: 0; font-size: 16px; }
+    .schedule-history-link { padding: 0; color: var(--blue); border: 0; background: transparent; font-size: 11px; font-weight: 700; }
+    .schedule-history-copy { margin: 7px 0 15px; color: var(--muted); font-size: 11px; line-height: 1.45; }
+    .schedule-attempts { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 6px; }
+    .schedule-attempt-row { position: relative; display: grid; grid-template-columns: minmax(104px,1.4fr) minmax(62px,.7fr) minmax(104px,1.4fr) minmax(96px,1.5fr); border-bottom: 1px solid #e5e7eb; }
+    .schedule-attempt-row:last-child { border-bottom: 0; }
+    .schedule-attempt-row.header { color: var(--muted); background: var(--subtle); font: 9px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+    .schedule-attempt-row > span { min-width: 0; padding: 10px 7px; overflow-wrap: anywhere; font-size: 10px; line-height: 1.35; }
+    .schedule-attempt-row.header > span { font-size: 9px; }
+    .schedule-attempt-row.linked { cursor: pointer; }
+    .schedule-attempt-row.linked:hover, .schedule-attempt-row.linked:focus-within { background: var(--blue-bg); }
+    .schedule-attempt-row-link { position: absolute; z-index: 1; inset: 0; }
+    .schedule-attempt-row-link:focus-visible { outline: 3px solid rgba(23,92,211,.3); outline-offset: -3px; }
+    .schedule-attempt-result { font-weight: 700; }
+    .schedule-attempt-result.run-created { color: var(--green); }
+    .schedule-attempt-result.failed { color: var(--red); }
+    .schedule-attempt-result.accepted { color: #b54708; }
+    .schedule-attempt-failure { position: relative; z-index: 2; grid-column: 1 / -1; padding: 0 8px 11px; }
+    .schedule-attempt-failure p { margin: 0 0 8px; color: var(--ink); font-size: 11px; line-height: 1.45; }
+    .schedule-attempt-failure details summary { color: var(--blue); cursor: pointer; font-size: 10px; font-weight: 700; }
+    .schedule-attempt-failure pre { margin: 8px 0 0; padding: 8px; overflow: auto; color: #475467; border: 1px solid #e5e7eb; border-radius: 4px; background: var(--subtle); font: 9px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }
+    .schedule-history-state { padding: 42px 16px; color: var(--muted); border: 1px dashed var(--line); text-align: center; }
+    .inspector-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
+    .inspector-summary div { min-width: 0; padding: 10px 11px; border: 1px solid #e5e7eb; border-radius: 6px; background: #f8fafc; }
+    .inspector-summary span { display: block; color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+    .inspector-summary strong { display: block; margin-top: 5px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
+    .yaml-editor { flex: 1; min-height: 0; resize: none; border: 0; border-radius: 0; color: #d0d5dd; background: #101828; font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
+
+    .node-library-layer { position: fixed; z-index: 120; inset: 0; background: rgba(17,24,39,.16); }
+    .node-library { width: min(380px, calc(100% - 48px)); height: 100%; display: flex; flex-direction: column; overflow: hidden; border-right: 1px solid #e5e7eb; background: #fff; box-shadow: 10px 0 30px rgba(15,23,42,.08); }
+    .node-library-list { flex: 1; min-height: 0; overflow: auto; padding: 18px 20px 20px; }
+    .node-category { margin-top: 18px; }
+    .node-category:first-of-type { margin-top: 16px; }
+    .node-category-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-weight: 700; }
+    .node-category-title span { min-width: 24px; padding: 2px 6px; color: var(--blue); border-radius: 4px; background: var(--blue-bg); font-size: 11px; text-align: center; }
+    .node-library-item { width: 100%; min-height: 58px; margin-top: 8px; padding: 9px 11px; display: flex; align-items: center; gap: 10px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; text-align: left; }
+    .node-library-item:hover { border-color: #84adff; background: var(--blue-bg); }
+    .node-library-dot { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: var(--node-color, var(--blue)); }
+    .node-library-item strong { display: block; font-size: 13px; }
+    .node-library-item small { display: block; margin-top: 3px; color: var(--muted); }
+
+    .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
+    .section-heading h2 { margin: 0; font-size: 19px; }
+    .section-heading p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
+
+    .settings-content { max-width: 1220px; margin: 0 auto; }
+    .settings-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 42px; align-items: start; }
+    .settings-section-nav { position: sticky; top: 24px; display: grid; gap: 4px; }
+    .settings-section-tab { min-height: 44px; padding: 0 12px; display: flex; align-items: center; color: var(--muted); border: 0; border-radius: 6px; background: transparent; font-size: 13px; font-weight: 650; text-align: left; }
+    .settings-section-tab:hover { color: var(--ink); background: #f2f4f7; }
+    .settings-section-tab.active { color: var(--blue); background: var(--blue-bg); }
+    .settings-main { min-width: 0; }
+    .settings-view-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
+    .settings-view-heading h2 { margin: 0; font-size: 18px; }
+    .settings-view-heading p { max-width: 620px; margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
+    .settings-stack { display: grid; gap: 30px; }
+    .settings-section { padding-bottom: 28px; border-bottom: 1px solid #eaecf0; }
+    .settings-section:last-child { border-bottom: 0; }
+    .settings-section-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
+    .settings-section-header h3 { margin: 0; font-size: 15px; }
+    .settings-section-header p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
+    .settings-form { border-top: 1px solid var(--line); }
+    .settings-form-row { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 34px; padding: 22px 0; border-bottom: 1px solid #eaecf0; }
+    .settings-form-label strong { display: block; font-size: 13px; }
+    .settings-form-label span { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.45; }
+    .settings-control { min-width: 0; display: grid; gap: 8px; align-content: start; }
+    .settings-control .select, .settings-control .input { max-width: 520px; }
+    .settings-alert { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 12px 14px; color: var(--blue); border: 1px solid #84adff; border-radius: 6px; background: var(--blue-bg); font-size: 12px; line-height: 1.5; }
+    .settings-alert.warning { color: var(--amber); border-color: #fec84b; background: var(--amber-bg); }
+    .settings-alert.error { color: var(--red); border-color: #fda29b; background: var(--red-bg); }
+    #account-dirty-alert:not(:empty) { margin-bottom: 22px; }
+    .settings-savebar { position: sticky; z-index: 30; bottom: 16px; margin-top: 24px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #fff; border: 1px solid #344054; border-radius: 7px; background: #1d2939; box-shadow: 0 12px 28px rgba(16,24,40,.22); }
+    .settings-savebar strong { display: block; font-size: 13px; }
+    .settings-savebar span { display: block; margin-top: 3px; color: #d0d5dd; font-size: 11px; }
+    .settings-savebar-actions { display: flex; gap: 8px; flex: 0 0 auto; }
+    .settings-savebar .button:not(.primary) { color: #fff; border-color: #667085; background: transparent; }
+    .settings-details { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid var(--line); }
+    .settings-detail { min-width: 0; min-height: 76px; padding: 14px 0; border-bottom: 1px solid #eaecf0; }
+    .settings-detail:nth-child(2n) { padding-left: 24px; border-left: 1px solid #eaecf0; }
+    .settings-detail span { display: block; color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+    .settings-detail strong, .settings-detail code { display: block; margin-top: 7px; overflow-wrap: anywhere; font-size: 12px; }
+    .technical-preview { overflow: hidden; border: 1px solid #344054; border-radius: 6px; background: #101828; }
+    .technical-row { display: grid; grid-template-columns: minmax(180px,220px) minmax(0,1fr); gap: 14px; padding: 11px 13px; border-bottom: 1px solid #344054; color: #d0d5dd; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .technical-row:last-child { border-bottom: 0; }
+    .technical-row span { color: #98a2b3; overflow-wrap: anywhere; }
+    .account-profile { display: flex; align-items: center; gap: 14px; padding: 4px 0 20px; }
+    .account-avatar { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: var(--blue); font-size: 15px; font-weight: 800; }
+    .account-profile h3 { margin: 0 0 4px; font-size: 16px; }
+    .account-profile p { margin: 0; color: var(--muted); font-size: 12px; }
+    .settings-empty { padding: 48px 20px; border-top: 1px solid var(--line); text-align: center; }
+    .settings-empty h3 { margin: 0 0 7px; font-size: 16px; }
+    .settings-empty p { margin: 0 0 18px; color: var(--muted); }
+
+    .modal-backdrop {
+      position: fixed;
+      inset: 0;
+      z-index: 100;
+      padding: 28px;
+      display: grid;
+      place-items: center;
+      background: rgba(16, 24, 40, 0.5);
+    }
+    .modal { width: min(720px, 100%); max-height: calc(100vh - 56px); overflow: auto; border: 1px solid #344054; border-radius: 8px; background: var(--surface); box-shadow: var(--shadow); }
+    .modal.wide { width: min(1040px, 100%); }
+    .modal-header { padding: 22px 24px 16px; border-bottom: 1px solid var(--line); }
+    .modal-header h2 { margin: 0; font-size: 20px; }
+    .modal-header p { margin: 7px 0 0; color: var(--muted); font-size: 13px; }
+    .modal-body { padding: 22px 24px; }
+    .modal-footer { padding: 16px 24px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--line); }
+    .schedule-quick-modal { width: min(820px, 100%); }
+    .schedule-quick-modal .modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
+    .schedule-modal-title { min-width: 0; display: flex; align-items: flex-start; gap: 10px; }
+    .schedule-modal-title > div { min-width: 0; }
+    .schedule-quick-context { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; padding: 12px 14px; border: 1px solid #84adff; border-radius: 6px; background: var(--blue-bg); }
+    .schedule-quick-context strong { display: block; font-size: 14px; }
+    .schedule-quick-context span { display: block; margin-top: 4px; color: var(--muted); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .schedule-quick-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
+    .schedule-quick-grid .full { grid-column: 1 / -1; }
+    .schedule-quick-section { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
+    .schedule-quick-section:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
+    .schedule-quick-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
+    .schedule-quick-section-heading strong { font-size: 13px; }
+    .schedule-quick-section-heading span { color: var(--muted); font-size: 11px; }
+    .schedule-repeat-builder { display: grid; grid-template-columns: minmax(220px, 1.35fr) minmax(120px, .65fr) minmax(180px, 1fr); gap: 10px; align-items: end; }
+    .schedule-repeat-builder label { min-width: 0; }
+    .schedule-repeat-preview { margin-top: 10px; padding: 12px 14px; border: 1px solid #86efac; border-radius: 6px; background: var(--green-bg); }
+    .schedule-repeat-preview-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
+    .schedule-repeat-preview-row + .schedule-repeat-preview-row { margin-top: 7px; }
+    .schedule-repeat-preview strong { color: var(--green); font-size: 13px; }
+    .schedule-repeat-preview span { color: var(--muted); font-size: 11px; line-height: 1.4; }
+    .schedule-cron-action { display: inline; padding: 0; color: var(--blue); border: 0; background: transparent; font: inherit; cursor: pointer; }
+    .schedule-cron-action:hover { text-decoration: underline; }
+    .schedule-cron-code { margin-left: 8px; color: var(--muted); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .schedule-cron-editor { display: block; margin-top: 10px; padding: 12px; border: 1px solid #84adff; border-radius: 6px; background: var(--blue-bg); }
+    .schedule-cron-editor small { display: block; margin-top: 7px; color: var(--muted); line-height: 1.4; }
+    .schedule-needs-field textarea { min-height: 76px; }
+    .schedule-quick-preview { margin-top: 18px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--subtle); }
+    .schedule-quick-preview strong { display: block; color: var(--muted); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+    .schedule-quick-preview p { margin: 8px 0 0; color: var(--ink); font-size: 12px; line-height: 1.45; }
+    .schedule-quick-preview ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; margin: 9px 0 0; padding: 0; list-style: none; color: var(--ink); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .schedule-quick-note { margin: 14px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
+    .schedule-quick-review { display: grid; gap: 16px; }
+    .schedule-quick-review h3 { margin: 0; font-size: 16px; }
+    .schedule-quick-review p { margin: 0; color: var(--muted); line-height: 1.45; }
+    .create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); }
+    .create-choice { min-height: 176px; padding: 20px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface); text-align: left; }
+    .create-choice:nth-child(2n) { border-right: 0; }
+    .create-choice:nth-last-child(-n+2) { border-bottom: 0; }
+    .create-choice:hover { background: var(--subtle); }
+    .create-choice.primary-choice { background: var(--blue-bg); }
+    .create-choice strong { display: block; color: var(--ink); font-size: 16px; }
+    .create-choice span { display: block; margin-top: 9px; color: var(--muted); line-height: 1.45; }
+    .create-choice em { display: inline-block; margin-top: 22px; color: var(--blue); font-style: normal; font-weight: 650; }
+    .template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
+    .template-card { min-height: 210px; padding: 18px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); text-align: left; }
+    .template-card:hover { border-color: #84adff; background: var(--blue-bg); }
+    .template-card strong { display: block; font-size: 15px; }
+    .template-card p { min-height: 54px; margin: 9px 0 16px; color: var(--muted); line-height: 1.45; }
+    .template-card span { display: block; color: var(--muted); font-size: 12px; }
+    .template-card em { display: inline-block; margin-top: 18px; color: var(--blue); font-style: normal; font-weight: 650; }
+    .validation { margin-top: 8px; color: var(--red); font-size: 12px; }
+    .run-summary { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #bdb4fe; background: var(--purple-bg); }
+    .run-summary strong { color: var(--purple); }
+    .run-summary code { color: var(--purple); }
+    .effect { margin-top: 18px; padding: 14px; border: 1px solid #fec84b; background: var(--amber-bg); }
+    .effect strong { color: var(--amber); }
+    .effect p { margin: 6px 0 0; color: var(--ink); font-size: 13px; }
+    .check { margin-top: 16px; display: flex; align-items: flex-start; gap: 10px; line-height: 1.4; }
+    .check input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--blue); }
+    .history-note { margin-top: 16px; padding: 12px 14px; color: var(--blue); border: 1px solid #84adff; background: var(--blue-bg); font-weight: 650; }
+
+    .drawer-backdrop { position: fixed; inset: 0; z-index: 90; background: rgba(16, 24, 40, 0.36); }
+    .drawer {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: min(620px, 100%);
+      height: 100%;
+      overflow: auto;
+      background: var(--surface);
+      border-left: 1px solid #344054;
+      box-shadow: var(--shadow);
+    }
+    .drawer-header { padding: 22px 24px; border-bottom: 1px solid var(--line); }
+    .drawer-header-top { display: flex; justify-content: space-between; gap: 16px; }
+    .drawer-header h2 { margin: 0; font-size: 20px; }
+    .drawer-header p { margin: 7px 0 0; color: var(--muted); }
+    .icon-button { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: var(--surface); font-size: 20px; line-height: 1; }
+    .drawer-body { padding: 22px 24px 100px; }
+    .detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); }
+    .detail-cell { min-height: 84px; padding: 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
+    .detail-cell:nth-child(2n) { border-right: 0; }
+    .detail-cell:nth-last-child(-n+2) { border-bottom: 0; }
+    .detail-cell span { display: block; color: var(--muted); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+    .detail-cell strong { display: block; margin-top: 9px; font-size: 13px; }
+    .timeline { margin-top: 24px; }
+    .timeline h3 { margin: 0 0 14px; color: var(--muted); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .timeline-step { min-height: 52px; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 12px; align-items: start; position: relative; }
+    .timeline-step:not(:last-child)::after { content: ""; position: absolute; left: 7px; top: 18px; bottom: -2px; width: 1px; background: var(--line); }
+    .timeline-dot { width: 15px; height: 15px; margin-top: 1px; border-radius: 50%; background: var(--green); }
+    .timeline-dot.running { background: var(--blue); }
+    .timeline-dot.failed { background: var(--red); }
+    .timeline-dot.queued { border: 1px solid var(--line); background: var(--surface); }
+    .timeline-step strong { font-size: 13px; }
+    .timeline-step span { color: var(--muted); font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .error-panel { margin-top: 20px; padding: 14px; border: 1px solid #fda29b; background: var(--red-bg); }
+    .error-panel strong { color: var(--red); }
+    .error-panel p { margin: 6px 0 0; color: var(--ink); line-height: 1.45; }
+    .link-panel { margin-top: 20px; padding: 14px; border: 1px solid #84adff; background: var(--blue-bg); }
+    .link-panel strong { color: var(--blue); }
+    .link-panel p { margin: 6px 0 0; color: var(--ink); }
+    .drawer-footer { position: sticky; bottom: 0; padding: 14px 24px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--line); background: rgba(255,255,255,.96); }
+
+    .toast {
+      position: fixed;
+      z-index: 200;
+      right: 24px;
+      bottom: 24px;
+      max-width: min(420px, calc(100vw - 48px));
+      padding: 13px 16px;
+      color: #fff;
+      border: 1px solid #344054;
+      border-radius: 6px;
+      background: var(--sidebar);
+      box-shadow: var(--shadow);
+    }
+
+    .mobile-runs { display: none; }
+    .mobile-run { padding: 14px; border: 1px solid var(--line); background: var(--surface); }
+    .mobile-run + .mobile-run { border-top: 0; }
+    .mobile-run-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+    .mobile-run strong { display: block; margin-top: 12px; }
+    .mobile-run p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
+
+    @media (max-width: 1120px) {
+      .studio-action-label.secondary { display: none; }
+      .data-table.activity-table th:nth-child(3), .data-table.activity-table td:nth-child(3),
+      .data-table.activity-table th:nth-child(6), .data-table.activity-table td:nth-child(6),
+      .data-table.activity-table th:nth-child(7), .data-table.activity-table td:nth-child(7) { display: none; }
+    }
+
+    @media (max-width: 1180px) {
+      .settings-layout { grid-template-columns: 1fr; gap: 22px; }
+      .settings-section-nav { position: static; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
+      .settings-section-tab { justify-content: center; text-align: center; }
+    }
+
+    @media (max-width: 980px) {
+      .app { display: block; padding-bottom: 0; }
+      .sidebar { position: sticky; top: 0; bottom: auto; left: auto; right: auto; z-index: 80; width: auto; height: 64px; padding: 7px 10px; display: block; border: 0; border-bottom: 1px solid #344054; }
+      .brand, .workspace { display: none; }
+      .nav { height: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
+      .nav-button { height: 48px; justify-content: center; padding: 0 10px; }
+      .main { min-height: calc(100vh - 64px); }
+      .page-header { min-height: 0; padding: 16px; align-items: flex-start; }
+      .page-header h1 { font-size: 19px; }
+      .page-header p { max-width: 240px; line-height: 1.4; }
+      .header-actions { max-width: 132px; }
+      .header-actions .button:not(.primary):not(.keep-mobile) { display: none; }
+      #editor-view .studio-header { flex-wrap: wrap; }
+      #editor-view .studio-actions { width: 100%; justify-content: flex-start; }
+      #editor-view .studio-actions .button { display: block; }
+      .content, .workflow-activity { padding: 18px 16px 40px; }
+      .toolbar { align-items: stretch; }
+      .search { flex-basis: 100%; min-width: 0; }
+      .filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
+      .filter { flex: 0 0 auto; }
+      .desktop-table { display: none; }
+      .mobile-runs { display: block; }
+      .run-banner { width: calc(100% - 48px); align-items: flex-start; flex-wrap: wrap; }
+      .run-banner .button { margin-left: 22px; }
+      .editor-studio { height: 720px; min-height: 720px; }
+      .canvas-stage { top: 54px; left: 12px; transform: scale(.58); }
+      .studio-inspector, .studio-yaml-panel { top: auto; left: 10px; width: auto; max-height: 58%; border-left: 0; border-top: 1px solid #e5e7eb; border-radius: 8px; }
+      .studio-schedule-panel { position: absolute; top: auto; right: 10px; bottom: 10px; left: 10px; flex-basis: auto; width: auto; max-height: 58%; border-left: 0; border-top: 1px solid #e5e7eb; border-radius: 8px; }
+      .canvas-minimap { display: none; }
+      .create-grid { display: block; }
+      .create-choice, .create-choice:nth-child(2n), .create-choice:nth-last-child(-n+2) { width: 100%; min-height: 150px; border-right: 0; border-bottom: 1px solid var(--line); }
+      .create-choice:last-child { border-bottom: 0; }
+      .template-grid { grid-template-columns: 1fr; }
+      .modal-backdrop { padding: 12px; align-items: end; }
+      .modal { max-height: calc(100vh - 24px); border-radius: 8px 8px 0 0; }
+      .modal-header, .modal-body, .modal-footer { padding-left: 16px; padding-right: 16px; }
+      .schedule-quick-grid { grid-template-columns: 1fr; }
+      .schedule-quick-grid .full { grid-column: auto; }
+      .schedule-repeat-builder { grid-template-columns: 1fr; }
+      .schedule-repeat-preview-row { display: block; }
+      .schedule-repeat-preview-row > :last-child { display: block; margin-top: 5px; }
+      .schedule-quick-preview ul { grid-template-columns: 1fr; }
+      .schedule-quick-context { align-items: flex-start; flex-direction: column; }
+      .detail-grid { display: block; }
+      .detail-cell, .detail-cell:nth-child(2n), .detail-cell:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--line); }
+      .detail-cell:last-child { border-bottom: 0; }
+      .drawer-footer { padding-bottom: 14px; }
+      .section-heading { align-items: flex-start; }
+      .section-heading .button { display: none; }
+      .studio-schedule-panel .section-heading .button { display: inline-flex; }
+      .toast { right: 14px; bottom: 14px; max-width: calc(100vw - 28px); }
+    }
+
+    @media (max-width: 620px) {
+      .studio-action-group + .studio-action-group { margin-left: 0; padding-left: 0; border-left: 0; }
+      .studio-action-label { display: none; }
+      .studio-button { width: 34px; padding: 0; }
+      .studio-button-icon { margin-right: 0; }
+      .editor-studio { height: calc(100vh - 176px); min-height: 560px; }
+      .canvas-stage { top: 120px; left: 8px; transform: scale(.28); }
+      .settings-view-heading { display: block; }
+      .settings-section-tab { min-width: 0; padding: 0 6px; font-size: 12px; }
+      .settings-form-row { grid-template-columns: 1fr; gap: 12px; padding: 18px 0; }
+      .settings-control .select, .settings-control .input { max-width: none; }
+      .settings-savebar { align-items: stretch; flex-direction: column; }
+      .settings-savebar-actions { width: 100%; }
+      .settings-savebar-actions .button { flex: 1; }
+      .settings-details { grid-template-columns: 1fr; }
+      .settings-detail:nth-child(2n) { padding-left: 0; border-left: 0; }
+      .technical-row { grid-template-columns: 1fr; }
+    }
+
+    .studio-schedule-panel .schedule-repeat-builder { grid-template-columns: 1fr; }
+    .studio-schedule-panel .schedule-repeat-preview-row { display: block; }
+    .studio-schedule-panel .schedule-repeat-preview-row > :last-child { display: block; margin-top: 5px; }
+  </style>
+</head>
+<body>
+  <div class="app">
+    <aside class="sidebar" aria-label="Primary navigation">
+      <div class="brand"><strong>AEVATAR</strong><span>AUTOMATION</span></div>
+      <nav class="nav">
+        <button type="button" class="nav-button active" data-nav="workflows"><span class="nav-icon"></span>Workflows</button>
+        <button type="button" class="nav-button" data-nav="activity"><span class="nav-icon"></span>Activity</button>
+        <button type="button" class="nav-button" data-nav="settings"><span class="nav-icon"></span>Settings</button>
+      </nav>
+      <div class="workspace"><span>Workspace</span><strong>Acme Operations</strong></div>
+    </aside>
+
+    <main class="main">
+      <section class="view" id="workflows-view">
+        <header class="page-header">
+          <div><h1>Workflows</h1><p>Create, edit, publish, and run automations.</p></div>
+          <div class="header-actions"><button type="button" class="button primary" id="new-workflow">New workflow</button></div>
+        </header>
+        <div class="content">
+          <div class="toolbar">
+            <label class="search"><span class="field-label">Search</span><input class="input" id="workflow-search" placeholder="Search workflows"></label>
+            <div class="filters" id="workflow-filters" aria-label="Workflow filters">
+              <button type="button" class="filter active" data-workflow-filter="All">All</button>
+              <button type="button" class="filter" data-workflow-filter="Published">Published</button>
+              <button type="button" class="filter" data-workflow-filter="Draft">Drafts</button>
+              <button type="button" class="filter" data-workflow-filter="Failing">Failing</button>
+            </div>
+          </div>
+          <div id="workflow-table-wrap"></div>
+        </div>
+      </section>
+
+      <section class="view" id="editor-view" hidden>
+        <header class="page-header studio-header">
+          <div class="studio-identity">
+            <button type="button" class="button studio-back" id="back-workflows" aria-label="Back to Workflows" title="Back">←</button>
+            <div class="studio-identity-copy"><h1 id="editor-title">Customer escalation triage</h1><p id="editor-subtitle">Current draft · revision 12 · Saved just now</p></div>
+            <span class="studio-status" id="editor-status">Draft</span>
+          </div>
+          <div class="studio-actions" aria-label="Workflow editor actions">
+            <div class="studio-action-group">
+              <button type="button" class="button studio-button" id="editor-run"><span class="studio-button-icon">▶</span><span class="studio-action-label">Run</span></button>
+              <button type="button" class="button studio-button" id="editor-schedule" title="Publish this workflow before scheduling it."><span class="studio-button-icon">◷</span><span class="studio-action-label">Schedule</span></button>
+            </div>
+            <div class="studio-action-group">
+              <button type="button" class="button studio-button" id="add-step"><span class="studio-button-icon">+</span><span class="studio-action-label secondary">Add node</span></button>
+              <button type="button" class="button studio-button" id="editor-yaml"><span class="studio-button-icon">&lt;/&gt;</span><span class="studio-action-label">Edit YAML</span></button>
+            </div>
+            <div class="studio-action-group">
+              <button type="button" class="button studio-button primary" id="editor-save"><span class="studio-button-icon">▣</span><span class="studio-action-label">Save</span></button>
+              <button type="button" class="button studio-button" id="editor-publish"><span class="studio-button-icon">↑</span><span class="studio-action-label">Publish</span></button>
+            </div>
+          </div>
+        </header>
+        <div class="editor-studio" id="builder-panel">
+          <div class="workflow-canvas" id="workflow-canvas" aria-label="Workflow graph canvas"></div>
+          <div id="active-run-banner"></div>
+          <aside class="studio-inspector" id="config-panel" hidden></aside>
+          <aside class="studio-yaml-panel" id="yaml-panel" hidden aria-label="Workflow YAML editor">
+            <header class="studio-panel-header"><div><h2>Edit YAML</h2><p>Review and apply this workflow document.</p></div><button type="button" class="icon-button" id="close-yaml" aria-label="Close YAML editor" title="Close">×</button></header>
+            <textarea class="textarea yaml-editor" id="workflow-yaml-editor" aria-label="Workflow YAML"></textarea>
+            <p class="validation" id="yaml-editor-error" role="alert" hidden style="margin:10px 20px 0"></p>
+            <footer class="studio-panel-footer"><button type="button" class="button small" id="cancel-yaml">Cancel</button><button type="button" class="button small primary" id="apply-yaml">Apply changes</button></footer>
+          </aside>
+          <aside class="studio-schedule-panel" id="schedule-panel" hidden aria-label="Workflow schedules"></aside>
+        </div>
+      </section>
+
+      <section class="view" id="activity-view" hidden>
+        <header class="page-header">
+          <div><h1>Activity</h1><p id="activity-subtitle">Every Run, newest first. Search, inspect, and recover from one place.</p></div>
+        </header>
+        <div class="content">
+          <div class="toolbar">
+            <label class="search"><span class="field-label">Search</span><input class="input" id="activity-search" placeholder="Search workflow, Run, or outcome"></label>
+            <div class="filters" id="activity-filters" aria-label="Activity filters">
+              <button type="button" class="filter active" data-activity-filter="All">All</button>
+              <button type="button" class="filter" data-activity-filter="Needs you">Needs you</button>
+              <button type="button" class="filter" data-activity-filter="Running">Running</button>
+              <button type="button" class="filter" data-activity-filter="Failed">Failed</button>
+              <button type="button" class="filter" data-activity-filter="Scheduled">Scheduled</button>
+              <button type="button" class="filter" data-activity-filter="Mine">Mine</button>
+            </div>
+          </div>
+          <div id="activity-table-wrap"></div>
+        </div>
+      </section>
+
+      <section class="view" id="settings-view" hidden>
+        <header class="page-header">
+          <div><h1>Settings</h1><p>Personal defaults and access.</p></div>
+        </header>
+        <div class="content settings-content">
+          <div class="settings-layout">
+            <aside class="settings-section-nav" role="tablist" aria-label="Settings sections" aria-orientation="vertical">
+              <button type="button" class="settings-section-tab active" id="ai-defaults-tab" data-settings-section="ai" role="tab" aria-selected="true" aria-controls="ai-settings-panel" tabindex="0">AI defaults</button>
+              <button type="button" class="settings-section-tab" id="account-tab" data-settings-section="account" role="tab" aria-selected="false" aria-controls="account-settings-panel" tabindex="-1">Account</button>
+              <button type="button" class="settings-section-tab" id="advanced-tab" data-settings-section="advanced" role="tab" aria-selected="false" aria-controls="advanced-settings-panel" tabindex="-1">Advanced</button>
+            </aside>
+
+            <div class="settings-main">
+              <div id="ai-settings-panel" role="tabpanel" aria-labelledby="ai-defaults-tab">
+                <header class="settings-view-heading">
+                  <div><h2>AI defaults</h2><p>Choose the service and model used by new Chat, Studio, and global tool sessions without an override.</p></div>
+                </header>
+                <div class="settings-stack">
+                  <section class="settings-section">
+                    <div class="settings-form">
+                      <div class="settings-form-row">
+                        <div class="settings-form-label"><strong>Preferred service</strong><span>Gateway or an exact connected service.</span></div>
+                        <div class="settings-control"><select class="select" id="llm-service" aria-label="Preferred LLM service">
+                          <optgroup label="Available services">
+                            <option value="gateway">NyxID Gateway</option>
+                            <option value="openai-team">OpenAI Team Service</option>
+                            <option value="anthropic-lab">Anthropic Lab Service</option>
+                          </optgroup>
+                          <optgroup label="Saved services">
+                            <option value="legacy-openai" disabled>Legacy OpenAI Service (unavailable)</option>
+                          </optgroup>
+                        </select></div>
+                      </div>
+                      <div class="settings-form-row">
+                        <div class="settings-form-label"><strong>Default model</strong><span>Leave unset to use the service default.</span></div>
+                        <div class="settings-control"><select class="select" id="llm-model" aria-label="Default model"></select></div>
+                      </div>
+                    </div>
+                  </section>
+                </div>
+                <div class="settings-savebar" id="settings-savebar" hidden>
+                  <div><strong id="settings-savebar-title">Unsaved changes</strong><span id="settings-savebar-copy">Your AI defaults have not been saved.</span></div>
+                  <div class="settings-savebar-actions"><button type="button" class="button small" id="reset-settings">Discard</button><button type="button" class="button small primary" id="save-settings">Save changes</button></div>
+                </div>
+              </div>
+
+              <div id="account-settings-panel" role="tabpanel" aria-labelledby="account-tab" hidden>
+                <header class="settings-view-heading"><div><h2>Account</h2><p>Identity and service access for this browser session.</p></div></header>
+                <div id="account-dirty-alert"></div>
+                <div class="settings-stack">
+                  <section class="settings-section">
+                    <header class="settings-section-header"><h3>Profile</h3><button type="button" class="button danger small" id="account-signout">Sign out</button></header>
+                    <div id="account-profile-body"></div>
+                  </section>
+                  <section class="settings-section">
+                    <header class="settings-section-header"><h3>Authentication</h3><button type="button" class="button small" id="manage-service-access">Manage service access</button></header>
+                    <div class="settings-details" id="authentication-fields">
+                      <div class="settings-detail"><span>Session expires</span><strong>2026/8/4 18:30</strong></div>
+                      <div class="settings-detail"><span>Provider</span><strong>NyxID</strong></div>
+                      <div class="settings-detail"><span>Scope</span><strong>openid profile email</strong></div>
+                      <div class="settings-detail"><span>Browser token refresh</span><strong>Disabled</strong></div>
+                    </div><div id="service-access-alert" aria-live="polite"></div>
+                  </section>
+                </div>
+              </div>
+
+              <div id="advanced-settings-panel" role="tabpanel" aria-labelledby="advanced-tab" hidden>
+                <header class="settings-view-heading"><div><h2>Advanced</h2><p>Read-only runtime and routing details for troubleshooting.</p></div></header>
+                <div class="settings-stack">
+                  <section class="settings-section">
+                    <header class="settings-section-header"><div><h3>Request values</h3><p>Effective values supplied to new requests.</p></div></header>
+                    <div class="technical-preview">
+                      <div class="technical-row"><strong>x-aevatar-llm-route</strong><span id="preview-route">nyxid_gateway</span></div>
+                      <div class="technical-row"><strong>x-aevatar-llm-model</strong><span id="preview-model">gpt-4o-mini</span></div>
+                      <div class="technical-row"><strong>studio.runtime_base_url</strong><span>http://127.0.0.1:5080</span></div>
+                      <div class="technical-row"><strong>aevatar.runtime_mode</strong><span>local</span></div>
+                    </div>
+                  </section>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+  </div>
+
+  <div class="modal-backdrop" id="create-modal" hidden>
+    <section class="modal wide" role="dialog" aria-modal="true" aria-labelledby="create-title">
+      <header class="modal-header"><h2 id="create-title">New workflow</h2><p>Each starting point creates a workflow draft directly.</p></header>
+      <div class="modal-body">
+        <div class="create-grid">
+          <button type="button" class="create-choice primary-choice" data-create="describe"><strong>Describe what you need</strong><span>Turn a plain-language goal into a reviewable first draft.</span><em>Describe</em></button>
+          <button type="button" class="create-choice" data-create="blank"><strong>Start blank</strong><span>Open an empty workflow canvas and add the first node.</span><em>Start blank</em></button>
+          <button type="button" class="create-choice" data-create="import"><strong>Import YAML</strong><span>Create a draft from an existing workflow definition.</span><em>Import</em></button>
+          <button type="button" class="create-choice" data-create="template"><strong>Use a template</strong><span>Choose a proven starting point, then review its steps.</span><em>Browse templates</em></button>
+        </div>
+      </div>
+      <footer class="modal-footer"><button type="button" class="button" data-close-modal="create-modal">Cancel</button></footer>
+    </section>
+  </div>
+
+  <div class="modal-backdrop" id="describe-modal" hidden>
+    <section class="modal" role="dialog" aria-modal="true" aria-labelledby="describe-title">
+      <header class="modal-header"><h2 id="describe-title">Describe your workflow</h2><p>A draft will open immediately for review.</p></header>
+      <div class="modal-body"><label><span class="field-label">Goal</span><textarea class="textarea" id="workflow-goal">Every Monday, group feedback themes and post a concise summary.</textarea></label><p class="validation" id="goal-error" role="alert" hidden></p></div>
+      <footer class="modal-footer"><button type="button" class="button" data-close-modal="describe-modal">Cancel</button><button type="button" class="button primary" id="create-from-description">Create workflow</button></footer>
+    </section>
+  </div>
+
+  <div class="modal-backdrop" id="import-modal" hidden>
+    <section class="modal" role="dialog" aria-modal="true" aria-labelledby="import-title">
+      <header class="modal-header"><h2 id="import-title">Import workflow YAML</h2><p>Validate the workflow document, then review its nodes on the canvas.</p></header>
+      <div class="modal-body">
+        <label><span class="field-label">Workflow YAML</span><textarea class="textarea mono" id="workflow-yaml" style="min-height:300px">name: Daily order exception report
+description: Find order exceptions and send an operations summary.
+steps:
+  - name: Find order exceptions
+    type: Data query
+  - name: Summarize exceptions
+    type: AI task
+  - name: Send operations summary
+    type: Lark message</textarea></label>
+        <p class="validation" id="yaml-error" role="alert" hidden></p>
+      </div>
+      <footer class="modal-footer"><button type="button" class="button" data-close-modal="import-modal">Cancel</button><button type="button" class="button primary" id="create-from-yaml">Import workflow</button></footer>
+    </section>
+  </div>
+
+  <div class="modal-backdrop" id="template-modal" hidden>
+    <section class="modal wide" role="dialog" aria-modal="true" aria-labelledby="template-title">
+      <header class="modal-header"><h2 id="template-title">Choose a workflow template</h2><p>Templates create an editable draft with connected nodes and configuration.</p></header>
+      <div class="modal-body"><div class="template-grid" id="template-list"></div></div>
+      <footer class="modal-footer"><button type="button" class="button" data-close-modal="template-modal">Cancel</button></footer>
+    </section>
+  </div>
+
+  <div class="modal-backdrop" id="schedule-quick-modal" hidden>
+    <section class="modal schedule-quick-modal" role="dialog" aria-modal="true" aria-labelledby="schedule-quick-title">
+      <header class="modal-header">
+        <div class="schedule-modal-title"><button type="button" class="icon-button" id="schedule-quick-back" aria-label="Back to schedules" title="Back" hidden>←</button><div><h2 id="schedule-quick-title">New schedule</h2><p id="schedule-quick-subtitle">Configure recurring work without leaving Workflows.</p></div></div>
+        <button type="button" class="icon-button" id="close-schedule-quick" aria-label="Close new schedule" title="Close">×</button>
+      </header>
+      <div class="modal-body" id="schedule-quick-content"></div>
+      <footer class="modal-footer" id="schedule-quick-footer"></footer>
+    </section>
+  </div>
+
+  <div class="node-library-layer" id="step-modal" hidden>
+    <aside class="node-library" role="dialog" aria-modal="true" aria-labelledby="step-title">
+      <header class="studio-panel-header"><div><h2 id="step-title">Node library</h2><p>Add a node to the workflow canvas.</p></div><button type="button" class="icon-button" data-close-modal="step-modal" aria-label="Close node library" title="Close">×</button></header>
+      <div class="node-library-list">
+        <label><span class="field-label">Search nodes</span><input class="input" id="node-search" placeholder="Search nodes"></label>
+        <section class="node-category" data-node-category><div class="node-category-title">Data and AI <span>2</span></div>
+          <button type="button" class="node-library-item" data-step-type="data" data-node-search="data query records source"><i class="node-library-dot" style="--node-color:#0891b2"></i><span><strong>Data query</strong><small>Data</small></span></button>
+          <button type="button" class="node-library-item" data-step-type="ai" data-node-search="ai task transform summarize"><i class="node-library-dot" style="--node-color:#2563eb"></i><span><strong>AI task</strong><small>AI</small></span></button>
+        </section>
+        <section class="node-category" data-node-category><div class="node-category-title">Integrations <span>1</span></div>
+          <button type="button" class="node-library-item" data-step-type="message" data-node-search="send message lark integration"><i class="node-library-dot" style="--node-color:#16a34a"></i><span><strong>Send message</strong><small>Integration</small></span></button>
+        </section>
+      </div>
+    </aside>
+  </div>
+
+  <div class="modal-backdrop" id="run-modal" hidden>
+    <section class="modal" role="dialog" aria-modal="true" aria-labelledby="run-title">
+      <header class="modal-header"><h2 id="run-title">Run workflow</h2><p>Confirm the revision, inputs, and external effects.</p></header>
+      <div class="modal-body">
+        <div class="run-summary"><strong id="run-workflow-name">Workflow</strong><code id="run-revision">Current draft · revision 12</code></div>
+        <p id="linked-source" class="link-panel" hidden></p>
+        <label class="form-row" style="display:block;margin-top:18px"><span class="field-label">Input</span><textarea class="textarea" id="run-input">{
+  "conversation": "support-thread-4821"
+}</textarea></label>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
+          <label class="form-row"><span class="field-label">Environment</span><select class="select"><option>Production</option><option>Staging</option></select></label>
+          <label class="form-row"><span class="field-label">Connections</span><select class="select"><option>2 ready</option></select></label>
+        </div>
+        <div class="effect"><strong>External effects</strong><p>This workflow may post a Lark message and create a Linear issue.</p></div>
+        <label class="check"><input type="checkbox" id="effects-check"><span>I understand this workflow may change external systems.</span></label>
+        <div class="history-note">This Run will be saved in Activity.</div>
+      </div>
+      <footer class="modal-footer"><button type="button" class="button" data-close-modal="run-modal">Cancel</button><button type="button" class="button primary" id="confirm-run" disabled>Run</button></footer>
+    </section>
+  </div>
+
+  <div class="drawer-backdrop" id="run-drawer" hidden>
+    <aside class="drawer" role="dialog" aria-modal="true" aria-labelledby="drawer-title">
+      <header class="drawer-header"><div class="drawer-header-top"><div><h2 id="drawer-title">Run detail</h2><p id="drawer-subtitle"></p></div><button type="button" class="icon-button" id="close-drawer" aria-label="Close Run detail" title="Close">×</button></div></header>
+      <div class="drawer-body" id="drawer-body"></div>
+      <footer class="drawer-footer" id="drawer-footer"></footer>
+    </aside>
+  </div>
+
+  <div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
+
+  <script>
+    const STORAGE_KEY = "aevatar-workflow-activity-vnext-v2-runs";
+    const WORKFLOW_STORAGE_KEY = "aevatar-workflow-activity-vnext-v2-workflows";
+    const SETTINGS_STORAGE_KEY = "aevatar-workflow-activity-vnext-v2-settings";
+    const ACCOUNT_STORAGE_KEY = "aevatar-workflow-activity-vnext-v2-account";
+
+    const settingsCatalog = {
+      gateway: {
+        label: "NyxID Gateway",
+        route: "nyxid_gateway",
+        models: ["gpt-4o-mini", "gpt-4o", "claude-3-5-sonnet", "claude-3-opus"]
+      },
+      "openai-team": {
+        label: "OpenAI Team Service",
+        route: "/api/v1/proxy/s/openai-team",
+        models: ["gpt-4.1-mini"]
+      },
+      "anthropic-lab": {
+        label: "Anthropic Lab Service",
+        route: "/api/v1/proxy/s/anthropic-team",
+        models: ["claude-3-haiku"]
+      }
+    };
+
+    const seedWorkflows = [
+      {
+        id: "wf-feedback", scopeId: "scope-demo", publishedServiceId: "svc-feedback-digest", activeRevisionId: "rev-feedback-v7", name: "Weekly feedback digest", description: "Group feedback and post a weekly summary",
+        state: "Published", revision: "Published · v7", last: "2h ago", lastStatus: "Succeeded", creation: "Template",
+        runInput: '{\n  "week": "2026-W32"\n}', effects: "Posts one summary to the weekly feedback channel.",
+        steps: [
+          makeStep("Collect recent feedback", "Lark messages", [["Channel", "#feedback"], ["Window", "Previous 7 days"]]),
+          makeStep("Group feedback themes", "AI task", [["Instruction", "Group similar feedback into named themes and count each theme.", true], ["Model", "Workspace default"]]),
+          makeStep("Draft weekly summary", "AI task", [["Instruction", "Write a concise summary with top themes, examples, and urgent items.", true], ["Tone", "Direct and neutral"]]),
+          makeStep("Post summary", "Lark message", [["Channel", "#weekly-feedback"], ["Message", "Use the output from Draft weekly summary", true]])
+        ]
+      },
+      {
+        id: "wf-escalation", scopeId: "scope-demo", publishedServiceId: null, activeRevisionId: null, name: "Customer escalation triage", description: "Classify urgent conversations and prepare replies",
+        state: "Draft", revision: "Current draft · revision 12", last: "4m ago", lastStatus: "Running", creation: "Description",
+        runInput: '{\n  "conversation": "support-thread-4821"\n}', effects: "May post a Lark reply and create a Linear issue.",
+        steps: [
+          makeStep("Receive conversation", "Lark message", [["Channel", "#support"], ["Event", "New message"]]),
+          makeStep("Classify severity", "AI task", [["Instruction", "Classify the conversation as routine, important, or urgent.", true], ["Model", "Workspace default"]]),
+          makeStep("Route escalation", "Condition", [["Condition", "severity is urgent"], ["If true", "Prepare reply"], ["Otherwise", "Post response"]]),
+          makeStep("Prepare reply", "AI task", [["Instruction", "Draft a helpful response using the conversation context.", true], ["Tone", "Calm and concise"]]),
+          makeStep("Post response", "Lark message", [["Channel", "Original conversation"], ["Message", "Use the prepared reply", true]])
+        ]
+      },
+      {
+        id: "wf-invoice", scopeId: "scope-demo", publishedServiceId: "svc-invoice-follow-up", activeRevisionId: "rev-invoice-v4", name: "Invoice follow-up", description: "Prepare overdue invoice reminders for approval",
+        state: "Published", revision: "Published · v4", last: "42m ago", lastStatus: "Needs you", creation: "Template",
+        runInput: '{\n  "asOf": "2026-08-03"\n}', effects: "May send approved reminder emails.",
+        steps: [
+          makeStep("Find overdue invoices", "Xero query", [["Status", "Overdue"], ["Minimum days", "7"]]),
+          makeStep("Draft reminders", "AI task", [["Instruction", "Draft one concise reminder for each overdue invoice.", true], ["Tone", "Professional"]]),
+          makeStep("Approve messages", "Approval", [["Approvers", "Finance operations"], ["Timeout", "24 hours"]]),
+          makeStep("Send reminders", "Gmail message", [["From", "accounts@acme.example"], ["Message", "Use each approved reminder", true]])
+        ]
+      },
+      {
+        id: "wf-orders", scopeId: "scope-demo", publishedServiceId: "svc-nightly-order-sync", activeRevisionId: "rev-orders-v9", name: "Nightly order sync", description: "Move completed orders into the warehouse",
+        state: "Published", revision: "Published · v9", last: "3:04 AM", lastStatus: "Failed", creation: "Import",
+        runInput: '{\n  "date": "2026-08-02"\n}', effects: "Writes completed order rows to the warehouse.",
+        steps: [
+          makeStep("Read completed orders", "Data query", [["Source", "Orders"], ["Filter", "status = completed"]]),
+          makeStep("Validate order rows", "Validation", [["Required fields", "order_id, total, completed_at"], ["On invalid", "Stop Run"]]),
+          makeStep("Write completed orders", "Warehouse write", [["Destination", "analytics.completed_orders"], ["Write mode", "Upsert"]])
+        ]
+      },
+      {
+        id: "wf-contract", scopeId: "scope-demo", publishedServiceId: null, activeRevisionId: null, name: "Contract review", description: "Flag unusual clauses and prepare a review note",
+        state: "Draft", revision: "Current draft · revision 3", last: "Never", lastStatus: "Never", creation: "Blank",
+        runInput: '{\n  "document": "contract.pdf"\n}', effects: "Creates a private review note.",
+        steps: [
+          makeStep("Read contract", "Drive document", [["Folder", "Legal review"], ["Document", "Run input"]]),
+          makeStep("Review clauses", "AI task", [["Instruction", "Flag unusual obligations, renewal terms, and liability clauses.", true], ["Policy", "Standard contract policy"]]),
+          makeStep("Create review note", "Document", [["Folder", "Legal review notes"], ["Content", "Use clause review output", true]])
+        ]
+      }
+    ];
+
+    // Production uses the workflow-scoped facade. The backend resolves service,
+    // revision, and authenticated owner details without exposing them in this UI.
+    const workflowScheduleApiContract = [
+      "GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules",
+      "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/preview",
+      "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules",
+      "GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}",
+      "PUT /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}",
+      "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:enable",
+      "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:disable",
+      "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:run-now",
+      "DELETE /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}"
+    ];
+    void workflowScheduleApiContract;
+
+    const prototypeSchedulePreviewByCron = {
+      "0 * * * *": { requestId: "preview-hourly-response", fires: ["Wed, Aug 19 · 00:00", "Wed, Aug 19 · 01:00", "Wed, Aug 19 · 02:00", "Wed, Aug 19 · 03:00", "Wed, Aug 19 · 04:00"] },
+      "0 9 * * *": { requestId: "preview-daily-response", fires: ["Wed, Aug 19 · 09:00", "Thu, Aug 20 · 09:00", "Fri, Aug 21 · 09:00", "Sat, Aug 22 · 09:00", "Sun, Aug 23 · 09:00"] },
+      "0 9 * * 1-5": { requestId: "preview-weekdays-response", fires: ["Wed, Aug 19 · 09:00", "Thu, Aug 20 · 09:00", "Fri, Aug 21 · 09:00", "Mon, Aug 24 · 09:00", "Tue, Aug 25 · 09:00"] },
+      "0 9 * * 0,6": { requestId: "preview-weekends-response", fires: ["Sat, Aug 22 · 09:00", "Sun, Aug 23 · 09:00", "Sat, Aug 29 · 09:00", "Sun, Aug 30 · 09:00", "Sat, Sep 5 · 09:00"] },
+      "0 9 * * 1": { requestId: "preview-mondays-response", fires: ["Mon, Aug 24 · 09:00", "Mon, Aug 31 · 09:00", "Mon, Sep 7 · 09:00", "Mon, Sep 14 · 09:00", "Mon, Sep 21 · 09:00"] },
+      "0 9 * * 1,3,5": { requestId: "preview-mwf-response", fires: ["Wed, Aug 19 · 09:00", "Fri, Aug 21 · 09:00", "Mon, Aug 24 · 09:00", "Wed, Aug 26 · 09:00", "Fri, Aug 28 · 09:00"] },
+      "15 14 * * 2,4": { requestId: "preview-custom-response", fires: ["Thu, Aug 20 · 14:15", "Tue, Aug 25 · 14:15", "Thu, Aug 27 · 14:15", "Tue, Sep 1 · 14:15", "Thu, Sep 3 · 14:15"] }
+    };
+
+    const workflowTemplates = [
+      {
+        id: "weekly-feedback", name: "Weekly feedback digest", description: "Group the last week of feedback and post one concise summary.", integrations: "Lark · 4 steps",
+        steps: seedWorkflows[0].steps
+      },
+      {
+        id: "invoice-follow-up", name: "Invoice follow-up", description: "Find overdue invoices, draft reminders, request approval, and send.", integrations: "Xero + Gmail · 4 steps",
+        steps: seedWorkflows[2].steps
+      },
+      {
+        id: "standup-digest", name: "Standup digest", description: "Collect contributor updates and post a structured standup summary.", integrations: "Lark · 4 steps",
+        steps: [
+          makeStep("Collect contributor updates", "Lark messages", [["Channel", "#daily-updates"], ["Window", "Previous 24 hours"]]),
+          makeStep("Draft standup digest", "AI task", [["Instruction", "Group updates into completed, planned, and blocked.", true], ["Tone", "Concise"]]),
+          makeStep("Post standup digest", "Lark message", [["Channel", "#standup"], ["Message", "Use the digest output", true]])
+        ]
+      }
+    ];
+
+    const initialRuns = [
+      { id: "R-1041", workflowId: "wf-invoice", scheduleId: "sch-invoice-weekday", workflow: "Invoice follow-up", status: "Needs you", origin: "Schedule · weekday", revision: "Published · v4", when: "42m ago", took: "02:18", usage: "$0.22", outcome: "Approve 4 messages", startedBy: "Automation", sourceId: null },
+      { id: "R-1040", workflowId: "wf-feedback", scheduleId: "sch-feedback-morning", workflow: "Weekly feedback digest", status: "Succeeded", origin: "Schedule · morning digest", revision: "Published · v7", when: "2h ago", took: "01:42", usage: "$0.18", outcome: "Posted 1 summary", startedBy: "Automation", sourceId: null },
+      { id: "R-1038", workflowId: "wf-orders", scheduleId: "sch-orders-nightly", workflow: "Nightly order sync", status: "Failed", origin: "Schedule · nightly", revision: "Published · v9", when: "3:04 AM", took: "00:21", usage: "$0.04", outcome: "Warehouse unavailable", startedBy: "Automation", sourceId: null, error: "The warehouse connection rejected the request at step 4." },
+      { id: "R-1032", workflowId: "wf-escalation", workflow: "Customer escalation triage", status: "Succeeded", origin: "Retry · R-1031", revision: "Draft · revision 11", when: "Yesterday", took: "00:49", usage: "$0.09", outcome: "Posted reply", startedBy: "You", sourceId: "R-1031" },
+      { id: "R-1031", workflowId: "wf-escalation", workflow: "Customer escalation triage", status: "Failed", origin: "Manual · Calvin", revision: "Draft · revision 11", when: "Yesterday", took: "00:13", usage: "$0.02", outcome: "Linear permission denied", startedBy: "Calvin", sourceId: null, error: "Linear rejected the request because this connection lacks issue creation permission." },
+      { id: "R-1028", workflowId: "wf-invoice", workflow: "Invoice follow-up", status: "Succeeded", origin: "Manual · you", revision: "Published · v4", when: "2d ago", took: "02:04", usage: "$0.20", outcome: "Sent 6 reminders", startedBy: "You", sourceId: null }
+    ];
+
+    // Isolated read-model fixtures keyed by exact scopeId + workflowId.
+    const prototypeWorkflowSchedules = {
+      "scope-demo": {
+        "wf-feedback": [
+            {
+              scheduleId: "sch-feedback-morning",
+              displayName: "Morning digest",
+              cronExpression: "0 9 * * 1-5",
+              timezone: "Asia/Shanghai",
+              prompt: "Summarize new feedback.",
+              enabled: true,
+              nextFireAt: "Tue, Aug 12 at 09:00",
+              lastFireAt: "Failed to start yesterday",
+              fireCount: 18,
+              failureCount: 1,
+              recentFires: [
+                { scheduledFireAt: "2026-08-24T01:00:00Z", completedAt: "2026-08-24T01:00:04Z", manual: false, runActorId: "", error: "Capability admission rejected the scheduled request for the current published revision." },
+                { scheduledFireAt: "2026-08-21T01:00:00Z", completedAt: "2026-08-21T01:01:13Z", manual: false, runActorId: "R-1040", error: "" },
+                { scheduledFireAt: "2026-08-20T07:42:00Z", completedAt: "2026-08-20T07:43:06Z", manual: true, runActorId: "", error: "" }
+              ],
+              lastError: "Last run couldn't be completed. Review the prompt or pause this Schedule."
+            },
+            {
+              scheduleId: "sch-feedback-weekly",
+              displayName: "Weekly review",
+              cronExpression: "0 10 * * 1",
+              timezone: "Asia/Shanghai",
+              prompt: "",
+              enabled: false,
+              nextFireAt: "No upcoming run",
+              lastFireAt: "Accepted Mon, Aug 4",
+              fireCount: 12,
+              failureCount: 0,
+              recentFires: [
+                { scheduledFireAt: "2026-08-17T02:00:00Z", completedAt: "2026-08-17T02:00:58Z", manual: false, runActorId: "", error: "" },
+                { scheduledFireAt: "2026-08-10T02:00:00Z", completedAt: "2026-08-10T02:01:02Z", manual: false, runActorId: "", error: "" }
+              ],
+              lastError: ""
+            }
+          ]
+      }
+    };
+
+    const quickScheduleCronByRepeat = {
+      "Every hour": "0 * * * *",
+      "Every day": "0 9 * * *",
+      "Every weekday": "0 9 * * 1-5",
+      "Every weekend": "0 9 * * 0,6",
+      "Every Monday": "0 9 * * 1",
+      "Every Mon, Wed and Fri": "0 9 * * 1,3,5",
+      "Write cron yourself": "15 14 * * 2,4"
+    };
+
+    const workflows = loadWorkflows();
+    const runs = loadRuns();
+    let currentView = "workflows";
+    let currentWorkflow = workflows[1] || workflows[0];
+    let workflowFilter = "All";
+    let activityFilter = "All";
+    let activityWorkflowId = null;
+    let activityScheduleId = null;
+    let selectedStep = -1;
+    let schedulePanelOpen = false;
+    let schedulePanelMode = "list";
+    let scheduleModalMode = "list";
+    let selectedScheduleId = null;
+    let scheduleMutation = null;
+    let scheduleCreationSurface = "modal";
+    let quickScheduleWorkflow = null;
+    let quickScheduleStep = "configure";
+    let quickScheduleDraft = null;
+    let quickSchedulePreview = null;
+    let quickScheduleRequestVersion = 0;
+    let canvasZoom = null;
+    let runContext = null;
+    let toastTimer = null;
+    let persistedSettings = loadSettings();
+    let settingsDraft = { ...persistedSettings };
+    let settingsSection = "ai";
+    let settingsSavePhase = null;
+    let accountSignedIn = loadAccountState();
+
+    function makeStep(name, kind, fields) {
+      return {
+        id: `step-${name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "")}-${Math.random().toString(36).slice(2, 7)}`,
+        name,
+        kind,
+        fields: fields.map(([label, value, multiline = false]) => ({ label, value, multiline }))
+      };
+    }
+
+    function loadWorkflows() {
+      try {
+        const stored = JSON.parse(localStorage.getItem(WORKFLOW_STORAGE_KEY) || "null");
+        return Array.isArray(stored) && stored.length ? stored : structuredClone(seedWorkflows);
+      } catch (_) {
+        return structuredClone(seedWorkflows);
+      }
+    }
+
+    function saveWorkflows() {
+      localStorage.setItem(WORKFLOW_STORAGE_KEY, JSON.stringify(workflows));
+    }
+
+    function loadRuns() {
+      try {
+        const stored = JSON.parse(localStorage.getItem(STORAGE_KEY) || "null");
+        return Array.isArray(stored) && stored.length ? stored : structuredClone(initialRuns);
+      } catch (_) {
+        return structuredClone(initialRuns);
+      }
+    }
+
+    function saveRuns() {
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(runs));
+    }
+
+    function loadSettings() {
+      try {
+        const stored = JSON.parse(localStorage.getItem(SETTINGS_STORAGE_KEY) || "null");
+        if (stored && settingsCatalog[stored.service]) return { service: stored.service, model: String(stored.model || "") };
+      } catch (_) {}
+      return { service: "gateway", model: "gpt-4o-mini" };
+    }
+
+    function loadAccountState() {
+      const stored = localStorage.getItem(ACCOUNT_STORAGE_KEY);
+      return stored === null ? true : stored === "signed-in";
+    }
+
+    function settingsDirty() {
+      return settingsDraft.service !== persistedSettings.service || settingsDraft.model !== persistedSettings.model;
+    }
+
+    function renderModelOptions() {
+      const modelSelect = document.querySelector("#llm-model");
+      const models = settingsCatalog[settingsDraft.service].models;
+      modelSelect.innerHTML = `<optgroup label="Model behavior"><option value="">Platform default</option></optgroup><optgroup label="${escapeHtml(settingsCatalog[settingsDraft.service].label)}">${models.map(model => `<option value="${escapeHtml(model)}">${escapeHtml(model)}</option>`).join("")}</optgroup>`;
+      modelSelect.value = settingsDraft.model;
+    }
+
+    function renderAccount() {
+      const profileBody = document.querySelector("#account-profile-body");
+      const signOut = document.querySelector("#account-signout");
+      const manageAccess = document.querySelector("#manage-service-access");
+      const authenticationFields = document.querySelector("#authentication-fields");
+      if (accountSignedIn) {
+        profileBody.innerHTML = `<div class="account-profile"><div class="account-avatar" aria-hidden="true">CT</div><div><h3>Calvin Tan</h3><p>calvin@example.com</p></div></div><div class="settings-details"><div class="settings-detail"><span>User ID</span><code>usr_7c9142...e8a13f</code></div><div class="settings-detail"><span>Roles</span><strong>admin, operator</strong></div><div class="settings-detail"><span>Groups</span><strong>platform</strong></div><div class="settings-detail"><span>Email</span><strong>Verified</strong></div></div>`;
+        signOut.hidden = false;
+        manageAccess.hidden = false;
+        authenticationFields.innerHTML = `<div class="settings-detail"><span>Session expires</span><strong>2026/8/4 18:30</strong></div><div class="settings-detail"><span>Provider</span><strong>NyxID</strong></div><div class="settings-detail"><span>Scope</span><strong>openid profile email</strong></div><div class="settings-detail"><span>Browser token refresh</span><strong>Disabled</strong></div>`;
+      } else {
+        profileBody.innerHTML = `<div class="settings-empty"><h3>No active session</h3><p>This browser does not have a restorable sign-in session.</p><button type="button" class="button primary" id="account-signin">Sign in</button></div>`;
+        signOut.hidden = true;
+        manageAccess.hidden = true;
+        authenticationFields.innerHTML = `<div class="settings-detail"><span>Session expires</span><strong>Unavailable</strong></div><div class="settings-detail"><span>Provider</span><strong>Unavailable</strong></div><div class="settings-detail"><span>Scope</span><strong>Unavailable</strong></div><div class="settings-detail"><span>Browser token refresh</span><strong>Disabled</strong></div>`;
+        document.querySelector("#account-signin").onclick = () => {
+          accountSignedIn = true;
+          localStorage.setItem(ACCOUNT_STORAGE_KEY, "signed-in");
+          renderAccount();
+          showToast("Signed in for this prototype.");
+        };
+      }
+    }
+
+    function renderSettings() {
+      const service = settingsCatalog[settingsDraft.service];
+      const dirty = settingsDirty();
+      const pending = Boolean(settingsSavePhase);
+      document.querySelector("#llm-service").value = settingsDraft.service;
+      renderModelOptions();
+      document.querySelector("#preview-route").textContent = service.route;
+      document.querySelector("#preview-model").textContent = settingsDraft.model || "unset";
+      const savebar = document.querySelector("#settings-savebar");
+      savebar.hidden = !dirty && !pending;
+      document.querySelector("#reset-settings").disabled = !dirty || pending;
+      document.querySelector("#save-settings").disabled = !dirty || pending;
+      document.querySelector("#save-settings").textContent = settingsSavePhase === "saving" ? "Saving..." : "Save changes";
+      document.querySelector("#settings-savebar-title").textContent = settingsSavePhase === "accepted" ? "Changes accepted" : settingsSavePhase === "saving" ? "Saving changes" : "Unsaved changes";
+      document.querySelector("#settings-savebar-copy").textContent = settingsSavePhase === "accepted" ? "Waiting for the saved service and model to be confirmed." : settingsSavePhase === "saving" ? "Sending the exact service and model." : "Your AI defaults have not been saved.";
+
+      document.querySelectorAll("[data-settings-section]").forEach(tab => {
+        const active = tab.dataset.settingsSection === settingsSection;
+        tab.classList.toggle("active", active);
+        tab.setAttribute("aria-selected", String(active));
+        tab.tabIndex = active ? 0 : -1;
+      });
+      document.querySelector("#ai-settings-panel").hidden = settingsSection !== "ai";
+      document.querySelector("#account-settings-panel").hidden = settingsSection !== "account";
+      document.querySelector("#advanced-settings-panel").hidden = settingsSection !== "advanced";
+      document.querySelector("#account-dirty-alert").innerHTML = dirty ? `<div class="settings-alert warning">AI defaults still have unsaved changes.</div>` : "";
+      renderAccount();
+    }
+
+    function saveSettings() {
+      if (!settingsDirty() || settingsSavePhase) return;
+      settingsSavePhase = "saving";
+      renderSettings();
+      window.setTimeout(() => {
+        settingsSavePhase = "accepted";
+        renderSettings();
+        window.setTimeout(() => {
+          persistedSettings = { ...settingsDraft };
+          localStorage.setItem(SETTINGS_STORAGE_KEY, JSON.stringify(persistedSettings));
+          settingsSavePhase = null;
+          renderSettings();
+          showToast("Settings saved and observed.");
+        }, 1100);
+      }, 550);
+    }
+
+    function escapeHtml(value) {
+      return String(value).replace(/[&<>"]/g, char => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[char]);
+    }
+
+    function statusClass(status) {
+      return status.toLowerCase().replaceAll(" ", "-");
+    }
+
+    function showToast(message) {
+      const toast = document.querySelector("#toast");
+      toast.textContent = message;
+      toast.hidden = false;
+      clearTimeout(toastTimer);
+      toastTimer = setTimeout(() => { toast.hidden = true; }, 3600);
+    }
+
+    function showView(view) {
+      currentView = view;
+      document.querySelectorAll(".view").forEach(section => { section.hidden = section.id !== `${view}-view`; });
+      document.querySelectorAll("[data-nav]").forEach(button => {
+        button.classList.toggle("active", button.dataset.nav === (view === "editor" ? "workflows" : view));
+      });
+      if (view === "workflows") renderWorkflows();
+      if (view === "activity") renderActivity();
+      if (view === "settings") renderSettings();
+      window.scrollTo({ top: 0, behavior: "instant" });
+    }
+
+    function scheduleAvailability(workflow) {
+      if (!workflow.steps.length) return { ready: false, reason: "Add a step before scheduling this workflow." };
+      if (workflow.state !== "Published") {
+        return { ready: false, reason: "Save and publish the latest changes before scheduling." };
+      }
+      if (!workflow.scopeId || !workflow.id) {
+        return { ready: false, reason: "Wait for the Workflow identity to become available." };
+      }
+      return { ready: true, reason: "Create a schedule without leaving Workflows." };
+    }
+
+    function canScheduleWorkflow(workflow) {
+      return scheduleAvailability(workflow).ready;
+    }
+
+    function scheduleButtonAttributes(workflow) {
+      const availability = scheduleAvailability(workflow);
+      return availability.ready
+        ? `title="${escapeHtml(availability.reason)}"`
+        : `disabled title="${escapeHtml(availability.reason)}"`;
+    }
+
+    function renderWorkflows() {
+      const query = document.querySelector("#workflow-search").value.trim().toLowerCase();
+      const filtered = workflows.filter(item => {
+        const matchesText = `${item.name} ${item.description}`.toLowerCase().includes(query);
+        const matchesFilter = workflowFilter === "All" || item.state === workflowFilter || (workflowFilter === "Failing" && item.lastStatus === "Failed");
+        return matchesText && matchesFilter;
+      });
+      const wrap = document.querySelector("#workflow-table-wrap");
+      if (!filtered.length) {
+        wrap.innerHTML = `<div class="empty"><div><h2>No workflows match</h2><p>Change the search or filter.</p><button type="button" class="button" id="clear-workflow-filter">Clear filters</button></div></div>`;
+        document.querySelector("#clear-workflow-filter").onclick = () => {
+          workflowFilter = "All";
+          document.querySelector("#workflow-search").value = "";
+          syncFilterButtons("workflow");
+          renderWorkflows();
+        };
+        return;
+      }
+      const rows = filtered.map(item => `
+        <tr>
+          <td><span class="title">${escapeHtml(item.name)}</span><span class="sub">${escapeHtml(item.description)}</span></td>
+          <td><span class="mono">${escapeHtml(item.revision)}</span></td>
+          <td><span class="status ${statusClass(item.lastStatus === "Never" ? "Draft" : item.lastStatus)}">${escapeHtml(item.lastStatus)}</span><span class="sub">${escapeHtml(item.last)}</span></td>
+          <td><span class="status ${statusClass(item.state)}">${escapeHtml(item.state)}</span></td>
+          <td><div class="row-actions"><button type="button" class="button small" data-run-workflow="${item.id}" ${item.steps.length ? "" : 'disabled title="Add a step before running"'}>Run</button><button type="button" class="button small" data-schedule-workflow="${item.id}" ${scheduleButtonAttributes(item)}>Schedule</button><button type="button" class="button small" data-open-workflow="${item.id}">Open</button></div></td>
+        </tr>`).join("");
+      wrap.innerHTML = `
+        <div class="desktop-table"><table class="data-table"><colgroup><col style="width:31%"><col style="width:17%"><col style="width:18%"><col style="width:12%"><col style="width:22%"></colgroup><thead><tr><th>Workflow</th><th>Version</th><th>Last Run</th><th>State</th><th>Actions</th></tr></thead><tbody>${rows}</tbody></table></div>
+        <div class="mobile-runs">${filtered.map(item => `<article class="mobile-run"><div class="mobile-run-top"><span class="status ${statusClass(item.state)}">${escapeHtml(item.state)}</span><span class="mono muted">${escapeHtml(item.revision)}</span></div><strong>${escapeHtml(item.name)}</strong><p>${escapeHtml(item.description)}</p><div class="row-actions" style="margin-top:14px"><button type="button" class="button small" data-run-workflow="${item.id}" ${item.steps.length ? "" : 'disabled title="Add a step before running"'}>Run</button><button type="button" class="button small" data-schedule-workflow="${item.id}" ${scheduleButtonAttributes(item)}>Schedule</button><button type="button" class="button small" data-open-workflow="${item.id}">Open</button></div></article>`).join("")}</div>
+        <p class="table-foot">${filtered.length} workflows · Every Run, including a draft revision, is retained in Activity.</p>`;
+      bindWorkflowRows();
+    }
+
+    function bindWorkflowRows() {
+      document.querySelectorAll("[data-open-workflow]").forEach(button => {
+        button.onclick = () => openWorkflow(button.dataset.openWorkflow);
+      });
+      document.querySelectorAll("[data-run-workflow]").forEach(button => {
+        button.onclick = () => openRunModal(workflows.find(item => item.id === button.dataset.runWorkflow));
+      });
+      document.querySelectorAll("[data-schedule-workflow]").forEach(button => {
+        button.onclick = () => openScheduleQuickModal(button.dataset.scheduleWorkflow);
+      });
+    }
+
+    function resetScheduleCreation() {
+      quickScheduleRequestVersion += 1;
+      quickScheduleWorkflow = null;
+      quickScheduleStep = "configure";
+      quickScheduleDraft = null;
+      quickSchedulePreview = null;
+    }
+
+    function closeScheduleQuickModal() {
+      resetScheduleCreation();
+      scheduleModalMode = "list";
+      selectedScheduleId = null;
+      document.querySelector("#schedule-quick-content").innerHTML = "";
+      document.querySelector("#schedule-quick-footer").innerHTML = "";
+      closeModal("schedule-quick-modal");
+    }
+
+    function exitSchedulePanelCreation() {
+      resetScheduleCreation();
+      schedulePanelMode = "list";
+      selectedScheduleId = null;
+      renderSchedulePanel();
+    }
+
+    function exitScheduleCreation() {
+      if (scheduleCreationSurface === "panel") exitSchedulePanelCreation();
+      else closeScheduleQuickModal();
+    }
+
+    function initializeScheduleCreation(workflow, surface) {
+      resetScheduleCreation();
+      scheduleCreationSurface = surface;
+      quickScheduleWorkflow = workflow;
+      quickScheduleDraft = {
+        name: `${workflow.name} recurring work`,
+        cadence: "Every weekday",
+        repeatTime: "09:00",
+        cronExpression: "0 9 * * 1-5",
+        timeZone: browserTimeZone(),
+        prompt: "",
+        enabled: true
+      };
+    }
+
+    function renderScheduleModalList(workflow) {
+      const content = document.querySelector("#schedule-quick-content");
+      const footer = document.querySelector("#schedule-quick-footer");
+      const schedules = prototypeWorkflowSchedules[workflow.scopeId]?.[workflow.id] || [];
+      const rows = schedules.map(scheduleListRow).join("");
+      scheduleModalMode = "list";
+      selectedScheduleId = null;
+      document.querySelector("#schedule-quick-back").hidden = true;
+      document.querySelector("#schedule-quick-title").textContent = `Schedules for ${workflow.name}`;
+      document.querySelector("#schedule-quick-subtitle").hidden = true;
+      content.innerHTML = `<div class="schedule-list-actions"><button type="button" class="button small" id="quick-schedule-refresh">Refresh</button><button type="button" class="button small primary" id="quick-schedule-new">New schedule</button></div>${schedules.length ? `<ul class="schedule-list">${rows}</ul>` : `<div class="schedule-quick-review"><p><strong>No schedules yet</strong></p><p>Create recurring work for this published Workflow.</p></div>`}`;
+      footer.hidden = true;
+      footer.innerHTML = "";
+      document.querySelector("#quick-schedule-new").onclick = () => {
+        initializeScheduleCreation(workflow, "modal");
+        renderScheduleCreation();
+      };
+      document.querySelector("#quick-schedule-refresh").onclick = () => {
+        refreshWorkflowSchedules(workflow);
+        showToast("Workflow schedules refreshed.");
+      };
+      document.querySelectorAll("#schedule-quick-content [data-schedule-id]").forEach(button => {
+        button.onclick = () => {
+          selectedScheduleId = button.dataset.scheduleId;
+          scheduleModalMode = "overview";
+          renderScheduleModalSelected(workflow);
+        };
+      });
+    }
+
+    function openScheduleQuickModal(id) {
+      const workflow = workflows.find(item => item.id === id && canScheduleWorkflow(item));
+      if (!workflow) return;
+      resetScheduleCreation();
+      scheduleCreationSurface = "modal";
+      quickScheduleWorkflow = workflow;
+      scheduleModalMode = "list";
+      selectedScheduleId = null;
+      renderScheduleModalList(workflow);
+      document.querySelector("#schedule-quick-modal").hidden = false;
+      setTimeout(() => document.querySelector("#quick-schedule-new")?.focus(), 0);
+    }
+
+    function openSchedulePanelCreation() {
+      if (!canScheduleWorkflow(currentWorkflow)) return;
+      initializeScheduleCreation(currentWorkflow, "panel");
+      schedulePanelMode = "new";
+      selectedScheduleId = null;
+      renderSchedulePanel();
+      setTimeout(() => document.querySelector("#schedule-panel #quick-schedule-name")?.focus(), 0);
+    }
+
+    function quickScheduleCronForRepeat(repeat, repeatTime) {
+      const presetCron = quickScheduleCronByRepeat[repeat] || quickScheduleCronByRepeat["Every weekday"];
+      if (repeat === "Every hour" || repeat === "Write cron yourself") return presetCron;
+      const [hour = "09", minute = "00"] = repeatTime.split(":");
+      return presetCron.replace(/^\d+\s+\d+/, `${Number(minute)} ${Number(hour)}`);
+    }
+
+    function quickScheduleHumanSummary(repeat, repeatTime, cronExpression) {
+      if (repeat === "Every hour") return "Every hour";
+      if (repeat === "Write cron yourself") return `Custom schedule · ${cronExpression}`;
+      return `${repeat} at ${repeatTime}`;
+    }
+
+    function updateQuickScheduleRepeatPresentation(content) {
+      const repeatInput = content.querySelector("#quick-schedule-repeat");
+      const timeInput = content.querySelector("#quick-schedule-repeat-time");
+      const repeatField = repeatInput.closest("label");
+      const timeField = timeInput.closest("label");
+      const cronInput = content.querySelector("#quick-schedule-cron");
+      const cronEditor = content.querySelector("#quick-schedule-cron-editor");
+      const generatedCron = content.querySelector("#quick-schedule-generated-cron");
+      const humanSummary = content.querySelector("#quick-schedule-human-summary");
+      const cronModeButton = content.querySelector("#quick-schedule-cron-mode");
+      const customCron = repeatInput.value === "Write cron yourself";
+      repeatField.hidden = customCron;
+      timeField.hidden = customCron;
+      timeInput.disabled = customCron || repeatInput.value === "Every hour";
+      cronEditor.hidden = !customCron;
+      cronModeButton.textContent = customCron ? "use the repeat builder" : "write it as cron instead";
+      if (!customCron) cronInput.value = quickScheduleCronForRepeat(repeatInput.value, timeInput.value);
+      generatedCron.textContent = cronInput.value.trim();
+      humanSummary.textContent = quickScheduleHumanSummary(repeatInput.value, timeInput.value, cronInput.value.trim());
+    }
+
+    function renderScheduleCreation() {
+      const workflow = quickScheduleWorkflow;
+      if (!workflow || !quickScheduleDraft) return;
+      const stepPresentation = {
+        configure: ["New schedule", "Configure recurring work for this published Workflow."],
+        previewing: ["Previewing schedule", "Checking the recurring setup."],
+        review: ["Review schedule", "Confirm the recurring setup before creating it."],
+      }[quickScheduleStep];
+      let root;
+      let content;
+      let footer;
+      if (scheduleCreationSurface === "panel") {
+        root = document.querySelector("#schedule-panel");
+        root.hidden = false;
+        root.innerHTML = `<header class="studio-panel-header"><div><h2>${escapeHtml(stepPresentation[0])}</h2><p>${escapeHtml(stepPresentation[1])}</p></div><div><button type="button" class="icon-button" id="schedule-creation-list" aria-label="Back to schedules" title="Back">←</button><button type="button" class="icon-button" id="close-schedule" aria-label="Close schedules" title="Close">×</button></div></header><div class="studio-panel-body" id="schedule-panel-creation-content"></div><footer class="studio-panel-footer" id="schedule-panel-creation-footer"></footer>`;
+        content = root.querySelector("#schedule-panel-creation-content");
+        footer = root.querySelector("#schedule-panel-creation-footer");
+        root.querySelector("#schedule-creation-list").onclick = exitSchedulePanelCreation;
+        root.querySelector("#close-schedule").onclick = closeSchedulePanel;
+      } else {
+        root = document.querySelector("#schedule-quick-modal");
+        content = root.querySelector("#schedule-quick-content");
+        footer = root.querySelector("#schedule-quick-footer");
+        root.querySelector("#schedule-quick-back").hidden = true;
+        root.querySelector("#schedule-quick-title").textContent = stepPresentation[0];
+        root.querySelector("#schedule-quick-subtitle").hidden = false;
+        root.querySelector("#schedule-quick-subtitle").textContent = stepPresentation[1];
+        footer.hidden = false;
+      }
+
+      if (quickScheduleStep === "configure") {
+        content.innerHTML = `
+          <div class="schedule-quick-context"><div><strong>${escapeHtml(workflow.name)}</strong><span>${escapeHtml(workflow.revision)} · Workflow Schedule</span></div><span class="schedule-state">New</span></div>
+          <label class="form-row"><span class="field-label">Schedule name</span><input class="input" id="quick-schedule-name" value="${escapeHtml(quickScheduleDraft.name)}"></label>
+          <section class="schedule-quick-section">
+            <div class="schedule-quick-section-heading"><strong>How often</strong><span>Build the repeat rule</span></div>
+            <div class="schedule-repeat-builder">
+              <label><span class="field-label">Repeat</span><select class="select" id="quick-schedule-repeat"><option>Every hour</option><option>Every day</option><option>Every weekday</option><option>Every weekend</option><option>Every Monday</option><option>Every Mon, Wed and Fri</option><option>Write cron yourself</option></select></label>
+              <label><span class="field-label">At</span><input class="input" id="quick-schedule-repeat-time" type="time" value="${escapeHtml(quickScheduleDraft.repeatTime)}"></label>
+              <label><span class="field-label">In</span><input class="input" id="quick-schedule-time-zone" value="${escapeHtml(quickScheduleDraft.timeZone)}"></label>
+            </div>
+            <div class="schedule-repeat-preview">
+              <div class="schedule-repeat-preview-row"><strong id="quick-schedule-human-summary">Every weekday at 09:00</strong></div>
+              <div class="schedule-repeat-preview-row"><span>Next five fire times</span><span><button type="button" class="schedule-cron-action" id="quick-schedule-cron-mode">write it as cron instead</button><code class="schedule-cron-code" id="quick-schedule-generated-cron">${escapeHtml(quickScheduleDraft.cronExpression)}</code></span></div>
+            </div>
+            <label class="schedule-cron-editor" id="quick-schedule-cron-editor" hidden><span class="field-label">Cron expression</span><input class="input mono" id="quick-schedule-cron" value="${escapeHtml(quickScheduleDraft.cronExpression)}"><small>Use a five-field cron. Complex expressions reopen here without being rounded to a preset.</small></label>
+          </section>
+          <section class="schedule-quick-section schedule-needs-field">
+            <label><span class="field-label">Run input (optional)</span><textarea class="textarea" id="quick-schedule-prompt">${escapeHtml(quickScheduleDraft.prompt)}</textarea></label>
+          </section>`;
+        const repeatInput = content.querySelector("#quick-schedule-repeat");
+        const timeInput = content.querySelector("#quick-schedule-repeat-time");
+        const cronInput = content.querySelector("#quick-schedule-cron");
+        repeatInput.value = quickScheduleDraft.cadence;
+        repeatInput.onchange = () => updateQuickScheduleRepeatPresentation(content);
+        timeInput.oninput = () => updateQuickScheduleRepeatPresentation(content);
+        cronInput.oninput = () => updateQuickScheduleRepeatPresentation(content);
+        content.querySelector("#quick-schedule-cron-mode").onclick = () => {
+          repeatInput.value = repeatInput.value === "Write cron yourself" ? "Every weekday" : "Write cron yourself";
+          updateQuickScheduleRepeatPresentation(content);
+          if (repeatInput.value === "Write cron yourself") cronInput.focus();
+        };
+        updateQuickScheduleRepeatPresentation(content);
+        footer.innerHTML = `<button type="button" class="button" id="quick-schedule-cancel">Cancel</button><button type="button" class="button primary" id="quick-schedule-review">Review schedule</button>`;
+        footer.querySelector("#quick-schedule-cancel").onclick = exitScheduleCreation;
+        footer.querySelector("#quick-schedule-review").onclick = () => requestQuickSchedulePreview(content);
+        return;
+      }
+
+      if (quickScheduleStep === "previewing") {
+        content.innerHTML = `<div class="schedule-quick-context"><div><strong>${escapeHtml(workflow.name)}</strong><span>${escapeHtml(quickScheduleDraft.cadence)} · ${escapeHtml(quickScheduleDraft.timeZone)} · ${escapeHtml(quickScheduleDraft.cronExpression)}</span></div><span class="schedule-state pending">Checking</span></div><div class="schedule-quick-review"><div><h3>Previewing schedule</h3><p>Checking the recurring setup.</p></div></div>`;
+        footer.innerHTML = `<button type="button" class="button" id="quick-schedule-preview-cancel">Cancel</button><button type="button" class="button primary" disabled>Previewing...</button>`;
+        footer.querySelector("#quick-schedule-preview-cancel").onclick = exitScheduleCreation;
+        return;
+      }
+
+      if (quickScheduleStep !== "review" || !quickSchedulePreview) {
+        quickScheduleStep = "configure";
+        renderScheduleCreation();
+        showToast("A Workflow Schedule preview is required before review.");
+        return;
+      }
+      const humanSummary = quickScheduleHumanSummary(quickScheduleDraft.cadence, quickScheduleDraft.repeatTime, quickScheduleDraft.cronExpression);
+      content.innerHTML = `<div class="schedule-quick-context"><div><strong>${escapeHtml(workflow.name)}</strong><span>Review</span></div><span class="schedule-state">Review</span></div><div class="schedule-quick-review"><div><h3>Review schedule</h3><p>Confirm the values before creating this Schedule.</p></div><div class="schedule-quick-grid"><div><span class="field-label">Schedule name</span><strong>${escapeHtml(quickScheduleDraft.name)}</strong></div><div><span class="field-label">Repeat</span><strong>${escapeHtml(humanSummary)}</strong></div><div><span class="field-label">Time zone</span><strong>${escapeHtml(quickScheduleDraft.timeZone)}</strong></div><div><span class="field-label">Enabled after creation</span><strong>${quickScheduleDraft.enabled ? "Yes" : "No"}</strong></div><div class="full"><span class="field-label">Run input (optional)</span><strong>${escapeHtml(quickScheduleDraft.prompt || "No prompt")}</strong></div></div><div class="schedule-quick-preview"><strong>Next five fire times</strong><ul>${quickSchedulePreview.fires.map(fire => `<li>${escapeHtml(fire)} · ${escapeHtml(quickScheduleDraft.timeZone)}</li>`).join("")}</ul></div></div>`;
+      footer.innerHTML = `<button type="button" class="button" id="quick-schedule-back">Back</button><button type="button" class="button primary" id="quick-schedule-confirm">Create schedule</button>`;
+      footer.querySelector("#quick-schedule-back").onclick = () => {
+        quickSchedulePreview = null;
+        quickScheduleStep = "configure";
+        renderScheduleCreation();
+      };
+      footer.querySelector("#quick-schedule-confirm").onclick = acceptQuickScheduleCreation;
+    }
+
+    function browserTimeZone() {
+      try {
+        return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+      } catch (_) {
+        return "UTC";
+      }
+    }
+
+    function isValidTimeZone(timeZone) {
+      try {
+        Intl.DateTimeFormat("en", { timeZone }).format();
+        return true;
+      } catch (_) {
+        return false;
+      }
+    }
+
+    function requestQuickSchedulePreview(content) {
+      const workflow = quickScheduleWorkflow;
+      if (!workflow || !quickScheduleDraft) return;
+      const name = content.querySelector("#quick-schedule-name").value.trim();
+      const cronExpression = content.querySelector("#quick-schedule-cron").value.trim();
+      const timeZone = content.querySelector("#quick-schedule-time-zone").value.trim();
+      if (!name) {
+        showToast("Give this Schedule a name before review.");
+        content.querySelector("#quick-schedule-name").focus();
+        return;
+      }
+      if (cronExpression.split(/\s+/).length !== 5) {
+        showToast("Enter a five-field cron expression before previewing.");
+        content.querySelector("#quick-schedule-cron").focus();
+        return;
+      }
+      if (!isValidTimeZone(timeZone)) {
+        showToast("Enter a valid IANA timezone before previewing.");
+        content.querySelector("#quick-schedule-time-zone").focus();
+        return;
+      }
+      quickScheduleDraft = {
+        name: content.querySelector("#quick-schedule-name").value.trim(),
+        cadence: content.querySelector("#quick-schedule-repeat").value,
+        repeatTime: content.querySelector("#quick-schedule-repeat-time").value,
+        cronExpression,
+        timeZone,
+        prompt: content.querySelector("#quick-schedule-prompt").value.trim(),
+        enabled: true
+      };
+      const requestVersion = ++quickScheduleRequestVersion;
+      quickScheduleStep = "previewing";
+      quickSchedulePreview = null;
+      renderScheduleCreation();
+      window.setTimeout(() => {
+        if (quickScheduleWorkflow !== workflow || quickScheduleStep !== "previewing" || requestVersion !== quickScheduleRequestVersion) return;
+        const preview = prototypeSchedulePreviewByCron[quickScheduleDraft.cronExpression];
+        if (!preview) {
+          quickScheduleStep = "configure";
+          renderScheduleCreation();
+          showToast("This recurrence could not be previewed.");
+          return;
+        }
+        quickSchedulePreview = structuredClone(preview);
+        quickScheduleStep = "review";
+        renderScheduleCreation();
+      }, 650);
+    }
+
+    function refreshWorkflowSchedules(workflow) {
+      return prototypeWorkflowSchedules[workflow.scopeId]?.[workflow.id] || [];
+    }
+
+    function acceptQuickScheduleCreation() {
+      if (!quickScheduleWorkflow || !quickScheduleDraft || !quickSchedulePreview) return;
+      const createRequest = {
+        displayName: quickScheduleDraft.name,
+        cronExpression: quickScheduleDraft.cronExpression,
+        timezone: quickScheduleDraft.timeZone,
+        enabled: quickScheduleDraft.enabled,
+        prompt: quickScheduleDraft.prompt,
+        headers: {}
+      };
+      void createRequest;
+      refreshWorkflowSchedules(quickScheduleWorkflow);
+      showToast("Schedule request accepted. It will appear in the Workflow schedule list shortly.");
+      exitScheduleCreation();
+    }
+
+    function openSchedulePrototype(id = "wf-feedback") {
+      const publishedWorkflow = workflows.find(item => item.id === id && canScheduleWorkflow(item))
+        || workflows.find(canScheduleWorkflow)
+        || structuredClone(seedWorkflows.find(canScheduleWorkflow));
+      if (!publishedWorkflow) return;
+      currentWorkflow = publishedWorkflow;
+      selectedStep = -1;
+      schedulePanelOpen = true;
+      schedulePanelMode = "overview";
+      selectedScheduleId = prototypeWorkflowSchedules[publishedWorkflow.scopeId]?.[publishedWorkflow.id]?.[0]?.scheduleId || null;
+      canvasZoom = null;
+      document.querySelector("#yaml-panel").hidden = true;
+      renderEditor();
+      showView("editor");
+      renderSchedulePanel();
+    }
+
+    function openWorkflow(id) {
+      currentWorkflow = workflows.find(item => item.id === id) || workflows[1];
+      selectedStep = -1;
+      schedulePanelOpen = false;
+      canvasZoom = null;
+      document.querySelector("#yaml-panel").hidden = true;
+      renderEditor();
+      showView("editor");
+    }
+
+    function nodeAppearance(kind) {
+      const normalized = kind.toLowerCase();
+      if (normalized.includes("ai")) return { color: "#2563eb", icon: "AI" };
+      if (normalized.includes("condition")) return { color: "#9333ea", icon: "C" };
+      if (normalized.includes("approval")) return { color: "#d97706", icon: "H" };
+      if (normalized.includes("validation")) return { color: "#dc2626", icon: "V" };
+      if (normalized.includes("data") || normalized.includes("query") || normalized.includes("xero") || normalized.includes("warehouse")) return { color: "#0891b2", icon: "D" };
+      if (normalized.includes("message") || normalized.includes("gmail") || normalized.includes("lark")) return { color: "#16a34a", icon: "I" };
+      return { color: "#64748b", icon: "{}" };
+    }
+
+    function graphLayout(steps, schedulePanelVisible = false) {
+      const nodeWidth = 220;
+      if (schedulePanelVisible && window.innerWidth > 980) {
+        const availableWidth = Math.max(320, Math.min(1200, window.innerWidth - 640));
+        if (availableWidth >= 520) {
+          const inset = (availableWidth - nodeWidth * 2) / 3;
+          const left = inset;
+          const right = availableWidth - inset - nodeWidth;
+          const positions = [
+            { x: left, y: 160 },
+            { x: right, y: 160 },
+            { x: right, y: 386 },
+            { x: left, y: 386 }
+          ];
+          return steps.map((_, index) => positions[index] || { x: left, y: 160 + index * 144 });
+        }
+        const left = Math.max(40, (availableWidth - nodeWidth) / 2);
+        return steps.map((_, index) => ({ x: left, y: 42 + index * 144 }));
+      }
+      if (steps.length <= 5) {
+        const gap = steps.length > 1 ? Math.min(60, (1160 - steps.length * nodeWidth) / (steps.length - 1)) : 0;
+        const total = steps.length * nodeWidth + Math.max(0, steps.length - 1) * gap;
+        const start = (1200 - total) / 2;
+        return steps.map((_, index) => ({ x: start + index * (nodeWidth + gap), y: 210 }));
+      }
+      return steps.map((_, index) => ({ x: 74 + (index % 4) * 284, y: 108 + Math.floor(index / 4) * 244 }));
+    }
+
+    function edgePath(source, target) {
+      const sourceX = source.x + 220;
+      const sourceY = source.y + 60;
+      const targetX = target.x;
+      const targetY = target.y + 60;
+      const bend = Math.max(40, Math.abs(targetX - sourceX) * .45);
+      return `M ${sourceX} ${sourceY} C ${sourceX + bend} ${sourceY}, ${targetX - bend} ${targetY}, ${targetX} ${targetY}`;
+    }
+
+    function stepSummary(step) {
+      const configured = step.fields.find(item => String(item.value || "").trim());
+      return configured ? `${configured.label}: ${configured.value}` : "No configuration yet";
+    }
+
+    function canvasChrome(positions) {
+      const minimap = positions.map(position => `<span class="minimap-node" style="left:${8 + position.x * .105}px;top:${10 + position.y * .105}px"></span>`).join("");
+      return `<div class="canvas-controls" aria-label="Canvas controls"><button type="button" data-canvas-action="zoom-in" aria-label="Zoom in" title="Zoom in">+</button><button type="button" data-canvas-action="zoom-out" aria-label="Zoom out" title="Zoom out">−</button><button type="button" data-canvas-action="fit" aria-label="Fit view" title="Fit view">⌗</button></div><div class="canvas-minimap" aria-hidden="true">${minimap}</div>`;
+    }
+
+    function bindCanvasControls() {
+      document.querySelectorAll("[data-canvas-action]").forEach(button => {
+        button.onclick = event => {
+          event.stopPropagation();
+          const base = window.innerWidth <= 620 ? .28 : window.innerWidth <= 980 ? .58 : 1;
+          if (canvasZoom === null) canvasZoom = base;
+          if (button.dataset.canvasAction === "zoom-in") canvasZoom = Math.min(1.45, canvasZoom + .12);
+          if (button.dataset.canvasAction === "zoom-out") canvasZoom = Math.max(.34, canvasZoom - .12);
+          if (button.dataset.canvasAction === "fit") canvasZoom = base;
+          const stage = document.querySelector(".canvas-stage");
+          if (stage) stage.style.transform = `scale(${canvasZoom})`;
+        };
+      });
+    }
+
+    function renderEditor() {
+      const workflowSteps = currentWorkflow.steps;
+      const canRun = workflowSteps.length > 0;
+      const availability = scheduleAvailability(currentWorkflow);
+      const canSchedule = availability.ready;
+      document.querySelector("#editor-title").textContent = currentWorkflow.name;
+      document.querySelector("#editor-subtitle").textContent = `${currentWorkflow.revision} · Saved just now`;
+      document.querySelector("#editor-status").textContent = currentWorkflow.state;
+      document.querySelector("#editor-run").disabled = !canRun;
+      document.querySelector("#editor-schedule").disabled = !canSchedule;
+      document.querySelector("#editor-publish").disabled = !canRun;
+      document.querySelector("#editor-run").title = canRun ? "Prepare Run" : "Add a node before running";
+      document.querySelector("#editor-schedule").title = canSchedule
+        ? "Manage published workflow schedules"
+        : availability.reason;
+      document.querySelector("#editor-publish").title = canRun ? "Publish workflow" : "Add a node before publishing";
+      if (!canSchedule) schedulePanelOpen = false;
+      const canvas = document.querySelector("#workflow-canvas");
+      if (!workflowSteps.length) {
+        canvas.innerHTML = `<div class="canvas-empty"><button type="button" class="add-first" id="add-first-step" aria-label="Add first step">+</button><h2>Add first step</h2><p>Start this workflow by adding the first step.</p></div>${canvasChrome([])}`;
+        document.querySelector("#add-first-step").onclick = () => openModal("step-modal");
+      } else {
+        const positions = graphLayout(workflowSteps, schedulePanelOpen);
+        const edges = positions.slice(0, -1).map((position, index) => `<path class="graph-edge" d="${edgePath(position, positions[index + 1])}" marker-end="url(#arrowhead)"></path>`).join("");
+        const nodes = workflowSteps.map((step, index) => {
+          const appearance = nodeAppearance(step.kind);
+          return `<button type="button" class="graph-node ${index === selectedStep ? "selected" : ""}" data-step="${index}" title="${escapeHtml(step.name)}" style="left:${positions[index].x}px;top:${positions[index].y}px;--node-accent:${appearance.color}">
+            <span class="node-handle in" aria-hidden="true"></span><span class="node-handle out" aria-hidden="true"></span>
+            <span class="graph-node-header"><span class="graph-node-icon">${appearance.icon}</span><span class="graph-node-title"><strong>${escapeHtml(step.name)}</strong><span>${escapeHtml(step.kind)}</span></span></span>
+            <span class="graph-node-body">${escapeHtml(stepSummary(step))}</span>
+          </button>`;
+        }).join("");
+        canvas.innerHTML = `<div class="canvas-stage"><svg class="edge-layer" viewBox="0 0 1200 620" aria-hidden="true"><defs><marker id="arrowhead" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="#94a3b8"></path></marker></defs>${edges}</svg>${nodes}</div>${canvasChrome(positions)}`;
+        if (canvasZoom !== null) document.querySelector(".canvas-stage").style.transform = `scale(${canvasZoom})`;
+        document.querySelectorAll("[data-step]").forEach(button => {
+          button.onclick = event => {
+            event.stopPropagation();
+            selectedStep = Number(button.dataset.step);
+            schedulePanelOpen = false;
+            document.querySelector("#yaml-panel").hidden = true;
+            renderEditor();
+          };
+        });
+      }
+      canvas.onclick = event => {
+        if (event.target.closest(".graph-node, .canvas-controls, .canvas-empty")) return;
+        selectedStep = -1;
+        renderEditor();
+      };
+      bindCanvasControls();
+      renderConfigPanel();
+      renderSchedulePanel();
+      renderActiveBanner();
+    }
+
+    function renderConfigPanel() {
+      const panel = document.querySelector("#config-panel");
+      const workflowSteps = currentWorkflow.steps;
+      if (!workflowSteps.length || selectedStep < 0 || !workflowSteps[selectedStep]) {
+        panel.hidden = true;
+        panel.innerHTML = "";
+        return;
+      }
+      panel.hidden = false;
+      const step = workflowSteps[selectedStep];
+      const fields = step.fields.map((item, index) => `
+        <label class="form-row"><span class="field-label">${escapeHtml(item.label)}</span>${item.multiline
+          ? `<textarea class="textarea" data-config-field="${index}">${escapeHtml(item.value)}</textarea>`
+          : `<input class="input" data-config-field="${index}" value="${escapeHtml(item.value)}">`}</label>`).join("");
+      panel.innerHTML = `<header class="studio-panel-header"><div><h2>Node configuration</h2><p>${escapeHtml(step.name)}</p></div><button type="button" class="icon-button" id="close-inspector" aria-label="Close node configuration" title="Close">×</button></header>
+        <div class="studio-panel-body"><div class="inspector-summary"><div><span>Node ID</span><strong>${escapeHtml(step.id)}</strong></div><div><span>Type</span><strong>${escapeHtml(step.kind)}</strong></div></div>
+        <label class="form-row"><span class="field-label">Node name</span><input class="input" id="step-name" value="${escapeHtml(step.name)}"></label>${fields}
+        <label class="form-row"><span class="field-label">Next</span><input class="input" value="${escapeHtml(workflowSteps[selectedStep + 1]?.name || "End of workflow")}" disabled></label></div>
+        <footer class="studio-panel-footer"><button type="button" class="button small danger" id="delete-node">Delete node</button><button type="button" class="button small primary" id="apply-node">Apply</button></footer>`;
+      document.querySelector("#close-inspector").onclick = () => { selectedStep = -1; renderEditor(); };
+      document.querySelector("#delete-node").onclick = () => {
+        const removed = currentWorkflow.steps.splice(selectedStep, 1)[0];
+        selectedStep = -1;
+        saveWorkflows();
+        renderEditor();
+        showToast(`${removed.name} deleted.`);
+      };
+      document.querySelector("#apply-node").onclick = () => { saveWorkflows(); showToast(`${step.name} configuration applied.`); };
+      document.querySelector("#step-name").onchange = event => {
+        const value = event.target.value.trim();
+        if (!value) { event.target.value = step.name; return; }
+        step.name = value;
+        saveWorkflows();
+        renderEditor();
+      };
+      document.querySelectorAll("[data-config-field]").forEach(input => {
+        input.onchange = event => {
+          step.fields[Number(input.dataset.configField)].value = event.target.value;
+          saveWorkflows();
+          showToast(`${step.name} saved.`);
+        };
+      });
+    }
+
+    function closeSchedulePanel() {
+      if (scheduleCreationSurface === "panel" && quickScheduleWorkflow) resetScheduleCreation();
+      schedulePanelOpen = false;
+      schedulePanelMode = "list";
+      selectedScheduleId = null;
+      scheduleMutation = null;
+      renderEditor();
+    }
+
+    function openSchedulePanel() {
+      if (!canScheduleWorkflow(currentWorkflow)) return;
+      selectedStep = -1;
+      schedulePanelOpen = true;
+      schedulePanelMode = "list";
+      selectedScheduleId = null;
+      scheduleMutation = null;
+      document.querySelector("#yaml-panel").hidden = true;
+      renderEditor();
+      setTimeout(() => document.querySelector("#close-schedule")?.focus(), 0);
+    }
+
+    function scheduleState(schedule) {
+      return schedule.enabled ? "Active" : "Paused";
+    }
+
+    function scheduleStateClass(schedule) {
+      return schedule.enabled ? "" : " paused";
+    }
+
+    function schedulePreview(schedule) {
+      return schedule.enabled && schedule.nextFireAt ? [schedule.nextFireAt] : ["No upcoming attempts"];
+    }
+
+    function scheduleEditModel(schedule) {
+      const [minute, hour, dayOfMonth, month, daysOfWeek] = schedule.cronExpression.trim().split(/\s+/);
+      const repeatByDaysOfWeek = {
+        "*": "Every day",
+        "1-5": "Every weekday",
+        "0,6": "Every weekend",
+        "1": "Every Monday",
+        "1,3,5": "Every Mon, Wed and Fri"
+      };
+      let repeat = "Write cron yourself";
+      let repeatTime = "09:00";
+      if (minute === "0" && hour === "*" && dayOfMonth === "*" && month === "*" && daysOfWeek === "*") {
+        repeat = "Every hour";
+      } else if (/^\d+$/.test(minute) && /^\d+$/.test(hour) && dayOfMonth === "*" && month === "*" && repeatByDaysOfWeek[daysOfWeek]) {
+        repeat = repeatByDaysOfWeek[daysOfWeek];
+        repeatTime = `${String(Number(hour)).padStart(2, "0")}:${String(Number(minute)).padStart(2, "0")}`;
+      }
+      return {
+        name: schedule.displayName,
+        repeat,
+        repeatTime,
+        timeZone: schedule.timezone,
+        cronExpression: schedule.cronExpression,
+        prompt: schedule.prompt,
+        humanSummary: quickScheduleHumanSummary(repeat, repeatTime, schedule.cronExpression),
+        customCron: repeat === "Write cron yourself"
+      };
+    }
+
+    function updateScheduleEditRepeatPresentation(root, locked = false) {
+      const repeatInput = root.querySelector("#schedule-edit-repeat");
+      const timeInput = root.querySelector("#schedule-edit-repeat-time");
+      const repeatField = repeatInput.closest("label");
+      const timeField = timeInput.closest("label");
+      const cronInput = root.querySelector("#schedule-edit-cron");
+      const cronEditor = root.querySelector("#schedule-edit-cron-editor");
+      const cronModeButton = root.querySelector("#schedule-edit-cron-mode");
+      const customCron = repeatInput.value === "Write cron yourself";
+      repeatField.hidden = customCron;
+      timeField.hidden = customCron;
+      timeInput.disabled = locked || customCron || repeatInput.value === "Every hour";
+      cronEditor.hidden = !customCron;
+      cronModeButton.textContent = customCron ? "use the repeat builder" : "write it as cron instead";
+      if (!customCron) cronInput.value = quickScheduleCronForRepeat(repeatInput.value, timeInput.value);
+      root.querySelector("#schedule-edit-generated-cron").textContent = cronInput.value.trim();
+      root.querySelector("#schedule-edit-human-summary").textContent = quickScheduleHumanSummary(repeatInput.value, timeInput.value, cronInput.value.trim());
+    }
+
+    function schedulePending(schedule) {
+      return scheduleMutation?.scheduleId === schedule.scheduleId ? scheduleMutation : null;
+    }
+
+    function formatScheduleTimestamp(value, timezone) {
+      if (!value) return "Not completed";
+      return new Intl.DateTimeFormat(document.documentElement.lang || "en", {
+        dateStyle: "medium",
+        timeStyle: "short",
+        timeZone: timezone
+      }).format(new Date(value));
+    }
+
+    function scheduleListRow(schedule) {
+      const pending = schedulePending(schedule);
+      const editModel = scheduleEditModel(schedule);
+      return `<li><button type="button" class="schedule-list-select" data-schedule-id="${escapeHtml(schedule.scheduleId)}"><div class="schedule-row"><div class="schedule-row-top"><strong>${escapeHtml(schedule.displayName)}</strong><span class="schedule-state${scheduleStateClass(schedule)}">${scheduleState(schedule)}</span></div><p>${escapeHtml(editModel.humanSummary)} · ${escapeHtml(schedule.timezone)}<br>Next: ${escapeHtml(schedulePreview(schedule)[0])}</p>${pending ? `<p class="muted">${escapeHtml(pending.label)} Refreshing status.</p>` : ""}</div></button></li>`;
+    }
+
+    function scheduleTabsMarkup(activeMode) {
+      return `<div class="schedule-tabs" role="tablist" aria-label="Schedule views"><button type="button" class="schedule-tab" data-schedule-tab="overview" role="tab" aria-selected="${activeMode === "overview"}" tabindex="${activeMode === "overview" ? "0" : "-1"}">Overview</button><button type="button" class="schedule-tab" data-schedule-tab="history" role="tab" aria-selected="${activeMode === "history"}" tabindex="${activeMode === "history" ? "0" : "-1"}">History</button></div>`;
+    }
+
+    function scheduleAttemptOutcome(fire) {
+      if (fire.error) return { className: "failed", label: "Failed to start" };
+      if (fire.runActorId) return { className: "run-created", label: "Run created" };
+      return { className: "accepted", label: "Accepted" };
+    }
+
+    function scheduleOverviewMarkup(schedule, pending) {
+      const editModel = scheduleEditModel(schedule);
+      const latestAttempt = schedule.recentFires[0];
+      const lastAttempt = latestAttempt
+        ? `${formatScheduleTimestamp(latestAttempt.completedAt, schedule.timezone)} · ${scheduleAttemptOutcome(latestAttempt).label}`
+        : "No attempts yet";
+      return `<section aria-labelledby="schedule-overview-heading"><div class="schedule-overview-intro"><div><span class="schedule-state${scheduleStateClass(schedule)}">${scheduleState(schedule)}</span><h3 id="schedule-overview-heading">${escapeHtml(editModel.humanSummary)}</h3><p>${escapeHtml(schedule.timezone)}</p></div></div><div class="schedule-actionbar"><button type="button" class="button small primary" id="schedule-run-now" ${pending ? "disabled" : ""}>Run now</button><button type="button" class="button small" id="schedule-edit" ${pending ? "disabled" : ""}>Edit schedule</button><details class="schedule-action-menu"><summary class="button small">More</summary><div class="schedule-action-popover"><button type="button" id="schedule-toggle" ${pending ? "disabled" : ""}>${schedule.enabled ? "Pause schedule" : "Enable schedule"}</button><button type="button" class="danger" id="schedule-delete" ${pending ? "disabled" : ""}>Delete schedule</button></div></details></div><div class="schedule-facts"><div class="schedule-fact"><span>Next scheduled</span><strong>${escapeHtml(schedulePreview(schedule)[0])}</strong></div><div class="schedule-fact"><span>Last attempt</span><strong>${escapeHtml(lastAttempt)}</strong></div><div class="schedule-fact"><span>Total attempts</span><strong>${schedule.fireCount}</strong></div><div class="schedule-fact"><span>Failed attempts</span><strong>${schedule.failureCount}</strong></div></div>${schedule.prompt ? `<div class="schedule-run-input"><span>Run input</span><p>${escapeHtml(schedule.prompt)}</p></div>` : ""}<details class="schedule-advanced"><summary>Advanced details</summary><div><span>Runs</span><strong>${escapeHtml(editModel.humanSummary)}</strong></div><div><span>Technical format</span><code>${escapeHtml(schedule.cronExpression)}</code></div></details>${pending ? `<div class="schedule-pending"><strong>${escapeHtml(pending.label)}</strong>Refreshing the observed Schedule status.</div>` : ""}</section>`;
+    }
+
+    function scheduleHistoryMarkup(schedule, workflow) {
+      const rows = schedule.recentFires.map(fire => {
+        const source = fire.manual ? "Manual" : "Scheduled";
+        const failed = Boolean(fire.error);
+        const outcome = scheduleAttemptOutcome(fire);
+        const formattedScheduledAt = formatScheduleTimestamp(fire.scheduledFireAt, schedule.timezone);
+        const runHref = fire.runActorId ? `?prototypeRun=${encodeURIComponent(fire.runActorId)}&workflowId=${encodeURIComponent(workflow.id)}&schedule=${encodeURIComponent(schedule.scheduleId)}` : "";
+        const productionHref = fire.runActorId ? `/scopes/${encodeURIComponent(workflow.scopeId)}/workflow-activity-vnext/activity/${encodeURIComponent(fire.runActorId)}?workflowId=${encodeURIComponent(workflow.id)}&schedule=${encodeURIComponent(schedule.scheduleId)}` : "";
+        const rowLink = runHref ? `<a class="schedule-attempt-row-link" href="${runHref}" data-production-href="${productionHref}" target="_blank" rel="noopener noreferrer" aria-label="Open Run created by the Schedule attempt at ${escapeHtml(formattedScheduledAt)}"></a>` : "";
+        const failure = failed ? `<div class="schedule-attempt-failure"><p>The ${source.toLowerCase()} attempt could not start the Workflow.</p><details><summary>Technical details</summary><pre>${escapeHtml(fire.error)}</pre></details></div>` : "";
+        return `<div class="schedule-attempt-row${runHref ? " linked" : ""}" role="row">${rowLink}<span role="cell">${escapeHtml(formattedScheduledAt)}</span><span role="cell">${source}</span><span class="schedule-attempt-result ${outcome.className}" role="cell">${outcome.label}</span><span role="cell">${escapeHtml(formatScheduleTimestamp(fire.completedAt, schedule.timezone))}</span>${failure}</div>`;
+      }).join("");
+      return `<section aria-labelledby="schedule-history-heading"><div class="schedule-history-heading"><h3 id="schedule-history-heading">Recent attempts</h3><button type="button" class="schedule-history-link" id="schedule-open-activity">View related runs in Activity →</button></div><p class="schedule-history-copy">Schedule attempts can fail before a Workflow Run exists.</p>${rows ? `<div class="schedule-attempts" role="table" aria-label="Recent Schedule attempts"><div class="schedule-attempt-row header" role="row"><span role="columnheader">Scheduled</span><span role="columnheader">Source</span><span role="columnheader">Schedule outcome</span><span role="columnheader">Completed</span></div>${rows}</div>` : `<div class="schedule-history-state">No attempts yet</div>`}</section>`;
+    }
+
+    function scheduleEditMarkup(schedule, pending) {
+      const editModel = scheduleEditModel(schedule);
+      return `<section aria-labelledby="schedule-edit-heading"><div class="section-heading" style="margin-bottom:16px"><div><h2 id="schedule-edit-heading">Edit schedule</h2><p>Change recurrence or fixed Run input.</p></div></div><label class="form-row"><span class="field-label">Schedule name</span><input class="input" id="schedule-edit-name" value="${escapeHtml(editModel.name)}" ${pending ? "disabled" : ""}></label><div class="form-row"><span class="field-label">How often</span><div class="schedule-repeat-builder"><label><span class="field-label">Repeat</span><select class="select" id="schedule-edit-repeat" ${pending ? "disabled" : ""}><option>Every hour</option><option>Every day</option><option>Every weekday</option><option>Every weekend</option><option>Every Monday</option><option>Every Mon, Wed and Fri</option><option>Write cron yourself</option></select></label><label><span class="field-label">At</span><input class="input" id="schedule-edit-repeat-time" type="time" value="${escapeHtml(editModel.repeatTime)}" ${pending ? "disabled" : ""}></label><label><span class="field-label">In</span><input class="input" id="schedule-edit-time-zone" value="${escapeHtml(editModel.timeZone)}" ${pending ? "disabled" : ""}></label></div><div class="schedule-repeat-preview"><div class="schedule-repeat-preview-row"><strong id="schedule-edit-human-summary">${escapeHtml(editModel.humanSummary)}</strong></div><div class="schedule-repeat-preview-row"><span>${escapeHtml(schedulePreview(schedule)[0])}</span><span><button type="button" class="schedule-cron-action" id="schedule-edit-cron-mode" ${pending ? "disabled" : ""}>write it as cron instead</button><code class="schedule-cron-code" id="schedule-edit-generated-cron">${escapeHtml(editModel.cronExpression)}</code></span></div></div><label class="schedule-cron-editor" id="schedule-edit-cron-editor" ${editModel.customCron ? "" : "hidden"}><span class="field-label">Cron expression</span><input class="input mono" id="schedule-edit-cron" value="${escapeHtml(editModel.cronExpression)}" ${pending ? "disabled" : ""}><small>Use a five-field cron expression.</small></label></div><label class="form-row"><span class="field-label">Run input (optional)</span><textarea class="textarea" id="schedule-edit-prompt" ${pending ? "disabled" : ""}>${escapeHtml(editModel.prompt)}</textarea></label></section>`;
+    }
+
+    function selectedScheduleMode(surface) {
+      return surface === "panel" ? schedulePanelMode : scheduleModalMode;
+    }
+
+    function setSelectedScheduleMode(surface, mode) {
+      if (surface === "panel") schedulePanelMode = mode;
+      else scheduleModalMode = mode;
+    }
+
+    function scheduleSelectedMarkup(schedule, workflow, surface) {
+      const mode = selectedScheduleMode(surface);
+      const pending = schedulePending(schedule);
+      if (mode === "edit") return scheduleEditMarkup(schedule, pending);
+      return `${scheduleTabsMarkup(mode)}${mode === "history" ? scheduleHistoryMarkup(schedule, workflow) : scheduleOverviewMarkup(schedule, pending)}`;
+    }
+
+    function bindScheduleTabs(root, surface, renderSelected) {
+      const tabs = [...root.querySelectorAll("[data-schedule-tab]")];
+      tabs.forEach((tab, index) => {
+        const select = () => {
+          setSelectedScheduleMode(surface, tab.dataset.scheduleTab);
+          renderSelected();
+        };
+        tab.onclick = select;
+        tab.onkeydown = event => {
+          let next = index;
+          if (event.key === "ArrowRight") next = (index + 1) % tabs.length;
+          else if (event.key === "ArrowLeft") next = (index - 1 + tabs.length) % tabs.length;
+          else if (event.key === "Home") next = 0;
+          else if (event.key === "End") next = tabs.length - 1;
+          else return;
+          event.preventDefault();
+          setSelectedScheduleMode(surface, tabs[next].dataset.scheduleTab);
+          renderSelected();
+          root.querySelector(`[data-schedule-tab="${tabs[next].dataset.scheduleTab}"]`)?.focus();
+        };
+      });
+    }
+
+    function openRelatedRunsInActivity(workflow, schedule) {
+      const relatedRunsPath = `/scopes/${workflow.scopeId}/workflow-activity-vnext/activity?workflowId=${workflow.id}&schedule=${schedule.scheduleId}&origin=schedule`;
+      document.body.dataset.prototypeActivityPath = relatedRunsPath;
+      activityFilter = "Scheduled";
+      activityWorkflowId = workflow.id;
+      activityScheduleId = schedule.scheduleId;
+      if (schedulePanelOpen) closeSchedulePanel();
+      if (!document.querySelector("#schedule-quick-modal").hidden) closeScheduleQuickModal();
+      syncFilterButtons("activity");
+      showView("activity");
+    }
+
+    function bindScheduleSelectedSurface(root, footer, workflow, schedule, surface, renderSelected) {
+      const mode = selectedScheduleMode(surface);
+      bindScheduleTabs(root, surface, renderSelected);
+      root.querySelector("#schedule-open-activity")?.addEventListener("click", () => openRelatedRunsInActivity(workflow, schedule));
+      root.querySelector("#schedule-edit")?.addEventListener("click", () => {
+        setSelectedScheduleMode(surface, "edit");
+        renderSelected();
+      });
+      root.querySelector("#schedule-run-now")?.addEventListener("click", () => {
+        if (!window.confirm("Run this published workflow now? It may change external systems.")) return;
+        scheduleMutation = { scheduleId: schedule.scheduleId, label: "Run-now request accepted." };
+        refreshWorkflowSchedules(workflow);
+        renderSelected();
+        showToast("Run-now request accepted. Refreshing Schedule status.");
+      });
+      root.querySelector("#schedule-toggle")?.addEventListener("click", () => {
+        scheduleMutation = { scheduleId: schedule.scheduleId, label: schedule.enabled ? "Pause request accepted." : "Enable request accepted." };
+        refreshWorkflowSchedules(workflow);
+        renderSelected();
+        showToast(`${scheduleMutation.label} Refreshing Schedule status.`);
+      });
+      root.querySelector("#schedule-delete")?.addEventListener("click", () => {
+        if (!window.confirm(`Delete ${schedule.displayName}? This cannot be undone.`)) return;
+        scheduleMutation = { scheduleId: schedule.scheduleId, label: "Schedule deletion accepted." };
+        refreshWorkflowSchedules(workflow);
+        renderSelected();
+        showToast("Schedule deletion accepted. Refreshing the Schedule list.");
+      });
+
+      if (mode !== "edit") return;
+      const pending = schedulePending(schedule);
+      const editModel = scheduleEditModel(schedule);
+      root.querySelector("#schedule-edit-repeat").value = editModel.repeat;
+      root.querySelector("#schedule-edit-repeat").onchange = () => updateScheduleEditRepeatPresentation(root, Boolean(pending));
+      root.querySelector("#schedule-edit-repeat-time").oninput = () => updateScheduleEditRepeatPresentation(root, Boolean(pending));
+      root.querySelector("#schedule-edit-cron").oninput = () => updateScheduleEditRepeatPresentation(root, Boolean(pending));
+      root.querySelector("#schedule-edit-cron-mode").onclick = () => {
+        const repeatInput = root.querySelector("#schedule-edit-repeat");
+        repeatInput.value = repeatInput.value === "Write cron yourself" ? "Every weekday" : "Write cron yourself";
+        updateScheduleEditRepeatPresentation(root, Boolean(pending));
+        if (repeatInput.value === "Write cron yourself") root.querySelector("#schedule-edit-cron").focus();
+      };
+      updateScheduleEditRepeatPresentation(root, Boolean(pending));
+      footer.querySelector("#schedule-edit-cancel").onclick = () => {
+        setSelectedScheduleMode(surface, "overview");
+        renderSelected();
+      };
+      footer.querySelector("#schedule-save").onclick = () => {
+        const scheduleUpdateDraft = {
+          displayName: root.querySelector("#schedule-edit-name").value.trim(),
+          cronExpression: root.querySelector("#schedule-edit-cron").value.trim(),
+          timezone: root.querySelector("#schedule-edit-time-zone").value.trim(),
+          enabled: schedule.enabled,
+          prompt: root.querySelector("#schedule-edit-prompt").value.trim()
+        };
+        if (!scheduleUpdateDraft.displayName || !isValidTimeZone(scheduleUpdateDraft.timezone) || scheduleUpdateDraft.cronExpression.split(/\s+/).length !== 5) {
+          showToast("Name, a valid IANA timezone, and a five-field cron are required.");
+          return;
+        }
+        scheduleMutation = { scheduleId: schedule.scheduleId, label: "Schedule update accepted.", request: scheduleUpdateDraft };
+        refreshWorkflowSchedules(workflow);
+        setSelectedScheduleMode(surface, "overview");
+        renderSelected();
+        showToast("Schedule update accepted. Refreshing Schedule status.");
+      };
+    }
+
+    function renderScheduleModalSelected(workflow) {
+      const schedules = prototypeWorkflowSchedules[workflow.scopeId]?.[workflow.id] || [];
+      const schedule = schedules.find(item => item.scheduleId === selectedScheduleId);
+      if (!schedule) {
+        renderScheduleModalList(workflow);
+        return;
+      }
+      const content = document.querySelector("#schedule-quick-content");
+      const footer = document.querySelector("#schedule-quick-footer");
+      const back = document.querySelector("#schedule-quick-back");
+      back.hidden = false;
+      back.onclick = () => renderScheduleModalList(workflow);
+      document.querySelector("#schedule-quick-title").textContent = `${schedule.displayName} · ${workflow.name}`;
+      document.querySelector("#schedule-quick-subtitle").hidden = true;
+      content.innerHTML = scheduleSelectedMarkup(schedule, workflow, "modal");
+      footer.hidden = scheduleModalMode !== "edit";
+      footer.innerHTML = scheduleModalMode === "edit" ? `<button type="button" class="button" id="schedule-edit-cancel">Cancel</button><button type="button" class="button primary" id="schedule-save">Save changes</button>` : "";
+      bindScheduleSelectedSurface(content, footer, workflow, schedule, "modal", () => renderScheduleModalSelected(workflow));
+    }
+
+    function renderSchedulePanel() {
+      const panel = document.querySelector("#schedule-panel");
+      if (!schedulePanelOpen || !canScheduleWorkflow(currentWorkflow)) {
+        panel.hidden = true;
+        panel.innerHTML = "";
+        return;
+      }
+
+      const schedules = prototypeWorkflowSchedules[currentWorkflow.scopeId]?.[currentWorkflow.id] || [];
+      panel.hidden = false;
+      if (schedulePanelMode === "new") {
+        renderScheduleCreation();
+        return;
+      }
+      if (schedulePanelMode === "list") {
+        const rows = schedules.map(scheduleListRow).join("");
+        panel.innerHTML = `<header class="studio-panel-header"><div><h2>Schedules for ${escapeHtml(currentWorkflow.name)}</h2></div><button type="button" class="icon-button" id="close-schedule" aria-label="Close schedules" title="Close">×</button></header><div class="studio-panel-body"><div class="schedule-list-actions"><button type="button" class="button small" id="schedule-refresh">Refresh</button><button type="button" class="button small primary" id="schedule-new">New schedule</button></div>${schedules.length ? `<ul class="schedule-list">${rows}</ul>` : `<div class="schedule-quick-review"><p><strong>No schedules yet</strong></p><p>Create recurring work for this published Workflow.</p></div>`}</div>`;
+        panel.querySelector("#close-schedule").onclick = closeSchedulePanel;
+        panel.querySelector("#schedule-new").onclick = openSchedulePanelCreation;
+        panel.querySelector("#schedule-refresh").onclick = () => {
+          refreshWorkflowSchedules(currentWorkflow);
+          showToast("Workflow schedules refreshed.");
+        };
+        panel.querySelectorAll("[data-schedule-id]").forEach(button => {
+          button.onclick = () => {
+            selectedScheduleId = button.dataset.scheduleId;
+            schedulePanelMode = "overview";
+            renderSchedulePanel();
+          };
+        });
+        return;
+      }
+
+      const schedule = schedules.find(item => item.scheduleId === selectedScheduleId);
+      if (!schedule) {
+        schedulePanelMode = "list";
+        selectedScheduleId = null;
+        renderSchedulePanel();
+        return;
+      }
+
+      panel.innerHTML = `<header class="studio-panel-header"><div class="schedule-selected-title"><button type="button" class="icon-button" id="schedule-back" aria-label="Back to schedules" title="Back">←</button><div><h2>${escapeHtml(schedule.displayName)} · ${escapeHtml(currentWorkflow.name)}</h2></div></div><button type="button" class="icon-button" id="close-schedule" aria-label="Close schedules" title="Close">×</button></header><div class="studio-panel-body" id="schedule-selected-body">${scheduleSelectedMarkup(schedule, currentWorkflow, "panel")}</div><footer class="studio-panel-footer" id="schedule-selected-footer" ${schedulePanelMode === "edit" ? "" : "hidden"}>${schedulePanelMode === "edit" ? `<button type="button" class="button small" id="schedule-edit-cancel">Cancel</button><button type="button" class="button small primary" id="schedule-save">Save changes</button>` : ""}</footer>`;
+      panel.querySelector("#close-schedule").onclick = closeSchedulePanel;
+      panel.querySelector("#schedule-back").onclick = () => {
+        schedulePanelMode = "list";
+        selectedScheduleId = null;
+        renderSchedulePanel();
+      };
+      bindScheduleSelectedSurface(panel.querySelector("#schedule-selected-body"), panel.querySelector("#schedule-selected-footer"), currentWorkflow, schedule, "panel", renderSchedulePanel);
+    }
+
+    function renderActiveBanner() {
+      const active = runs.find(run => run.workflowId === currentWorkflow.id && run.status === "Running");
+      const root = document.querySelector("#active-run-banner");
+      if (!active) { root.innerHTML = ""; return; }
+      root.innerHTML = `<div class="run-banner"><span class="pulse"></span><div><strong>Run in progress</strong><br><span>${escapeHtml(active.id)} · ${escapeHtml(active.revision)} · Started by you just now</span></div><button type="button" class="button small" data-banner-run="${active.id}">Open Activity</button></div>`;
+      document.querySelector("[data-banner-run]").onclick = () => openRunDetail(active.id);
+    }
+
+    function runTable(items) {
+      if (!items.length) return `<div class="empty"><div><h2>No Runs yet</h2><p>Run this workflow to create its first Activity record.</p></div></div>`;
+      const desktopRows = items.map(run => `
+        <tr class="clickable" data-run-id="${run.id}" tabindex="0">
+          <td><span class="status ${statusClass(run.status)}">${escapeHtml(run.status)}</span></td>
+          <td><span class="title">${escapeHtml(run.workflow)}</span><span class="sub">${escapeHtml(run.id)}</span></td>
+          <td><span>${escapeHtml(run.origin)}</span></td>
+          <td><span>${escapeHtml(run.revision)}</span></td>
+          <td><span>${escapeHtml(run.when)}</span></td>
+          <td><span class="mono">${escapeHtml(run.took)}</span></td>
+          <td><span class="mono">${escapeHtml(run.usage)}</span></td>
+          <td><span class="title">${escapeHtml(run.outcome)}</span><span class="sub" style="color:var(--blue)">Open details</span></td>
+        </tr>`).join("");
+      const mobileRows = items.map(run => `<article class="mobile-run" data-run-id="${run.id}" tabindex="0"><div class="mobile-run-top"><span class="status ${statusClass(run.status)}">${escapeHtml(run.status)}</span><span class="mono muted">${escapeHtml(run.when)}</span></div><strong>${escapeHtml(run.workflow)}</strong><p>${escapeHtml(run.revision)} · ${escapeHtml(run.outcome)}</p></article>`).join("");
+      return `<div class="desktop-table"><table class="data-table activity-table"><colgroup><col style="width:11%"><col style="width:20%"><col style="width:13%"><col style="width:15%"><col style="width:10%"><col style="width:7%"><col style="width:7%"><col style="width:17%"></colgroup><thead><tr><th>Status</th><th>Workflow</th><th>Origin</th><th>Revision</th><th>When</th><th>Took</th><th>Usage</th><th>Outcome</th></tr></thead><tbody>${desktopRows}</tbody></table></div><div class="mobile-runs">${mobileRows}</div><p class="table-foot">${items.length} Runs · New records appear as soon as execution starts.</p>`;
+    }
+
+    function renderActivity() {
+      const query = document.querySelector("#activity-search").value.trim().toLowerCase();
+      const scopedWorkflow = activityWorkflowId ? workflows.find(item => item.id === activityWorkflowId) : null;
+      const scopedSchedule = scopedWorkflow && activityScheduleId
+        ? prototypeWorkflowSchedules[scopedWorkflow.scopeId]?.[scopedWorkflow.id]?.find(item => item.scheduleId === activityScheduleId)
+        : null;
+      document.querySelector("#activity-subtitle").textContent = scopedWorkflow
+        ? `Related scheduled Runs for ${scopedWorkflow.name}.`
+        : "Every Run, newest first. Search, inspect, and recover from one place.";
+      const filtered = runs.filter(run => {
+        const haystack = `${run.id} ${run.workflow} ${run.outcome} ${run.revision} ${run.origin}`.toLowerCase();
+        const matchesText = haystack.includes(query);
+        const matchesFilter = activityFilter === "All" || run.status === activityFilter || (activityFilter === "Scheduled" && run.origin.startsWith("Schedule")) || (activityFilter === "Mine" && run.startedBy === "You");
+        const matchesWorkflow = !activityWorkflowId || run.workflowId === activityWorkflowId;
+        const matchesSchedule = !activityScheduleId || run.scheduleId === activityScheduleId;
+        return matchesText && matchesFilter && matchesWorkflow && matchesSchedule;
+      });
+      const wrap = document.querySelector("#activity-table-wrap");
+      const filterContext = scopedSchedule ? `<div class="activity-filter-context"><div><strong>Schedule: ${escapeHtml(scopedSchedule.displayName)}</strong><span>Workflow: ${escapeHtml(scopedWorkflow.name)} · Origin: Schedule</span></div><button type="button" class="button small" id="clear-related-runs">Clear</button></div>` : "";
+      if (!filtered.length) {
+        wrap.innerHTML = `${filterContext}<div class="empty"><div><h2>No Runs match</h2><p>Change the search or filter.</p><button type="button" class="button" id="clear-activity-filter">Clear filters</button></div></div>`;
+        document.querySelector("#clear-activity-filter").onclick = () => {
+          activityFilter = "All";
+          activityWorkflowId = null;
+          activityScheduleId = null;
+          document.querySelector("#activity-search").value = "";
+          syncFilterButtons("activity");
+          renderActivity();
+        };
+        document.querySelector("#clear-related-runs")?.addEventListener("click", () => document.querySelector("#clear-activity-filter").click());
+        return;
+      }
+      wrap.innerHTML = `${filterContext}${runTable(filtered)}`;
+      document.querySelector("#clear-related-runs")?.addEventListener("click", () => {
+        activityFilter = "All";
+        activityWorkflowId = null;
+        activityScheduleId = null;
+        syncFilterButtons("activity");
+        renderActivity();
+      });
+      bindRunRows(wrap);
+    }
+
+    function bindRunRows(root) {
+      root.querySelectorAll("[data-run-id]").forEach(row => {
+        row.onclick = () => openRunDetail(row.dataset.runId);
+        row.onkeydown = event => {
+          if (event.key === "Enter" || event.key === " ") { event.preventDefault(); openRunDetail(row.dataset.runId); }
+        };
+      });
+    }
+
+    function openRunDetail(id) {
+      const run = runs.find(item => item.id === id);
+      if (!run) return;
+      document.querySelector("#drawer-title").textContent = `Run #${run.id}`;
+      document.querySelector("#drawer-subtitle").textContent = `${run.workflow} · ${run.when}`;
+      const runWorkflow = workflows.find(item => item.id === run.workflowId);
+      const timelineSteps = runWorkflow?.steps?.length ? runWorkflow.steps : [makeStep("Workflow execution", "Run", [])];
+      const timeline = timelineSteps.map((step, index) => {
+        let state = "queued";
+        let duration = "Queued";
+        const activeIndex = Math.min(3, timelineSteps.length - 1);
+        if (run.status === "Succeeded" || index < activeIndex) { state = ""; duration = ["0.8s", "3.4s", "0.1s", "31s", "1.2s"][index % 5]; }
+        if (run.status === "Running" && index === activeIndex) { state = "running"; duration = "Running"; }
+        if (run.status === "Failed" && index === activeIndex) { state = "failed"; duration = "Failed"; }
+        if (run.status === "Needs you" && index === activeIndex) { state = "running"; duration = "Waiting"; }
+        return `<div class="timeline-step"><span class="timeline-dot ${state}"></span><strong>${escapeHtml(step.name)}</strong><span>${duration}</span></div>`;
+      }).join("");
+      document.querySelector("#drawer-body").innerHTML = `
+        <p><span class="status ${statusClass(run.status)}">${escapeHtml(run.status)}</span></p>
+        <div class="detail-grid">
+          <div class="detail-cell"><span>Revision</span><strong>${escapeHtml(run.revision)}</strong></div>
+          <div class="detail-cell"><span>Origin</span><strong>${escapeHtml(run.origin)}</strong></div>
+          <div class="detail-cell"><span>Duration</span><strong class="mono">${escapeHtml(run.took)}</strong></div>
+          <div class="detail-cell"><span>Usage</span><strong class="mono">${escapeHtml(run.usage)}</strong></div>
+        </div>
+        ${run.error ? `<div class="error-panel"><strong>Failure</strong><p>${escapeHtml(run.error)}</p></div>` : ""}
+        ${run.sourceId ? `<div class="link-panel"><strong>Linked source Run</strong><p>${escapeHtml(run.id)} was created from ${escapeHtml(run.sourceId)}. Both records are retained.</p></div>` : ""}
+        <div class="timeline"><h3>STEP TIMELINE</h3>${timeline}</div>`;
+      document.querySelector("#drawer-footer").innerHTML = `
+        <button type="button" class="button" data-open-from-run="${run.workflowId}">Open workflow</button>
+        <button type="button" class="button primary" data-repeat-run="${run.id}">${run.status === "Failed" ? "Retry" : "Run again"}</button>`;
+      document.querySelector("[data-open-from-run]").onclick = () => { closeDrawer(); openWorkflow(run.workflowId); };
+      document.querySelector("[data-repeat-run]").onclick = () => { closeDrawer(); openRunModal(workflows.find(item => item.id === run.workflowId), run); };
+      document.querySelector("#run-drawer").hidden = false;
+      document.querySelector("#close-drawer").focus();
+    }
+
+    function closeDrawer() { document.querySelector("#run-drawer").hidden = true; }
+
+    function openRunModal(workflow, source = null) {
+      if (!workflow || !workflow.steps.length) {
+        showToast("Add a step before running this workflow.");
+        return;
+      }
+      currentWorkflow = workflow;
+      runContext = { workflow, source };
+      document.querySelector("#run-workflow-name").textContent = workflow.name;
+      document.querySelector("#run-revision").textContent = workflow.revision;
+      document.querySelector("#run-input").value = workflow.runInput || "{}";
+      document.querySelector(".effect p").textContent = workflow.effects || "This workflow may change connected systems.";
+      const sourceNote = document.querySelector("#linked-source");
+      const button = document.querySelector("#confirm-run");
+      if (source) {
+        const action = source.status === "Failed" ? "Retry" : "Run again";
+        sourceNote.hidden = false;
+        sourceNote.innerHTML = `<strong>${action} creates a new Run.</strong><br>Source Run ${escapeHtml(source.id)} will remain unchanged and linked.`;
+        button.textContent = action;
+      } else {
+        sourceNote.hidden = true;
+        sourceNote.textContent = "";
+        button.textContent = "Run";
+      }
+      document.querySelector("#effects-check").checked = false;
+      button.disabled = true;
+      document.querySelector("#run-modal").hidden = false;
+      setTimeout(() => document.querySelector("#run-input").focus(), 0);
+    }
+
+    function createRun() {
+      if (!runContext) return;
+      const { workflow, source } = runContext;
+      const maxId = runs.reduce((max, run) => Math.max(max, Number(run.id.replace("R-", "")) || 0), 1041);
+      const id = `R-${maxId + 1}`;
+      const action = source ? (source.status === "Failed" ? "Retry" : "Run again") : "Manual";
+      const newRun = {
+        id,
+        workflowId: workflow.id,
+        workflow: workflow.name,
+        status: "Running",
+        origin: source ? `${action} · ${source.id}` : "Manual · you",
+        revision: workflow.revision,
+        when: "Just now",
+        took: "00:00",
+        usage: "$0.00",
+        outcome: source ? `${action} started` : "Execution started",
+        startedBy: "You",
+        sourceId: source ? source.id : null
+      };
+      runs.unshift(newRun);
+      saveRuns();
+      closeModal("run-modal");
+      renderWorkflows();
+      renderActivity();
+      renderEditor();
+      showToast(`${id} started and was saved in Activity.`);
+      if (currentView !== "editor" || currentWorkflow.id !== workflow.id) openWorkflow(workflow.id);
+      setTimeout(() => completeRun(id), 8000);
+    }
+
+    function completeRun(id) {
+      const run = runs.find(item => item.id === id);
+      if (!run || run.status !== "Running") return;
+      run.status = "Succeeded";
+      run.took = "00:08";
+      run.usage = "$0.03";
+      run.outcome = "Completed successfully";
+      saveRuns();
+      renderWorkflows();
+      renderActivity();
+      renderEditor();
+      showToast(`${id} succeeded. Its Activity record is retained.`);
+    }
+
+    function createWorkflowDocument({ name, description, creation, steps, runInput = "{}", effects = "This workflow may change connected systems." }) {
+      const id = `wf-created-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;
+      const item = {
+        id,
+        scopeId: "scope-demo",
+        publishedServiceId: null,
+        activeRevisionId: null,
+        name,
+        description,
+        creation,
+        steps: structuredClone(steps),
+        runInput,
+        effects,
+        state: "Draft",
+        revision: "Current draft · revision 1",
+        last: "Never",
+        lastStatus: "Never"
+      };
+      workflows.unshift(item);
+      saveWorkflows();
+      ["create-modal", "describe-modal", "import-modal", "template-modal"].forEach(closeModal);
+      openWorkflow(id);
+      showToast(`${item.name} created as a draft.`);
+    }
+
+    function createBlankWorkflow() {
+      createWorkflowDocument({
+        name: "Untitled workflow",
+        description: "Empty workflow draft",
+        creation: "Blank",
+        steps: [],
+        effects: "No external effects until steps are added."
+      });
+    }
+
+    function createFromDescription() {
+      const goal = document.querySelector("#workflow-goal").value.trim();
+      const error = document.querySelector("#goal-error");
+      if (goal.length < 16) {
+        error.textContent = "Describe the outcome in at least 16 characters.";
+        error.hidden = false;
+        document.querySelector("#workflow-goal").focus();
+        return;
+      }
+      error.hidden = true;
+      const lower = goal.toLowerCase();
+      let name = "New workflow";
+      let description = goal;
+      let generatedSteps;
+      let effects = "May write results to a connected destination.";
+      if (lower.includes("feedback")) {
+        name = lower.includes("monday") ? "Monday feedback summary" : "Feedback summary";
+        description = "Collect feedback, group themes, and post a concise summary.";
+        effects = "Posts one summary to the selected feedback channel.";
+        generatedSteps = [
+          makeStep("Collect recent feedback", "Lark messages", [["Channel", "#feedback"], ["Window", "Previous 7 days"]]),
+          makeStep("Group feedback themes", "AI task", [["Instruction", "Group similar feedback into themes and count each theme.", true], ["Model", "Workspace default"]]),
+          makeStep("Draft concise summary", "AI task", [["Instruction", "Write a concise summary with themes, examples, and urgent items.", true], ["Tone", "Direct and neutral"]]),
+          makeStep("Post feedback summary", "Lark message", [["Channel", "#weekly-feedback"], ["Message", "Use the output from Draft concise summary", true]])
+        ];
+      } else if (lower.includes("invoice")) {
+        name = "Invoice reminder workflow";
+        generatedSteps = structuredClone(seedWorkflows[2].steps);
+        effects = seedWorkflows[2].effects;
+      } else {
+        name = goal.replace(/[.!?].*$/, "").slice(0, 54) || "New workflow";
+        generatedSteps = [
+          makeStep("Receive input", "Manual input", [["Input", "Run input"]]),
+          makeStep("Process request", "AI task", [["Instruction", goal, true], ["Model", "Workspace default"]]),
+          makeStep("Review result", "Approval", [["Approvers", "Workflow owner"], ["Timeout", "24 hours"]]),
+          makeStep("Deliver result", "Lark message", [["Channel", "Select a channel"], ["Message", "Use the approved result", true]])
+        ];
+      }
+      createWorkflowDocument({ name, description, creation: "Description", steps: generatedSteps, runInput: "{}", effects });
+    }
+
+    function parseWorkflowYaml(source) {
+      const lines = source.split(/\r?\n/);
+      const clean = value => value.trim().replace(/^['"]|['"]$/g, "");
+      const topName = lines.find(line => /^name\s*:/.test(line));
+      const topDescription = lines.find(line => /^description\s*:/.test(line));
+      const parsedSteps = [];
+      for (const line of lines) {
+        const nameMatch = line.match(/^\s*-\s+name\s*:\s*(.+)$/);
+        if (nameMatch) {
+          parsedSteps.push(makeStep(clean(nameMatch[1]), "Action", [["Configuration", "Review imported settings"]]));
+          continue;
+        }
+        const typeMatch = line.match(/^\s+type\s*:\s*(.+)$/);
+        if (typeMatch && parsedSteps.length) parsedSteps[parsedSteps.length - 1].kind = clean(typeMatch[1]);
+      }
+      if (!topName) throw new Error("Add a top-level name field.");
+      if (!parsedSteps.length) throw new Error("Add at least one step with '- name:'.");
+      return {
+        name: clean(topName.split(":").slice(1).join(":")),
+        description: topDescription ? clean(topDescription.split(":").slice(1).join(":")) : "Imported workflow draft",
+        steps: parsedSteps
+      };
+    }
+
+    function createFromYaml() {
+      const source = document.querySelector("#workflow-yaml").value;
+      const error = document.querySelector("#yaml-error");
+      try {
+        const parsed = parseWorkflowYaml(source);
+        error.hidden = true;
+        createWorkflowDocument({
+          ...parsed,
+          creation: "Import",
+          runInput: "{}",
+          effects: "External effects depend on the imported step configuration."
+        });
+      } catch (parseError) {
+        error.textContent = parseError.message;
+        error.hidden = false;
+        document.querySelector("#workflow-yaml").focus();
+      }
+    }
+
+    function serializeWorkflowYaml(workflow) {
+      const yamlString = value => JSON.stringify(String(value ?? ""));
+      const steps = workflow.steps.map(step => `  - name: ${yamlString(step.name)}\n    type: ${yamlString(step.kind)}`).join("\n");
+      return `name: ${yamlString(workflow.name)}\ndescription: ${yamlString(workflow.description)}\nsteps:\n${steps}`;
+    }
+
+    function closeYamlEditor() {
+      document.querySelector("#yaml-panel").hidden = true;
+      document.querySelector("#yaml-editor-error").hidden = true;
+    }
+
+    function openYamlEditor() {
+      selectedStep = -1;
+      schedulePanelOpen = false;
+      renderEditor();
+      document.querySelector("#workflow-yaml-editor").value = serializeWorkflowYaml(currentWorkflow);
+      document.querySelector("#yaml-editor-error").hidden = true;
+      document.querySelector("#yaml-panel").hidden = false;
+      document.querySelector("#workflow-yaml-editor").focus();
+    }
+
+    function applyYamlEditor() {
+      const source = document.querySelector("#workflow-yaml-editor").value;
+      const error = document.querySelector("#yaml-editor-error");
+      try {
+        const parsed = parseWorkflowYaml(source);
+        currentWorkflow.name = parsed.name;
+        currentWorkflow.description = parsed.description;
+        currentWorkflow.steps = parsed.steps;
+        saveWorkflows();
+        closeYamlEditor();
+        renderEditor();
+        showToast(`${currentWorkflow.name} YAML applied.`);
+      } catch (parseError) {
+        error.textContent = parseError.message;
+        error.hidden = false;
+      }
+    }
+
+    function renderTemplates() {
+      document.querySelector("#template-list").innerHTML = workflowTemplates.map(template => `
+        <button type="button" class="template-card" data-template-id="${template.id}">
+          <strong>${escapeHtml(template.name)}</strong>
+          <p>${escapeHtml(template.description)}</p>
+          <span>${escapeHtml(template.integrations)}</span>
+          <em>Use template</em>
+        </button>`).join("");
+      document.querySelectorAll("[data-template-id]").forEach(button => {
+        button.onclick = () => {
+          const template = workflowTemplates.find(item => item.id === button.dataset.templateId);
+          createWorkflowDocument({
+            name: `${template.name} copy`,
+            description: template.description,
+            creation: "Template",
+            steps: template.steps,
+            runInput: "{}",
+            effects: `Uses the connections configured by the ${template.name} template.`
+          });
+        };
+      });
+    }
+
+    function addStep(type) {
+      const definitions = {
+        data: makeStep("Read data", "Data query", [["Source", "Select a connection"], ["Filter", "All records"]]),
+        ai: makeStep("Process with AI", "AI task", [["Instruction", "Describe the expected transformation.", true], ["Model", "Workspace default"]]),
+        message: makeStep("Send message", "Lark message", [["Channel", "Select a channel"], ["Message", "Use the previous step output", true]])
+      };
+      currentWorkflow.steps.push(definitions[type]);
+      selectedStep = currentWorkflow.steps.length - 1;
+      currentWorkflow.description = currentWorkflow.description === "Empty workflow draft" ? "Workflow draft in progress" : currentWorkflow.description;
+      saveWorkflows();
+      closeModal("step-modal");
+      renderEditor();
+      showToast(`${definitions[type].name} added.`);
+    }
+
+    function openModal(id) {
+      document.querySelector(`#${id}`).hidden = false;
+      if (id === "step-modal") {
+        const search = document.querySelector("#node-search");
+        search.value = "";
+        search.dispatchEvent(new Event("input"));
+        setTimeout(() => search.focus(), 0);
+      }
+    }
+    function closeModal(id) { document.querySelector(`#${id}`).hidden = true; }
+
+    function syncFilterButtons(scope) {
+      const value = scope === "workflow" ? workflowFilter : activityFilter;
+      document.querySelectorAll(`[data-${scope}-filter]`).forEach(button => {
+        button.classList.toggle("active", button.dataset[`${scope}Filter`] === value);
+      });
+    }
+
+    document.querySelectorAll("[data-nav]").forEach(button => {
+      button.onclick = () => showView(button.dataset.nav);
+    });
+    document.querySelector("#new-workflow").onclick = () => openModal("create-modal");
+    document.querySelector("#close-schedule-quick").onclick = closeScheduleQuickModal;
+    document.querySelector("#back-workflows").onclick = () => showView("workflows");
+    document.querySelector("#editor-run").onclick = () => openRunModal(currentWorkflow);
+    document.querySelector("#editor-schedule").onclick = openSchedulePanel;
+    document.querySelector("#editor-save").onclick = () => { saveWorkflows(); showToast(`${currentWorkflow.name} saved.`); };
+    document.querySelector("#editor-publish").onclick = () => {
+      if (!currentWorkflow.steps.length) return;
+      currentWorkflow.state = "Published";
+      currentWorkflow.revision = "Published · v1";
+      saveWorkflows();
+      renderEditor();
+      showToast(`${currentWorkflow.name} published as v1.`);
+    };
+    document.querySelector("#workflow-search").oninput = renderWorkflows;
+    document.querySelector("#activity-search").oninput = renderActivity;
+    document.querySelector("#llm-service").onchange = event => {
+      const nextService = event.target.value;
+      if (!settingsCatalog[nextService]) return;
+      settingsDraft.service = nextService;
+      if (settingsDraft.model && !settingsCatalog[nextService].models.includes(settingsDraft.model)) settingsDraft.model = "";
+      renderSettings();
+    };
+    document.querySelector("#llm-model").onchange = event => {
+      settingsDraft.model = event.target.value;
+      renderSettings();
+    };
+    document.querySelector("#reset-settings").onclick = () => {
+      settingsDraft = { ...persistedSettings };
+      settingsSavePhase = null;
+      renderSettings();
+      showToast("Unsaved LLM changes reset.");
+    };
+    document.querySelector("#save-settings").onclick = saveSettings;
+    document.querySelectorAll("[data-settings-section]").forEach(tab => {
+      tab.onclick = () => { settingsSection = tab.dataset.settingsSection; renderSettings(); };
+      tab.onkeydown = event => {
+        const tabs = [...document.querySelectorAll("[data-settings-section]")];
+        const current = tabs.indexOf(tab);
+        let next = current;
+        if (event.key === "ArrowRight" || event.key === "ArrowDown") next = (current + 1) % tabs.length;
+        else if (event.key === "ArrowLeft" || event.key === "ArrowUp") next = (current - 1 + tabs.length) % tabs.length;
+        else if (event.key === "Home") next = 0;
+        else if (event.key === "End") next = tabs.length - 1;
+        else return;
+        event.preventDefault();
+        settingsSection = tabs[next].dataset.settingsSection;
+        renderSettings();
+        tabs[next].focus();
+      };
+    });
+    document.querySelector("#account-signout").onclick = () => {
+      accountSignedIn = false;
+      localStorage.setItem(ACCOUNT_STORAGE_KEY, "signed-out");
+      document.querySelector("#service-access-alert").innerHTML = "";
+      renderAccount();
+      showToast("Signed out for this prototype.");
+    };
+    document.querySelector("#manage-service-access").onclick = event => {
+      const button = event.currentTarget;
+      button.disabled = true;
+      button.textContent = "Opening NyxID...";
+      document.querySelector("#service-access-alert").innerHTML = `<div class="settings-alert">Starting the NyxID service access review...</div>`;
+      window.setTimeout(() => {
+        button.disabled = false;
+        button.textContent = "Manage service access";
+        document.querySelector("#service-access-alert").innerHTML = `<div class="settings-alert">Service access review opened. This standalone prototype keeps you on the current page.</div>`;
+      }, 850);
+    };
+    document.querySelector("#add-step").onclick = () => openModal("step-modal");
+    document.querySelector("#editor-yaml").onclick = openYamlEditor;
+    document.querySelector("#close-yaml").onclick = closeYamlEditor;
+    document.querySelector("#cancel-yaml").onclick = closeYamlEditor;
+    document.querySelector("#apply-yaml").onclick = applyYamlEditor;
+    document.querySelector("#node-search").oninput = event => {
+      const query = event.target.value.trim().toLowerCase();
+      document.querySelectorAll("[data-node-search]").forEach(item => { item.hidden = !item.dataset.nodeSearch.includes(query); });
+      document.querySelectorAll("[data-node-category]").forEach(category => {
+        const count = category.querySelectorAll("[data-node-search]:not([hidden])").length;
+        category.hidden = count === 0;
+        category.querySelector(".node-category-title span").textContent = count;
+      });
+    };
+    document.querySelectorAll("[data-workflow-filter]").forEach(button => {
+      button.onclick = () => {
+        workflowFilter = button.dataset.workflowFilter;
+        syncFilterButtons("workflow");
+        renderWorkflows();
+      };
+    });
+    document.querySelectorAll("[data-activity-filter]").forEach(button => {
+      button.onclick = () => {
+        activityFilter = button.dataset.activityFilter;
+        if (activityFilter !== "Scheduled") {
+          activityWorkflowId = null;
+          activityScheduleId = null;
+        }
+        syncFilterButtons("activity");
+        renderActivity();
+      };
+    });
+    document.querySelectorAll("[data-close-modal]").forEach(button => {
+      button.onclick = () => closeModal(button.dataset.closeModal);
+    });
+    document.querySelectorAll("[data-create]").forEach(button => {
+      button.onclick = () => {
+        const kind = button.dataset.create;
+        if (kind === "describe") { closeModal("create-modal"); openModal("describe-modal"); }
+        if (kind === "blank") createBlankWorkflow();
+        if (kind === "import") { closeModal("create-modal"); openModal("import-modal"); }
+        if (kind === "template") { closeModal("create-modal"); renderTemplates(); openModal("template-modal"); }
+      };
+    });
+    document.querySelector("#create-from-description").onclick = createFromDescription;
+    document.querySelector("#create-from-yaml").onclick = createFromYaml;
+    document.querySelectorAll("[data-step-type]").forEach(button => {
+      button.onclick = () => addStep(button.dataset.stepType);
+    });
+    document.querySelector("#effects-check").onchange = event => { document.querySelector("#confirm-run").disabled = !event.target.checked; };
+    document.querySelector("#confirm-run").onclick = createRun;
+    document.querySelector("#close-drawer").onclick = closeDrawer;
+    document.querySelector("#run-drawer").onclick = event => { if (event.target.id === "run-drawer") closeDrawer(); };
+    document.querySelectorAll(".modal-backdrop").forEach(backdrop => {
+      backdrop.onclick = event => {
+        if (event.target !== backdrop) return;
+        if (backdrop.id === "schedule-quick-modal") closeScheduleQuickModal();
+        else closeModal(backdrop.id);
+      };
+    });
+    document.querySelector("#step-modal").onclick = event => { if (event.target.id === "step-modal") closeModal("step-modal"); };
+    document.addEventListener("keydown", event => {
+      if (event.key !== "Escape") return;
+      document.querySelectorAll(".modal-backdrop:not([hidden])").forEach(modal => {
+        if (modal.id === "schedule-quick-modal") closeScheduleQuickModal();
+        else closeModal(modal.id);
+      });
+      closeModal("step-modal");
+      closeYamlEditor();
+      closeSchedulePanel();
+      closeDrawer();
+    });
+
+    renderWorkflows();
+    renderEditor();
+    renderActivity();
+    renderSettings();
+    const prototypeRunParams = new URLSearchParams(window.location.search);
+    const prototypeRunId = prototypeRunParams.get("prototypeRun");
+    if (prototypeRunId) {
+      activityFilter = "Scheduled";
+      activityWorkflowId = prototypeRunParams.get("workflowId");
+      activityScheduleId = prototypeRunParams.get("schedule");
+      syncFilterButtons("activity");
+      showView("activity");
+      renderActivity();
+      openRunDetail(prototypeRunId);
+    } else if (window.location.hash === "#schedule") {
+      openSchedulePrototype();
+    }
+  </script>
+</body>
+</html>
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/render-schedule-png.py b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/render-schedule-png.py
new file mode 100644
index 0000000000..0cdcc93404
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/render-schedule-png.py
@@ -0,0 +1,230 @@
+#!/usr/bin/env python3
+"""Render review PNGs from the deterministic Schedule Excalidraw source."""
+
+from __future__ import annotations
+
+import argparse
+import hashlib
+import json
+import math
+from pathlib import Path
+from typing import Any
+
+from PIL import Image, ImageDraw, ImageFont, PngImagePlugin
+
+
+BASELINE_DIR = Path(__file__).resolve().parent
+SOURCE = BASELINE_DIR / "aevatar-workflow-schedule-design.excalidraw"
+FRAME_OUTPUTS = (
+    ("01 · Workflows — schedule management modal", "schedule-workflows-list-modal.png"),
+    ("02 · Workflow — schedule setup panel", "schedule-workflow-editor-panel.png"),
+    ("03 · Schedule — review before creation", "schedule-review.png"),
+    ("04 · Schedule — creation pending", "schedule-creation-pending.png"),
+    ("05 · Workflow — schedule overview", "schedule-detail.png"),
+    ("06 · Workflow — schedule history", "schedule-history.png"),
+    ("07 · Workflow — change schedule", "schedule-edit.png"),
+)
+
+SANS_FONT = Path("/System/Library/Fonts/Supplemental/Arial Unicode.ttf")
+MONO_FONT = Path("/System/Library/Fonts/Menlo.ttc")
+FALLBACK_FONT = Path("/System/Library/Fonts/Supplemental/Arial.ttf")
+
+
+def color(value: str | None) -> str | None:
+    if not value or value == "transparent":
+        return None
+    return value
+
+
+def load_font(font_family: int, size: float) -> ImageFont.FreeTypeFont:
+    preferred = MONO_FONT if font_family == 3 else SANS_FONT
+    font_path = preferred if preferred.exists() else FALLBACK_FONT
+    return ImageFont.truetype(str(font_path), max(7, round(size)))
+
+
+def dashed_line(
+    draw: ImageDraw.ImageDraw,
+    start: tuple[float, float],
+    end: tuple[float, float],
+    fill: str,
+    width: int,
+    dash: float,
+) -> None:
+    dx = end[0] - start[0]
+    dy = end[1] - start[1]
+    length = math.hypot(dx, dy)
+    if not length:
+        return
+    ux, uy = dx / length, dy / length
+    cursor = 0.0
+    while cursor < length:
+        segment_end = min(cursor + dash, length)
+        draw.line(
+            (
+                start[0] + ux * cursor,
+                start[1] + uy * cursor,
+                start[0] + ux * segment_end,
+                start[1] + uy * segment_end,
+            ),
+            fill=fill,
+            width=width,
+        )
+        cursor += dash * 1.8
+
+
+def draw_arrowhead(
+    draw: ImageDraw.ImageDraw,
+    start: tuple[float, float],
+    end: tuple[float, float],
+    fill: str,
+    width: int,
+) -> None:
+    angle = math.atan2(end[1] - start[1], end[0] - start[0])
+    size = max(7, width * 4)
+    wing = math.pi / 7
+    left = (end[0] - size * math.cos(angle - wing), end[1] - size * math.sin(angle - wing))
+    right = (end[0] - size * math.cos(angle + wing), end[1] - size * math.sin(angle + wing))
+    draw.line((left, end, right), fill=fill, width=width, joint="curve")
+
+
+def render_frame(
+    document: dict[str, Any],
+    frame: dict[str, Any],
+    size: tuple[int, int],
+    *,
+    padding: int = 0,
+) -> Image.Image:
+    image = Image.new("RGB", size, "#f1f3f5")
+    draw = ImageDraw.Draw(image)
+    usable_width = size[0] - padding * 2
+    usable_height = size[1] - padding * 2
+    scale = min(usable_width / frame["width"], usable_height / frame["height"])
+    origin_x = padding + (usable_width - frame["width"] * scale) / 2
+    origin_y = padding + (usable_height - frame["height"] * scale) / 2
+
+    def point(x: float, y: float) -> tuple[float, float]:
+        return (
+            origin_x + (x - frame["x"]) * scale,
+            origin_y + (y - frame["y"]) * scale,
+        )
+
+    elements = [
+        element
+        for element in document["elements"]
+        if not element.get("isDeleted")
+        and element.get("type") != "frame"
+        and element.get("frameId") == frame["id"]
+    ]
+    for element in elements:
+        kind = element["type"]
+        stroke = color(element.get("strokeColor")) or "#1e1e1e"
+        fill = color(element.get("backgroundColor"))
+        stroke_width = max(1, round(element.get("strokeWidth", 1) * scale))
+        x1, y1 = point(element["x"], element["y"])
+        x2 = x1 + element.get("width", 0) * scale
+        y2 = y1 + element.get("height", 0) * scale
+
+        if kind == "rectangle":
+            radius = max(2, round(8 * scale)) if element.get("roundness") else 0
+            draw.rounded_rectangle(
+                (x1, y1, x2, y2),
+                radius=radius,
+                fill=fill,
+                outline=stroke,
+                width=stroke_width,
+            )
+            continue
+
+        if kind == "ellipse":
+            draw.ellipse((x1, y1, x2, y2), fill=fill, outline=stroke, width=stroke_width)
+            continue
+
+        if kind in {"line", "arrow"}:
+            raw_points = element.get("points") or [[0, 0], [element.get("width", 0), element.get("height", 0)]]
+            points = [(x1 + px * scale, y1 + py * scale) for px, py in raw_points]
+            for start, end in zip(points, points[1:]):
+                if element.get("strokeStyle") == "dashed":
+                    dashed_line(draw, start, end, stroke, stroke_width, max(5, 7 * scale))
+                else:
+                    draw.line((start, end), fill=stroke, width=stroke_width, joint="curve")
+            if kind == "arrow" and element.get("endArrowhead") and len(points) > 1:
+                draw_arrowhead(draw, points[-2], points[-1], stroke, stroke_width)
+            continue
+
+        if kind == "text":
+            font_size = element.get("fontSize", 16) * scale
+            font = load_font(element.get("fontFamily", 1), font_size)
+            text_value = element.get("text", "")
+            align = element.get("textAlign", "left")
+            spacing = max(0, round(font_size * (element.get("lineHeight", 1.25) - 1)))
+            if align == "center":
+                draw.multiline_text(
+                    (x1 + element.get("width", 0) * scale / 2, y1),
+                    text_value,
+                    font=font,
+                    fill=stroke,
+                    anchor="ma",
+                    align="center",
+                    spacing=spacing,
+                )
+            elif align == "right":
+                draw.multiline_text(
+                    (x2, y1),
+                    text_value,
+                    font=font,
+                    fill=stroke,
+                    anchor="ra",
+                    align="right",
+                    spacing=spacing,
+                )
+            else:
+                draw.multiline_text(
+                    (x1, y1),
+                    text_value,
+                    font=font,
+                    fill=stroke,
+                    spacing=spacing,
+                )
+
+    return image
+
+
+def output_metadata(source_bytes: bytes) -> PngImagePlugin.PngInfo:
+    metadata = PngImagePlugin.PngInfo()
+    metadata.add_text("Source-SHA256", hashlib.sha256(source_bytes).hexdigest())
+    metadata.add_text(
+        "Renderer-SHA256",
+        hashlib.sha256(Path(__file__).read_bytes()).hexdigest(),
+    )
+    return metadata
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser()
+    parser.add_argument("--output-dir", type=Path, default=BASELINE_DIR)
+    args = parser.parse_args()
+    args.output_dir.mkdir(parents=True, exist_ok=True)
+
+    source_bytes = SOURCE.read_bytes()
+    document = json.loads(source_bytes)
+    frames = [element for element in document["elements"] if element.get("type") == "frame"]
+    frames_by_name = {frame["name"]: frame for frame in frames}
+    expected_names = tuple(frame_name for frame_name, _ in FRAME_OUTPUTS)
+    if tuple(frames_by_name) != expected_names:
+        raise SystemExit(
+            f"Schedule frame inventory mismatch: expected {expected_names!r}, "
+            f"found {tuple(frames_by_name)!r}"
+        )
+
+    for frame_name, output_name in FRAME_OUTPUTS:
+        output_path = args.output_dir / output_name
+        render_frame(document, frames_by_name[frame_name], (1440, 900)).save(
+            output_path,
+            optimize=True,
+            pnginfo=output_metadata(source_bytes),
+        )
+        print(f"rendered {output_path.name}: 1440x900")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-creation-pending.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-creation-pending.png
new file mode 100644
index 0000000000..4927dde13d
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-creation-pending.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-detail.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-detail.png
new file mode 100644
index 0000000000..e155e0a6f2
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-detail.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-edit.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-edit.png
new file mode 100644
index 0000000000..80a5268d1c
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-edit.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-history.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-history.png
new file mode 100644
index 0000000000..45ddc06c1f
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-history.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-review.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-review.png
new file mode 100644
index 0000000000..f22a0a3d48
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-review.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflow-editor-panel.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflow-editor-panel.png
new file mode 100644
index 0000000000..53135e524e
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflow-editor-panel.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflows-list-modal.png b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflows-list-modal.png
new file mode 100644
index 0000000000..994a0ae2e1
Binary files /dev/null and b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflows-list-modal.png differ
diff --git a/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
new file mode 100644
index 0000000000..ef95af0cd8
--- /dev/null
+++ b/apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
@@ -0,0 +1,698 @@
+#!/usr/bin/env python3
+"""Verify the immutable Workflow Activity vNext design baseline."""
+
+from __future__ import annotations
+
+import hashlib
+import importlib.util
+import json
+import shutil
+import subprocess
+import sys
+import tempfile
+import zlib
+from pathlib import Path
+
+
+BASELINE_DIR = Path(__file__).resolve().parent
+BOARD_NAME = "aevatar-workflow-activity-vnext.excalidraw"
+SCHEDULE_BOARD_NAME = "aevatar-workflow-schedule-design.excalidraw"
+GENERATOR_NAME = "aevatar-workflow-activity-vnext.gen.py"
+SCHEDULE_GENERATOR_NAME = "aevatar-workflow-schedule-design.gen.py"
+SCHEDULE_RENDERER_NAME = "render-schedule-png.py"
+PROTOTYPE_NAME = "prototype.html"
+SCHEDULE_PROTOTYPE_NAME = "prototype-schedule.html"
+SCHEDULE_PNG_SHA256 = {
+    "schedule-workflows-list-modal.png": "e151c9feedec7ead21498bd5af62a1f914fdbf949de8a4ca7269a84622a1d72b",
+    "schedule-workflow-editor-panel.png": "9b948a4ca69a1549f93319cf992024fa4bba9869ca1c8d333cda1b0196aa2e56",
+    "schedule-review.png": "1e4ebcf6b675efa625b5b9a2968cca289734cd1d6a48539b9e4a3a76232b1020",
+    "schedule-creation-pending.png": "3964b97d0c5bebb625cfc767ad287c8ab8f303a6b2769dc017df8345214425c7",
+    "schedule-detail.png": "b2253dff9288838557f0378af7f71aeacd3afbb57c9771a5cc7bb0f49b0e7c0b",
+    "schedule-history.png": "536a4775ea946251bb66185ac470a3316a737b9dd44d3998e3f092da385ebb76",
+    "schedule-edit.png": "1fed99e375085e78af23ef6999d6232304a98aac47bd0f338939af32027987dd",
+}
+OBSOLETE_SCHEDULE_PNGS = (
+    "prototype-schedule.png",
+    "aevatar-workflow-schedule-design.png",
+    "schedule-authorization-review.png",
+)
+EXPECTED_SHA256 = "30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de"
+EXPECTED_SCHEDULE_SHA256 = "cd5c84c45ffb0cdb253af31b7e1b7616504b35520298f01773026e3b76882d8a"
+EXPECTED_FRAMES = (
+    "01 Workflows - catalogue",
+    "02 New workflow - direct creation",
+    "03 Describe - generated Workflow draft",
+    "04 Start blank - empty Workflow draft",
+    "05 Import YAML - imported Workflow draft",
+    "06 Template - populated Workflow draft",
+    "07 Run - unified execution dialog",
+    "08 Running draft - Studio canvas and Run console",
+    "09 Activity - filtered by Workflow",
+    "10 Activity - all retained Runs",
+    "11 Run detail - immutable record",
+    "12 Failed Run - recovery creates a new record",
+    "13 Workflows and Activity - states",
+    "14 Settings - AI defaults",
+    "15 Settings - save and recovery states",
+    "16 Settings - Account",
+    "17 Settings - Advanced and responsive",
+)
+EXPECTED_SCHEDULE_FRAMES = (
+    "01 · Workflows — schedule management modal",
+    "02 · Workflow — schedule setup panel",
+    "03 · Schedule — review before creation",
+    "04 · Schedule — creation pending",
+    "05 · Workflow — schedule overview",
+    "06 · Workflow — schedule history",
+    "07 · Workflow — change schedule",
+)
+
+
+def png_chunks(data: bytes) -> list[tuple[bytes, bytes]]:
+    chunks: list[tuple[bytes, bytes]] = []
+    offset = 8
+    while offset + 12 <= len(data):
+        length = int.from_bytes(data[offset:offset + 4], "big")
+        chunk_type = data[offset + 4:offset + 8]
+        chunk_data = data[offset + 8:offset + 8 + length]
+        chunks.append((chunk_type, chunk_data))
+        offset += length + 12
+        if chunk_type == b"IEND":
+            break
+    return chunks
+
+
+def paeth(left: int, above: int, upper_left: int) -> int:
+    prediction = left + above - upper_left
+    left_distance = abs(prediction - left)
+    above_distance = abs(prediction - above)
+    upper_left_distance = abs(prediction - upper_left)
+    if left_distance <= above_distance and left_distance <= upper_left_distance:
+        return left
+    if above_distance <= upper_left_distance:
+        return above
+    return upper_left
+
+
+def sampled_png_colors(chunks: list[tuple[bytes, bytes]]) -> set[tuple[int, int, int]]:
+    ihdr = next(chunk for chunk_type, chunk in chunks if chunk_type == b"IHDR")
+    width = int.from_bytes(ihdr[0:4], "big")
+    height = int.from_bytes(ihdr[4:8], "big")
+    if ihdr[8:13] != bytes((8, 2, 0, 0, 0)):
+        raise SystemExit("Schedule PNG must be non-interlaced 8-bit RGB")
+    encoded = b"".join(chunk for chunk_type, chunk in chunks if chunk_type == b"IDAT")
+    decoded = zlib.decompress(encoded)
+    bytes_per_pixel = 3
+    stride = width * bytes_per_pixel
+    previous = bytearray(stride)
+    offset = 0
+    colors: set[tuple[int, int, int]] = set()
+    sample_x = max(1, width // 240)
+    sample_y = max(1, height // 160)
+
+    for row_index in range(height):
+        filter_type = decoded[offset]
+        offset += 1
+        row = bytearray(decoded[offset:offset + stride])
+        offset += stride
+        for byte_index in range(stride):
+            left = row[byte_index - bytes_per_pixel] if byte_index >= bytes_per_pixel else 0
+            above = previous[byte_index]
+            upper_left = previous[byte_index - bytes_per_pixel] if byte_index >= bytes_per_pixel else 0
+            if filter_type == 1:
+                row[byte_index] = (row[byte_index] + left) & 0xFF
+            elif filter_type == 2:
+                row[byte_index] = (row[byte_index] + above) & 0xFF
+            elif filter_type == 3:
+                row[byte_index] = (row[byte_index] + ((left + above) // 2)) & 0xFF
+            elif filter_type == 4:
+                row[byte_index] = (row[byte_index] + paeth(left, above, upper_left)) & 0xFF
+            elif filter_type != 0:
+                raise SystemExit(f"unsupported PNG filter: {filter_type}")
+        if row_index % sample_y == 0:
+            for column in range(0, width, sample_x):
+                start = column * bytes_per_pixel
+                colors.add(tuple(row[start:start + bytes_per_pixel]))
+        previous = row
+
+    return colors
+
+
+def verify_png(
+    path: Path,
+    expected_size: tuple[int, int],
+    expected_sha256: str,
+    expected_source_sha256: str,
+    expected_renderer_sha256: str,
+) -> None:
+    data = path.read_bytes()
+    if not data.startswith(b"\x89PNG\r\n\x1a\n"):
+        raise SystemExit(f"not a PNG file: {path.name}")
+    actual_size = (
+        int.from_bytes(data[16:20], "big"),
+        int.from_bytes(data[20:24], "big"),
+    )
+    if actual_size != expected_size:
+        raise SystemExit(
+            f"{path.name} size mismatch: expected {expected_size}, got {actual_size}"
+        )
+    actual_sha256 = hashlib.sha256(data).hexdigest()
+    if actual_sha256 != expected_sha256:
+        raise SystemExit(
+            f"{path.name} SHA-256 mismatch: expected {expected_sha256}, got {actual_sha256}"
+        )
+    chunks = png_chunks(data)
+    metadata = {
+        value.split(b"\0", 1)[0].decode("latin-1"): value.split(b"\0", 1)[1].decode("latin-1")
+        for chunk_type, value in chunks
+        if chunk_type == b"tEXt" and b"\0" in value
+    }
+    if metadata.get("Source-SHA256") != expected_source_sha256:
+        raise SystemExit(f"{path.name} is not linked to the current Schedule Excalidraw")
+    if metadata.get("Renderer-SHA256") != expected_renderer_sha256:
+        raise SystemExit(f"{path.name} is not linked to the current PNG renderer")
+    colors = sampled_png_colors(chunks)
+    if len(colors) < 16:
+        raise SystemExit(f"{path.name} does not contain a non-blank rendered design")
+
+
+def main() -> None:
+    board_path = BASELINE_DIR / BOARD_NAME
+    schedule_board_path = BASELINE_DIR / SCHEDULE_BOARD_NAME
+    generator_path = BASELINE_DIR / GENERATOR_NAME
+    schedule_generator_path = BASELINE_DIR / SCHEDULE_GENERATOR_NAME
+    schedule_renderer_path = BASELINE_DIR / SCHEDULE_RENDERER_NAME
+    prototype_path = BASELINE_DIR / PROTOTYPE_NAME
+    schedule_prototype_path = BASELINE_DIR / SCHEDULE_PROTOTYPE_NAME
+    board_bytes = board_path.read_bytes()
+    schedule_board_bytes = schedule_board_path.read_bytes()
+
+    for obsolete_png in OBSOLETE_SCHEDULE_PNGS:
+        if (BASELINE_DIR / obsolete_png).exists():
+            raise SystemExit(f"obsolete combined Schedule PNG must be removed: {obsolete_png}")
+
+    actual_sha256 = hashlib.sha256(board_bytes).hexdigest()
+    if actual_sha256 != EXPECTED_SHA256:
+        raise SystemExit(
+            f"design SHA-256 mismatch: expected {EXPECTED_SHA256}, got {actual_sha256}"
+        )
+
+    actual_schedule_sha256 = hashlib.sha256(schedule_board_bytes).hexdigest()
+    if actual_schedule_sha256 != EXPECTED_SCHEDULE_SHA256:
+        raise SystemExit(
+            "schedule design SHA-256 mismatch: "
+            f"expected {EXPECTED_SCHEDULE_SHA256}, got {actual_schedule_sha256}"
+        )
+    actual_renderer_sha256 = hashlib.sha256(schedule_renderer_path.read_bytes()).hexdigest()
+
+    document = json.loads(board_bytes)
+    schedule_document = json.loads(schedule_board_bytes)
+    schedule_visible_text = "\n".join(
+        element["text"]
+        for element in schedule_document["elements"]
+        if element.get("type") == "text"
+    )
+    schedule_visible_text_casefolded = schedule_visible_text.casefold()
+    if "Schedule" not in schedule_visible_text:
+        raise SystemExit("schedule entry point is missing from the schedule design board")
+    for required in ("Workflow Schedule", "write it as cron instead", "Time zone",
+                     "NEXT FIVE FIRE TIMES", "Review schedule", "Create schedule",
+                     "202 Accepted", "Run now", "Pause", "Delete"):
+        if required.casefold() not in schedule_visible_text_casefolded:
+            raise SystemExit(f"schedule frame is missing required copy: {required}")
+    if "run input (optional)" not in schedule_visible_text_casefolded:
+        raise SystemExit("schedule frame incorrectly hides optional recurring prompt semantics")
+    for required_state in ("enabled after creation",):
+        if required_state not in schedule_visible_text_casefolded:
+            raise SystemExit(f"schedule frames are missing honest Schedule state: {required_state}")
+    if "trigger" in schedule_visible_text_casefolded:
+        raise SystemExit("schedule board still contains unsupported trigger terminology")
+    for forbidden in (
+        "team member",
+        "team automation",
+        "teamid",
+        "memberid",
+        "publishedserviceid",
+        "dedicated agent key",
+        "node ids",
+        "owner llm",
+        "permission digest",
+        "permissiondigest",
+        "policy version",
+        "policyversion",
+        "review and reauthorize",
+        "/api/schedules",
+        "/automations/preflight",
+    ):
+        if forbidden in schedule_visible_text_casefolded:
+            raise SystemExit(f"Schedule design leaks the wrong resource model: {forbidden}")
+    schedule_frame_names = tuple(
+        element["name"]
+        for element in schedule_document["elements"]
+        if element.get("type") == "frame"
+    )
+    if schedule_frame_names != EXPECTED_SCHEDULE_FRAMES:
+        raise SystemExit(
+            "schedule frame inventory mismatch:\n"
+            f"expected {EXPECTED_SCHEDULE_FRAMES!r}\n"
+            f"got      {schedule_frame_names!r}"
+        )
+    if len(schedule_frame_names) != len(EXPECTED_SCHEDULE_FRAMES):
+        raise SystemExit("schedule board must contain exactly seven standalone review scenes")
+
+    schedule_frames_by_name = {
+        element["name"]: element["id"]
+        for element in schedule_document["elements"]
+        if element.get("type") == "frame"
+    }
+
+    def schedule_frame_text(frame_name: str) -> str:
+        frame_id = schedule_frames_by_name.get(frame_name)
+        return "\n".join(
+            element["text"]
+            for element in schedule_document["elements"]
+            if element.get("type") == "text" and element.get("frameId") == frame_id
+        )
+
+    quick_modal_text = schedule_frame_text("01 · Workflows — schedule management modal").casefold()
+    for required in ("schedules for weekly feedback report", "new schedule", "open"):
+        if required not in quick_modal_text:
+            raise SystemExit(f"Workflow catalogue Schedule management modal is missing: {required}")
+    if "recurring runs owned by weekly feedback report" in quick_modal_text:
+        raise SystemExit("Workflow catalogue Schedule modal repeats its ownership as helper copy")
+    quick_modal_lines = {line.strip() for line in quick_modal_text.splitlines()}
+    for forbidden in ("edit", "pause", "run now", "delete"):
+        if forbidden in quick_modal_lines:
+            raise SystemExit(f"Workflow catalogue repeats selected-Schedule actions in every row: {forbidden}")
+    configure_frame_name = "02 · Workflow — schedule setup panel"
+    configure_text = schedule_frame_text(configure_frame_name).casefold()
+    for required in (
+        "schedule name",
+        "weekly feedback report recurring work",
+        "repeat",
+        "every weekday at 09:00",
+        "write it as cron instead",
+        "post /api/scopes/{scopeid}/workflows/{workflowid}/schedules/preview",
+        "no prompt",
+    ):
+        if required not in configure_text:
+            raise SystemExit(f"{configure_frame_name} is missing Schedule configuration content: {required}")
+    if "cron expression" in configure_text:
+        raise SystemExit(f"{configure_frame_name} exposes raw cron as a default primary field")
+
+    schedule_edit_text = schedule_frame_text("07 · Workflow — change schedule").casefold()
+    for required in (
+        "schedule name",
+        "weekly review",
+        "repeat",
+        "every monday at 10:00",
+        "asia/shanghai",
+        "0 10 * * 1",
+        "write it as cron instead",
+    ):
+        if required not in schedule_edit_text:
+            raise SystemExit(f"Workflow Schedule edit is missing repeat-builder semantics: {required}")
+    if "cron expression" in schedule_edit_text:
+        raise SystemExit("Workflow Schedule edit exposes raw cron as a default primary field")
+
+    review_text = schedule_frame_text("03 · Schedule — review before creation").casefold()
+    for required in (
+        "review schedule",
+        "weekly feedback report",
+        "weekly feedback report recurring work",
+        "every weekday at 09:00",
+        "asia/shanghai",
+        "no prompt",
+        "enabled after creation",
+        "next five fire times",
+        "create schedule",
+        "post /api/scopes/{scopeid}/workflows/{workflowid}/schedules",
+    ):
+        if required not in review_text:
+            raise SystemExit(f"Schedule creation review is missing API-backed fact: {required}")
+
+    pending_text = schedule_frame_text("04 · Schedule — creation pending").casefold()
+    for required in (
+        "202 accepted",
+        "schedule request accepted",
+        "appear in this workflow's schedule list shortly",
+    ):
+        if required not in pending_text:
+            raise SystemExit(f"Schedule pending frame is missing honest accepted state: {required}")
+
+    for workflow_frame_name in (
+        "05 · Workflow — schedule overview",
+        "06 · Workflow — schedule history",
+        "07 · Workflow — change schedule",
+    ):
+        workflow_frame_text = schedule_frame_text(workflow_frame_name).casefold()
+        if "workflow canvas remains visible" not in workflow_frame_text:
+            raise SystemExit(f"{workflow_frame_name} is not visibly owned by Workflow")
+        if "weekly feedback report" not in workflow_frame_text:
+            raise SystemExit(f"{workflow_frame_name} does not identify its owning Workflow")
+
+    schedule_overview_text = schedule_frame_text("05 · Workflow — schedule overview").casefold()
+    for required in (
+        "morning digest",
+        "overview",
+        "history",
+        "active",
+        "every weekday at 09:00",
+        "asia/shanghai",
+        "next scheduled",
+        "last attempt",
+        "total attempts",
+        "failed attempts",
+        "summarize new feedback",
+        "advanced details",
+        "runs",
+        "technical format",
+        "0 9 * * 1-5",
+        "run now",
+        "edit schedule",
+        "more",
+    ):
+        if required not in schedule_overview_text:
+            raise SystemExit(f"Workflow Schedule Overview is missing: {required}")
+    for forbidden in ("cron expression", "recent fires", "observed schedule state only"):
+        if forbidden in schedule_overview_text:
+            raise SystemExit(f"Workflow Schedule Overview exposes secondary implementation content: {forbidden}")
+
+    schedule_history_text = schedule_frame_text("06 · Workflow — schedule history").casefold()
+    for required in (
+        "morning digest",
+        "recent attempts",
+        "scheduled",
+        "manual",
+        "schedule outcome",
+        "run created",
+        "failed to start",
+        "accepted",
+        "completed",
+        "technical details",
+        "the scheduled attempt could not start the workflow",
+        "view related runs in activity",
+    ):
+        if required not in schedule_history_text:
+            raise SystemExit(f"Workflow Schedule History is missing: {required}")
+    schedule_history_lines = {line.strip() for line in schedule_history_text.splitlines()}
+    for forbidden in ("result", "run started", "action"):
+        if forbidden in schedule_history_lines:
+            raise SystemExit(f"Workflow Schedule History retains ambiguous or redundant copy: {forbidden}")
+    for forbidden in ("run id", "actor id", "command id", "correlation id", "idempotency key"):
+        if forbidden in schedule_history_text:
+            raise SystemExit(f"Workflow Schedule History leaks a runtime identifier: {forbidden}")
+    if "what will run" in schedule_visible_text_casefolded:
+        raise SystemExit("Schedule board still presents the removed collection model")
+
+    prototype_text = prototype_path.read_text(encoding="utf-8")
+    modal_list_start = prototype_text.index("function renderScheduleModalList")
+    modal_list_end = prototype_text.index("function openScheduleQuickModal", modal_list_start)
+    prototype_modal_list_text = prototype_text[modal_list_start:modal_list_end]
+    for required in (
+        'textContent = `Schedules for ${workflow.name}`',
+        'id="quick-schedule-refresh"',
+        'id="quick-schedule-new"',
+    ):
+        if required not in prototype_modal_list_text:
+            raise SystemExit(f"prototype Schedule collection is missing meaningful hierarchy: {required}")
+    for forbidden in ("Recurring runs owned by", "<h3>Schedules</h3>", "schedule-quick-context"):
+        if forbidden in prototype_modal_list_text:
+            raise SystemExit(f"prototype Schedule collection retains redundant title content: {forbidden}")
+    overview_start = prototype_text.index("function scheduleOverviewMarkup")
+    overview_end = prototype_text.index("function scheduleHistoryMarkup", overview_start)
+    prototype_overview_text = prototype_text[overview_start:overview_end]
+    for required in (
+        '<span>Runs</span><strong>${escapeHtml(editModel.humanSummary)}</strong>',
+        '<span>Technical format</span><code>${escapeHtml(schedule.cronExpression)}</code>',
+    ):
+        if required not in prototype_overview_text:
+            raise SystemExit(f"prototype Schedule Overview is missing readable technical hierarchy: {required}")
+    creation_start = prototype_text.index("function resetScheduleCreation")
+    creation_end = prototype_text.index("function openSchedulePrototype", creation_start)
+    creation_text = prototype_text[creation_start:creation_end]
+    configure_start = creation_text.index('if (quickScheduleStep === "configure")')
+    configure_end = creation_text.index('if (quickScheduleStep === "previewing")', configure_start)
+    configure_creation_text = creation_text[configure_start:configure_end]
+    if 'id="editor-schedule"' not in prototype_text:
+        raise SystemExit("prototype schedule action is missing from the editor")
+    if 'data-schedule-workflow="${item.id}"' not in prototype_text:
+        raise SystemExit("prototype does not expose Schedule from published Workflow rows")
+    if 'button.onclick = () => openScheduleQuickModal(button.dataset.scheduleWorkflow)' not in prototype_text:
+        raise SystemExit("Workflow list Schedule action does not open the management modal")
+    for required in (
+        'id="schedule-quick-modal"',
+        "function openScheduleQuickModal",
+        "function renderScheduleModalList",
+        "function openSchedulePanelCreation",
+        "function renderScheduleCreation",
+        "function requestQuickSchedulePreview",
+        "function acceptQuickScheduleCreation",
+        "Review schedule",
+        "Create schedule",
+        'textContent = `Schedules for ${workflow.name}`',
+        'id="quick-schedule-new"',
+        "without leaving Workflows",
+        "Next five fire times",
+        "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/preview",
+        "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules",
+        "Repeat",
+        "Every weekday at 09:00",
+        "write it as cron instead",
+        'id="quick-schedule-cron-editor" hidden',
+        "updateQuickScheduleRepeatPresentation",
+        '"Every hour": "0 * * * *"',
+        '"Write cron yourself": "15 14 * * 2,4"',
+        "prototypeSchedulePreviewByCron",
+        "const presetCron = quickScheduleCronByRepeat[repeat]",
+        "browserTimeZone()",
+        "Schedule request accepted. It will appear in the Workflow schedule list shortly.",
+        "exitScheduleCreation();",
+        "Save and publish the latest changes before scheduling.",
+    ):
+        if required not in prototype_text:
+            raise SystemExit(f"prototype quick-create Schedule modal is missing: {required}")
+    for required in (
+        'scheduleCreationSurface === "panel"',
+        'schedulePanelMode = "new"',
+        "prototypeSchedulePreviewByCron[quickScheduleDraft.cronExpression]",
+        'modal.id === "schedule-quick-modal"',
+    ):
+        if required not in prototype_text:
+            raise SystemExit(f"prototype shared Schedule creation flow is missing: {required}")
+    for forbidden in (
+        "function createQuickSchedule()",
+        "Schedule created for",
+        "Mon 24 Aug · 09:00",
+        "Summarize new feedback and post one concise update.",
+        '<strong>Lark</strong><span>Already granted</span>',
+        "prototypeSchedulePreflightByService",
+        "prototypeSchedulePreviewByRequest",
+        "prototypeSchedulePreflightByOwner",
+        "requestQuickSchedulePreflight",
+        "preflightMatchesWorkflow",
+        "confirmedPermissionDigest",
+        "confirmedPolicyVersion",
+        "Dedicated Agent Key",
+        "Review and reauthorize",
+        "/automations/preflight",
+        'quickScheduleStep === "accepted"',
+        "quick-schedule-close-accepted",
+    ):
+        if forbidden in prototype_text:
+            raise SystemExit(f"prototype quick-create Schedule modal still contains optimistic or shared sample state: {forbidden}")
+    if 'id="quick-schedule-cron-editor" hidden' not in configure_creation_text:
+        raise SystemExit("prototype quick-create Schedule exposes raw cron as a default primary field")
+    for required in (
+        'id="quick-schedule-name"',
+        'name: content.querySelector("#quick-schedule-name").value.trim()',
+    ):
+        if required not in configure_creation_text and required not in creation_text:
+            raise SystemExit(f"prototype Schedule creation does not preserve its editable name: {required}")
+    for required in (
+        "function scheduleEditModel(schedule)",
+        'id="schedule-edit-name"',
+        'id="schedule-edit-repeat"',
+        'id="schedule-edit-repeat-time"',
+        'id="schedule-edit-time-zone"',
+        'id="schedule-edit-cron"',
+        'id="schedule-edit-prompt"',
+        'displayName: root.querySelector("#schedule-edit-name").value.trim()',
+        'cronExpression: root.querySelector("#schedule-edit-cron").value.trim()',
+        'timezone: root.querySelector("#schedule-edit-time-zone").value.trim()',
+        "enabled: schedule.enabled",
+        'prompt: root.querySelector("#schedule-edit-prompt").value.trim()',
+    ):
+        if required not in prototype_text:
+            raise SystemExit(f"prototype Schedule edit does not round-trip observed state: {required}")
+    for forbidden in ("const grants = workflow.steps.map", "schedules.unshift("):
+        if forbidden in creation_text:
+            raise SystemExit(f"prototype Schedule creation derives or invents observed state: {forbidden}")
+    if 'window.location.hash === "#schedule"' not in prototype_text:
+        raise SystemExit("prototype does not expose a directly addressable Schedule state")
+    if 'class="studio-schedule-panel"' not in prototype_text:
+        raise SystemExit("prototype schedule panel is missing from the editor")
+    if "Publish this workflow before scheduling it." not in prototype_text:
+        raise SystemExit("prototype schedule draft-state copy is missing")
+    if "schedulePanelMode" not in prototype_text or "data-schedule-id" not in prototype_text:
+        raise SystemExit("prototype does not model Schedule list and detail states")
+    if "const schedule = schedules[0]" in prototype_text:
+        raise SystemExit("prototype only renders the first Schedule")
+    if "graphLayout(workflowSteps, schedulePanelOpen)" not in prototype_text:
+        raise SystemExit("prototype does not reserve canvas layout for the Schedule panel")
+    if "flex: 0 0 400px;" not in prototype_text:
+        raise SystemExit("prototype Schedule panel does not reserve desktop width")
+    if "What will run" in prototype_text:
+        raise SystemExit("prototype still presents Schedule definitions inside Activity")
+    for forbidden in (
+        "function openScheduledRuns",
+        'id="schedule-activity"',
+        "View scheduled runs",
+        "watch Activity",
+        "next fire and Activity",
+        "rereads Team Automation and Activity",
+        "It will appear in Activity when available.",
+    ):
+        if forbidden in prototype_text:
+            raise SystemExit(f"prototype Schedule surface uses the obsolete Activity handoff: {forbidden}")
+    for required in (
+        "function renderScheduleModalSelected",
+        "function scheduleAttemptOutcome",
+        "function scheduleOverviewMarkup",
+        "function scheduleHistoryMarkup",
+        "function openRelatedRunsInActivity",
+        "View related runs in Activity",
+        "Recent attempts",
+        "Schedule outcome",
+        "Failed to start",
+        "Run created",
+        "Accepted",
+        "Technical details",
+        "The ${source.toLowerCase()} attempt could not start the Workflow.",
+        'class="schedule-attempt-row-link"',
+        'target="_blank" rel="noopener noreferrer"',
+        "data-production-href",
+        "prototypeRun",
+        "activityScheduleId",
+        "run.scheduleId === activityScheduleId",
+        "?workflowId=${workflow.id}&schedule=${schedule.scheduleId}&origin=schedule",
+    ):
+        if required not in prototype_text:
+            raise SystemExit(f"prototype Schedule history flow is missing: {required}")
+    if "scheduleMutation" not in prototype_text:
+        raise SystemExit("prototype does not model accepted Schedule mutations")
+    if 'data-step-type="schedule"' in prototype_text:
+        raise SystemExit("prototype still exposes Schedule as a workflow graph node")
+    if "schedule.enabled = event.target.checked" in prototype_text:
+        raise SystemExit("prototype treats an accepted Schedule update as authoritative")
+    if "prototypeSchedules[currentWorkflow.id] = []" in prototype_text:
+        raise SystemExit("prototype treats an accepted Schedule delete as authoritative")
+    for required in (
+        "prototypeWorkflowSchedules[currentWorkflow.scopeId]?.[currentWorkflow.id]",
+        "GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules",
+        "GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}",
+        "PUT /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}",
+        "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:enable",
+        "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:disable",
+        "POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:run-now",
+        "DELETE /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}",
+        "displayName: quickScheduleDraft.name",
+        "cronExpression: quickScheduleDraft.cronExpression",
+        "timezone: quickScheduleDraft.timeZone",
+        "enabled: quickScheduleDraft.enabled",
+        "prompt: quickScheduleDraft.prompt",
+        "schedule.scheduleId",
+        "enabled: schedule.enabled",
+        "refreshWorkflowSchedules",
+    ):
+        if required not in prototype_text:
+            raise SystemExit(f"prototype is missing workflow-scoped Schedule behavior: {required}")
+    schedule_surface_text = prototype_text[
+        prototype_text.index("function scheduleAvailability"):
+        prototype_text.index("function renderActivity")
+    ]
+    for forbidden in (
+        "schedule.id",
+        ".teamId",
+        ".memberId",
+        "prototypeTeamAutomations",
+        "Team member automation",
+        "Team Automation",
+        "/api/schedules",
+    ):
+        if forbidden in schedule_surface_text:
+            raise SystemExit(f"prototype Schedule flow uses the wrong product owner: {forbidden}")
+    if "teamId" in prototype_text or "memberId" in prototype_text:
+        raise SystemExit("pure Workflow prototype fixtures still require Team or Member identity")
+    if "Run input (optional)" not in prototype_text:
+        raise SystemExit("prototype does not expose prompt as optional")
+    if "Schedule update accepted." not in prototype_text or "Schedule deletion accepted." not in prototype_text:
+        raise SystemExit("prototype does not model accepted Workflow Schedule mutations")
+    if "function schedulePreview(schedule)" not in prototype_text:
+        raise SystemExit("prototype does not distinguish paused Schedule previews")
+    if 'schedule.enabled && schedule.nextFireAt ? [schedule.nextFireAt] : ["No upcoming attempts"]' not in prototype_text:
+        raise SystemExit("prototype promises upcoming attempts for a paused Schedule")
+
+    schedule_prototype_text = schedule_prototype_path.read_text(encoding="utf-8")
+    if "prototype.html#schedule" not in schedule_prototype_text:
+        raise SystemExit("dedicated Schedule prototype does not open the visible Schedule state")
+    for png_name, expected_sha256 in SCHEDULE_PNG_SHA256.items():
+        verify_png(
+            BASELINE_DIR / png_name,
+            (1440, 900),
+            expected_sha256,
+            actual_schedule_sha256,
+            actual_renderer_sha256,
+        )
+
+    frame_names = tuple(
+        element["name"]
+        for element in document["elements"]
+        if element.get("type") == "frame"
+    )
+    if frame_names != EXPECTED_FRAMES:
+        raise SystemExit(
+            "frame inventory mismatch:\n"
+            f"expected {EXPECTED_FRAMES!r}\n"
+            f"got      {frame_names!r}"
+        )
+
+    with tempfile.TemporaryDirectory(prefix="aevatar-vnext-baseline-") as temp_dir:
+        generated_dir = Path(temp_dir)
+        generated_script = generated_dir / GENERATOR_NAME
+        shutil.copyfile(generator_path, generated_script)
+        subprocess.run(["python3", str(generated_script)], check=True, capture_output=True)
+        generated_bytes = (generated_dir / BOARD_NAME).read_bytes()
+        generated_schedule_script = generated_dir / SCHEDULE_GENERATOR_NAME
+        shutil.copyfile(schedule_generator_path, generated_schedule_script)
+        subprocess.run(["python3", str(generated_schedule_script)], check=True, capture_output=True)
+        generated_schedule_bytes = (generated_dir / SCHEDULE_BOARD_NAME).read_bytes()
+
+        if importlib.util.find_spec("PIL") is not None:
+            subprocess.run(
+                [sys.executable, str(schedule_renderer_path), "--output-dir", str(generated_dir)],
+                check=True,
+                capture_output=True,
+            )
+            for png_name in SCHEDULE_PNG_SHA256:
+                if (generated_dir / png_name).read_bytes() != (BASELINE_DIR / png_name).read_bytes():
+                    raise SystemExit(f"schedule renderer output does not match {png_name}")
+
+    if generated_bytes != board_bytes:
+        raise SystemExit("generator output does not match the committed Excalidraw")
+    if generated_schedule_bytes != schedule_board_bytes:
+        raise SystemExit("schedule generator output does not match the committed Excalidraw")
+
+    print(f"design SHA-256: {actual_sha256}")
+    print(f"frames: {len(frame_names)}/{len(EXPECTED_FRAMES)}")
+    print(f"schedule design SHA-256: {actual_schedule_sha256}")
+    print(f"schedule frames: {len(schedule_frame_names)}/{len(EXPECTED_SCHEDULE_FRAMES)}")
+    print(f"schedule PNGs: {len(SCHEDULE_PNG_SHA256)} standalone 1440x900 scenes")
+    print("schedule PNG pixels: non-blank and source-linked")
+    print("schedule HTML: direct entry available")
+    print("generators output: byte-identical")
+    print("workflow activity vNext baseline: PASS")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/apps/aevatar-console-web/docs/features/2026-09-14-channel-pages.md b/apps/aevatar-console-web/docs/features/2026-09-14-channel-pages.md
new file mode 100644
index 0000000000..88413c1d43
--- /dev/null
+++ b/apps/aevatar-console-web/docs/features/2026-09-14-channel-pages.md
@@ -0,0 +1,292 @@
+# Channels in the Console
+
+> Superseded by [Channel Bot Adoption](../superpowers/specs/2026-09-17-channel-bot-adoption.md).
+> Channels now lists bound and unbound NyxID bots with a static illustrated guide
+> and a Bind action. The Telegram credential form and runtime-config API described
+> below are historical.
+
+Channels is a first-level destination in the Workflow Activity vNext sidebar.
+It lets the signed-in owner view their connected bots and inspect a connection.
+
+The three pages follow the latest simplified [Figma design](https://www.figma.com/design/FaVJx5IZeQX9jHcUi55ndB?node-id=7-226)
+(list frame `7:2`, detail frame `6:131`, Telegram form `7:226`). The initial detail
+design used Remove as its sole resource action. The current detail page also
+links to the editor documented in
+[Channel Runtime Editor](../2026-09-15-channel-runtime-editor.md); its edit form
+now exposes only Label and Skill name, preserving existing service authorization.
+
+Channel refresh is explicitly user driven. Do not add background polling or
+refresh on focus/reconnection to these pages.
+
+Manual Refresh keeps the connected table mounted and displays the shared
+loading overlay over that table while the registration list, bot names, and
+active status refreshes settle. Table actions are inert during the refresh;
+the button blocks duplicate submissions. Completion or failure removes the
+overlay and restores interaction, with the existing error toast and manual
+retry behavior retained.
+
+The page header and content are horizontally centered within the area beside
+the navigation rail, using the same maximum width and responsive side padding.
+The connection form and details share this alignment; the form keeps its
+narrower maximum width. On small screens the containers fill the available
+width while retaining the shell's side padding.
+
+Refresh and Manage use outlined button styling with visible hover/focus states
+and larger touch targets on mobile. Manage retains navigation-link semantics.
+Details omit Scope. Bot ID and Agent key ID are blue underlined external links
+with an external-link icon, opening the corresponding NyxID record in a new tab.
+The website origin is the design's `https://nyx.chrono-ai.fun`, separate from
+the configured NyxID API/OIDC authority. Bot links use `/channel-bots/{botId}`;
+Agent key links use the verified NyxID `/keys/api-key/{agentKeyId}` route.
+The Figma `/keys/xxx` placeholder refers to NyxID service details, so it is not
+used for Agent keys. Each complete source ID is encoded as one URL segment;
+missing IDs remain unlinked placeholders.
+
+The compact identifier in each connected-channel row opens the shared Tooltip
+with the exact full bot ID (or registration ID when no bot ID exists). Mouse
+hover, keyboard focus and click/tap reveal the full value, which wraps within
+the Tooltip instead of being shortened again. The control has a visible focus
+ring.
+
+## Routes and existing setup
+
+- `/scopes/:scopeId/workflow-activity-vnext/channels`: platform directory and
+  owner connection list.
+- `/scopes/:scopeId/workflow-activity-vnext/channels/:registrationId`: exact
+  connection details. Registration IDs are opaque and encoded as one segment.
+- `/scopes/:scopeId/workflow-activity-vnext/channels/connect/telegram`: the
+  single-page Telegram connection form. Connect Telegram navigates here.
+  The channel directory shows Telegram and WhatsApp only. WhatsApp replaces
+  the Lark/Feishu placeholders and is marked Soon without a connection action;
+  Discord and Slack placeholders are omitted. Existing connected records still
+  render the platform returned by the API.
+  The older backend `/channels` onboarding page remains independently available.
+
+`AEVATAR_CHANNEL_WEBHOOK_BASE_URL` optionally sets the public backend callback
+base URL at build time. The default is
+`https://aevatar-console-backend-api.aevatar.ai`. It must be HTTPS without
+credentials, query, or fragment. An invalid value disables registration with
+an inline deployment-configuration message. It is never inferred from the
+separate Console frontend origin or shown as an editable form field.
+
+## Telegram connection form
+
+The form requires a masked bot token and shows independent optional Channel name
+(「Channel 名字」 in Chinese) and Skill name inputs. They share a row on desktop
+and stack on narrow screens. The service selection may be empty. The token
+reveal control is keyboard accessible. Unsaved form navigation asks whether to discard; form data
+is never persisted. The token is used only for Telegram's official name lookup
+and the authenticated registration POST. It stays in component memory for a
+manual retry after failure and clears after successful admission. No registration
+mutation cache stores it.
+
+Services use the current NyxID session's complete `GET /api/v1/user-services`
+inventory and its exact bearer service grants. The account inventory includes
+HTTP tools and LLM services; personal ownership alone does not establish that
+the current Aevatar session can grant a service to a bot.
+
+The existing session helper refreshes an expired session before selection.
+The auth adapter reads `allow_all_services` and `allowed_service_ids` from that
+access token. Explicit `true` permits all active, account-accessible UserServices;
+explicit `false` permits only exact IDs in the list, including an empty grant.
+Inactive services, disallowed organization memberships and unknown credential
+sources remain excluded. Names, slugs, catalog IDs and credential IDs never
+substitute for `UserService.id`. No service type is excluded: an authorized LLM
+service such as Chrono Public remains selectable even without MCP operations.
+
+These claims are used only for display filtering, not as client-side signature
+verification or proof that registration will succeed. The inventory request is
+pinned to the exact bearer used for filtering; NyxID authenticates it and the
+registration backend enforces delegation limits. Unsupported/malformed claims,
+a mismatched account subject, an expired JWT or a failed inventory read leave
+the picker in a retryable error state. There is no allow-all fallback when
+claims are absent. Token/parser errors are sanitized, and token/claim payloads
+never enter the query cache. Only the filtered safe display fields are retained.
+
+Do not substitute `/api/v1/mcp/config` for this authorization list: its documented
+contract describes executable tool operations and omits LLM services and some
+services with unavailable runtime routes. `/api/v1/llm/status` is also not an
+exact current-bearer grant inventory, and account consent records may differ
+from the current token's resource restrictions. The NyxID access-token producer
+in `backend/src/crypto/jwt.rs` emits explicit service grants for OAuth clients;
+`backend/src/mw/auth.rs` consumes the same fields for service authorization.
+
+The inventory read omits browser cookies and bypasses HTTP caching. It runs on
+entry and explicit recovery only; no polling, window-focus or reconnect refresh
+is added. A bearer with only some account services authorized sees only that
+subset, across HTTP and LLM service types.
+
+Options use label, then catalog service name, then slug. Search matches label
+or slug and preserves selections outside the current search. A Select all
+checkbox selects or clears every available service in the current results,
+with a partial-selection state. While searching, it is labeled Select all
+results and preserves selections outside the search. Inactive or disallowed
+services are excluded; no selectable results or a locked form disables it.
+Each selection uses the exact `services[].id`; no default selection is made.
+The registration POST always supplies `authorization_mode: explicit_service_allowlist` and
+`service_ids`, including `[]` for no service access. It never substitutes a
+slug, endpoint ID, API key ID, or omitted field. If a selected service becomes
+unavailable after an explicit recovery read, it is removed from the selection.
+Submission waits while access is being rechecked, preventing stale hidden IDs
+from entering a retry. Load failure has inline retry; an empty authorized list
+can connect with an explicit empty service allowlist even if the account owns
+other services.
+
+Registration uses existing `POST /api/channels/registrations` with
+`platform`, `bot_token`, `label`, `default_skill_name`, `webhook_base_url`, and
+the explicit selection above. A `202`/`status: accepted` response must contain
+the registration ID. After admission, the form clears its token, retains only
+the safe returned ID, and explicitly refreshes registrations once. A successful
+fresh read must contain that exact ID, route scope and Telegram platform before
+the success toast and navigation to the newly created channel's existing detail
+page. The form does not return to the collection automatically or infer success
+from cached rows after a failed read. Until confirmation, it preserves the
+submitted choices and shows a pending state with Check again. This action only
+repeats the GET, never the create POST; failed confirmation reads show a safe
+error toast and remain retryable. No polling, window-focus refresh, or reconnect
+refresh runs. Inbound activity continues to use its real status, independently
+of registration creation.
+Registration failures, including
+504 and network errors, show a shared error toast and restore editable fields and Connect
+Telegram. Inputs and still-authorized selections are preserved for an explicit manual
+retry; no automatic registration retry runs. An in-flight request still blocks
+duplicate clicks. An accepted submission cannot be sent again while navigation
+is completing; late responses after unmount cannot show a toast or navigate.
+
+### Channel name, Skill name and Telegram bot-name defaults
+
+The registration adapter trims the two inputs independently: Channel name maps
+to `label`, and Skill name maps to `default_skill_name`. If both are nonblank,
+Telegram name lookup is skipped. Otherwise, the adapter calls Telegram's
+official `getMe` endpoint once and uses the bot's trimmed `first_name`, never
+its `username`, to resolve missing names.
+
+A blank Channel name defaults to the bot name plus a hyphen and six random
+digits (for example, `My Bot-482731`). The suffix is generated in the frontend
+once per submission, in the range 100000–999999. A blank Skill name defaults
+to the bot name without the suffix, restoring the original independent field
+behavior. Custom names receive no suffix and never overwrite the other input.
+The form locks during lookup/submission and preserves its input after failure;
+a manual retry resolves the current token/name again.
+
+This uses the same official API flow as NyxID's existing Telegram onboarding,
+because the reviewed Aevatar/NyxID backend has no separate pre-registration
+name endpoint. The plain fetch targets only `https://api.telegram.org`, with
+credentials omitted, no cache, no referrer, redirects rejected and a 15-second
+timeout. Telegram's protocol requires the token in the API request path; it
+never enters browser navigation, logs, toast text, persistent state, or the
+authenticated fetch helper. Raw fetch errors and response bodies are discarded.
+A rejected token, unavailable lookup or absent bot name prevents registration,
+shows a safe toast and leaves the form available for retry.
+
+## Connected names, channels and skills
+
+The connected table separates Channel name from Channel (platform). The current
+Aevatar registration summary does not return the submitted label: provisioning
+stores it on the NyxID bot. For a nonempty list with bot references, the page
+therefore reads `GET /api/v1/channel-bots` once through existing NyxID auth/config,
+without an organization selector. This endpoint returns the caller's active
+personal bots as `{ bots, total }`. Only `id`, `platform` and `label` enter the
+query cache. Registration `nyx_channel_bot_id` must exactly match `bots[].id`,
+and platforms must agree; registration IDs, platform bot IDs, usernames and
+skill names never substitute for that join or for the Channel name.
+
+Names load independently of registrations and statuses. Missing/deactivated
+bots, empty labels and failed reads show Name unavailable beside the existing
+identifier; loading is shown explicitly. A name-read failure preserves the
+connected rows and actions, shows a safe error toast and can be retried with
+Refresh. Refresh reads the names once with the list/status reads. No per-row
+name request, automatic retry, polling, focus or reconnect refresh is added.
+
+Channel details use the same bot-identity query and exact join for their Channel
+name heading. Missing or failed name reads keep the detail facts and actions
+available with a local Reload channel name action. The title never substitutes
+a compact bot ID, registration ID or Skill name for the label.
+
+Channel details include Skill using the same name, optional version and Ornn
+link as the connected list. Missing skills show Not set. Reading names/skills
+does not request full runtime configuration or alter bot resources.
+
+### Authorized services in channel details
+
+The detail page displays the registration's saved `authorization_mode` and
+`service_ids` from `GET /api/channels/registrations`. For an explicit allowlist,
+only those exact UserService IDs are shown. One account inventory read resolves
+their labels and slugs; the current session's selectable grants and service
+activity do not hide saved channel authorizations or add other services.
+Only safe ID, label and slug fields enter the service-name query cache.
+
+Services appear as compact labels arranged horizontally, wrapping when the
+available width is filled. Each service shows its resolved display name once;
+the slug is not repeated on a second line. Long names wrap within their label.
+
+Missing service names retain their saved IDs. A failed name lookup preserves
+other details and the saved authorization list, shows a safe toast, and offers
+a manual retry of the names alone. Explicit empty authorization shows no
+services authorized; NyxID default authorization and unavailable or legacy
+authorization details have distinct messages and do not query the inventory.
+No automatic refresh or registration change is introduced by this display.
+
+## API and ownership
+
+Contracts were checked against `origin/feature/integrate` and the backend
+API comment in [issue #3617](https://github.com/aevatarAI/aevatar/issues/3617).
+
+- `GET /api/channels/registrations` supplies the current owner's summaries.
+  The frontend never requests the administrative `scope=all` view and excludes
+  records explicitly marked as foreign. The route scope partitions query
+  state and navigation; authentication remains the server's owner authority.
+- Each visible connection reads
+  `GET /api/channels/registrations/{registrationId}/status` independently.
+  Pending, active, error, and unknown states remain distinct. A status failure
+  does not hide the connection or claim it is active. Visible status queries
+  load on entry and refresh only through the explicit Refresh action. Neither
+  the list nor status queries poll, refresh on window focus, or refresh on
+  network reconnection.
+- Skill uses `default_skill.name` and optional `version` from PR #3620.
+  The deployed name-only `default_skill_name` contract is also supported.
+  An absent name displays Not set; an absent version is omitted. No skill
+  examples are embedded in runtime code. Ornn links use its published
+  `/skills/:idOrName` route and the existing `ORNN_BASE_URL` configuration.
+- Detail uses the exact owned summary and its status. It does not request or
+  cache the full runtime configuration because this design has no editor.
+  Unknown or inaccessible registrations share one unavailable state.
+- The API adapter selects safe fields before returning to the query cache.
+  Webhook URLs, credentials, runtime instructions, arbitrary extra fields, and
+  raw error/cleanup bodies are not retained. Agent key ID is an identifier,
+  never the raw key.
+
+## Removal and recovery
+
+Remove first confirms the specific bot. DELETE uses the registration ID,
+never the bot ID, scope ID, or key ID. A failed operation keeps the detail and
+confirmation available for retry. No real connection is removed during QA.
+
+A `status: deleted` response starts list reconciliation. The UI keeps Remove
+disabled and waits for the registration to disappear from a fresh owner list
+before reporting completion and returning to Channels. Removal triggers one
+list read; if the row is still present, Check again performs one GET and never
+repeats DELETE. No background polling runs while waiting.
+Cleanup warnings produce a safe NyxID follow-up message without displaying
+raw diagnostic values.
+
+## Design baseline and validation
+
+The existing shell continues to follow:
+
+- `docs/design-baselines/workflow-activity-vnext/aevatar-workflow-activity-vnext.excalidraw`
+- SHA-256: `30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de`
+- `docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md`
+- `docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md`
+
+The supplied simplified Figma frames extend that shell with Channels. Existing
+login, callback, session, returnTo, and Umi localization remain shared. All
+production records and statuses come from real APIs; no mock fallback exists.
+
+Focused coverage exercises API field selection and encoding, deployed/new
+skill contracts, unknown status, loading/error/empty recovery, query isolation,
+first-level navigation, detail ownership, confirmation cancellation, delayed
+removal, failure retry, and safe cleanup warnings. Mobile table rows retain
+labels and Manage; long IDs wrap or shorten for display while full identifiers
+remain in detail. Full frontend tests, typecheck, and production build belong
+to GitHub CI under the personal incremental validation policy.
diff --git a/apps/aevatar-console-web/docs/features/2026-09-14-console-home-scope.md b/apps/aevatar-console-web/docs/features/2026-09-14-console-home-scope.md
new file mode 100644
index 0000000000..3744f14bbe
--- /dev/null
+++ b/apps/aevatar-console-web/docs/features/2026-09-14-console-home-scope.md
@@ -0,0 +1,19 @@
+# Console home scope resolution
+
+The default home, login fallback, overview redirect and 404 return action use
+`/scopes`. This is a technical entry that reads the existing authenticated
+`GET /api/auth/me` contract and opens
+`/scopes/{scopeId}/workflow-activity-vnext/workflows` using the returned scope.
+
+Never embed a personal scope in the default route or infer it from user
+`subject`, browser storage, or a previously cached account. A fresh successful
+session response with `authenticated: true` and a nonempty `scopeId` is required
+before navigation. Loading does not open a workspace; failed or incomplete
+authentication offers manual retry without a fallback scope. No background
+polling, focus refresh, or reconnect refresh is introduced.
+
+Existing explicit deep links and server authorization remain authoritative for
+resource access. This change fixes the default destination; a URL or scope ID
+is not an authorization grant. Tests cover different accounts, cached previous
+identity, missing/expired authentication and manual recovery. Full frontend
+validation is delegated to GitHub CI.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-04-workflow-activity-vnext-implementation.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-04-workflow-activity-vnext-implementation.md
new file mode 100644
index 0000000000..627f4ae6ab
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-04-workflow-activity-vnext-implementation.md
@@ -0,0 +1,99 @@
+# Workflow Activity vNext Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Deliver every approved Workflow Activity vNext user path under the isolated scoped route namespace using only authoritative backend data and existing authentication/localization behavior.
+
+**Architecture:** The route package owns page composition and transient interaction state. Existing Studio, scope, runtime, auth, and Settings adapters remain authoritative; one new typed adapter owns observatory and fork transport decoding. TanStack Query keys include the route scope and normalized filters, while accepted-to-readable and accepted-to-observed transitions use explicit receipt-bound state machines.
+
+**Tech Stack:** React 19, TypeScript, Umi Max, Ant Design, TanStack Query, XYFlow/GraphCanvas, Jest, Testing Library, Biome.
+
+---
+
+### Task 1: Isolated routes and typed transport boundary
+
+**Files:**
+- Modify: `config/routes.ts`
+- Modify: `src/routesConfig.test.ts`
+- Create: `src/shared/models/workflowActivity.ts`
+- Create: `src/shared/api/workflowActivityApi.ts`
+- Create: `src/shared/api/workflowActivityApi.test.ts`
+
+- [ ] Write route assertions for all seven hidden vNext routes, literal `workflows/new` ordering, namespace-only redirect, and unchanged legacy redirects; run the single route test and confirm RED.
+- [ ] Add precise observatory summary/detail/graph, filter, and fork receipt models plus decoders that preserve unknown status values and reject malformed required identity/version fields.
+- [ ] Write adapter tests for encoded scope/filter queries, independent detail/graph requests, 401/403/404 propagation, fork request identity, and receipt decoding; run and confirm RED before implementation.
+- [ ] Implement the seven route records and typed adapter, then rerun only `src/routesConfig.test.ts` and `src/shared/api/workflowActivityApi.test.ts` to GREEN.
+
+### Task 2: Scoped shell, catalogue, and direct creation
+
+**Files:**
+- Create: `src/pages/workflow-activity-vnext/index.tsx`
+- Create: `src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx`
+- Create: `src/pages/workflow-activity-vnext/navigation.ts`
+- Create: `src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Create: `src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx`
+- Create: `src/pages/workflow-activity-vnext/workflows/workflowCreation.ts`
+- Create: `src/pages/workflow-activity-vnext/hooks/useDraftMaterialization.ts`
+- Create: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] Write route integration tests for authoritative catalogue loading, successful empty data, partial-source failure, search, and real-ID navigation; run the new page test and confirm RED.
+- [ ] Write creation tests for Describe, blank, YAML import, and bundled versioned template paths. Cover materialized and `202 projection_pending` responses, bounded `404`, preserved receipt/input, retrying the same GET, and duplicate-submit prevention; confirm RED.
+- [ ] Implement the local rail/mobile navigation with existing `ConsoleLanguageSwitch` and `ConsoleAuthActions`, two-source catalogue, four direct creation forms, and receipt-bound materialization hook.
+- [ ] Rerun only the new route test after each user-path slice until UP-00 through UP-05 are GREEN.
+
+### Task 3: Common editor, first save, and draft execution
+
+**Files:**
+- Create: `src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+- Create: `src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts`
+- Create: `src/pages/workflow-activity-vnext/hooks/useDraftRun.ts`
+- Reuse: `src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx`
+- Reuse: `src/pages/team-member-workflow-studio/components/WorkflowStudioNodeLibrary.tsx`
+- Reuse: `src/pages/team-member-workflow-studio/components/WorkflowStudioNodeDetailPanel.tsx`
+- Reuse: `src/pages/team-member-workflow-studio/components/WorkflowStudioYamlPanel.tsx`
+- Reuse: `src/pages/team-member-workflow-studio/components/WorkflowStudioDraftRunPanel.tsx`
+
+- [ ] Write editor tests for exact draft loading, committed fallback, dirty state, YAML/canvas shared state, validation findings, existing-draft PUT, and committed-only first-save POST with returned-ID route replacement; confirm RED.
+- [ ] Implement the editor hook and page using existing Studio graph/document helpers without member APIs or member identity.
+- [ ] Write draft-run tests for real serialized YAML, stable submission, accepted/running state, disconnected/error state, no Activity completion claim, and general Open Activity when no trustworthy run ID exists; confirm RED.
+- [ ] Implement `runtimeRunsApi.streamDraftRun` integration and authoritative stream presentation, then rerun the route test to GREEN for UP-06 and UP-07.
+
+### Task 4: Activity observation, ledger, detail, and recovery
+
+**Files:**
+- Create: `src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+- Create: `src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Create: `src/pages/workflow-activity-vnext/activity/runRecovery.ts`
+- Create: `src/pages/workflow-activity-vnext/hooks/useRunObservation.ts`
+
+- [ ] Write tests for URL-backed server filters, workflow definition resolution, filter-unavailable fallback, loading/empty/error/unknown statuses, and recent-window wording; confirm RED.
+- [ ] Implement the Activity query and ledger without name joins, local totals, revisions, duration, usage, outcome, or Needs-you filtering.
+- [ ] Write tests for independent detail/graph loading, safe not-found, partial running detail, graph-only failure, failed-step eligibility, first-executable-step eligibility, immutable source, fork receipt display, and no `newRunActorId` detail navigation; confirm RED.
+- [ ] Implement detail, graph, Retry, Run again, and bounded observation, then rerun the route test to GREEN for UP-08 through UP-12.
+
+### Task 5: Settings, identity, responsive behavior, and locale
+
+**Files:**
+- Create: `src/pages/workflow-activity-vnext/settings/SettingsPage.tsx`
+- Create: `src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `src/locales/en-US.ts`
+- Modify: `src/locales/zh-CN.ts`
+- Modify: `src/locales/projectMessages.en-US.ts`
+- Modify: `src/locales/projectMessages.zh-CN.ts`
+- Modify: `src/locales/catalog.test.ts`
+
+- [ ] Write tests for real LLM loading/dirty/accepted/observed/catalogue-unavailable/save-failure states, auth-me identity/expiry, existing auth actions, runtime loading/unavailable, and no localStorage authority; confirm RED.
+- [ ] Implement AI Defaults by reusing `userLlmSelection.ts` and `observeUserLlmSave`, Account through existing session/actions, and Advanced through `getUserConfigRuntime`.
+- [ ] Add every new message to both locale catalogues and verify catalogue parity with the single locale test.
+- [ ] Add responsive Operational Automation Ledger styles and test keyboard-visible controls, semantic status, dialogs, long identities, and mobile section navigation; rerun only the new page and locale tests to GREEN for UP-13 through UP-16.
+
+### Task 6: Focused verification and delivery
+
+**Files:**
+- Review all files changed relative to `origin/feat/2026-08-04_workflow-activity-vnext`
+
+- [ ] Run `frontend_change_scope.py --base origin/feat/2026-08-04_workflow-activity-vnext`, explicitly execute every changed/new Jest file and dependency-related tests, then run Biome only on reported static-check files.
+- [ ] Because the user explicitly requested full TypeScript and production-build validation, run the package `tsc` and `build` with `CODEX_ALLOW_FULL_FRONTEND_VALIDATION=1`; do not run the complete Jest suite.
+- [ ] Run the design baseline verifier and confirm the declared SHA, byte-identical generator output, and 17/17 frames.
+- [ ] After the environment synchronizer succeeds, verify real authenticated desktop/tablet/mobile routes in-browser and capture screenshots. If the synchronizer/backend/OAuth environment remains unavailable, record the exact gap without mocks.
+- [ ] Review the complete frontend-only diff, stage only this task's files, commit with an imperative message, push, and create a Draft implementation PR without modifying PR #3187 or enabling auto-merge.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-05-workflow-activity-vnext-nyxid-visual-alignment.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-05-workflow-activity-vnext-nyxid-visual-alignment.md
new file mode 100644
index 0000000000..a9e153c316
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-05-workflow-activity-vnext-nyxid-visual-alignment.md
@@ -0,0 +1,131 @@
+# Workflow Activity vNext NyxID Visual Alignment Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Align every Workflow Activity vNext page with NyxID's measured layout, typography, density, table, form, and responsive patterns while preserving Aevatar colors and all existing product behavior.
+
+**Architecture:** Keep the current route and component ownership. Centralize the measured visual contract in `styles.ts`, make `WorkflowActivityVNextShell.tsx` own the 52px top bar and responsive navigation, and limit page edits to semantic class hooks or removal of conflicting inline styles. No API, identity, query, routing, locale, or workflow behavior changes are allowed.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6, CSS variables in the existing vNext style module, Jest/Testing Library for existing behavior coverage, Biome, and real-browser responsive verification.
+
+---
+
+## Design baseline declaration
+
+```text
+Design baseline:
+  apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/
+Primary design:
+  aevatar-workflow-activity-vnext.excalidraw
+Design SHA-256:
+  30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de
+Contract specification:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-design.md
+User paths:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-user-paths.md
+Authentication and localization:
+  Existing Aevatar login, callback, session, returnTo, and Umi locale logic;
+  presentation may change, behavior may not.
+Production data source:
+  Real APIs and API-acknowledged user actions only; no mock fallback.
+Baseline integrity:
+  python3 apps/aevatar-console-web/docs/design-baselines/
+  workflow-activity-vnext/verify-baseline.py
+```
+
+### Task 1: Lock the measured design contract
+
+**Files:**
+- Modify: `docs/canon/frontend-design.md`
+- Create: `apps/aevatar-console-web/docs/superpowers/plans/2026-08-05-workflow-activity-vnext-nyxid-visual-alignment.md`
+
+- [x] Record the measured shell, typography, spacing, control, table, responsive, and accessibility rules.
+- [x] Record the permitted Aevatar deviations: existing colors, AlibabaSans delivery, and the repository's 8px radius cap.
+- [x] Update issue `#3194` with the measurement table, page inventory, and acceptance evidence.
+- [x] Run `bash tools/docs/lint.sh` and `git diff --check`.
+- [x] Commit the documentation as `Document NyxID visual alignment`.
+
+### Task 2: Align the shared shell and navigation
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx`
+- Modify: `src/pages/workflow-activity-vnext/styles.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] Preserve the existing semantic navigation and account/language components while moving their presentation into a 52px top bar.
+- [x] Place the Aevatar brand and current breadcrumb in the top bar, start the 200px local rail below it, and render the page title inside the main content surface.
+- [x] Replace the permanent mobile navigation strip with an accessible menu button and drawer using the same route builders.
+- [x] Define shared spacing, type, radius, shadow, control, and table tokens in `.wa-vnext`.
+- [x] Run the existing route integration test before and after the shell change to prove navigation, auth action reuse, and page behavior remain intact:
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath \
+  src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+### Task 3: Align Workflows and New workflow
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/styles.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] Keep Workflow search and source filter in one responsive toolbar.
+- [x] Render the Workflow table with a 32px header, 53-60px rows, one clear Open action, and the branch's existing accessible secondary actions.
+- [x] Remove the mobile card transformation and use a named local horizontal scroll region.
+- [x] Replace New workflow inline presentation styles with shared classes: four equal-level creation choices, then one form container for the selected method.
+- [x] Verify Describe, blank, import, and template retain their current authoritative creation behavior through the existing focused test file.
+
+### Task 4: Align the Workflow editor
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/styles.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] Keep Canvas and YAML as a compact segmented mode control and preserve the existing shared editor state.
+- [x] Keep the canvas unframed/full-width inside the work surface; remove conflicting fixed layout values where shared responsive tokens can own sizing.
+- [x] Preserve visible Save, Run, Publish availability and the current node library/detail/YAML behavior.
+- [x] At mobile width, keep editor actions reachable, allow horizontal action scrolling only inside the toolbar, and preserve the existing accessible node panel behavior.
+
+### Task 5: Align Activity and Run detail
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/styles.ts`
+- Test: `src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Test: `src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+
+- [x] Apply the NyxID ledger density to Activity while preserving status, source, updated time, server filters, and the single detail target.
+- [x] Keep mobile Activity as a semantic table in a bounded horizontal scroller rather than a card layout.
+- [x] Move Run status and recovery actions close to the page title; use a 32px underline tab strip and single-layer detail sections.
+- [x] Keep Steps and Diagnostics tables semantic and locally scrollable; preserve independent graph failure and immutable source behavior.
+- [x] Run both focused behavior tests after the visual-only edits.
+
+### Task 6: Align Settings
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/settings/SettingsPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/styles.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] Replace the desktop secondary side navigation with a 32px underline tab strip that remains horizontally scrollable on mobile.
+- [x] Render each section in one bordered 8px container with a compact section header and 32-36px controls.
+- [x] Preserve authoritative LLM clean/dirty/accepted/observed states, current account actions, and read-only advanced values.
+- [x] Keep dirty actions at the bottom of the owning container and sticky only when needed; ensure they do not cover mobile inputs.
+
+### Task 7: Focused verification and delivery
+
+**Files:**
+- Review every file changed by Tasks 1-6.
+
+- [x] Run the frontend scope analyzer with the task start commit as base and use only its changed source/test/static-check files.
+- [x] Run directly changed tests and dependency-related Jest tests only. Do not run the full frontend suite.
+- [x] Run Biome with explicit changed frontend file paths. Skip package-wide typecheck because no repository-native affected typecheck target exists; GitHub CI owns full type verification.
+- [x] Run `bash tools/ci/test_stability_guards.sh`, `bash tools/docs/lint.sh`, baseline verification, and `git diff --check`.
+- [x] Verify real pages at `1440x900`, `834x1112`, and `390x844`, including local table scroll and page-level overflow checks.
+- [x] Review `git diff`, stage only this task's files, commit `Align Workflow Activity with NyxID`, push the existing feature branch, update issue `#3194`, and update PR `#3189` with exact focused commands and the GitHub CI delegation statement.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-05-workflow-list-filter-semantics.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-05-workflow-list-filter-semantics.md
new file mode 100644
index 0000000000..8d6575dd76
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-05-workflow-list-filter-semantics.md
@@ -0,0 +1,408 @@
+# Workflow List Filter Semantics Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Align Workflow and Activity list filtering without inventing unsupported Workflow states.
+
+**Architecture:** Keep resource-specific filter semantics while sharing one toolbar interaction model. Workflows derives Draft membership only from the real scoped draft API; Activity keeps its real Run API filters, and both pages synchronize list state with the URL.
+
+**Tech Stack:** React 19, TypeScript, TanStack Query, Ant Design, Umi locale, Jest, Testing Library, Biome.
+
+---
+
+## Task 1: Specify Workflow filter behavior in tests
+
+**Files:**
+
+- Modify: `src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] Replace the pathname-only test location with a pathname-plus-search snapshot so `useConsoleLocation()` sees copied Workflow URLs:
+
+```tsx
+let mockLocation = '/scopes/scope-alpha/workflow-activity-vnext/workflows';
+
+const readMockUrl = () => new URL(mockLocation, 'http://console.local');
+
+useLocation: () => ({
+  hash: '',
+  pathname: readMockUrl().pathname,
+  search: readMockUrl().search,
+}),
+
+getLocationSnapshot: () =>
+  `${readMockUrl().pathname}${readMockUrl().search}`,
+```
+
+- [ ] Add focused tests with distinct identities (`wf-draft-alpha`, `wf-committed-beta`) proving:
+
+```tsx
+mockLocation =
+  '/scopes/scope-alpha/workflow-activity-vnext/workflows?q=support&view=drafts';
+
+expect(await screen.findByText('Support triage')).toBeInTheDocument();
+expect(screen.queryByText('Invoice review')).not.toBeInTheDocument();
+expect(screen.getByRole('searchbox', { name: 'Search workflows' })).toHaveValue(
+  'support',
+);
+expect(screen.getByRole('combobox', { name: 'Workflow view' })).toHaveTextContent(
+  'Drafts',
+);
+```
+
+```tsx
+fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Workflow view' }));
+expect(await screen.findByRole('option', { name: 'All workflows' })).toBeVisible();
+expect(screen.getByRole('option', { name: 'Drafts' })).toBeVisible();
+expect(screen.queryByRole('option', { name: 'Committed' })).not.toBeInTheDocument();
+expect(screen.queryByRole('option', { name: 'Published' })).not.toBeInTheDocument();
+expect(screen.queryByRole('option', { name: 'Failing' })).not.toBeInTheDocument();
+```
+
+```tsx
+fireEvent.change(screen.getByRole('searchbox', { name: 'Search workflows' }), {
+  target: { value: 'invoice' },
+});
+await waitFor(() =>
+  expect(history.replace).toHaveBeenLastCalledWith(
+    '/scopes/scope-alpha/workflow-activity-vnext/workflows?q=invoice',
+  ),
+);
+```
+
+```tsx
+mockStudioApi.listWorkflowDrafts.mockRejectedValue(new Error('draft source down'));
+mockLocation =
+  '/scopes/scope-alpha/workflow-activity-vnext/workflows?view=drafts';
+expect(await screen.findByText('Draft workflows unavailable')).toBeInTheDocument();
+expect(screen.getByRole('button', { name: 'Retry workflows' })).toBeEnabled();
+expect(screen.queryByText('No workflows yet')).not.toBeInTheDocument();
+```
+
+- [ ] Run the Workflow test and confirm RED because the view select, URL-backed search/view, clear action, and draft-unavailable state do not exist yet:
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/index.test.tsx --runInBand
+```
+
+Expected: the newly added assertions fail for missing `Workflow view`, missing URL restoration, or missing draft-unavailable state; unrelated existing tests remain runnable.
+
+## Task 2: Implement the Workflow view filter and honest draft failure
+
+**Files:**
+
+- Modify: `src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `src/locales/catalog.test.ts`
+
+- [ ] Import `Select`, `useConsoleLocation`, and move Refresh into the shell header next to New workflow:
+
+```tsx
+headerActions={
+  <Space wrap>
+    <Button icon={<ReloadOutlined />} onClick={retry}>
+      {t('workflowActivityVNext.common.refresh', 'Refresh')}
+    </Button>
+    <Button
+      icon={<PlusOutlined />}
+      onClick={() => history.push(buildWorkflowActivityNewHref(scopeId))}
+      type="primary"
+    >
+      {t('workflowActivityVNext.workflows.new', 'New workflow')}
+    </Button>
+  </Space>
+}
+```
+
+- [ ] Restore `query` and `view` from `location.search`, synchronize browser navigation into state, and serialize only non-default values:
+
+```tsx
+type WorkflowView = 'all' | 'drafts';
+
+function readWorkflowView(params: URLSearchParams): WorkflowView {
+  return params.get('view') === 'drafts' ? 'drafts' : 'all';
+}
+
+const location = useConsoleLocation();
+const initialParams = React.useMemo(
+  () => new URLSearchParams(location.search),
+  [location.search],
+);
+const [query, setQuery] = React.useState(initialParams.get('q') ?? '');
+const [view, setView] = React.useState<WorkflowView>(
+  readWorkflowView(initialParams),
+);
+
+React.useEffect(() => {
+  const params = new URLSearchParams(location.search);
+  setQuery(params.get('q') ?? '');
+  setView(readWorkflowView(params));
+}, [location.search]);
+
+React.useEffect(() => {
+  const params = new URLSearchParams();
+  if (query.trim()) params.set('q', query.trim());
+  if (view === 'drafts') params.set('view', 'drafts');
+  const suffix = params.toString();
+  history.replace(`${location.pathname}${suffix ? `?${suffix}` : ''}`);
+}, [location.pathname, query, view]);
+```
+
+- [ ] Build draft membership exclusively from exact API-returned Workflow IDs and apply it before text search:
+
+```tsx
+const draftWorkflowIds = React.useMemo(
+  () => new Set((drafts.data ?? []).map((item) => item.workflowId)),
+  [drafts.data],
+);
+
+return [...merged.values()]
+  .filter((item) => view !== 'drafts' || draftWorkflowIds.has(item.workflowId))
+  .filter((item) => {
+    const normalized = query.trim().toLowerCase();
+    return (
+      !normalized ||
+      [item.name, item.description, item.workflowId].some((value) =>
+        value.toLowerCase().includes(normalized),
+      )
+    );
+  })
+  .sort(/* retain current updated-at ordering */);
+```
+
+- [ ] Add the two-option view Select. Disable only Drafts when the draft source failed; do not add Committed, Published, Failing, Ready, or inferred lifecycle values:
+
+```tsx
+<Select
+  aria-label={t('workflowActivityVNext.workflows.viewFilter', 'Workflow view')}
+  onChange={setView}
+  options={[
+    {
+      label: t('workflowActivityVNext.workflows.allView', 'All workflows'),
+      value: 'all',
+    },
+    {
+      disabled: drafts.isError,
+      label: t('workflowActivityVNext.workflows.draftsView', 'Drafts'),
+      value: 'drafts',
+    },
+  ]}
+  value={view}
+/>
+```
+
+- [ ] Before ordinary empty rendering, show an honest unavailable state when `view === 'drafts' && drafts.isError`. Its Retry calls `drafts.refetch()` and must not re-request committed data or synthesize rows.
+
+- [ ] For a successful zero-row filtered result, render `No matching workflows`, the revised `Try a different search or filter.`, and a `Clear filters` button that calls `setQuery('')` and `setView('all')`. Preserve the original `No workflows yet` create action only for an unfiltered, successfully empty catalogue.
+
+- [ ] Add both locale catalogues:
+
+```ts
+'workflowActivityVNext.workflows.allView': 'All workflows',
+'workflowActivityVNext.workflows.clearFilters': 'Clear filters',
+'workflowActivityVNext.workflows.draftsUnavailable':
+  'Draft workflows unavailable',
+'workflowActivityVNext.workflows.draftsUnavailableDescription':
+  'Try again to load draft workflows.',
+'workflowActivityVNext.workflows.draftsView': 'Drafts',
+'workflowActivityVNext.workflows.viewFilter': 'Workflow view',
+```
+
+```ts
+'workflowActivityVNext.workflows.allView': '全部工作流',
+'workflowActivityVNext.workflows.clearFilters': '清除筛选',
+'workflowActivityVNext.workflows.draftsUnavailable': '草稿工作流不可用',
+'workflowActivityVNext.workflows.draftsUnavailableDescription':
+  '请重试加载草稿工作流。',
+'workflowActivityVNext.workflows.draftsView': '草稿',
+'workflowActivityVNext.workflows.viewFilter': '工作流视图',
+```
+
+- [ ] Run focused GREEN verification:
+
+```bash
+pnpm exec jest \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  src/locales/catalog.test.ts \
+  --runInBand
+```
+
+Expected: all selected tests pass; console output has no React act errors or unexpected network failures.
+
+## Task 3: Make Activity search URL-backed without changing API semantics
+
+**Files:**
+
+- Modify: `src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Modify: `src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+
+- [ ] Import `fireEvent` and `history` in the test, then add a failing test that starts from all supported URL fields:
+
+```tsx
+mockSearch =
+  '?q=customer&status=failed&origin=draft&definition=definition-alpha&workflowFilter=unavailable';
+
+renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+expect(screen.getByRole('searchbox', { name: 'Search runs' })).toHaveValue(
+  'customer',
+);
+fireEvent.change(screen.getByRole('searchbox', { name: 'Search runs' }), {
+  target: { value: 'invoice' },
+});
+await waitFor(() =>
+  expect(history.replace).toHaveBeenLastCalledWith(
+    '/scopes/scope-alpha/workflow-activity-vnext/activity?q=invoice&status=failed&origin=draft&definition=definition-alpha&workflowFilter=unavailable',
+  ),
+);
+expect(mockListRuns).toHaveBeenLastCalledWith('scope-alpha', {
+  status: 'failed',
+  origins: ['draft'],
+  definitionActorIds: ['definition-alpha'],
+  take: 100,
+});
+```
+
+- [ ] Run RED and confirm failure is caused by the missing `q` restoration/serialization:
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx --runInBand
+```
+
+- [ ] Initialize search from `initialParams`, restore it in the location effect, and serialize trimmed `q` alongside every existing parameter:
+
+```tsx
+const [search, setSearch] = React.useState(initialParams.get('q') ?? '');
+
+// location.search effect
+setSearch(params.get('q') ?? '');
+
+// URL serialization effect
+if (search.trim()) params.set('q', search.trim());
+```
+
+- [ ] Add `search` to the URL effect dependency list only. Keep the existing TanStack Query key and `workflowActivityApi.listRuns` payload unchanged so free text remains local filtering.
+
+- [ ] Run GREEN:
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx --runInBand
+```
+
+Expected: all selected Activity tests pass and the API assertion contains only status, origins, definitionActorIds, and take.
+
+## Task 4: Align toolbar responsiveness
+
+**Files:**
+
+- Modify: `src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/styles.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+
+- [ ] Wrap each page's resource-specific Select controls in `wa-vnext__toolbar-filters`, use the same `wa-vnext__toolbar-search` class on both search inputs, and remove divergent inline widths.
+
+```tsx
+<Input className="wa-vnext__toolbar-search" /* existing props */ />
+<Space className="wa-vnext__toolbar-filters" wrap>
+  {/* page-specific Select controls */}
+</Space>
+```
+
+- [ ] Add stable dimensions and mobile full-width behavior without changing other vNext tables or the shell:
+
+```css
+.wa-vnext__toolbar-search { flex: 0 1 360px; max-width: 100%; width: 360px; }
+.wa-vnext__toolbar-filters { justify-content: flex-end; }
+.wa-vnext__toolbar-filters .ant-select { min-width: 160px; }
+
+@media (max-width: 600px) {
+  .wa-vnext__toolbar-search { flex-basis: auto; width: 100%; }
+  .wa-vnext__toolbar-filters { display: grid; grid-template-columns: 1fr; width: 100%; }
+  .wa-vnext__toolbar-filters .ant-select,
+  .wa-vnext__toolbar-filters .ant-space-item,
+  .wa-vnext__toolbar-filters .ant-btn { width: 100%; }
+}
+```
+
+- [ ] Run the two page tests after the markup/style refactor:
+
+```bash
+pnpm exec jest \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx \
+  --runInBand
+```
+
+Expected: both page test files pass.
+
+## Task 5: Focused verification, browser evidence, and delivery
+
+**Files:**
+
+- Verify only the files changed by Tasks 1-4 and this plan.
+
+- [ ] Run the exact selected test set:
+
+```bash
+pnpm exec jest \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx \
+  src/locales/catalog.test.ts \
+  --runInBand
+```
+
+- [ ] Run dependency-selected tests:
+
+```bash
+pnpm exec jest --findRelatedTests \
+  src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx \
+  src/pages/workflow-activity-vnext/activity/ActivityPage.tsx \
+  src/pages/workflow-activity-vnext/styles.ts \
+  src/locales/workflowActivityVNextMessages.en-US.ts \
+  src/locales/workflowActivityVNextMessages.zh-CN.ts \
+  --runInBand
+```
+
+- [ ] Compute the frontend-only change scope:
+
+```bash
+python3 /Users/abigaildeng/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . --base HEAD
+```
+
+- [ ] Run Biome only on the analyzer's exact changed frontend files, for example:
+
+```bash
+pnpm exec biome check \
+  src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx \
+  src/pages/workflow-activity-vnext/activity/ActivityPage.tsx \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx \
+  src/pages/workflow-activity-vnext/styles.ts \
+  src/locales/workflowActivityVNextMessages.en-US.ts \
+  src/locales/workflowActivityVNextMessages.zh-CN.ts
+```
+
+- [ ] Run whitespace validation:
+
+```bash
+git diff --check
+```
+
+- [ ] Do not run the full frontend test suite, package-wide lint, package-wide typecheck, or production build locally. Record that GitHub CI owns full verification under the machine-wide `frontend-incremental-pr` policy.
+
+- [ ] Verify the already-running real frontend at `http://localhost:5173` without mock data at desktop `1440x900`, tablet `834x1112`, and mobile `390x844`. Capture screenshots proving the resource-specific filters, header Refresh placement, URL restoration, responsive full-width controls, and lack of horizontal overflow. Record any real remote API or authentication gap instead of synthesizing success.
+
+- [ ] Review `git diff --stat`, `git diff`, and `git status --short`. Confirm every changed path is inside `apps/aevatar-console-web/`, no legacy route/auth/menu/API adapter changed, and no unsupported Workflow state or identity conversion was introduced.
+
+- [ ] Stage only this task's files, commit with:
+
+```bash
+git commit -m "Align Workflow and Activity filters"
+```
+
+- [ ] Push `feat/2026-08-04_workflow-activity-vnext-implementation` and update Draft PR #3189 with exact focused commands/results plus the CI-delegated full checks. Keep PR #3189 Draft. Do not change PR #3187, enable auto-merge, or merge either PR.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-add-node-sequential-link.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-add-node-sequential-link.md
new file mode 100644
index 0000000000..19e9b8dc97
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-add-node-sequential-link.md
@@ -0,0 +1,400 @@
+# Add Node Sequential Link Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make Workflow Activity vNext Add node extend the current flow with explicit sequential transitions instead of appending a disconnected step that triggers `implicit_next` warnings.
+
+**Architecture:** Add one pure document-normalization helper beside the existing insertion helpers, then compose it into only the Workflow Activity vNext `addNode` callback. The helper materializes runtime-defined adjacent ordering without changing explicit or branched transitions; `insertStepByType` remains responsible for rewiring the chosen predecessor and preserving its former successor.
+
+**Tech Stack:** React, TypeScript, Jest, Testing Library, pnpm.
+
+---
+
+## File Map
+
+- Create `apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-add-node-sequential-link.md`: executable TDD and delivery plan.
+- Modify `apps/aevatar-console-web/src/shared/studio/document.ts`: export a pure helper that turns eligible adjacent implicit transitions into explicit `next` values.
+- Modify `apps/aevatar-console-web/src/shared/studio/document.test.ts`: cover chain materialization, explicit and branched preservation, terminal behavior, and immutability.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts`: normalize the document, resolve the insertion predecessor, and pass it to `insertStepByType`.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`: exercise Add node through the page UI for append and selected-middle insertion.
+- Existing `apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-add-node-sequential-link-design.md`: approved behavior contract; no implementation edits expected.
+
+### Task 1: Specify The Pure Transition Materializer
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/shared/studio/document.test.ts`
+- Test: `apps/aevatar-console-web/src/shared/studio/document.test.ts`
+
+- [ ] **Step 1: Import the new helper and write the failing chain test**
+
+Add `materializeImplicitSequentialTransitions` to the import from `./document`, then add a test with three ordered steps: an implicit first step, a second step with an explicit successor, and a terminal third step. Assert that the first gains `next: 'review_step'`, the explicit second successor remains unchanged, and the input object still equals a deep snapshot.
+
+```ts
+it('materializes only eligible implicit sequential transitions without mutating the document', () => {
+  const document: StudioWorkflowDocument = {
+    name: 'workspace-demo',
+    roles: [],
+    steps: [
+      { id: 'draft_step', type: 'llm_call', next: null, branches: {} },
+      {
+        id: 'review_step',
+        type: 'human_approval',
+        next: 'publish_step',
+        branches: {},
+      },
+      { id: 'publish_step', type: 'emit', next: null, branches: {} },
+    ],
+  };
+  const snapshot = structuredClone(document);
+
+  const result = materializeImplicitSequentialTransitions(document);
+
+  expect(result.steps?.map((step) => step.next)).toEqual([
+    'review_step',
+    'publish_step',
+    null,
+  ]);
+  expect(document).toEqual(snapshot);
+  expect(result).not.toBe(document);
+});
+```
+
+- [ ] **Step 2: Write the failing branched and terminal test**
+
+Add a case where the first step has `branches: { approved: 'publish_step' }` and no `next`, followed by a second step. Assert the first step still has no linear successor and its branch remains byte-for-byte equivalent. In the same test group, assert empty and single-step documents keep no synthesized transition.
+
+```ts
+it('preserves branched transitions and terminal documents', () => {
+  const branched = materializeImplicitSequentialTransitions({
+    name: 'branched',
+    roles: [],
+    steps: [
+      {
+        id: 'approval_step',
+        type: 'human_approval',
+        next: null,
+        branches: { approved: 'publish_step' },
+      },
+      { id: 'publish_step', type: 'emit', next: null, branches: {} },
+    ],
+  });
+
+  expect(branched.steps?.[0]).toEqual(
+    expect.objectContaining({
+      next: null,
+      branches: { approved: 'publish_step' },
+    }),
+  );
+  expect(materializeImplicitSequentialTransitions({ steps: [] }).steps).toEqual([]);
+  expect(
+    materializeImplicitSequentialTransitions({
+      steps: [{ id: 'only_step', type: 'llm_call', next: null, branches: {} }],
+    }).steps?.[0]?.next,
+  ).toBeNull();
+
+  const firstInsertion = insertStepByType(
+    materializeImplicitSequentialTransitions({ steps: [] }),
+    'assign',
+  );
+  expect(firstInsertion.document.steps).toEqual([
+    expect.objectContaining({ id: 'assign_step', next: null }),
+  ]);
+});
+```
+
+- [ ] **Step 3: Run the exact helper tests and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/shared/studio/document.test.ts --testNamePattern 'materializes only eligible implicit sequential transitions|preserves branched transitions and terminal documents'
+```
+
+Expected: FAIL because `materializeImplicitSequentialTransitions` is not exported or defined.
+
+- [ ] **Step 4: Commit the failing tests only**
+
+```bash
+git add apps/aevatar-console-web/src/shared/studio/document.test.ts
+git commit -m "Test implicit workflow transition materialization"
+```
+
+### Task 2: Implement The Pure Transition Materializer
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/shared/studio/document.ts`
+- Test: `apps/aevatar-console-web/src/shared/studio/document.test.ts`
+
+- [ ] **Step 1: Implement the minimal pure helper**
+
+Place the exported helper before `insertStepByType`. Clone every step, inspect every non-final step, and only set `next` when the current `next` normalizes empty, the branch map has no entries, and the following sibling has a normalized ID.
+
+```ts
+export function materializeImplicitSequentialTransitions(
+  document: StudioWorkflowDocument,
+): StudioWorkflowDocument {
+  const steps = Array.isArray(document.steps) ? document.steps : [];
+  const nextSteps = steps.map((entry, index) => {
+    const step = { ...entry } as StudioWorkflowStepDocument;
+    const followingStepId = normalizeString(steps[index + 1]?.id);
+    const hasBranches = Object.keys(step.branches ?? {}).length > 0;
+
+    if (
+      index < steps.length - 1 &&
+      !normalizeString(step.next) &&
+      !hasBranches &&
+      followingStepId
+    ) {
+      return { ...step, next: followingStepId } satisfies StudioWorkflowStepDocument;
+    }
+
+    return step;
+  });
+
+  return { ...document, steps: nextSteps };
+}
+```
+
+- [ ] **Step 2: Run the exact helper tests and verify GREEN**
+
+Run the command from Task 1 Step 3.
+
+Expected: PASS for both focused tests.
+
+- [ ] **Step 3: Run all shared document helper tests**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/shared/studio/document.test.ts
+```
+
+Expected: all tests in `document.test.ts` pass.
+
+- [ ] **Step 4: Commit the helper implementation**
+
+```bash
+git add apps/aevatar-console-web/src/shared/studio/document.ts
+git commit -m "Materialize implicit workflow transitions"
+```
+
+### Task 3: Specify Add Node Placement Through The Page
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Write the failing no-selection append test**
+
+Arrange `getWorkflow` with two implicit steps, make `serializeYaml` return its submitted document, click `Add node`, then `Insert Assign node`. Assert the serialized steps are `draft_step -> review_step -> assign_step`, with the inserted step terminal.
+
+```ts
+it('adds a node after the final step and materializes the existing implicit chain', async () => {
+  const document = {
+    name: 'committed_source',
+    roles: [],
+    steps: [
+      { id: 'draft_step', type: 'llm_call', next: null, branches: {} },
+      { id: 'review_step', type: 'human_approval', next: null, branches: {} },
+    ],
+  };
+  mockStudioApi.getWorkflow.mockResolvedValue({
+    workflowId: 'wf-committed-source',
+    name: 'Committed source',
+    fileName: 'committed-source.yaml',
+    filePath: '',
+    directoryId: '',
+    directoryLabel: '',
+    yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+    updatedAtUtc: '2026-08-04T10:00:00Z',
+    document,
+    draftExists: false,
+    findings: [],
+  });
+  mockStudioApi.serializeYaml.mockImplementation(async ({ document: submitted }) => ({
+    yaml: 'serialized',
+    document: submitted,
+    findings: [],
+  }));
+
+  renderWithQueryClient(<WorkflowActivityVNextPage />);
+  fireEvent.click(await screen.findByRole('button', { name: 'Add node' }));
+  fireEvent.click(await screen.findByRole('button', { name: 'Insert Assign node' }));
+
+  await waitFor(() => expect(mockStudioApi.serializeYaml).toHaveBeenCalledTimes(1));
+  expect(mockStudioApi.serializeYaml.mock.calls[0][0].document.steps).toEqual([
+    expect.objectContaining({ id: 'draft_step', next: 'review_step' }),
+    expect.objectContaining({ id: 'review_step', next: 'assign_step' }),
+    expect.objectContaining({ id: 'assign_step', next: null }),
+  ]);
+});
+```
+
+- [ ] **Step 2: Write the failing selected-middle insertion test**
+
+Arrange an explicit three-step chain, click `Select step:review_step`, then use Add node to insert Assign. Assert serialization receives `draft_step -> review_step -> assign_step -> publish_step` and all unaffected transitions remain intact.
+
+```ts
+expect(mockStudioApi.serializeYaml.mock.calls[0][0].document.steps).toEqual([
+  expect.objectContaining({ id: 'draft_step', next: 'review_step' }),
+  expect.objectContaining({ id: 'review_step', next: 'assign_step' }),
+  expect.objectContaining({ id: 'assign_step', next: 'publish_step' }),
+  expect.objectContaining({ id: 'publish_step', next: null }),
+]);
+```
+
+- [ ] **Step 3: Run the exact page tests and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern 'adds a node after the final step and materializes the existing implicit chain|inserts a node after the selected middle step and preserves its successor'
+```
+
+Expected: FAIL because the current callback appends without `afterStepId` and does not materialize existing adjacency.
+
+- [ ] **Step 4: Commit the failing page tests only**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx
+git commit -m "Test Add node sequential placement"
+```
+
+### Task 4: Wire Explicit Placement Into Workflow Activity vNext
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Import the materializer**
+
+```ts
+import {
+  applyStepInspectorDraft,
+  createStepInspectorDraft,
+  insertStepByType,
+  materializeImplicitSequentialTransitions,
+} from '@/shared/studio/document';
+```
+
+- [ ] **Step 2: Normalize the document and resolve the predecessor**
+
+Inside `addNode`, after obtaining `current`, materialize its implicit adjacency. Resolve a selected step only when `selectedNodeId` has the `step:` prefix; otherwise use the last step with a non-empty ID.
+
+```ts
+const explicitDocument = materializeImplicitSequentialTransitions(current);
+const selectedStepId = selectedNodeId.startsWith('step:')
+  ? selectedNodeId.slice('step:'.length).trim()
+  : '';
+const finalStepId = [...(explicitDocument.steps ?? [])]
+  .reverse()
+  .map((step) => String(step.id ?? '').trim())
+  .find(Boolean);
+const inserted = insertStepByType(explicitDocument, stepType, {
+  afterStepId: selectedStepId || finalStepId || null,
+});
+```
+
+Do not add warning filtering. Keep the existing serialization request, generation guard, selection update, retry state, and local-edit marking unchanged.
+
+- [ ] **Step 3: Add the selection dependency**
+
+```ts
+[document, markLocalEdit, parseCurrentYaml, selectedNodeId]
+```
+
+- [ ] **Step 4: Run the exact page tests and verify GREEN**
+
+Run the command from Task 3 Step 3.
+
+Expected: both new tests pass.
+
+- [ ] **Step 5: Run the existing insertion regression tests**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern 'waits for a node insertion to finish before allowing a competing save|locks structural editing while a save is still in flight|keeps a failed node insertion visible and retryable'
+```
+
+Expected: all three existing insertion lifecycle tests pass.
+
+- [ ] **Step 6: Commit the vNext wiring**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts
+git commit -m "Fix Add node sequential placement"
+```
+
+### Task 5: Focused Validation And Pull Request
+
+**Files:**
+
+- Verify all task files listed above.
+- Do not run package-wide test, lint, typecheck, or build commands locally.
+
+- [ ] **Step 1: Analyze the frontend change scope**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Expected: frontend-only scope limited to the Workflow Activity vNext editor, shared Studio document helper, focused tests, and docs.
+
+- [ ] **Step 2: Read the framework command guidance selected by the analyzer**
+
+Read `~/.codex/skills/frontend-incremental-pr/references/framework-commands.md` and select only changed-file static checks supported by this project. If no reliable affected typecheck exists, skip local typecheck and state that GitHub CI owns full verification.
+
+- [ ] **Step 3: Run focused tests together**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/shared/studio/document.test.ts src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: both changed test files pass.
+
+- [ ] **Step 4: Run mandatory test and baseline guards**
+
+```bash
+bash tools/ci/test_stability_guards.sh
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+git diff --check origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+```
+
+Expected: all commands exit 0 and the baseline digest remains unchanged.
+
+- [ ] **Step 5: Review the complete diff and repository state**
+
+```bash
+git status --short --branch
+git diff --stat origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+git diff origin/feat/2026-08-04_workflow-activity-vnext...HEAD -- apps/aevatar-console-web/src/shared/studio/document.ts apps/aevatar-console-web/src/shared/studio/document.test.ts apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-add-node-sequential-link-design.md apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-add-node-sequential-link.md
+```
+
+Expected: no unrelated file changes, no generated artifacts, and the implementation matches the approved design.
+
+- [ ] **Step 6: Commit the implementation plan and any final focused corrections**
+
+```bash
+git add apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-add-node-sequential-link.md
+git commit -m "Document Add node implementation plan"
+```
+
+- [ ] **Step 7: Push and open the pull request against the required base**
+
+```bash
+git push -u origin fix/2026-08-06_add-node-sequential-link
+gh pr create --base feat/2026-08-04_workflow-activity-vnext --head fix/2026-08-06_add-node-sequential-link --title "Fix Add node sequential placement" --body-file <prepared-pr-body>
+```
+
+The PR body must include the root cause, explicit transition solution, affected paths, exact focused commands and results, unchanged vNext design baseline declaration, and this statement:
+
+```text
+Full frontend suite/build: deferred to GitHub CI by personal local workflow policy.
+```
+
+Do not wait for CI after the PR is created unless the user asks.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-new-workflow-creation-ux.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-new-workflow-creation-ux.md
new file mode 100644
index 0000000000..c8bb56077a
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-new-workflow-creation-ux.md
@@ -0,0 +1,676 @@
+# New Workflow Creation UX Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make every New workflow method a focused, single-action path that hides non-decisions, preserves backend truth, and opens the common editor after authoritative draft creation.
+
+**Architecture:** Keep route-owned form state in `NewWorkflowPage`, extract deterministic unique-file-name resolution into `workflowCreation.ts`, and preserve the existing typed Studio API plus `useDraftMaterialization` boundaries. The page derives method-specific names, selects the only directory automatically, renders a directory selector only for multiple choices, and runs generation/parse/create as distinct recovery-aware stages behind one user command.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6, TanStack Query, Umi localization, Jest, Testing Library, Biome.
+
+---
+
+### Task 1: Protect Hidden Save Target And File Name Resolution
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowCreation.ts`
+
+- [ ] **Step 1: Extend the page-test boundary mocks**
+
+Add the two existing read boundaries used by `NewWorkflowPage`:
+
+```tsx
+jest.mock('@/shared/api/scopesApi', () => ({
+  scopesApi: { listWorkflows: jest.fn() },
+}));
+
+studioApi: {
+  authorWorkflow: jest.fn(),
+  createWorkflowDraft: jest.fn(),
+  getWorkspaceSettings: jest.fn(),
+  listWorkflowDrafts: jest.fn(),
+  parseYaml: jest.fn(),
+}
+```
+
+Reset `listWorkflowDrafts` and `listWorkflows` to empty successful arrays in
+`beforeEach` so every test has authoritative collection state.
+
+Define the shared materialized response used by the creation cases:
+
+```tsx
+const materializedWorkflow = {
+  kind: 'materialized',
+  workflow: {
+    directoryId: 'directory-alpha',
+    directoryLabel: 'Workflows',
+    document: { name: 'incident_review', roles: [], steps: [] },
+    draftExists: true,
+    fileName: 'incident-review.yaml',
+    filePath: '/workflows/incident-review.yaml',
+    findings: [],
+    name: 'Incident review',
+    updatedAtUtc: '2026-08-06T10:00:00Z',
+    workflowId: 'wf-created-alpha',
+    yaml: 'name: incident_review\nroles: []\nsteps: []\n',
+  },
+} as const;
+```
+
+- [ ] **Step 2: Write failing save-target and filename tests**
+
+Add route-level tests that prove one directory is hidden, two directories are
+selectable, and an occupied YAML filename receives the first free suffix:
+
+```tsx
+it('hides the only save target while still using its directory id', async () => {
+  mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+  renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+  fireEvent.click(await screen.findByRole('button', { name: 'Start blank' }));
+  expect(screen.queryByLabelText('Save to')).not.toBeInTheDocument();
+  fireEvent.change(screen.getByLabelText('Workflow name'), {
+    target: { value: 'Incident review' },
+  });
+  fireEvent.click(screen.getByRole('button', { name: 'Create and open' }));
+
+  await waitFor(() =>
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({ directoryId: 'directory-alpha' }),
+    ),
+  );
+});
+
+it('shows Save to only when the workspace has multiple directories', async () => {
+  mockStudioApi.getWorkspaceSettings.mockResolvedValue({
+    runtimeBaseUrl: '',
+    directories: [
+      readyWorkspace.directories[0],
+      {
+        directoryId: 'directory-beta',
+        isBuiltIn: false,
+        label: 'Operations',
+        path: '/operations',
+      },
+    ],
+  });
+  renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+  fireEvent.click(await screen.findByRole('button', { name: 'Start blank' }));
+  fireEvent.mouseDown(screen.getByLabelText('Save to'));
+  fireEvent.click(await screen.findByText('Operations'));
+  fireEvent.change(screen.getByLabelText('Workflow name'), {
+    target: { value: 'Incident review' },
+  });
+  fireEvent.click(screen.getByRole('button', { name: 'Create and open' }));
+
+  await waitFor(() =>
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({ directoryId: 'directory-beta' }),
+    ),
+  );
+});
+
+it('uses the first available YAML filename without changing the display name', async () => {
+  mockStudioApi.listWorkflowDrafts.mockResolvedValue([
+    { directoryId: 'directory-alpha', fileName: 'incident-review.yaml', name: 'Other' },
+    { directoryId: 'directory-alpha', fileName: 'incident-review-2.yaml', name: 'Other 2' },
+  ]);
+  mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+  renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+  fireEvent.click(await screen.findByRole('button', { name: 'Start blank' }));
+  fireEvent.change(screen.getByLabelText('Workflow name'), {
+    target: { value: 'Incident review' },
+  });
+  fireEvent.click(screen.getByRole('button', { name: 'Create and open' }));
+
+  await waitFor(() =>
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({
+        fileName: 'incident-review-3.yaml',
+        workflowName: 'Incident review',
+      }),
+    ),
+  );
+});
+```
+
+- [ ] **Step 3: Run the focused test file and confirm RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx
+```
+
+Expected: FAIL because the single selector is still visible, the multiple-only
+label/action copy does not exist, and filename suffix resolution is absent.
+
+- [ ] **Step 4: Implement deterministic filename resolution**
+
+Add this public helper to `workflowCreation.ts`:
+
+```ts
+export function resolveAvailableWorkflowFileName(
+  name: string,
+  directoryId: string,
+  drafts: readonly { readonly directoryId: string; readonly fileName: string }[],
+): string {
+  const preferred = slugifyWorkflowFileName(name);
+  const extensionIndex = preferred.toLowerCase().lastIndexOf('.yaml');
+  const stem = extensionIndex >= 0 ? preferred.slice(0, extensionIndex) : preferred;
+  const occupied = new Set(
+    drafts
+      .filter((draft) => draft.directoryId === directoryId)
+      .map((draft) => draft.fileName.trim().toLocaleLowerCase()),
+  );
+  if (!occupied.has(preferred.toLocaleLowerCase())) return preferred;
+
+  let suffix = 2;
+  while (occupied.has(`${stem}-${suffix}.yaml`.toLocaleLowerCase())) suffix += 1;
+  return `${stem}-${suffix}.yaml`;
+}
+```
+
+Use this helper when building every draft-create request. The backend remains
+the final conflict authority when another client wins a concurrent create.
+
+- [ ] **Step 5: Render a selector only for multiple directories**
+
+Replace the unconditional `Save location` block with:
+
+```tsx
+{(workspace.data?.directories.length ?? 0) > 1 ? (
+  <label className="wa-vnext__creation-field">
+    <span>{t('workflowActivityVNext.new.directory', 'Save to')}</span>
+    <Select
+      aria-label={t('workflowActivityVNext.new.directory', 'Save to')}
+      className="wa-vnext__field-control"
+      onChange={setDirectoryId}
+      options={directoryOptions}
+      value={directoryId || undefined}
+    />
+  </label>
+) : null}
+```
+
+Keep the existing effect that adopts the first real directory. Do not derive a
+directory locally when the query is pending, failed, or empty.
+
+- [ ] **Step 6: Run the focused test file and confirm GREEN**
+
+Run the Step 3 command again.
+
+Expected: PASS for the new save-target and filename behaviors; existing
+recovery tests remain green.
+
+- [ ] **Step 7: Commit the focused behavior**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowCreation.ts apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx
+git commit -m "Hide automatic workflow save targets"
+```
+
+### Task 2: Collapse Describe Into One Authoritative Action
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx`
+
+- [ ] **Step 1: Write the failing Describe integration test**
+
+```tsx
+it('generates, validates, creates, and opens a described workflow with one action', async () => {
+  mockStudioApi.authorWorkflow.mockResolvedValue(
+    'name: weekly_feedback\nroles: []\nsteps:\n  - id: summarize\n    type: llm_call\n',
+  );
+  mockStudioApi.parseYaml.mockResolvedValue({
+    document: { name: 'weekly_feedback', roles: [], steps: [{ id: 'summarize', type: 'llm_call' }] },
+    findings: [],
+  });
+  mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+  renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+  fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+  fireEvent.change(screen.getByLabelText('Workflow name'), {
+    target: { value: 'Weekly feedback' },
+  });
+  expect(screen.queryByLabelText('Generated YAML')).not.toBeInTheDocument();
+  fireEvent.change(screen.getByLabelText('What should this workflow do?'), {
+    target: { value: 'Summarize weekly customer feedback' },
+  });
+  fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+
+  await waitFor(() => expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledTimes(1));
+  expect(mockStudioApi.authorWorkflow).toHaveBeenCalledWith(
+    { prompt: 'Summarize weekly customer feedback' },
+    expect.objectContaining({ onText: expect.any(Function) }),
+  );
+  expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+    expect.objectContaining({ workflowName: 'Weekly feedback' }),
+  );
+  expect(history.push).toHaveBeenCalledWith(
+    '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-created-alpha',
+  );
+});
+```
+
+Add a failure case that rejects `createWorkflowDraft`, confirms the prompt
+value remains visible, and confirms another click retries the single action.
+
+- [ ] **Step 2: Run the focused test and confirm RED**
+
+Run the Task 1 Step 3 command.
+
+Expected: FAIL because Describe still renders Workflow name, Automation goal,
+Generate workflow, generated YAML, and a second Create workflow action.
+
+- [ ] **Step 3: Replace the preview flow with one submit pipeline**
+
+Remove `generatedYaml` and `generatedReady`. Implement one handler with clear
+stage boundaries:
+
+```ts
+const createFromDescription = async () => {
+  const normalizedPrompt = prompt.trim();
+  if (!normalizedPrompt || submitting || !directoryId) return;
+  setSubmitting(true);
+  setFailure('');
+  setFindings([]);
+  try {
+    const generated = await studioApi.authorWorkflow(
+      { prompt: normalizedPrompt },
+      { onText: () => undefined },
+    );
+    const parsed = await studioApi.parseYaml({ yaml: generated });
+    setFindings(parsed.findings);
+    if (hasBlockingFindings(parsed.document, parsed.findings)) return;
+    await persist(generated, name.trim(), { manageSubmitting: false });
+  } catch (error) {
+    setFailure(errorMessage(error));
+  } finally {
+    setSubmitting(false);
+  }
+};
+```
+
+Adapt `persist` so composed flows do not toggle `submitting` off between parse
+and create. Keep the materialized/accepted handling in `finishSave` unchanged.
+
+- [ ] **Step 4: Render the focused Describe surface**
+
+Use `Describe your workflow`, the supporting sentence, a Workflow name input,
+a labeled textarea, and one primary button:
+
+```tsx
+<label className="wa-vnext__creation-field">
+  <span>{t('workflowActivityVNext.new.goal', 'What should this workflow do?')}</span>
+  <Input.TextArea
+    aria-label={t('workflowActivityVNext.new.goal', 'What should this workflow do?')}
+    autoSize={{ minRows: 6, maxRows: 12 }}
+    onChange={(event) => setPrompt(event.target.value)}
+    value={prompt}
+  />
+</label>
+<Button
+  disabled={!prompt.trim() || saveTargetUnavailable}
+  loading={submitting}
+  onClick={() => void createFromDescription()}
+  type="primary"
+>
+  {t('workflowActivityVNext.new.generateAndOpen', 'Generate and open')}
+</Button>
+```
+
+- [ ] **Step 5: Run the focused test and confirm GREEN**
+
+Run the Task 1 Step 3 command.
+
+Expected: PASS with one Describe action and preserved existing save-target
+recovery behavior.
+
+- [ ] **Step 6: Commit Describe behavior**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx
+git commit -m "Streamline described workflow creation"
+```
+
+### Task 3: Align Blank, Import, And Template Creation
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx`
+
+- [ ] **Step 1: Write failing method-specific tests**
+
+Protect the final control contract:
+
+```tsx
+it('imports parsed YAML without asking for a second workflow name', async () => {
+  mockStudioApi.parseYaml.mockResolvedValue({
+    document: { name: 'imported_orders', roles: [], steps: [] },
+    findings: [],
+  });
+  mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+  renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+  fireEvent.click(await screen.findByRole('button', { name: 'Import YAML' }));
+  expect(screen.queryByLabelText('Workflow name')).not.toBeInTheDocument();
+  fireEvent.change(screen.getByLabelText('Workflow YAML'), {
+    target: { value: 'name: imported_orders\nroles: []\nsteps: []\n' },
+  });
+  fireEvent.click(screen.getByRole('button', { name: 'Import and open' }));
+
+  await waitFor(() =>
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({ workflowName: 'imported_orders' }),
+    ),
+  );
+});
+
+it('creates an independent template copy with one action', async () => {
+  mockStudioApi.parseYaml.mockResolvedValue({
+    document: { name: 'incident_triage', roles: [], steps: [] },
+    findings: [],
+  });
+  mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+  renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+  fireEvent.click(await screen.findByRole('button', { name: 'Use template' }));
+  expect(screen.queryByLabelText('Workflow name')).not.toBeInTheDocument();
+  fireEvent.click(screen.getByRole('button', { name: 'Use template and open' }));
+
+  await waitFor(() =>
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({ workflowName: 'Incident triage copy' }),
+    ),
+  );
+});
+```
+
+Update the existing `index.test.tsx` creation assertions to the new accessible
+labels and action names without duplicating the new focused page coverage.
+
+- [ ] **Step 2: Run both owning test files and confirm RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: FAIL on old name fields and old action labels.
+
+- [ ] **Step 3: Implement method-specific name derivation**
+
+- Blank continues to require `Workflow name` and uses `Create and open`.
+- Describe requires `Workflow name`, uses it independently of the generated
+  YAML document name, and completes through `Generate and open`.
+- Import parses first, rejects a missing parsed name with localized actionable
+  copy, then persists using that parsed name and `Import and open`.
+- Template copies the selected YAML, parses it, and persists with the localized
+  display name `${templateName} copy` through `Use template and open`.
+- Import and Template do not render the shared Workflow name field.
+
+Keep the server parser call for template YAML so backend field naming and
+validation remain authoritative.
+
+- [ ] **Step 4: Run both owning test files and confirm GREEN**
+
+Run the Step 2 command.
+
+Expected: PASS for all creation methods, invalid YAML preservation, method
+switch recovery, and existing materialization behavior.
+
+- [ ] **Step 5: Run the polling stability guard**
+
+```bash
+bash tools/ci/test_stability_guards.sh
+```
+
+Expected: PASS; the changed tests introduce no arbitrary delay or polling
+helper.
+
+- [ ] **Step 6: Commit all creation paths**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx
+git commit -m "Align workflow creation methods"
+```
+
+### Task 4: Restore Visual Hierarchy And Localized Copy
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Test: `apps/aevatar-console-web/src/locales/catalog.test.ts`
+
+- [ ] **Step 1: Add the new messages to both locale catalogues**
+
+Use equivalent English and Chinese product copy for:
+
+```ts
+'workflowActivityVNext.new.describeTitle': 'Describe your workflow',
+'workflowActivityVNext.new.describeDescription':
+  'Start with the outcome. You can review every generated step in the editor.',
+'workflowActivityVNext.new.goal': 'What should this workflow do?',
+'workflowActivityVNext.new.generateAndOpen': 'Generate and open',
+'workflowActivityVNext.new.createAndOpen': 'Create and open',
+'workflowActivityVNext.new.importAndOpen': 'Import and open',
+'workflowActivityVNext.new.templateAndOpen': 'Use template and open',
+'workflowActivityVNext.new.directory': 'Save to',
+'workflowActivityVNext.new.importedNameMissing':
+  'The imported workflow needs a name before it can be created.',
+```
+
+Remove creation-page-only obsolete messages after `rg` confirms they have no
+remaining consumers: `generatedYaml`, `generate`, `createGenerated`, and
+`defaultWorkspace`.
+
+- [ ] **Step 2: Replace the full-width panel with a bounded creation column**
+
+Add scoped primitives in `styles.ts`:
+
+```css
+.wa-vnext__creation-surface {
+  margin: 0 auto;
+  max-width: 760px;
+  min-width: 0;
+  padding: 8px 0 40px;
+}
+.wa-vnext__creation-heading {
+  border-bottom: 1px solid var(--wa-line);
+  margin-bottom: 22px;
+  padding-bottom: 18px;
+}
+.wa-vnext__creation-heading h2 {
+  font-size: 22px;
+  line-height: 28px;
+  margin: 0;
+}
+.wa-vnext__creation-heading p {
+  color: var(--wa-muted);
+  font-size: 12px;
+  line-height: 18px;
+  margin: 6px 0 0;
+  max-width: 620px;
+}
+.wa-vnext__creation-form {
+  display: grid;
+  gap: 18px;
+}
+.wa-vnext__creation-field {
+  display: grid;
+  font-size: 12px;
+  font-weight: 700;
+  gap: 7px;
+}
+.wa-vnext__creation-actions {
+  align-items: center;
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+}
+```
+
+At mobile width, make actions a single-column grid with full-width buttons.
+Keep method cards, alerts, and materialization notice stable and outside any
+nested card.
+
+- [ ] **Step 3: Run localized catalogue verification**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/locales/catalog.test.ts
+```
+
+Expected: PASS with matching message IDs and interpolation variables.
+
+- [ ] **Step 4: Run changed-file formatting and lint checks**
+
+Run the frontend scope analyzer first and pass only its `staticCheckFiles` to
+Biome:
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base feat/2026-08-04_workflow-activity-vnext
+pnpm --dir apps/aevatar-console-web exec biome check --write src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx src/pages/workflow-activity-vnext/workflows/workflowCreation.ts src/pages/workflow-activity-vnext/index.test.tsx src/pages/workflow-activity-vnext/styles.ts src/locales/workflowActivityVNextMessages.en-US.ts src/locales/workflowActivityVNextMessages.zh-CN.ts
+```
+
+Expected: Biome exits 0 and only formats the explicit task files. Do not run a
+package lint, full typecheck, or production build.
+
+- [ ] **Step 5: Commit visual and copy changes**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts
+git commit -m "Refine new workflow creation layout"
+```
+
+### Task 5: Focused Verification And Pull Request Delivery
+
+**Files:**
+- Review every file changed from `feat/2026-08-04_workflow-activity-vnext`
+- Update the open PR body after push
+
+- [ ] **Step 1: Run the scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base feat/2026-08-04_workflow-activity-vnext
+```
+
+Record affected packages, test runner, changed tests, and `staticCheckFiles`.
+
+- [ ] **Step 2: Run only dependency-related and explicitly changed tests**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --findRelatedTests src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx src/pages/workflow-activity-vnext/workflows/workflowCreation.ts src/pages/workflow-activity-vnext/styles.ts --runInBand
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx src/pages/workflow-activity-vnext/index.test.tsx src/locales/catalog.test.ts
+```
+
+If `--findRelatedTests` selects an unexpectedly broad set, stop it and use the
+three explicit test files instead. Do not run the complete frontend suite.
+
+- [ ] **Step 3: Run required non-frontend guards**
+
+```bash
+bash tools/ci/test_stability_guards.sh
+git diff --check feat/2026-08-04_workflow-activity-vnext...HEAD
+```
+
+Expected: PASS.
+
+- [ ] **Step 4: Perform browser visual verification**
+
+Start the existing development server on a free port with the worktree's
+configured auth/backend origins kept consistent. Verify desktop and mobile
+screens for the chooser, Describe, blank, import, template, loading, failed,
+and multiple-directory states. Confirm no overlap, horizontal escape, hidden
+primary action, or blank canvas. Capture screenshots as review evidence.
+
+If the authenticated backend cannot be reached, use the existing deterministic
+component tests for state evidence and report the browser gap. Do not add mock
+production data or alter auth behavior to obtain a screenshot.
+
+- [ ] **Step 5: Review the complete diff and commit any verification-only fixes**
+
+```bash
+git status --short
+git diff --stat feat/2026-08-04_workflow-activity-vnext...HEAD
+git diff feat/2026-08-04_workflow-activity-vnext...HEAD -- apps/aevatar-console-web/src/pages/workflow-activity-vnext apps/aevatar-console-web/src/locales apps/aevatar-console-web/docs/superpowers
+```
+
+Stage only task files and use an imperative commit message if verification
+requires a source adjustment.
+
+- [ ] **Step 6: Push and create the incremental PR**
+
+Create `/tmp/aevatar-new-workflow-creation-ux-pr.md` with the final observed
+command results substituted into this exact structure:
+
+```markdown
+## Problem and solution
+
+The New workflow route exposed its only workspace directory as a user choice,
+used an unclear Automation goal label, required a second create confirmation
+after generation, and stretched short creation forms across the work area.
+
+This PR hides the automatic directory, shows Save to only for multiple real
+directories, gives every creation method one final action, derives generated
+and imported names from validated documents, prevents YAML path collisions,
+and restores a bounded creation layout.
+
+## Affected paths
+
+- Workflow Activity vNext New workflow route and creation helpers
+- Focused route and component integration tests
+- Workflow Activity vNext English and Chinese messages
+- New workflow creation UX design and implementation documents
+
+## Local verification
+
+- Related tests: focused `NewWorkflowPage.test.tsx`, `index.test.tsx`, and `catalog.test.ts` Jest commands listed above - PASS
+- Changed-file static checks: scope-analyzer `staticCheckFiles` passed to `biome check` - PASS
+- Test stability guard: `bash tools/ci/test_stability_guards.sh` - PASS
+- Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+
+## Design baseline
+
+Design baseline: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/`
+
+Primary design: `aevatar-workflow-activity-vnext.excalidraw`
+
+Design SHA-256: `30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de`
+
+Contract specification: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md`
+
+User paths: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md`
+
+Authentication and localization: existing Aevatar login, callback, session,
+returnTo, and Umi locale logic; presentation may change, behavior may not.
+
+Production data source: real APIs and API-acknowledged user actions only; no
+mock fallback.
+
+Baseline integrity: `python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py`
+```
+
+If an executed command differs from the planned command or does not pass,
+replace the corresponding verification line with the exact observed command
+and result; do not add unverified claims.
+
+```bash
+git push -u origin fix/2026-08-06_new-workflow-creation-ux
+gh pr create --base feat/2026-08-04_workflow-activity-vnext --head fix/2026-08-06_new-workflow-creation-ux --title "Fix new workflow creation UX" --body-file /tmp/aevatar-new-workflow-creation-ux-pr.md
+```
+
+The PR body must include problem and solution, affected paths, the required
+Workflow Activity vNext baseline declaration, exact local commands/results,
+and this statement:
+
+```text
+Full frontend suite/build: deferred to GitHub CI by personal local workflow policy.
+```
+
+Do not wait for CI after creating the PR.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-settings-save-action-dock.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-settings-save-action-dock.md
new file mode 100644
index 0000000000..117bdf8768
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-settings-save-action-dock.md
@@ -0,0 +1,340 @@
+# Settings Save Action Dock Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Keep dirty Workflow Activity vNext Settings save actions stationary at the bottom of the main work area without covering form content or changing save semantics.
+
+**Architecture:** Add an optional footer slot to `WorkflowActivityVNextShell`. Only routes providing that slot split the main column into an independently scrolling body and a natural-height footer; `SettingsPage` provides the existing dirty actions through the slot and keeps all form/save state local.
+
+**Tech Stack:** React 19, TypeScript, Umi Max, Ant Design, Jest, Testing Library, CSS template strings, Biome.
+
+---
+
+### Task 1: Protect The Shell-Owned Dirty Action Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] **Step 1: Add a focused route integration test**
+
+Add a test in the existing `Workflow Activity vNext settings` describe block. Use distinct authoritative service data, edit Preferred service through the rendered select, and assert the accessible ownership contract:
+
+```tsx
+it('keeps dirty save actions outside the scrolling AI defaults panel', async () => {
+  mockStudioApi.getUserLlmSettings.mockResolvedValue({
+    savedSelection: null,
+    savedRouteLabel: 'System default',
+    selectionStatus: 'system_default',
+    catalogDiagnostic: 'unspecified',
+    remediation: 'none',
+    catalogStatus: 'ready',
+    capabilities: {
+      canEditRoute: true,
+      canEditModel: true,
+      canSave: true,
+      canRetryCatalog: true,
+    },
+    routeOptions: [
+      {
+        routeValue: '/api/v1/proxy/s/service-alpha',
+        label: 'Service alpha',
+        source: 'user_service',
+        status: 'ready',
+        allowed: true,
+        ready: true,
+        userServiceId: 'us-alpha',
+        serviceSlug: 'service-alpha',
+        modelCatalog: {
+          certainty: 'enumerated',
+          modelIds: ['model-alpha'],
+          defaultModelId: 'model-alpha',
+          diagnostic: 'unspecified',
+        },
+        description: null,
+      },
+    ],
+    modelGroupsByRoute: [],
+  });
+
+  renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+  expect(
+    screen.queryByRole('region', { name: 'Unsaved settings actions' }),
+  ).not.toBeInTheDocument();
+  fireEvent.mouseDown(
+    await screen.findByRole('combobox', { name: 'Preferred service' }),
+  );
+  fireEvent.click(await screen.findByText('Service alpha'));
+
+  const aiDefaultsPanel = screen.getByRole('region', {
+    name: 'AI defaults',
+  });
+  const saveActions = screen.getByRole('region', {
+    name: 'Unsaved settings actions',
+  });
+  expect(aiDefaultsPanel).not.toContainElement(saveActions);
+  expect(
+    within(saveActions).getByRole('button', { name: 'Save changes' }),
+  ).toBeEnabled();
+
+  fireEvent.click(
+    within(saveActions).getByRole('button', {
+      name: 'Restore saved settings',
+    }),
+  );
+  expect(
+    screen.queryByRole('region', { name: 'Unsaved settings actions' }),
+  ).not.toBeInTheDocument();
+  expect(mockStudioApi.saveUserLlmSettings).not.toHaveBeenCalled();
+});
+```
+
+Reuse the file's existing `within` import from Testing Library.
+
+- [x] **Step 2: Run the exact test and verify RED**
+
+Run from the repository root:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx \
+  --testNamePattern 'keeps dirty save actions outside the scrolling AI defaults panel'
+```
+
+Expected: FAIL because no region named `Unsaved settings actions` exists and the current action bar remains inside the AI defaults form.
+
+### Task 2: Add The Optional Shell Footer And Move The Actions
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/SettingsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [x] **Step 1: Add a route-neutral shell footer slot**
+
+Extend `ShellProps` with:
+
+```tsx
+readonly footer?: React.ReactNode;
+```
+
+Build the existing header and content as `mainBody`. When `footer` is absent,
+render the current main DOM and scrolling unchanged. When present, render:
+
+```tsx
+<main
+  className={`wa-vnext__main${footer ? ' wa-vnext__main--with-footer' : ''}`}
+>
+  {footer ? (
+    <div className="wa-vnext__main-scroll">{mainBody}</div>
+  ) : (
+    mainBody
+  )}
+  {footer ? <div className="wa-vnext__main-footer">{footer}</div> : null}
+</main>
+```
+
+Do not add the wrapper on routes without a footer.
+
+- [x] **Step 2: Move the action surface out of `aiPanel`**
+
+Delete the dirty action JSX from the `wa-vnext__form`. Create one route-owned
+action region using the same handlers and state:
+
+```tsx
+const settingsFooter = (
+  <>
+    {dirty ? (
+      <div className="wa-vnext__settings-footer">
+        <section
+          aria-label={t(
+            'workflowActivityVNext.settings.unsavedActionsAria',
+            'Unsaved settings actions',
+          )}
+          className="wa-vnext__settings-savebar"
+        >
+          {/* Existing status copy and Restore / Save controls. */}
+        </section>
+      </div>
+    ) : null}
+  </>
+);
+```
+
+Pass `footer={settingsFooter}` to `WorkflowActivityVNextShell`. The fragment is
+always present so toggling dirty state does not replace the shell's scroll
+subtree. Keep save, discard, accepted-to-observed, error, delayed, and
+navigation logic unchanged.
+
+- [x] **Step 3: Add synchronized locale messages**
+
+Add to the English catalogue:
+
+```ts
+'workflowActivityVNext.settings.unsavedActionsAria':
+  'Unsaved settings actions',
+```
+
+Add to the Chinese catalogue:
+
+```ts
+'workflowActivityVNext.settings.unsavedActionsAria': '未保存设置操作',
+```
+
+- [x] **Step 4: Implement stable scroll ownership and responsive sizing**
+
+Add the shell contract:
+
+```css
+.wa-vnext__main--with-footer {
+  display: grid;
+  grid-template-rows: minmax(0, 1fr) auto;
+  overflow: hidden;
+}
+.wa-vnext__main-scroll {
+  min-height: 0;
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.wa-vnext__main-footer { min-width: 0; }
+.wa-vnext__settings-footer {
+  background: var(--wa-surface);
+  padding: 0 40px max(12px, env(safe-area-inset-bottom));
+}
+```
+
+Change the save bar to normal layout inside the shell footer: remove
+`position`, `bottom`, and `margin-top`; add `margin: 0 auto` and
+`max-width: 1120px`. Use 32 px footer gutters below 1100 px and 16 px below
+768 px. Preserve the current stacked mobile copy/actions at 600 px, and at
+360 px change the action grid to one column. The dock must never overlay the
+scroll region.
+
+- [x] **Step 5: Run the exact test and verify GREEN**
+
+Run the Task 1 Jest command again.
+
+Expected: PASS with one test and no warning or console error.
+
+- [x] **Step 6: Run dependency-related route coverage**
+
+Run the complete colocated route file because shell composition is shared by
+all vNext child routes:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: PASS for every test in that file.
+
+### Task 3: Align Normative Documentation And Verify The Change
+
+**Files:**
+- Modify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-settings-save-action-dock-design.md`
+- Modify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md`
+- Modify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md`
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/README.md`
+- Modify: `apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-settings-save-action-dock.md`
+
+- [x] **Step 1: Record the approved and implemented contract**
+
+Mark the new design approved for implementation, then implemented after the
+focused checks pass. Replace the two sticky references at lines 520 and 666 of
+the original design, the dirty-step reference at line 674 of the user paths,
+and the two prototype-description references at lines 146 and 254 of the
+baseline README with `shell-fixed Restore and Save changes dock` language.
+Keep the imported Excalidraw, generator, PNGs, and prototype byte-identical;
+document the required production deviation instead of editing those source
+assets.
+
+- [x] **Step 2: Run the frontend scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . \
+  --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Read the JSON. Run every changed test explicitly and dependency-related Jest
+tests for changed source files. Pass only reported `staticCheckFiles` to Biome.
+Do not run a full local frontend test, lint, typecheck, or production build.
+
+- [x] **Step 3: Run documentation and repository hygiene checks**
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+bash tools/docs/lint.sh
+bash tools/ci/test_stability_guards.sh
+git diff --check
+```
+
+Expected: baseline SHA matches, 17/17 frames pass, docs lint passes, test
+stability guard passes, and no whitespace error is reported.
+
+- [x] **Step 4: Verify real layout behavior in the existing browser**
+
+Start the worktree frontend on a free non-5000/non-5050 port with matching
+local OAuth origin configuration and no mock data. At 1440 x 900, 834 x 1112,
+and 390 x 844, verify:
+
+- the dirty dock stays stationary while Settings content scrolls;
+- the last field and durable alerts can scroll fully above the dock;
+- the dock never enters the navigation rail;
+- actions remain reachable and do not overlap;
+- mobile has no page-level horizontal overflow and includes safe-area spacing.
+
+Capture screenshots as task evidence. If real authenticated backend state is
+unavailable, report that exact residual gap and do not inject production mock
+data.
+
+Result: the real application ran on port 5187 with `MOCK=none`, but that origin
+had no authenticated session and the registered NyxID callback port 5173 was
+owned by another process. No session or Settings data was mocked. Authenticated
+responsive screenshots remain a preview-environment verification item.
+
+### Task 4: Review, Commit, Deliver, And Reach Mergeable State
+
+**Files:**
+- Review every file changed from `origin/feat/2026-08-04_workflow-activity-vnext`
+
+- [x] **Step 1: Review the complete diff**
+
+Confirm that the diff is frontend-only, contains no imported baseline artifact
+changes, preserves all save contracts, and includes no unrelated worktree
+files. Review long-label behavior and all conditional shell paths.
+
+- [ ] **Step 2: Commit only task files as AbigailDeng**
+
+Stage explicit paths only. Commit with:
+
+```bash
+git -c user.name=AbigailDeng \
+  -c user.email=108705114+AbigailDeng@users.noreply.github.com \
+  commit -m "Fix Settings save action dock"
+```
+
+- [ ] **Step 3: Push and open the pull request**
+
+Push `fix/2026-08-06_settings-save-action-dock` and create a PR with base
+`feat/2026-08-04_workflow-activity-vnext`. Verify the PR author is
+`AbigailDeng`. Include the required design-baseline declaration, affected
+paths, exact focused command results, screenshots or the exact browser-QA gap,
+and:
+
+```text
+Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+```
+
+- [ ] **Step 4: Make the PR mergeable**
+
+Poll required checks, review comments, merge conflicts, and GitHub mergeability.
+Fix branch-owned failures, push updates, and recheck until the PR reports no
+conflict and all required checks pass. Never create or update the PR as
+`Abigail940404`.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-activity-vnext-scoped-publication.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-activity-vnext-scoped-publication.md
new file mode 100644
index 0000000000..e22c26fdd8
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-activity-vnext-scoped-publication.md
@@ -0,0 +1,228 @@
+# Workflow Activity vNext Scoped Publication Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Let an operator publish a saved, valid vNext Workflow to one explicitly selected real scope service, then observe the accepted update through exact workflow and service-revision reads.
+
+**Architecture:** A vNext-local publication hook owns the accepted receipt and bounded observation state. A focused dialog loads only real scope services, requires a deliberate service selection, and collects any real external-request confirmations before calling the existing typed `studioApi.saveAndBindWorkflow` adapter. The editor remains the owner of document validation and serialization; no Team/member API, inferred service identity, mock data, or browser-storage state is introduced.
+
+**Tech Stack:** React 19, TypeScript, Ant Design, TanStack Query, existing Studio/scope-runtime adapters, Jest, Testing Library, Biome.
+
+**Design baseline:**
+
+```text
+Design baseline:
+  apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/
+Primary design:
+  aevatar-workflow-activity-vnext.excalidraw
+Design SHA-256:
+  30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de
+Contract specification:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-design.md
+User paths:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-user-paths.md
+Production data source:
+  Real APIs and API-acknowledged user actions only; no mock fallback.
+```
+
+---
+
+### Task 1: Receipt-Bound Publication Observation
+
+**Files:**
+- Create: `src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.ts`
+- Create: `src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.test.ts`
+
+- [ ] **Step 1: Write failing observation tests**
+
+Cover these public behaviors with distinct fixtures:
+
+```ts
+it('observes only the accepted workflow, service, and revision once the active serving revision is published', async () => {
+  const result = await observeWorkflowPublication({
+    receipt: { scopeId: 'scope-alpha', workflowId: 'wf-alpha', revisionId: 'rev-alpha', serviceId: 'svc-alpha' },
+    readWorkflow: async () => readableWorkflowDetail('scope-alpha', 'wf-alpha'),
+    readRevisions: async () => revisionCatalog('scope-alpha', 'svc-alpha', publishedActiveRevision('rev-alpha')),
+    delaysMs: [0],
+  });
+
+  expect(result.kind).toBe('observed');
+});
+
+it('treats receipt-bound workflow 404 and 409 plus a missing revision as observation delay without creating another publish request', async () => {
+  const result = await observeWorkflowPublication({
+    receipt: { scopeId: 'scope-alpha', workflowId: 'wf-alpha', revisionId: 'rev-alpha', serviceId: 'svc-alpha' },
+    readWorkflow: async () => { throw httpStatusError(409); },
+    readRevisions: async () => revisionCatalog('scope-alpha', 'svc-alpha', null),
+    delaysMs: [0],
+  });
+
+  expect(result).toEqual({ kind: 'delayed' });
+});
+```
+
+- [ ] **Step 2: Run the new observation test to verify it fails**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.test.ts
+```
+
+Expected: FAIL because `observeWorkflowPublication` and its receipt-bound observation behavior do not exist.
+
+- [ ] **Step 3: Implement the minimal observation hook**
+
+Export a `WorkflowPublicationReceipt` with only API-returned `scopeId`, `workflowId`, `revisionId`, and `serviceId`. `observeWorkflowPublication` must query the exact `scopesApi.getWorkflowDetail` and `scopeRuntimeApi.getServiceRevisions` identities in parallel on each bounded attempt. Return `observed` only when:
+
+```ts
+workflow.available === true &&
+workflow.scopeId === receipt.scopeId &&
+workflow.workflow?.workflowId === receipt.workflowId &&
+catalog.scopeId === receipt.scopeId &&
+catalog.serviceId === receipt.serviceId &&
+catalog.activeServingRevisionId === receipt.revisionId &&
+revision.revisionId === receipt.revisionId &&
+revision.implementationKind === 'workflow' &&
+normalize(revision.status) === 'published' &&
+revision.isActiveServing &&
+revision.isServingTarget &&
+revision.allocationWeight > 0 &&
+normalize(revision.servingState) === 'active'
+```
+
+Treat workflow `404`/`409`, service catalog `404`, and a catalog lacking the exact revision as eventual-consistency observation states. Map `401` and `403` distinctly. Treat `PreparationFailed`, a nonempty service failure reason, and `Retired` as terminal failure. The hook retry calls only the exact read functions and never calls `saveAndBindWorkflow`.
+
+- [ ] **Step 4: Run the observation test to verify it passes**
+
+Run the same Jest command from Step 2.
+
+Expected: PASS with no timer-driven artificial success state.
+
+### Task 2: Explicit Target Selection And External-Request Review
+
+**Files:**
+- Create: `src/pages/workflow-activity-vnext/workflows/WorkflowPublishDialog.tsx`
+- Modify: `src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Write failing route-integration tests**
+
+Add tests that render the real vNext editor through its route owner and prove:
+
+```ts
+it('requires an explicitly selected real scope service before publishing a saved workflow', async () => {
+  // Open Publish, wait for real service rows, and assert the primary submit action is disabled.
+  // Select 'Service alpha', submit, and assert saveAndBindWorkflow receives serviceId: 'svc-alpha'.
+});
+
+it('keeps publish accepted while the exact workflow and service revision are still being observed', async () => {
+  // Return 202 data, hold or delay the exact GETs, and assert no success toast or ready claim.
+});
+
+it('retries only observation reads after a delayed publication', async () => {
+  // Make the receipt-bound reads return 404/409, click Check again, and assert one POST total.
+});
+
+it('renders unauthorized and forbidden publication observation states distinctly', async () => {
+  // Exercise 401 and 403 from an exact observation read through the rendered alert.
+});
+```
+
+- [ ] **Step 2: Run only the named new route tests to verify they fail**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern 'explicitly selected real scope service|publish accepted|retries only observation reads|unauthorized and forbidden publication'
+```
+
+Expected: FAIL because the editor's current Publish action is disabled and no publication dialog or observation UI exists.
+
+- [ ] **Step 3: Implement the focused dialog**
+
+The dialog must load `scopeRuntimeApi.listServices(scopeId, { take: 200 })` only while open. It begins with no selection, uses real service display names, and has distinct loading, empty, failure, retry, unauthorized, and forbidden content. It must never choose or submit a default service on the user's behalf.
+
+On submission, use an exact editor-generated publication snapshot and call `studioApi.previewExplicitRequests`. When preview items exist, render an in-dialog review using only relevant user decisions: method/path, risk, and whether approval is required. Keep call-site IDs and request digests out of the default UI; use them only to construct the confirmation payload. A user cancellation returns to the target-selection state without making a publish POST.
+
+- [ ] **Step 4: Run the named route tests to verify they pass**
+
+Run the command from Step 2.
+
+Expected: PASS; each test uses a different `workflowId`, `serviceId`, and `revisionId` fixture identity.
+
+### Task 3: Editor Integration And Honest User Feedback
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts`
+- Modify: `src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/workflows/WorkflowPublishDialog.tsx`
+- Modify: `src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Test: `src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Add the smallest editor publication preparation boundary**
+
+Expose a function from `useWorkflowEditor` that parses and serializes the current document only when it is saved, valid, and a real draft. It returns the exact draft `workflowId`, display name, and serialized YAML, or an actionable validation failure. It must not fabricate a revision, modify the current draft, or save silently.
+
+- [ ] **Step 2: Wire the dialog to the existing typed adapters**
+
+Use `createWorkflowRevisionIdentityCandidate()` only as the required request identity candidate. Pass the selected service ID exactly to `studioApi.saveAndBindWorkflow`; capture only API-returned `workflowId`, `revisionId`, and `binding.serviceId` as the observation receipt. Reject a missing binding service ID, scope mismatch, or returned target mismatch as a visible publish failure rather than substituting any identity.
+
+- [ ] **Step 3: Render persistent state and one completed-action toast**
+
+Keep the receipt-bound state in the editor while it is mounted:
+
+```text
+Ready -> Reviewing -> Submitting -> Accepted -> Observing -> Published
+                                        |             |
+                                        |             +-> Delayed -> Check again (GET only)
+                                        +-> Failed / Unauthorized / Forbidden
+```
+
+Use inline alerts for every nonterminal phase. Emit one localized `ConsoleToast` success only after exact workflow and active service-revision evidence reaches `Published`; do not toast for a click, preview request, or `202 Accepted` response. Never claim full invocation readiness because no public HTTP contract proves it.
+
+- [ ] **Step 4: Run the focused route and hook tests to verify the integrated flow passes**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.test.ts
+```
+
+Expected: PASS.
+
+### Task 4: Focused Verification And Delivery
+
+**Files:**
+- Review only the current task's vNext hook, dialog, editor, locale, test, and plan files.
+
+- [ ] **Step 1: Re-run the frontend scope analyzer**
+
+Run:
+
+```bash
+python3 /Users/abigaildeng/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+- [ ] **Step 2: Run dependency-related tests and changed-file static checks**
+
+Run explicit changed/new Jest tests plus `pnpm exec jest --findRelatedTests` only for changed shared source files when the analyzer identifies a direct consumer graph. Run `pnpm exec biome check` only with the analyzer's `staticCheckFiles` that belong to this task.
+
+- [ ] **Step 3: Verify baseline and diff hygiene**
+
+Run:
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+git diff --check -- apps/aevatar-console-web
+```
+
+Expected: declared SHA, byte-identical generator output, and 17/17 frame inventory pass; no whitespace errors.
+
+- [ ] **Step 4: Review and deliver only task-owned changes**
+
+Review the complete diff. Stage only the publication task's frontend files, commit with an imperative message, push the implementation branch, and create or update the implementation Draft PR. Do not modify, ready, merge, or auto-merge PR #3187. Full frontend suite, package-wide lint, package-wide TypeScript, and production build are delegated to GitHub CI under the personal incremental frontend policy.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-archive.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-archive.md
new file mode 100644
index 0000000000..0c6b39bf23
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-archive.md
@@ -0,0 +1,372 @@
+# Workflow Archive Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Restore an honest Archive action for active published Workflows, observe authoritative deactivation before success, and separate active and archived catalogue views.
+
+**Architecture:** A focused `workflowArchival.ts` module owns deployment-status normalization, archive eligibility, and bounded read-model observation. `WorkflowsPage.tsx` maps catalogue rows to those facts, submits the existing deployment deactivation command through `servicesApi`, and keeps command acceptance distinct from observed archival. No backend contract or client-side archived store is added.
+
+**Tech Stack:** React, TypeScript, Ant Design, React Query, Jest, Testing Library, Biome.
+
+---
+
+### Task 1: Authoritative Archive Classification And Observation
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.ts`
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts`
+
+- [ ] **Step 1: Write failing classification tests**
+
+Create tests that use distinct identities and prove status normalization and
+eligibility:
+
+```ts
+expect(isWorkflowArchived({ deploymentStatus: 'Deactivated' })).toBe(true);
+expect(isWorkflowArchived({ deploymentStatus: 'deactivated' })).toBe(true);
+expect(canArchiveWorkflow({
+  activeRevisionId: 'rev-alpha',
+  deploymentId: 'dep-alpha',
+  deploymentStatus: 'Active',
+  hasCommittedSource: true,
+})).toBe(true);
+expect(canArchiveWorkflow({
+  activeRevisionId: '',
+  deploymentId: '',
+  deploymentStatus: '',
+  hasCommittedSource: false,
+})).toBe(false);
+```
+
+- [ ] **Step 2: Run classification tests and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts
+```
+
+Expected: FAIL because `workflowArchival.ts` does not exist.
+
+- [ ] **Step 3: Implement minimal classification helpers**
+
+Define a narrow shared shape and normalize enum spelling without guessing any
+other lifecycle:
+
+```ts
+export type WorkflowArchivalFacts = {
+  readonly activeRevisionId: string;
+  readonly deploymentId: string;
+  readonly deploymentStatus: string;
+  readonly hasCommittedSource: boolean;
+};
+
+function normalizeDeploymentStatus(value: string): string {
+  return value.trim().toLowerCase().replace(/[\s_-]+/g, '');
+}
+
+export function isWorkflowArchived(
+  workflow: Pick<WorkflowArchivalFacts, 'deploymentStatus'>,
+): boolean {
+  return normalizeDeploymentStatus(workflow.deploymentStatus) === 'deactivated';
+}
+
+export function canArchiveWorkflow(workflow: WorkflowArchivalFacts): boolean {
+  return (
+    workflow.hasCommittedSource &&
+    Boolean(workflow.activeRevisionId.trim()) &&
+    Boolean(workflow.deploymentId.trim()) &&
+    normalizeDeploymentStatus(workflow.deploymentStatus) === 'active'
+  );
+}
+```
+
+- [ ] **Step 4: Run classification tests and verify GREEN**
+
+Run the Task 1 Step 2 command. Expected: all classification tests PASS.
+
+- [ ] **Step 5: Write failing bounded-observation tests**
+
+Add tests for delayed-to-observed state, exact Workflow identity, read failure,
+and exhausted observation:
+
+```ts
+const readWorkflows = jest
+  .fn()
+  .mockResolvedValueOnce([{ workflowId: 'wf-alpha', deploymentStatus: 'Active' }])
+  .mockResolvedValueOnce([{ workflowId: 'wf-alpha', deploymentStatus: 'Deactivated' }]);
+
+await expect(observeWorkflowArchival({
+  delaysMs: [0, 1],
+  readWorkflows,
+  wait: jest.fn(async () => undefined),
+  workflowId: 'wf-alpha',
+})).resolves.toEqual({ kind: 'observed', workflows: expect.any(Array) });
+```
+
+Also assert a list containing only `wf-beta` never satisfies `wf-alpha` and
+returns `{ kind: 'delayed' }`.
+
+- [ ] **Step 6: Run observation tests and verify RED**
+
+Run the Task 1 Step 2 command. Expected: FAIL because
+`observeWorkflowArchival` is not exported.
+
+- [ ] **Step 7: Implement the bounded observer**
+
+Use the existing publication/materialization convention with injectable timing:
+
+```ts
+export const WORKFLOW_ARCHIVAL_OBSERVATION_DELAYS_MS = [
+  0, 300, 700, 1200, 2000,
+] as const;
+
+export async function observeWorkflowArchival(input: {
+  readonly delaysMs?: readonly number[];
+  readonly readWorkflows: () => Promise<readonly ScopeWorkflowSummary[]>;
+  readonly wait?: (delayMs: number) => Promise<void>;
+  readonly workflowId: string;
+}): Promise<
+  | { readonly kind: 'observed'; readonly workflows: readonly ScopeWorkflowSummary[] }
+  | { readonly kind: 'delayed' }
+> {
+  const delays = input.delaysMs ?? WORKFLOW_ARCHIVAL_OBSERVATION_DELAYS_MS;
+  const wait = input.wait ?? defaultWait;
+  for (const delayMs of delays) {
+    if (delayMs > 0) await wait(delayMs);
+    const workflows = await input.readWorkflows();
+    const target = workflows.find((item) => item.workflowId === input.workflowId);
+    if (target && isWorkflowArchived(target)) return { kind: 'observed', workflows };
+  }
+  return { kind: 'delayed' };
+}
+```
+
+- [ ] **Step 8: Run helper tests and commit Task 1**
+
+Run the Task 1 Step 2 command. Expected: all helper tests PASS.
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.ts apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts
+git commit -m "Model workflow archival observation"
+```
+
+### Task 2: Catalogue Archive Interaction And Views
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [ ] **Step 1: Add failing catalogue tests for action eligibility**
+
+Mock `servicesApi.deactivateDeployment`, render an active published row, a
+draft-only row, and a deactivated row, then assert:
+
+```ts
+fireEvent.click(within(activeRow).getByRole('button', {
+  name: 'More actions for Active workflow',
+}));
+expect(await screen.findByRole('menuitem', { name: 'Archive' })).toBeVisible();
+
+fireEvent.click(within(draftRow).getByRole('button', {
+  name: 'More actions for Draft workflow',
+}));
+expect(screen.queryByRole('menuitem', { name: 'Archive' })).not.toBeInTheDocument();
+```
+
+Select `Archived`, assert the deactivated row has status `Archived`, and assert
+it has no Archive menu action.
+
+- [ ] **Step 2: Run the catalogue test and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: FAIL because the selector and menu do not expose Archived/Archive.
+
+- [ ] **Step 3: Add deployment facts and view filtering**
+
+Extend `WorkflowRow` with `deploymentId` and `deploymentStatus`; preserve the
+committed values when a draft overlays a committed row. Replace the view type
+with:
+
+```ts
+type WorkflowView = 'active' | 'drafts' | 'archived';
+```
+
+Filter rows by `isWorkflowArchived(row)`:
+
+```ts
+if (view === 'drafts') return draftWorkflowIds.has(item.workflowId);
+if (view === 'archived') return isWorkflowArchived(item);
+return !isWorkflowArchived(item);
+```
+
+Omit `view=active` from the URL, preserve `drafts` and `archived`, and label the
+default option `Active workflows`.
+
+- [ ] **Step 4: Render Archive status and eligible menu action**
+
+Calculate archived status before Published/Draft. Add an `InboxOutlined`
+Archive menu item only when `canArchiveWorkflow(row)` is true. Selecting it must
+set `archiveTarget` and reset archive failure/submission state; it must not call
+the API until modal confirmation.
+
+- [ ] **Step 5: Run the catalogue test and verify the eligibility slice GREEN**
+
+Run the Task 2 Step 2 command. Expected: action and filter assertions PASS;
+interaction assertions added next remain absent.
+
+- [ ] **Step 6: Add failing accepted-versus-observed interaction tests**
+
+Make list responses transition from Active to Deactivated and assert the exact
+identity call:
+
+```ts
+expect(mockServicesApi.deactivateDeployment).toHaveBeenCalledWith(
+  'wf-alpha',
+  'dep-alpha',
+  { tenantId: 'scope-alpha', appId: 'default', namespace: 'default' },
+);
+```
+
+Hold the observation read unresolved and assert no `Workflow archived` toast
+appears from the accepted receipt. Resolve Deactivated, then assert the dialog
+closes, the toast appears, and the row moves to the Archived view.
+
+Add a delayed case in which `Check again` invokes only
+`observeWorkflowArchival`/list reads and
+`deactivateDeployment` remains called exactly once.
+
+- [ ] **Step 7: Run interaction tests and verify RED**
+
+Run the Task 2 Step 2 command. Expected: FAIL because the Archive dialog and
+submission state do not exist.
+
+- [ ] **Step 8: Implement confirmation, command submission, and observation**
+
+Add `archiveTarget`, `archiving`, `archiveSubmitted`, and `archivePhase` state.
+The confirm handler must:
+
+```ts
+if (!archiveSubmitted) {
+  await servicesApi.deactivateDeployment(
+    archiveTarget.workflowId,
+    archiveTarget.deploymentId,
+    {
+      tenantId: scopeId,
+      appId: scopeServiceAppId,
+      namespace: scopeServiceNamespace,
+    },
+  );
+  setArchiveSubmitted(true);
+}
+
+const result = await observeWorkflowArchival({
+  workflowId: archiveTarget.workflowId,
+  readWorkflows: () => scopesApi.listWorkflows(scopeId),
+});
+```
+
+On `observed`, refresh the committed query, close/reset the modal, and show
+`Workflow archived`. On `delayed`, retain submitted state and show the delayed
+message with `Check again`. On request/read error, distinguish whether command
+acceptance already occurred so a retry never duplicates the command.
+
+- [ ] **Step 9: Add complete English and Chinese messages**
+
+Add typed locale entries for Active/Archived views, Archived status, Archive
+menu label, confirmation title/body, failure, delayed observation, retry/check,
+and success. Chinese copy must preserve the same operational meaning rather
+than shortening Archive to Delete.
+
+- [ ] **Step 10: Run component and helper tests and commit Task 2**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: both suites PASS.
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts
+git commit -m "Restore workflow archive action"
+```
+
+### Task 3: Focused Validation And Delivery
+
+**Files:**
+- Modify only if verification finds a task-specific defect: files listed in Tasks 1-2
+- Verify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-archive-design.md`
+- Verify: `apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-archive.md`
+
+- [ ] **Step 1: Run the frontend change-scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Use only the reported dependency-related Jest targets and explicit changed test
+files. Do not run the full frontend suite, package-wide typecheck, or build.
+
+- [ ] **Step 2: Run focused tests**
+
+At minimum run the two explicit changed suites from Task 2 Step 10. If the
+analyzer reports additional direct dependencies, run those exact files only.
+
+- [ ] **Step 3: Run changed-file static checks and guards**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec biome check \
+  src/pages/workflow-activity-vnext/workflows/workflowArchival.ts \
+  src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts \
+  src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  src/locales/workflowActivityVNextMessages.en-US.ts \
+  src/locales/workflowActivityVNextMessages.zh-CN.ts
+bash tools/ci/test_stability_guards.sh
+bash tools/docs/lint.sh
+git diff --check origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+```
+
+Expected: all commands exit 0. Full frontend suite/typecheck/build remains
+delegated to GitHub CI by the personal workflow policy.
+
+- [ ] **Step 4: Verify the browser surface without mutating real data**
+
+Start or reuse the feature-branch frontend with the configured remote backend.
+Use an authenticated session to verify menu/dialog copy and desktop/mobile
+layout. Do not confirm a real Archive command. Use automated component tests as
+the authoritative proof for post-confirmation Active-to-Archived transitions.
+
+- [ ] **Step 5: Review and commit remaining plan/verification changes**
+
+```bash
+git status --short
+git diff --stat origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+git diff --check origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+git add apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-archive.md
+git commit -m "Document workflow archive implementation"
+```
+
+Skip the final commit if the plan was already included in an earlier focused
+commit and the worktree is clean.
+
+- [ ] **Step 6: Push and create the pull request**
+
+Push `fix/2026-08-06_workflow-archive` and create a ready pull request targeting
+`feat/2026-08-04_workflow-activity-vnext`. The PR body must include problem and
+solution, affected paths, the exact focused verification commands/results, and:
+
+```markdown
+- Full frontend suite/typecheck/build: deferred to GitHub CI by personal local workflow policy
+```
+
+Stop after reporting the PR URL; do not babysit CI unless requested.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-list-metadata.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-list-metadata.md
new file mode 100644
index 0000000000..2450233233
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-list-metadata.md
@@ -0,0 +1,222 @@
+# Workflow List Metadata Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make the Workflow catalogue scan-friendly by separating lifecycle status and last update, moving descriptions into an accessible fixed-width popover, and removing technical scope and revision details from the primary list.
+
+**Architecture:** Keep the existing draft/committed merge and query behavior intact. Change only the `WorkflowRow` presentation mapping and table rendering in `WorkflowsPage.tsx`, add narrow table/popover styles in the existing vNext stylesheet, and add the new column and status locale strings to the existing locale dictionaries.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6 `Popover`, Jest, Testing Library, Biome.
+
+---
+
+## File Map
+
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`: user-observable regression coverage for list hierarchy, hidden technical values, and popover behavior.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`: merged row model and four-column table rendering.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`: stable table column sizing, name trigger focus treatment, and fixed-width description content.
+- `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`: English column and Published labels.
+- `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`: Chinese column and Published labels.
+
+### Task 1: Lock The Correct Product Semantics With A Failing Test
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Replace the old mixed-metadata assertion with the desired list behavior**
+
+Use distinct workflow, revision, service, scope, and ownership values. Assert the four column headers and row cell labels, then assert that ownership, scope, revision ID, and Created are absent. The key expectations are:
+
+```tsx
+expect(within(workflowTable).getAllByRole('columnheader')).toHaveLength(4);
+expect(within(workflowTable).getByRole('columnheader', { name: 'Status' })).toBeVisible();
+expect(
+  within(workflowTable).getByRole('columnheader', { name: 'Last updated' }),
+).toBeVisible();
+expect(within(apacRow).getByText('Published')).toBeVisible();
+expect(within(apacRow).queryByText('rev-support-apac-7')).not.toBeInTheDocument();
+expect(within(workflowTable).queryByText('scope-alpha')).not.toBeInTheDocument();
+expect(within(workflowTable).queryByText('APAC operations')).not.toBeInTheDocument();
+expect(within(workflowTable).queryByRole('columnheader', { name: 'Created' })).not.toBeInTheDocument();
+```
+
+- [ ] **Step 2: Assert description disclosure instead of default description rendering**
+
+Give the workflow-name trigger an accessible label such as `Description for Support triage`. Assert the description is absent initially, then use both pointer and keyboard interactions to disclose it. Verify the rendered content owns the fixed-width class:
+
+```tsx
+const descriptionTrigger = within(emeaRow).getByRole('button', {
+  name: 'Description for Support triage',
+});
+expect(screen.queryByText(emeaDescription)).not.toBeInTheDocument();
+fireEvent.mouseEnter(descriptionTrigger);
+const description = await screen.findByText(emeaDescription);
+expect(description).toHaveClass('wa-vnext__workflow-description');
+fireEvent.mouseLeave(descriptionTrigger);
+await waitFor(() => expect(screen.queryByText(emeaDescription)).not.toBeInTheDocument());
+fireEvent.focus(descriptionTrigger);
+expect(await screen.findByText(emeaDescription)).toBeVisible();
+```
+
+Add a committed-only workflow with no description and assert its name is not a description button.
+
+- [ ] **Step 3: Run the focused regression test and confirm RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest src/pages/workflow-activity-vnext/index.test.tsx --selectProjects jsdom --runInBand -t "separates workflow status"
+```
+
+Expected: FAIL because the current table has two headers, permanently renders descriptions, includes ownership and revision values, and has no Status or Last updated columns.
+
+### Task 2: Implement The Four-Column Catalogue
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [ ] **Step 1: Remove ownership from the row presentation model**
+
+Delete `ownershipLabel` from `WorkflowRow` and from both row mappers. Keep `description`, `activeRevisionId`, and `updatedAtUtc` because they still drive search, popover content, status, and sorting.
+
+- [ ] **Step 2: Add the accessible description trigger**
+
+Import `Popover` and render it only for a trimmed non-empty description:
+
+```tsx
+const workflowName = <span className="wa-vnext__title">{row.name}</span>;
+
+{row.description.trim() ? (
+  <Popover
+    content={
+      <p className="wa-vnext__workflow-description">
+        {row.description}
+      </p>
+    }
+    placement="bottomLeft"
+    trigger={['hover', 'focus']}
+  >
+    <button
+      aria-label={t(
+        'workflowActivityVNext.workflows.descriptionAria',
+        'Description for {name}',
+        { name: row.name },
+      )}
+      className="wa-vnext__workflow-name-trigger"
+      type="button"
+    >
+      {workflowName}
+    </button>
+  </Popover>
+) : (
+  workflowName
+)}
+```
+
+The trigger is contextual and must not navigate or replace the explicit Open action.
+
+- [ ] **Step 3: Split status and update time into columns**
+
+Add `Status` and `Last updated` headers between Workflow and Actions. Render corresponding cells with matching `data-label` values. Status uses only `Published` or `Draft`; update time uses `formatDate(row.updatedAtUtc)` without an `Updated` prefix.
+
+- [ ] **Step 4: Add stable, viewport-safe styling**
+
+Define table width classes so the Workflow column owns remaining space and Status, Last updated, and Actions have stable widths. Add a native-looking name button reset with a visible focus outline. The popover description content must use:
+
+```css
+.wa-vnext__workflow-description {
+  margin: 0;
+  max-width: calc(100vw - 48px);
+  overflow-wrap: anywhere;
+  white-space: normal;
+  width: 320px;
+}
+```
+
+- [ ] **Step 5: Add locale keys and remove stale primary-list copy**
+
+Add English and Chinese values for `columnStatus`, `columnUpdated`, `publishedStatus`, and `descriptionAria`. Remove `publishedRevision`, `updatedContext`, and `workspaceOwner` only if no remaining references exist in the vNext area.
+
+- [ ] **Step 6: Run the focused test and confirm GREEN**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest src/pages/workflow-activity-vnext/index.test.tsx --selectProjects jsdom --runInBand -t "separates workflow status"
+```
+
+Expected: PASS for the new regression test.
+
+### Task 3: Focused Regression And Static Verification
+
+**Files:**
+
+- Verify all files listed in the File Map.
+
+- [ ] **Step 1: Run the frontend change scope analyzer**
+
+Run from the worktree root:
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Record `relatedTests` and `staticCheckFiles`. Do not replace missing affected checks with a full suite.
+
+- [ ] **Step 2: Run the complete related page test file**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest src/pages/workflow-activity-vnext/index.test.tsx --selectProjects jsdom --runInBand
+```
+
+Expected: the Workflow Activity vNext test file passes with zero failures.
+
+- [ ] **Step 3: Run changed-file static checks only**
+
+Pass exactly the analyzer-reported frontend source, test, style, and locale files to Biome. Do not run package-wide lint, full typecheck, or production build. If no repository-native affected typecheck exists, record that GitHub CI owns type verification.
+
+- [ ] **Step 4: Review semantics and diff integrity**
+
+Run:
+
+```bash
+rg -n "publishedRevision|Published \{revision\}|updatedContext|ownershipLabel" apps/aevatar-console-web/src/pages/workflow-activity-vnext apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.*.ts
+git diff --check
+git diff --stat origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+git status --short
+```
+
+Expected: no stale primary-list references, no whitespace errors, and only task-owned files changed.
+
+- [ ] **Step 5: Commit the implementation**
+
+Stage only the implementation, test, locale, style, and plan files, then commit:
+
+```bash
+git commit -m "Refine workflow list metadata hierarchy"
+```
+
+### Task 4: Deliver The Pull Request
+
+- [ ] **Step 1: Push the branch**
+
+```bash
+git push -u origin fix/2026-08-06_workflow-list-metadata
+```
+
+- [ ] **Step 2: Create a ready pull request**
+
+Create a PR targeting `feat/2026-08-04_workflow-activity-vnext`. Include the problem and solution, affected Workflow catalogue path, exact focused commands and results, and this statement:
+
+```text
+Full frontend suite/build: deferred to GitHub CI by personal local workflow policy.
+```
+
+Stop after reporting the ready PR URL. Do not wait for CI unless the user asks.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-row-action-hierarchy.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-row-action-hierarchy.md
new file mode 100644
index 0000000000..bcf2b09ff7
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-06-workflow-row-action-hierarchy.md
@@ -0,0 +1,182 @@
+# Workflow Row Action Hierarchy Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace the Workflow catalogue's mixed five-action presentation with one primary Open link, one neutral View activity link, and one stable overflow menu without changing any Workflow identity or mutation semantics.
+
+**Architecture:** Keep the change local to the existing Workflow Activity vNext catalogue. Ant Design Button links provide real `href` values while an unmodified left click still enters the existing client-side history; the Dropdown owns all low-frequency row actions and continues to call the existing rename, copy, and delete-confirmation flows. Existing Aevatar interaction classes and vNext CSS define the stable action geometry and touch targets.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6, Jest, Testing Library, Biome, Umi history and locale catalogues.
+
+---
+
+### Task 1: Prove The Persistent Action Hierarchy And Navigation Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+
+- [ ] **Step 1: Write the failing route assertions**
+
+Update the focused Workflow catalogue tests so a row exposes:
+
+```tsx
+const open = within(row).getByRole('link', {
+  name: 'Open Support triage in Workflows',
+});
+const activity = within(row).getByRole('link', {
+  name: 'View activity for Support triage in Workflows',
+});
+
+expect(open).toHaveAttribute(
+  'href',
+  '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-alpha',
+);
+expect(activity).toHaveAttribute(
+  'href',
+  '/scopes/scope-alpha/workflow-activity-vnext/activity?workflowId=wf-draft-alpha',
+);
+expect(within(row).queryByRole('button', { name: /Delete/ })).not.toBeInTheDocument();
+```
+
+Also assert that duplicate-name rows have different Open, View activity, and More actions accessible names because each name includes `ownershipLabel`, and that a modified click is not intercepted by the component.
+
+- [ ] **Step 2: Run the focused test to verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: FAIL because Open and Activity are buttons, their accessible names omit ownership, and the standalone Delete button is still rendered.
+
+- [ ] **Step 3: Implement real primary and secondary links**
+
+In `WorkflowsPage.tsx`:
+
+```tsx
+const editorHref = buildWorkflowActivityEditorHref(scopeId, row.workflowId);
+const activityHref = `${buildWorkflowActivitySectionHref(
+  scopeId,
+  'activity',
+)}?workflowId=${encodeURIComponent(row.workflowId)}`;
+
+<Button
+  aria-label={t('workflowActivityVNext.workflows.openAria', 'Open {name} in {owner}', {
+    name: row.name,
+    owner: row.ownershipLabel,
+  })}
+  className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+  href={editorHref}
+  icon={<EditOutlined />}
+  onClick={(event) => handleClientLinkClick(event, editorHref)}
+  type="primary"
+>
+  {t('workflowActivityVNext.common.open', 'Open')}
+</Button>
+```
+
+Render View activity the same way with `HistoryOutlined`, the exact encoded `workflowId`, a neutral Button type, and a row-specific accessible name. `handleClientLinkClick` must prevent default only for an unmodified primary-button click before calling `history.push`.
+
+- [ ] **Step 4: Run the focused test to verify GREEN**
+
+Run the same focused Jest command. Expected: the persistent hierarchy, real href, exact Workflow identity, and modified-click assertions pass.
+
+### Task 2: Move Destructive Management Into The Overflow Menu
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+
+- [ ] **Step 1: Write the failing menu-order and confirmation assertions**
+
+Open a draft row's More actions menu and assert this semantic order:
+
+```tsx
+expect(screen.getAllByRole('menuitem').map((item) => item.textContent)).toEqual([
+  'Rename',
+  'Copy workflow reference',
+  'Delete draft',
+]);
+expect(screen.getByRole('separator')).toBeInTheDocument();
+expect(screen.getByRole('menuitem', { name: 'Delete draft' })).toHaveClass(
+  'ant-dropdown-menu-item-danger',
+);
+```
+
+Click Delete draft and prove the existing confirmation opens while `deleteWorkflowDraft` remains uncalled. Update the existing deletion, retry, and refresh-failure tests to enter through More actions before confirming. Open a committed-only row menu and prove Copy workflow reference is its only menu item.
+
+- [ ] **Step 2: Run the focused test to verify RED**
+
+Run the focused Jest command from Task 1. Expected: FAIL because Delete draft is not in the Dropdown and the current draft menu has no divider or danger item.
+
+- [ ] **Step 3: Implement the unified menu**
+
+Remove the standalone Tooltip/Delete Button. Build the Dropdown items as Rename when draft-capable, Copy workflow reference for every row, then a divider and a danger Delete draft item when draft-capable:
+
+```tsx
+{ type: 'divider' },
+{
+  danger: true,
+  icon: <DeleteOutlined />,
+  key: 'delete',
+  label: t('workflowActivityVNext.workflows.deleteDraft', 'Delete draft'),
+}
+```
+
+Handle `delete` only by setting `deleteTarget` and resetting the existing retry state. Keep the modal and `confirmDelete` logic unchanged.
+
+- [ ] **Step 4: Run the focused test to verify GREEN**
+
+Run the focused Jest command. Expected: menu hierarchy, published-only stability, confirmation-only first click, delete success, retry, refresh failure, rename, and copy tests pass.
+
+### Task 3: Align Styling, Locales, And The Product Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Modify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md`
+
+- [ ] **Step 1: Add the local action-layout contract**
+
+Add narrowly scoped styles for an end-aligned, no-wrap action group with stable button geometry:
+
+```css
+.wa-vnext__workflow-actions-cell { text-align: right; }
+.wa-vnext__workflow-actions { align-items: center; display: inline-flex; white-space: nowrap; }
+.wa-vnext__workflow-actions .ant-btn { flex: 0 0 auto; }
+@media (max-width: 767px) {
+  .wa-vnext__workflow-actions .ant-btn { min-height: 44px; }
+  .wa-vnext__workflow-actions .ant-btn-icon-only { min-width: 44px; width: 44px; }
+}
+```
+
+Apply `AEVATAR_INTERACTIVE_BUTTON_CLASS` to all three persistent controls so global hover, active, focus, disabled, and loading states remain authoritative.
+
+- [ ] **Step 2: Update localized visible and accessible copy**
+
+Change `viewActivity` to `View activity` / `查看活动`. Update Open and More actions templates to include `{owner}`, and add `viewActivityAria` with `{name}` and `{owner}` in both locale catalogues. Preserve identical interpolation variables across locales.
+
+- [ ] **Step 3: Update the vNext design specification**
+
+Add one concise catalogue rule: exactly Open, View activity, and More actions remain persistent; Rename, Copy workflow reference, and Delete draft live in overflow; Delete is last, separated, dangerous, and confirmation-gated.
+
+- [ ] **Step 4: Run scope analysis and focused validation**
+
+Run:
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx
+pnpm --dir apps/aevatar-console-web exec biome check <staticCheckFiles reported by the analyzer>
+bash tools/docs/lint.sh
+git diff --check origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+```
+
+Expected: focused Jest passes; changed-file Biome reports no diagnostics; docs lint reports zero errors; diff check is clean. Do not run a full frontend test, lint, typecheck, or production build. Full verification belongs to GitHub CI.
+
+- [ ] **Step 5: Commit and deliver the pull request**
+
+Stage only the plan, specs, Workflows page, vNext styles, focused route test, and two locale files. Commit as `AbigailDeng`, push `fix/2026-08-06_workflow-row-action-hierarchy`, and create a ready PR targeting `feat/2026-08-04_workflow-activity-vnext`. The PR body must include problem and solution, affected paths, exact focused commands/results, the visual approval context, and the statement that full frontend suite/build is delegated to GitHub CI.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-07-workflow-node-reselection.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-07-workflow-node-reselection.md
new file mode 100644
index 0000000000..973265d8b8
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-07-workflow-node-reselection.md
@@ -0,0 +1,219 @@
+# Workflow Node Reselection Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make clicking the already-selected workflow node idempotent while preserving discard confirmation for real node switches.
+
+**Architecture:** Keep the policy in `WorkflowEditorPage`, where the clicked node ID and active node ID are both available. Add rendered route-level tests because the regression depends on the canvas, editor selection state, inspector draft state, and modal collaborating correctly.
+
+**Tech Stack:** React 19, TypeScript, Umi Max, Ant Design, Jest, Testing Library
+
+---
+
+### Task 1: Lock The Selection Boundary With Failing Tests
+
+**Files:**
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Add the same-node regression test**
+
+Add a rendered editor test that selects `step-root`, changes its Instruction to
+`Updated prompt`, clicks `Select step:step-root` again, and asserts that no
+`Discard node changes?` dialog exists and the Instruction still contains the
+unapplied value.
+
+```tsx
+it('keeps unapplied node configuration when the selected node is clicked again', async () => {
+  renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+  const selectedNode = await screen.findByRole('button', {
+    name: 'Select step:step-root',
+  });
+  fireEvent.click(selectedNode);
+  const inspector = await screen.findByRole('complementary', {
+    name: 'Configure step-root',
+  });
+  fireEvent.change(within(inspector).getByLabelText('Instruction'), {
+    target: { value: 'Updated prompt' },
+  });
+
+  fireEvent.click(selectedNode);
+
+  expect(
+    screen.queryByRole('dialog', { name: 'Discard node changes?' }),
+  ).not.toBeInTheDocument();
+  expect(within(inspector).getByLabelText('Instruction')).toHaveValue(
+    'Updated prompt',
+  );
+});
+```
+
+- [ ] **Step 2: Add the different-node guard test**
+
+Override the workflow fixture with distinct `step-root` and `step-second`
+nodes. Dirty `step-root`, click `step-second`, verify the confirmation appears,
+cancel and verify the root draft remains, then discard and verify the second
+inspector opens.
+
+```tsx
+it('asks before switching from a node with unapplied configuration', async () => {
+  mockStudioApi.getWorkflow.mockResolvedValue({
+    workflowId: 'wf-committed-source',
+    name: 'Committed source',
+    fileName: 'committed-source.yaml',
+    filePath: '',
+    directoryId: '',
+    directoryLabel: '',
+    yaml: [
+      'name: committed_source',
+      'roles: []',
+      'steps:',
+      '  - id: step-root',
+      '    type: llm_call',
+      '    parameters:',
+      '      prompt_prefix: Original prompt',
+      '  - id: step-second',
+      '    type: transform',
+      '    parameters:',
+      '      operation: trim',
+      '',
+    ].join('\n'),
+    updatedAtUtc: '2026-08-04T10:00:00Z',
+    document: {
+      name: 'committed_source',
+      roles: [],
+      steps: [
+        {
+          id: 'step-root',
+          type: 'llm_call',
+          parameters: { prompt_prefix: 'Original prompt' },
+        },
+        {
+          id: 'step-second',
+          type: 'transform',
+          parameters: { operation: 'trim' },
+        },
+      ],
+    },
+    draftExists: false,
+    findings: [],
+  });
+  renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+  fireEvent.click(
+    await screen.findByRole('button', { name: 'Select step:step-root' }),
+  );
+  const rootInspector = await screen.findByRole('complementary', {
+    name: 'Configure step-root',
+  });
+  fireEvent.change(within(rootInspector).getByLabelText('Instruction'), {
+    target: { value: 'Updated prompt' },
+  });
+  const secondNode = screen.getByRole('button', {
+    name: 'Select step:step-second',
+  });
+
+  fireEvent.click(secondNode);
+
+  const discardDialog = await screen.findByRole('dialog', {
+    name: 'Discard node changes?',
+  });
+  expect(within(rootInspector).getByLabelText('Instruction')).toHaveValue(
+    'Updated prompt',
+  );
+  fireEvent.click(
+    within(discardDialog).getByRole('button', { name: 'Cancel' }),
+  );
+  expect(within(rootInspector).getByLabelText('Instruction')).toHaveValue(
+    'Updated prompt',
+  );
+
+  fireEvent.click(secondNode);
+  fireEvent.click(screen.getByRole('button', { name: 'Discard changes' }));
+
+  expect(
+    await screen.findByRole('complementary', {
+      name: 'Configure step-second',
+    }),
+  ).toBeVisible();
+});
+```
+
+- [ ] **Step 3: Run only the two new tests and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx \
+  --testNamePattern 'selected node is clicked again|switching from a node with unapplied configuration'
+```
+
+Expected: the same-node test fails because the discard dialog opens. The
+different-node test passes or exposes only a test-fixture issue that must be
+corrected before implementation.
+
+### Task 2: Make Same-Node Selection Idempotent
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx:297`
+
+- [ ] **Step 1: Add the minimal identity guard**
+
+```tsx
+const requestNodeSelect = React.useCallback(
+  (nodeId: string) => {
+    if (nodeId === editor.selectedNodeId) return;
+    requestInspectorDiscard(() => editor.selectNode(nodeId));
+  },
+  [editor.selectNode, editor.selectedNodeId, requestInspectorDiscard],
+);
+```
+
+- [ ] **Step 2: Re-run the two focused tests and verify GREEN**
+
+Run the same Jest command from Task 1. Expected: both selected tests pass with
+zero failures.
+
+### Task 3: Validate And Deliver The Incremental Change
+
+**Files:**
+- Verify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Verify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+
+- [ ] **Step 1: Run the complete directly changed test file**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: the file passes. Do not pass locale catalogs or other high-fan-out
+files to `--findRelatedTests`.
+
+- [ ] **Step 2: Run required focused guards and changed-file checks**
+
+Run `bash tools/ci/test_stability_guards.sh`, the frontend change-scope
+analyzer, the changed-file Biome command selected from the analyzer output,
+and `git diff --check`. Do not run a full frontend test, lint, typecheck, or
+production build. If no repository-native affected typecheck exists, delegate
+typecheck to GitHub CI.
+
+- [ ] **Step 3: Verify the browser interaction**
+
+On the authenticated local vNext editor:
+
+- dirty a node and re-click it: no modal and draft retained;
+- dirty a node and click another node: modal shown;
+- cancel: first-node draft retained;
+- discard: second-node inspector opens.
+
+- [ ] **Step 4: Review, commit, push, and update the pull request**
+
+Stage only this task's source, test, design, and plan files. Commit with the
+imperative message `Fix workflow node reselection`. Push the current branch and
+update PR #3269 with exact focused verification commands, results, the vNext
+design-baseline declaration, and the statement that the full frontend
+suite/build is delegated to GitHub CI.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-10-merge-describe-blank-creation.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-10-merge-describe-blank-creation.md
new file mode 100644
index 0000000000..3e230aa2d6
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-10-merge-describe-blank-creation.md
@@ -0,0 +1,88 @@
+# Merge Describe And Blank Creation Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Present three workflow creation methods and let the fixed `Generate and open` action create either a generated or blank workflow according to whether the user entered a description.
+
+**Architecture:** Keep the existing Describe form as the single owner of name and optional description input. At its submit event, branch on `prompt.trim()`: reuse `generateAndOpen()` for non-empty descriptions and `createBlank()` for empty descriptions, while leaving shared persistence, filename resolution, directory selection, materialization, and recovery unchanged.
+
+**Tech Stack:** React 19, TypeScript, Ant Design, TanStack Query, Jest, Testing Library, Biome, pnpm.
+
+---
+
+### Task 1: Protect The Merged User Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Update the focused chooser and blank-creation expectations**
+
+Make the component test assert that the chooser exposes `Describe`, `Import YAML`, and `Use template`, does not expose `Start blank`, and that selecting Describe reveals the fixed `Generate and open` action. Change blank-creation cases to enter a Workflow name in Describe, leave the description empty, click `Generate and open`, and assert that `authorWorkflow` and `parseYaml` were not called while `createWorkflowDraft` received the existing minimal blank YAML.
+
+- [ ] **Step 2: Run the component test to verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx
+```
+
+Expected: FAIL because `Start blank` still renders and `Generate and open` is disabled without a description.
+
+- [ ] **Step 3: Update route integration expectations**
+
+Replace route-level `Start blank` interactions with `Describe`, enter the same names, leave the description empty, and click `Generate and open`. Where a test switches back to a method after a failed generated submission, select `Describe` again and verify that the failure clears while the shared input remains.
+
+### Task 2: Merge The Creation Modes
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowCreation.ts`
+
+- [ ] **Step 1: Remove the separate blank method**
+
+Delete the `FileAddOutlined` import and `blank` chooser item. Narrow `WorkflowCreationMode` to `'describe' | 'import' | 'template'`, and render the Workflow name field only for Describe.
+
+- [ ] **Step 2: Route the fixed action by description presence**
+
+Keep the action label as the existing `workflowActivityVNext.new.generate` / `Generate and open`. Enable it when a trimmed name and save target exist. In the click handler call `generateAndOpen()` when `prompt.trim()` is non-empty; otherwise call `createBlank()`. Keep both existing functions and their stage-specific failure handling unchanged.
+
+- [ ] **Step 3: Run both affected test files to verify GREEN**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: both files pass with no test failures.
+
+### Task 3: Focused Validation And Delivery
+
+**Files:**
+- Verify every modified source, test, and documentation file reported by the analyzer.
+
+- [ ] **Step 1: Run the frontend change scope analyzer**
+
+Run from the repository root:
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo .
+```
+
+Read `frontend-incremental-pr/references/framework-commands.md`, then use only analyzer-reported affected tests and static-check files.
+
+- [ ] **Step 2: Run changed-file static and documentation checks**
+
+Run the analyzer-prescribed Biome command for `staticCheckFiles`, the focused baseline verifier required for vNext work, documentation lint when the changed spec/plan is in its scope, and:
+
+```bash
+git diff --check
+```
+
+Do not run package-wide TypeScript, the full frontend suite, or a production build locally. If the repository has no affected TypeScript target, record that GitHub CI owns full typechecking and build verification.
+
+- [ ] **Step 3: Review and deliver the exact task diff**
+
+Compare the diff against the amended design specification: three chooser methods, no Start blank card, one fixed Generate and open action, name-only blank branch, described generation branch, and unchanged import/template/materialization behavior. Stage only the task files, commit with an imperative message, push the current branch, and create or update the pull request with exact local commands, results, the required vNext baseline declaration, and the statement that the full frontend suite/build is delegated to GitHub CI.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-vnext-list-return-refresh.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-vnext-list-return-refresh.md
new file mode 100644
index 0000000000..767b7a04db
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-vnext-list-return-refresh.md
@@ -0,0 +1,114 @@
+# vNext List Return Refresh Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Refresh Workflow Activity vNext collection data whenever users return from an editor or detail surface to Workflows or Activity.
+
+**Architecture:** Keep freshness policy with each list query by forcing a refetch whenever that query mounts. Reproduce the production 30-second cache window in route-level tests so detail-to-list navigation proves a second request is made while cached data is still fresh.
+
+**Tech Stack:** React, TypeScript, TanStack React Query, Jest, Testing Library, pnpm.
+
+---
+
+## File Map
+
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`: make catalogue data revalidate on every list entry.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`: apply the same contract to the runs list.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`: cover Workflows route return with fresh cached data.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`: cover Activity remount with fresh cached data.
+- Existing `apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-vnext-list-return-refresh-design.md`: approved behavior contract.
+
+### Task 1: Specify Workflows Return Freshness
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] **Step 1: Add a production-cache route test**
+
+Render with a local `QueryClient` whose `staleTime` is `30_000`, enter the
+Workflows route, navigate to `/workflows/wf-alpha`, then return to `/workflows`.
+Assert `queryWorkflowCatalogue` has been called twice.
+
+- [ ] **Step 2: Run the exact test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern 'refreshes the workflow catalogue when returning from the editor'
+```
+
+Expected: FAIL because the current catalogue remains fresh and is requested
+only once.
+
+### Task 2: Specify Activity Return Freshness
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+
+- [ ] **Step 1: Add a production-cache remount test**
+
+Render Activity with a local `QueryClient` whose `staleTime` is `30_000`, wait
+for its first runs result, unmount and remount the page with the same client,
+then assert `listRuns` has been called twice.
+
+- [ ] **Step 2: Run the exact test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx --testNamePattern 'refreshes runs when returning to activity'
+```
+
+Expected: FAIL because the fresh runs result is reused without a second call.
+
+### Task 3: Implement List-Owned Revalidation
+
+**Files:**
+
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+
+- [ ] **Step 1: Add the explicit mount policy to both queries**
+
+```ts
+refetchOnMount: 'always',
+```
+
+Place the option beside `retry: false` in the catalogue and runs query options.
+
+- [ ] **Step 2: Run both exact regression tests and verify GREEN**
+
+Run the two commands from Tasks 1 and 2. Expected: PASS.
+
+- [ ] **Step 3: Run the changed test files**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+```
+
+Expected: both suites pass.
+
+### Task 4: Focused Verification And Delivery
+
+**Files:**
+
+- Verify only the files listed in the File Map.
+
+- [ ] **Step 1: Analyze the frontend change scope against the requested base**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+- [ ] **Step 2: Run changed-file static checks and repository guards**
+
+Run the analyzer-approved Biome command, `bash tools/ci/test_stability_guards.sh`,
+the Workflow Activity vNext design-baseline verifier, and `git diff --check`.
+Expected: all pass.
+
+- [ ] **Step 3: Review and deliver**
+
+Stage only this task's files, commit with an imperative single-purpose message,
+push the branch, and create a PR targeting
+`feat/2026-08-04_workflow-activity-vnext`. Record all focused commands and state
+that full frontend validation is delegated to GitHub CI.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-workflow-activity-authoritative-contracts.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-workflow-activity-authoritative-contracts.md
new file mode 100644
index 0000000000..005df783b4
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-workflow-activity-authoritative-contracts.md
@@ -0,0 +1,270 @@
+---
+title: Workflow Activity authoritative contracts implementation plan
+status: approved
+owner: Aevatar frontend
+---
+
+# Workflow Activity Authoritative Contracts Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace Workflow Activity's client-side run inference with the completed #3250-#3252 backend feed, recovery, receipt, and lineage contracts.
+
+**Architecture:** Shared models and strict transport decoders own the backend contract. Activity consumes an infinite cursor query keyed by URL-backed server filters, while Run Detail consumes typed recovery and lineage directly from its existing detail query. Public run identities remain separate from technical actor addresses throughout routing and presentation.
+
+**Tech Stack:** React 19, TypeScript, Umi Max, Ant Design 6, TanStack Query 5, Jest, Testing Library, Biome.
+
+---
+
+### Task 1: Typed Feed, Recovery, Receipt, and Lineage Contracts
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/models/workflowActivity.ts`
+- Modify: `apps/aevatar-console-web/src/shared/api/workflowActivityApi.ts`
+- Modify: `apps/aevatar-console-web/src/shared/api/workflowActivityApi.test.ts`
+
+- [ ] **Step 1: Add failing adapter tests**
+
+Add tests whose mocked response includes a paginated envelope and numeric protobuf enum values:
+
+```ts
+await expect(
+  workflowActivityApi.listActivityRuns('scope-alpha', {
+    workflowId: 'wf-alpha',
+    cursor: 'opaque-cursor',
+    includeTotalCount: true,
+  }),
+).resolves.toMatchObject({
+  hasMore: true,
+  nextCursor: 'next-cursor',
+  totalCount: 42,
+});
+
+expect(authFetchMock).toHaveBeenCalledWith(
+  expect.stringContaining('workflowId=wf-alpha'),
+  undefined,
+);
+```
+
+Also assert strict decoding for recovery capability, separate retry/fork and sub-workflow lineage, and required `newRunId` on a successful fork receipt.
+
+- [ ] **Step 2: Run the focused test and confirm RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/api/workflowActivityApi.test.ts
+```
+
+Expected: FAIL because `listActivityRuns`, the new model fields, and `newRunId` decoding do not exist.
+
+- [ ] **Step 3: Add explicit model types**
+
+Add numeric unions matching the protobuf JSON values and separate relationship structures:
+
+```ts
+export type WorkflowRecoveryEligibility = 0 | 1 | 2 | 3;
+export type WorkflowRecoveryRecommendedAction = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
+export type WorkflowRunLineageAvailability = 0 | 1 | 2 | 3;
+
+export interface WorkflowActivityRunFeedPage {
+  readonly items: readonly WorkflowActivityRunFeedRow[];
+  readonly nextCursor: string | null;
+  readonly hasMore: boolean;
+  readonly totalCount: number | null;
+}
+```
+
+Model the complete backend row, action capability, recovery capability, retry/fork lineage, sub-workflow lineage, and lineage run reference without collapsing identities.
+
+- [ ] **Step 4: Implement strict decoders and the additive API method**
+
+Add focused decoder functions and build the endpoint query without modifying `listRuns`:
+
+```ts
+listActivityRuns(scopeId, filter = {}) {
+  return requestActivityJson(
+    withQuery('/api/workflow/observatory/activity-runs', {
+      scope: scopeId.trim(),
+      workflowId: filter.workflowId?.trim(),
+      cursor: filter.cursor?.trim(),
+      includeTotalCount: filter.includeTotalCount,
+      take: filter.take,
+    }),
+    decodeActivityRunFeedPage,
+  );
+}
+```
+
+Extend `decodeDetail` with top-level `recoveryCapability` and `lineage`. Extend `decodeForkReceipt` with a required non-blank `newRunId` while retaining `newRunActorId` as technical data.
+
+- [ ] **Step 5: Re-run the adapter test and confirm GREEN**
+
+Run the Step 2 command. Expected: PASS.
+
+### Task 2: Activity Feed and Cursor Pagination
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Modify only if needed for responsive table density: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+
+- [ ] **Step 1: Replace list mocks with failing feed behavior tests**
+
+Use distinct identities in fixtures (`workflowId: 'wf-alpha'`, `runId: 'run-alpha'`, `actorId: 'actor-technical-alpha'`). Assert that:
+
+```ts
+expect(listActivityRunsMock).toHaveBeenCalledWith(
+  'scope-alpha',
+  expect.objectContaining({
+    workflowId: 'wf-alpha',
+    includeTotalCount: true,
+  }),
+);
+expect(getWorkflowDetailMock).not.toHaveBeenCalled();
+```
+
+Add tests for authoritative initiator/input/failure/waiting/duration presentation, total and loaded counts, cursor-based Load more, preserved rows on next-page failure, refresh-from-start on malformed cursor, and cursor reset after a URL filter changes.
+
+- [ ] **Step 2: Run the Activity test and confirm RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+```
+
+Expected: FAIL because Activity still calls `listRuns`, resolves workflow ids through `scopesApi`, and has no pagination envelope.
+
+- [ ] **Step 3: Implement an infinite Activity query**
+
+Replace the workflow-resolution and list query with `useInfiniteQuery`:
+
+```ts
+const runs = useInfiniteQuery({
+  queryKey: ['workflow-activity-vnext', 'activity-runs', scopeId, filters],
+  initialPageParam: undefined as string | undefined,
+  queryFn: ({ pageParam }) =>
+    workflowActivityApi.listActivityRuns(scopeId, {
+      ...filters,
+      cursor: pageParam,
+      includeTotalCount: pageParam === undefined,
+      take: 50,
+    }),
+  getNextPageParam: (lastPage) =>
+    lastPage.hasMore ? lastPage.nextCursor ?? undefined : undefined,
+  retry: false,
+});
+```
+
+Flatten pages without deducing facts, apply `q` only to loaded rows, and keep first-page and next-page error states separate.
+
+- [ ] **Step 4: Render the authoritative operational row**
+
+Keep the existing responsive table and render workflow/run reference, status context, started/duration, initiator/source, redacted input summary, and exact-run action. Add loaded/total state and Load more. Do not render actor id or raw input.
+
+- [ ] **Step 5: Re-run the Activity test and confirm GREEN**
+
+Run the Step 2 command. Expected: PASS.
+
+### Task 3: Capability-Driven Recovery and Durable Lineage
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.test.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Modify only if needed for compact related-run presentation: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+
+- [ ] **Step 1: Rewrite recovery unit tests around backend capability**
+
+Delete graph/failed-step inference assertions. Add capability assertions:
+
+```ts
+expect(resolveRunRecovery(capability)).toEqual({
+  retry: expect.objectContaining({ enabled: true, startingStepId: 'step-failed' }),
+  runAgain: expect.objectContaining({ enabled: false, reason: 'Fix access first.' }),
+});
+```
+
+Cover eligible, ineligible, unavailable, missing starting step, reuse, cost, and recommended-action values.
+
+- [ ] **Step 2: Run the recovery test and confirm RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/workflow-activity-vnext/activity/runRecovery.test.ts
+```
+
+Expected: FAIL because `resolveRunRecovery` still accepts steps and graph candidates.
+
+- [ ] **Step 3: Implement the pure capability presentation helper**
+
+Accept only `WorkflowRunRecoveryCapability`. Return two presentations containing enabled state, reason, recommended actions, starting step, reuse, cost, revision id, and revision version. Treat eligible-without-starting-step as unavailable rather than inferring a step.
+
+- [ ] **Step 4: Add failing Run Detail behavior tests**
+
+Assert focusable `aria-disabled` unavailable actions and their reason, modal revision/start/reuse/cost disclosure, fork request input and starting step, accepted-vs-completed wording, Open new run navigation to `run-new`, and no route containing `actor-new`.
+
+Add separate lineage assertions for retry history and sub-workflows, including source/original/parent/root/child run links and absence of actor ids from default content.
+
+- [ ] **Step 5: Run the Run Detail test and confirm RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: FAIL because the page still infers recovery and opens general Activity after a fork.
+
+- [ ] **Step 6: Implement recovery confirmation, receipt navigation, and lineage**
+
+Drive actions exclusively from `run.recoveryCapability`. Preserve graph loading only for the Graph tab. Confirm immutable-new-run semantics before fork. Route accepted receipts and lineage through:
+
+```ts
+history.push(buildWorkflowActivityRunHref(scopeId, receipt.newRunId));
+```
+
+Render retry/fork and sub-workflow relationships as separate unframed sections. Keep actor ids in Technical details only.
+
+- [ ] **Step 7: Re-run recovery and Run Detail tests and confirm GREEN**
+
+Run both commands from Steps 2 and 5. Expected: PASS.
+
+### Task 4: Focused Verification and Delivery
+
+**Files:**
+- Review every file changed from `origin/feat/2026-08-04_workflow-activity-vnext`
+
+- [ ] **Step 1: Run the frontend scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Read `~/.codex/skills/frontend-incremental-pr/references/framework-commands.md` after the analyzer output.
+
+- [ ] **Step 2: Run every changed test and dependency-related focused test**
+
+At minimum rerun the three commands from Tasks 1-3 together with any additional tests reported by the analyzer. Do not run the complete Jest suite.
+
+- [ ] **Step 3: Run changed-file static checks only**
+
+Use the analyzer's `staticCheckFiles` with Biome. Run TypeScript only if the repository exposes a reliable affected target; otherwise state that GitHub CI owns full type verification. Do not run a local production build.
+
+- [ ] **Step 4: Run the required test stability guard**
+
+```bash
+bash tools/ci/test_stability_guards.sh
+```
+
+- [ ] **Step 5: Review, commit, push, and create the PR**
+
+Inspect the complete diff, stage only this task's files, use imperative focused commits, push `feat/2026-08-11_workflow-activity-contracts`, and create a PR targeting `feat/2026-08-04_workflow-activity-vnext`. Include exact focused commands and state that full frontend suite/typecheck/build are delegated to GitHub CI.
+
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-workflow-schedule-design.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-workflow-schedule-design.md
new file mode 100644
index 0000000000..84e8d2df17
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-workflow-schedule-design.md
@@ -0,0 +1,131 @@
+# Workflow Schedule vNext Design Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use
+> superpowers:subagent-driven-development (recommended) or
+> superpowers:executing-plans to implement this plan task-by-task. Steps use
+> checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Align the six-scene Workflow Schedule design with the existing
+workflow-scoped backend facade from issue #3446.
+
+**Architecture:** A Schedule is an exact child of
+`scopeId + workflowId`. The browser sends workflow-oriented preview and
+configuration requests; the backend resolves published service, active
+revision, and owner binding. Accepted mutations refresh the same Workflow's
+Schedule list or detail before the UI claims final state.
+
+**Tech Stack:** Markdown, deterministic Python Excalidraw generation, Pillow
+PNG rendering, static HTML/CSS/JavaScript, and the baseline verifier.
+
+---
+
+## File Map
+
+- Modify:
+  `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py`
+- Regenerate:
+  `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.excalidraw`
+- Modify:
+  `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype.html`
+- Modify:
+  `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/render-schedule-png.py`
+- Modify:
+  `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py`
+- Modify:
+  `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/README.md`
+- Modify:
+  `apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-schedule-design.md`
+- Modify:
+  `apps/aevatar-console-web/docs/superpowers/plans/2026-08-11-workflow-schedule-design.md`
+- Replace:
+  `schedule-authorization-review.png` with `schedule-review.png`
+- Regenerate:
+  `schedule-workflows-list-modal.png`,
+  `schedule-workflow-editor-panel.png`,
+  `schedule-creation-pending.png`, `schedule-detail.png`, and
+  `schedule-edit.png`
+
+The obsolete combined PNGs and authorization-review PNG must not exist.
+
+## Task 1: Lock The Workflow Resource Contract
+
+- [x] Treat `scopeId + workflowId` as the Schedule collection owner.
+- [x] Keep `scheduleId` as the child resource identity.
+- [x] Remove Team/Member requirements and visible published-service identity
+      from the Schedule flow.
+- [x] Keep Team Automation as a separate product resource.
+- [x] Keep Schedule independent from Activity and the Workflow graph.
+
+## Task 2: Add The Failing Semantic Contract
+
+- [x] Require the workflow-scoped collection, preview, create, detail, update,
+      enable, disable, run-now, and delete routes in
+      `verify-baseline.py`.
+- [x] Require `displayName`, `cronExpression`, `timezone`, `enabled`,
+      and `prompt` request fields.
+- [x] Reject Team/Member, generic `/api/schedules`, preflight, credential,
+      grant, policy, and reauthorization concepts.
+- [x] Run the old baseline and confirm it fails because `Review schedule` is
+      missing.
+
+## Task 3: Update The Six Design Scenes
+
+The Schedule source must contain exactly:
+
+```text
+01 · Workflows — quick schedule modal
+02 · Workflow — schedule setup panel
+03 · Schedule — review before creation
+04 · Schedule — creation pending
+05 · Workflow — schedule detail
+06 · Workflow — change schedule
+```
+
+- [x] Keep Workflow-list creation in a modal and editor creation in the right
+      panel.
+- [x] Use the same name, recurrence, timezone, prompt, and enabled fields in
+      both containers.
+- [x] Replace authorization review with a normal creation review containing
+      five server-returned fire times.
+- [x] Show `202 Accepted` and Workflow Schedule refresh without optimistic
+      Active or next-fire state.
+- [x] Limit detail to API-backed Schedule facts and run-now, change,
+      enable/disable, and delete actions.
+- [x] Make the edit scene visibly preserve the observed enabled state.
+
+## Task 4: Migrate The Interactive Prototype
+
+- [x] Use `configure -> previewing -> review -> accepted` for both entry
+      containers.
+- [x] Key Schedule fixtures by exact `scopeId + workflowId`.
+- [x] Model request objects with the workflow-oriented API fields.
+- [x] Model list/detail/update and all colon action routes.
+- [x] Preserve `schedule.enabled` in the update request.
+- [x] Refresh list/detail after every accepted mutation.
+- [x] Keep draft or unpublished Workflows unavailable without falling back to
+      Team Automation.
+
+## Task 5: Render And Inspect Standalone PNGs
+
+- [x] Rename the third PNG to `schedule-review.png`.
+- [x] Render all six scenes at `1440x900`.
+- [x] Keep timezone, Schedule name, recurrence, and preview values consistent
+      across scenes.
+- [x] Inspect every PNG for blank content, clipping, overlap, and stale
+      authorization content.
+- [x] Bind each PNG to the current source and renderer hashes.
+
+## Task 6: Focused Verification And Delivery
+
+- [x] Run the system and bundled-Pillow baseline verifier.
+- [x] Parse inline JavaScript from both prototype HTML files.
+- [x] Run the frontend scope analyzer against
+      `origin/feat/2026-08-04_workflow-activity-vnext`.
+- [x] Run only analyzer-related Jest and changed-file static checks.
+- [x] Run docs lint, Python bytecode compilation, and `git diff --check`.
+- [x] Review the full diff and stage only current task files.
+- [ ] Commit, push, and update Draft PR #3421 without removing
+      `[DO NOT MERGE]`.
+
+The full frontend suite, typecheck, and production build remain delegated to
+GitHub CI by the personal frontend validation policy.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-20-workflow-schedule-quick-modal.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-20-workflow-schedule-quick-modal.md
new file mode 100644
index 0000000000..79341076f2
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-20-workflow-schedule-quick-modal.md
@@ -0,0 +1,149 @@
+# Workflow Schedule Quick Modal Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:executing-plans to implement this plan task-by-task with verification checkpoints.
+
+**Goal:** Make Workflow Schedule management match the approved Schedule design baseline by opening a management modal from the catalogue, exposing existing Schedules for editing, and sharing one configure/preview/review/create flow with the editor panel.
+
+**Architecture:** Keep `WorkflowScheduleSurface` as the single owner of Schedule query and mutation state. The catalogue entry opens the same list management view as the editor Drawer; `New schedule` enters the surface-local state machine (`configure`, `previewing`, `review`). After create the catalogue closes with a Toast, while the editor returns to list management with the same Toast. Continue using only workflow-scoped Schedule APIs.
+
+**Tech Stack:** React, TypeScript, Ant Design, TanStack Query, Jest Testing Library, existing Workflow vNext CSS tokens and i18n helpers.
+
+---
+
+### Task 1: Lock the intended entry point and state machine with tests
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] **Step 1: Add a failing catalogue test for the Schedule management modal**
+
+  Render the published catalogue row, click `Manage schedules for Published workflow`, and assert that the visible dialog shows `Schedules`, `No schedules yet`, and `New schedule`, without entering the creation form.
+
+- [x] **Step 2: Add failing Schedule-surface tests for configure and review states**
+
+  Assert that the configure view renders `How often`, `Run input (optional)`, the repeat controls, and a `Review schedule` button. Select the custom cron path or use the default weekday preset, click review, resolve `workflowScheduleApi.preview`, and assert the returned five fire times plus `Create schedule` are shown.
+
+- [x] **Step 3: Run the focused tests and confirm RED**
+
+  Run:
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern='schedule|Schedule'
+  ```
+
+  Expected result: FAIL because the catalogue currently opens the list modal, the surface renders a nested Create schedule Modal, and no review state exists.
+
+### Task 2: Implement the shared configure/review state machine
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [x] **Step 1: Replace the nested form Modal state with explicit creation state**
+
+  Add typed state for `creationStep`, `repeatPreset`, `repeatTime`, `cronMode`, and the existing API form fields. Keep list/detail mutations unchanged. Initialize the modal surface in `configure` and initialize panel creation from the list view.
+
+- [x] **Step 2: Render the design-aligned configure view**
+
+  Render the blue Workflow context block, Schedule name, `How often` repeat/time/timezone controls, `write it as cron instead` disclosure, `Run input (optional)`, and footer actions `Cancel` plus `Review schedule`. Map presets to five-field cron without calculating fire times in the browser.
+
+- [x] **Step 3: Render previewing and review states**
+
+  `Review schedule` calls `workflowScheduleApi.preview(scopeId, workflowId, { cronExpression, timezone, count: 5 })`. Previewing shows a pending state, errors return to configure while preserving fields, review shows the Workflow/name/repeat/timezone/enabled/prompt/five returned fire times, and create submits the existing `WorkflowScheduleConfigurationInput`. After `202 Accepted`, close the catalogue modal or return the editor panel to its list, show a Toast, and continue refreshing the workflow-scoped list.
+
+- [x] **Step 4: Add only the required localized labels and messages**
+
+  Add matching English and Chinese keys for the human repeat builder, context/status labels, review actions, accepted state, and explanation text. Do not add Team/member/service identity copy.
+
+- [x] **Step 5: Run the focused Schedule tests and confirm GREEN**
+
+  Run:
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx
+  ```
+
+  Expected result: all Schedule surface tests pass.
+
+### Task 3: Make the catalogue entry open the Schedule management modal
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] **Step 1: Pass a direct-create intent to the modal surface**
+
+  Keep the existing workflow identity and availability guard, but make the catalogue `Schedules` action render the surface in `list` mode. The list exposes `New schedule` and existing row actions; the editor panel continues to use the same list state.
+
+- [x] **Step 2: Update the catalogue regression assertion**
+
+  Assert that clicking the published row Schedules action opens exactly one dialog with `Schedules`, `No schedules yet`, and `New schedule`, while `Review schedule` is absent until the user chooses to create one.
+
+- [x] **Step 3: Run the targeted catalogue test**
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern='direct.*schedule|schedule.*quick|Schedule'
+  ```
+
+  Expected result: the targeted catalogue tests pass.
+
+### Task 4: Align the modal and panel presentation with the design baseline
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+
+- [x] **Step 1: Add dedicated schedule quick-modal tokens and layout rules**
+
+  Match the baseline proportions: 820px modal, compact header, blue context panel, two-column form grid on desktop, stacked controls on mobile, section dividers, review and next-fire panels, and a footer with one primary action.
+
+- [x] **Step 2: Scope portal tokens and focus styles**
+
+  Keep the existing Modal/Drawer portal token scope, but apply it to the new quick surface and make the close control use a restrained 2px focus indicator without the oversized blue rectangle.
+
+- [x] **Step 3: Verify the editor panel reuses the same flow**
+
+  Open the editor Schedule panel, enter New schedule, move to Review schedule, go back, and confirm the canvas remains visible and no nested Modal is created.
+
+### Task 5: Focused verification and delivery
+
+**Files:**
+- Verify only the files changed by Tasks 1-4.
+
+- [x] **Step 1: Run the affected test files**
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern='schedule|Schedule'
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/shared/api/workflowScheduleApi.test.ts
+  ```
+
+- [x] **Step 2: Run changed-file static checks**
+
+  ```bash
+  pnpm --dir apps/aevatar-console-web exec biome check src/locales/workflowActivityVNextMessages.en-US.ts src/locales/workflowActivityVNextMessages.zh-CN.ts src/pages/workflow-activity-vnext/index.test.tsx src/pages/workflow-activity-vnext/styles.ts src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx
+  git diff --check
+  ```
+
+- [x] **Step 3: Inspect the existing Chrome tab at `http://127.0.0.1:5175`**
+
+  Verify the direct catalogue quick modal, configure/review transition, mobile stacking if available, and editor panel reuse against the Schedule PNG baseline.
+
+- [x] **Step 4: Review, stage only current-task files, commit, push, and update PR #3498**
+
+  Commit message: `Align workflow schedule creation with design`
+
+  Record exact focused commands and results in PR #3498. Full frontend suite, typecheck, and production build remain delegated to GitHub CI.
+
+### Verification record
+
+- Focused rendered Jest: 2 suites passed, 9 matching tests passed, 113 tests skipped (`CI=1 pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx src/pages/workflow-activity-vnext/index.test.tsx --testNamePattern='schedule|Schedule'`).
+- Workflow Schedule API Jest: 1 suite passed, 3 tests passed (`CI=1 pnpm --dir apps/aevatar-console-web exec jest --runInBand --runTestsByPath src/shared/api/workflowScheduleApi.test.ts`).
+- Changed-file Biome: 6 files checked with no fixes.
+- `bash tools/ci/test_stability_guards.sh`: passed.
+- `git diff --check HEAD~3..HEAD`: passed.
+- `python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py`: passed; 17/17 baseline frames, 6/6 Schedule frames, 6 standalone 1440x900 Schedule PNGs, and byte-identical generator output.
+- Chrome visual verification: desktop and 390px mobile Catalogue quick modal, editor Schedule Drawer reuse, and Review state with five returned fire times; no horizontal overflow at 390px. No Schedule was created.
+- Accepted create observation: React Query refetches the workflow-scoped list every second after `202 Accepted` and stops only when the receipt `scheduleId` appears in the read model; the regression test covers two misses followed by an observed item.
+- Full frontend suite, full typecheck, and production build remain delegated to GitHub CI under the local incremental validation policy.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-21-workflow-schedule-history-implementation.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-21-workflow-schedule-history-implementation.md
new file mode 100644
index 0000000000..647e9d43b5
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-21-workflow-schedule-history-implementation.md
@@ -0,0 +1,105 @@
+# Workflow Schedule Management and History Implementation Plan
+
+> Execute this plan with `superpowers:executing-plans`, `superpowers:test-driven-development`, and `frontend-incremental-pr`.
+
+**Goal:** Replace the flat Schedule detail surface with the approved List -> Overview/History -> Edit state model and expose Schedule-origin filter context in Activity without changing backend contracts.
+
+**Architecture:** Keep `WorkflowScheduleSurface` as the single Workflow-scoped Schedule owner. The existing Schedule detail query remains the authoritative source for both Overview and bounded recent attempts, while Activity remains the only owner of actual Workflow Runs. UI state distinguishes the selected Schedule, active detail tab, and temporary edit mode; it never derives a Run identity from Schedule attempt metadata.
+
+**Stack:** React, TypeScript, Ant Design, TanStack Query, Jest, Testing Library, Umi history/i18n.
+
+---
+
+## Task 1: Approve the baseline and establish the selected-Schedule shell
+
+**Files:**
+- Modify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-21-workflow-schedule-history-design.md`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+
+1. Change the focused specification status from awaiting review to approved.
+2. Replace the legacy flat-detail test with a failing test proving that selecting a Schedule renders its name and owning Workflow in the stable header, defaults to Overview, hides History content until selected, and returns to the list through the header Back control.
+3. Run only the named Jest test and confirm it fails for the missing approved shell.
+4. Add an `overview | history` tab state that resets to Overview whenever a Schedule is newly selected; keep Edit as the existing temporary form mode.
+5. Render a stable selected-Schedule title with header Back and the container's existing Close control. Remove the footer Back action.
+6. Re-run the named test and confirm it passes.
+
+## Task 2: Implement the Overview information hierarchy and actions
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+
+1. Add a failing test for the approved Overview order and optional-data rules: status, human recurrence, timezone, next scheduled time, last attempt, counts, non-empty Run input, and collapsed raw cron.
+2. In the same test, prove Run now and Edit schedule are direct actions while Pause/Enable and Delete schedule live in More; confirm Delete opens a confirmation naming the Schedule.
+3. Run the named test and confirm the expected failure.
+4. Extract reusable recurrence and application-locale date presentation helpers. Format dates with `getLocale()` and the Schedule timezone, with a safe fallback for invalid timezone values.
+5. Refactor the collection rows to show human recurrence, timezone, and next scheduled time, with the row as the only selection target.
+6. Render the Overview facts and action hierarchy. Keep raw cron in collapsed Advanced details and omit empty Run input.
+7. Use accepted-operation Toast feedback without implementation narration. Keep authoritative data refresh through the existing Workflow-scoped query prefix.
+8. Re-run the named test and confirm it passes.
+
+## Task 3: Implement recent-attempt History and Activity handoff
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+
+1. Add a failing test that opens History and expects the compact columns Scheduled time, Source, Result, and Completed time.
+2. Assert scheduled/manual and succeeded/failed mappings, generic failed-attempt copy, raw error only under Technical details, no guessed per-attempt Run link, and the empty `No attempts yet` state.
+3. Assert `View related runs in Activity` closes Schedule management and pushes exactly `workflowId`, `schedule`, and `origin=schedule`.
+4. Run the named test and confirm the expected failure.
+5. Implement the History table from `recentFires` without deriving new categories or identities.
+6. Add tab-specific request failure copy and Retry while preserving the selected Schedule and active tab.
+7. Implement the Activity handoff through the shared history adapter.
+8. Re-run the named test and confirm it passes.
+
+## Task 4: Make Activity filter context visible and removable
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+
+1. Add a failing test for a Schedule-origin Activity URL that proves the Workflow, Schedule, and Source filters are all visible and the API receives the existing typed filters.
+2. Assert that each visible context control removes only its owned query parameter.
+3. Run the named test and confirm the expected failure.
+4. Extend the existing filter-context strip with Schedule and human-readable Source controls; reuse the current URL replacement path and do not add a new API.
+5. Re-run the named test and confirm it passes.
+
+## Task 5: Align durable copy and styling
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+
+1. Add or update locale messages for Overview, History, attempt source/result, failure summaries, More actions, Activity filter context, and accepted Toasts in both locales.
+2. Replace legacy Schedule detail/fire styles with the approved compact tabbed layout, stable fact grid, action hierarchy, table, disclosure, and responsive behavior.
+3. Run the full `WorkflowScheduleSurface.test.tsx` and `ActivityPage.test.tsx` files only.
+4. Fix only failures attributable to these changed behaviors and rerun the same focused files.
+
+## Task 6: Focused validation and PR delivery
+
+**Files:**
+- Review all files changed by Tasks 1-5.
+- Keep `.planning/` untracked and unstaged.
+
+1. Run the frontend scope analyzer with `--base origin/feat/2026-08-04_workflow-activity-vnext`.
+2. Run every analyzer-selected related test plus the two explicitly changed test files; do not run the full frontend suite.
+3. Run Biome only on analyzer `staticCheckFiles`. Do not run full `tsc` or a production build; delegate unavailable affected typechecking and the full suite/build to GitHub CI.
+4. Run `bash tools/ci/test_stability_guards.sh` because frontend tests changed.
+5. Run documentation lint for the modified specification and `git diff --check`.
+6. Review the complete base diff for semantic drift, unrelated changes, leaked backend identifiers, false Run claims, placeholders, and responsive/accessibility regressions.
+7. Stage only current task files, commit with an imperative focused message, push `feat/2026-08-20_workflow-schedule-frontend`, and update Draft PR #3498.
+8. Preserve `[DO NOT MERGE]`, Draft status, and base `feat/2026-08-04_workflow-activity-vnext`; record exact focused commands and state that full frontend verification is delegated to GitHub CI.
+
+## Implementation Status
+
+- Tasks 1–5: completed. The selected-Schedule shell, Overview, bounded History,
+  Activity handoff, locale copy, and responsive styles are implemented.
+- Task 6 focused tests: passed for `WorkflowScheduleSurface.test.tsx`,
+  `ActivityPage.test.tsx`, `index.test.tsx`, and `workflowScheduleApi.test.ts`.
+- Task 6 static checks: Biome, test stability guards, documentation lint, and
+  `git diff --check` passed. Full frontend typecheck, suite, and production
+  build remain delegated to GitHub CI under the incremental PR policy.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-21-workflow-schedule-recent-fires.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-21-workflow-schedule-recent-fires.md
new file mode 100644
index 0000000000..fed6600e1b
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-21-workflow-schedule-recent-fires.md
@@ -0,0 +1,228 @@
+# Workflow Schedule Recent Fires Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Restore the approved Schedule detail state so users can inspect authoritative recent fire history before changing a Schedule.
+
+**Architecture:** Keep `WorkflowScheduleSurface` as the single Schedule management state machine and add a `detail` view between the collection and edit form. The detail view reads `workflowScheduleApi.get(scopeId, workflowId, scheduleId)` through TanStack Query, renders only returned summary and `recentFires` facts, and reuses the existing mutation functions. Editing starts from the observed detail and Cancel returns to detail.
+
+**Tech Stack:** React 19, TypeScript, Ant Design, TanStack Query, Jest, Testing Library, existing Workflow vNext tokens and locale catalogues.
+
+---
+
+### Task 1: Protect Schedule detail and recent-fire behavior
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+
+- [ ] **Step 1: Extend the existing Schedule fixture with an authoritative detail response**
+
+  Add one reusable `WorkflowScheduleSummary` fixture and configure `workflowScheduleApi.get` to return:
+
+  ```ts
+  {
+    schedule: scheduleSummary,
+    recentFires: [
+      {
+        scheduledFireAt: '2026-08-20T01:00:00Z',
+        completedAt: '2026-08-20T01:02:00Z',
+        idempotencyKey: 'schedule-alpha:fire:1',
+        error: '',
+        manual: false,
+      },
+      {
+        scheduledFireAt: '2026-08-19T03:00:00Z',
+        completedAt: '2026-08-19T03:01:00Z',
+        idempotencyKey: 'schedule-alpha:manual:1',
+        error: 'Workflow invocation failed',
+        manual: true,
+      },
+    ],
+  }
+  ```
+
+- [ ] **Step 2: Write the failing detail-to-edit integration test**
+
+  Render the management modal with `initialView="list"`, click `View Daily workflow run`, and assert:
+
+  ```ts
+  expect(workflowScheduleApi.get).toHaveBeenCalledWith(
+    'scope-alpha',
+    'wf-alpha',
+    'schedule-alpha',
+  );
+  expect(screen.getByText('Schedule details')).toBeVisible();
+  expect(screen.getByText('Recent fires')).toBeVisible();
+  expect(screen.getByText('Succeeded')).toBeVisible();
+  expect(screen.getByText('Failed')).toBeVisible();
+  expect(screen.getByText('Scheduled')).toBeVisible();
+  expect(screen.getByText('Manual')).toBeVisible();
+  expect(screen.getByText('Workflow invocation failed')).toBeVisible();
+  ```
+
+  Then click `Change schedule`, assert the editable form is visible, click `Cancel`, and assert the same Schedule detail and recent fires are visible again.
+
+- [ ] **Step 3: Write the failing empty/error distinction test**
+
+  For a successful detail response with `recentFires: []`, assert `No fires yet`. For a rejected detail request, assert `Schedule details couldn't be loaded`, a `Retry` action, and absence of `No fires yet`; clicking Retry must call the exact detail API again.
+
+- [ ] **Step 4: Run the new tests and verify RED**
+
+  Run:
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest \
+    --runInBand \
+    --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx \
+    --testNamePattern='detail|recent fires'
+  ```
+
+  Expected: FAIL because the current list exposes `Edit`, never calls `workflowScheduleApi.get`, and has no detail/history view.
+
+### Task 2: Restore the Schedule detail state
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [ ] **Step 1: Add typed detail selection and query state**
+
+  Extend the local state without adding another data owner:
+
+  ```ts
+  type ScheduleSurfaceView = 'list' | 'detail' | 'form';
+
+  const [selectedSchedule, setSelectedSchedule] =
+    React.useState<WorkflowScheduleSummary | null>(null);
+
+  const scheduleDetail = useQuery({
+    enabled: open && available && Boolean(selectedSchedule),
+    queryKey: [...queryKey, 'detail', selectedSchedule?.scheduleId],
+    queryFn: () =>
+      workflowScheduleApi.get(
+        scopeId,
+        workflowId,
+        selectedSchedule?.scheduleId ?? '',
+      ),
+    retry: false,
+  });
+  ```
+
+  Reset `selectedSchedule` when the surface opens for another Workflow. `openDetail(schedule)` selects the exact summary and enters `detail`; `openEdit()` hydrates from `scheduleDetail.data.schedule` and enters `form`.
+
+- [ ] **Step 2: Render backend-honest detail states**
+
+  Replace the list's pencil action with an eye action named `View {name}`. The detail view must render:
+
+  ```text
+  Schedule details
+  Workflow and enabled state
+  Schedule name
+  Next fire / Last fire
+  Total fires / Failed fires
+  Cron expression / Timezone
+  Run input
+  Recent fires
+  ```
+
+  Each recent fire uses `error.trim()` to choose `Failed` or `Succeeded`, uses `manual` to choose `Manual` or `Scheduled`, and formats only `scheduledFireAt` and `completedAt` returned by the API. Do not display the idempotency key or derive a Run URL.
+
+  Loading uses a stable status region. A successful empty array renders `No fires yet`. A rejected detail query renders an inline retryable error and never the empty state.
+
+- [ ] **Step 3: Keep detail, edit, and mutation transitions coherent**
+
+  `Change schedule` enters edit from `scheduleDetail.data.schedule`. Cancel from edit returns to detail. Back from detail returns to the Schedule list. Update returns to detail and refreshes the list/detail query prefix. Enable/disable and run-now refresh detail in place. Delete refreshes authoritatively and then returns to the list.
+
+- [ ] **Step 4: Add localized operational copy**
+
+  Add matching English and Chinese entries for:
+
+  ```text
+  Schedule details
+  View {name}
+  Change schedule
+  Loading schedule details…
+  Schedule details couldn't be loaded
+  Recent fires
+  No fires yet
+  Total fires
+  Failed fires
+  Last fire
+  Scheduled / Manual
+  Succeeded / Failed
+  Scheduled {date}
+  Completed {date}
+  Back to schedules
+  ```
+
+- [ ] **Step 5: Add compact detail styles using existing tokens**
+
+  Add `wa-vnext__schedule-detail-*` classes for a two-column facts grid, a bordered recent-fire list, status/source rows, wrapped error text, and a footer. Collapse the facts grid to one column below the existing mobile breakpoint; do not add nested cards or new color tokens.
+
+- [ ] **Step 6: Run the focused component tests and verify GREEN**
+
+  Run:
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest \
+    --runInBand \
+    --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx
+  ```
+
+  Expected: one suite passes, including detail success, empty, failure/retry, edit/Cancel, creation, and mutation behavior.
+
+### Task 3: Verify the owning route and frontend boundaries
+
+**Files:**
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `apps/aevatar-console-web/src/shared/api/workflowScheduleApi.test.ts`
+- Verify: changed source, test, locale, style, spec, and plan files
+
+- [ ] **Step 1: Run the catalogue integration test file**
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest \
+    --runInBand \
+    --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx
+  ```
+
+  Expected: the published Workflow still opens one Schedule management modal and all tests pass.
+
+- [ ] **Step 2: Run the existing Workflow Schedule adapter test**
+
+  ```bash
+  CI=1 pnpm --dir apps/aevatar-console-web exec jest \
+    --runInBand \
+    --runTestsByPath src/shared/api/workflowScheduleApi.test.ts
+  ```
+
+  Expected: the exact Workflow-scoped detail route and `recentFires` decoder remain passing without adapter changes.
+
+- [ ] **Step 3: Run changed-file static and repository checks**
+
+  ```bash
+  pnpm --dir apps/aevatar-console-web exec biome check \
+    src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx \
+    src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx \
+    src/pages/workflow-activity-vnext/styles.ts \
+    src/locales/workflowActivityVNextMessages.en-US.ts \
+    src/locales/workflowActivityVNextMessages.zh-CN.ts
+  bash tools/ci/test_stability_guards.sh
+  bash tools/docs/lint.sh
+  git diff --check
+  ```
+
+  Expected: all commands exit 0. Do not run full frontend tests, package-wide typecheck, or production build locally; GitHub CI owns those under the incremental frontend policy.
+
+- [ ] **Step 4: Review, commit, push, and update the existing PR**
+
+  Run the frontend scope analyzer with base `origin/feat/2026-08-04_workflow-activity-vnext`, inspect the complete diff, stage only this task's files, and commit:
+
+  ```bash
+  git commit -m "Show workflow schedule recent fires"
+  git push origin feat/2026-08-20_workflow-schedule-frontend
+  ```
+
+  Append the exact focused commands and results to PR #3498 while preserving its Draft and `[DO NOT MERGE]` state. Leave `.planning/` untracked.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-activity-filter-spacing.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-activity-filter-spacing.md
new file mode 100644
index 0000000000..55afef65f6
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-activity-filter-spacing.md
@@ -0,0 +1,137 @@
+# Activity Filter Spacing Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Separate URL-backed Activity scope chips from editable query controls with a conditional 12px vertical interval.
+
+**Architecture:** Keep the existing filter state, URL ownership, query payload, and toolbar unchanged. Give the already-conditional scope-chip `Space` an Activity-specific class and let that class own the inter-group interval, so no chips means no extra element or blank space. Lock the contract in the Activity component test and verify the rendered geometry in the user's existing Chrome tab.
+
+**Tech Stack:** React, TypeScript, Ant Design `Space`, CSS-in-TypeScript, Jest, Testing Library, Chrome browser verification.
+
+---
+
+### Task 1: Prove The Missing Context Interval
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+
+- [ ] **Step 1: Add a rendered-structure assertion for scoped Activity**
+
+Extend `filters by Schedule without inventing a Run source` after the two scope buttons become visible:
+
+```tsx
+const scopeContext = document.querySelector(
+  '.wa-vnext__activity-filter-context',
+);
+expect(scopeContext).toBeInTheDocument();
+expect(scopeContext).toContainElement(
+  screen.getByRole('button', { name: 'Remove workflow filter wf-alpha' }),
+);
+expect(scopeContext).toContainElement(
+  screen.getByRole('button', {
+    name: 'Remove schedule filter schedule-alpha',
+  }),
+);
+```
+
+This asserts the semantic owner of the spacing rather than a browser-specific computed pixel value.
+
+- [ ] **Step 2: Assert the CSS interval contract**
+
+Import `workflowActivityVNextCss` from `../styles` and add one focused assertion:
+
+```tsx
+expect(workflowActivityVNextCss).toContain(
+  '.wa-vnext__activity-filter-context { margin-bottom: 12px; }',
+);
+```
+
+- [ ] **Step 3: Run the exact Activity test and confirm RED**
+
+Run from `apps/aevatar-console-web`:
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+```
+
+Expected: FAIL because the context `Space` has no Activity-specific class and the CSS does not define the 12px interval.
+
+### Task 2: Implement The Conditional Spacing Owner
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+
+- [ ] **Step 1: Classify the existing conditional scope group**
+
+Change only the existing `filterContext` root:
+
+```tsx
+<Space className="wa-vnext__activity-filter-context" wrap>
+```
+
+Do not wrap the chips in another card or container and do not change their clear actions.
+
+- [ ] **Step 2: Add the stable interval**
+
+Add beside the shared toolbar rules:
+
+```css
+.wa-vnext__activity-filter-context { margin-bottom: 12px; }
+```
+
+Do not add margin to `.wa-vnext__toolbar`; Workflows and editor toolbars do not own Activity scope context. Because `filterContext` remains conditionally rendered, unscoped Activity reserves no extra space.
+
+- [ ] **Step 3: Run the exact Activity test and confirm GREEN**
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+```
+
+Expected: PASS with the class present around both chips and the 12px CSS contract defined.
+
+### Task 3: Focused Verification And Delivery
+
+**Files:**
+- Review all files changed by Tasks 1-2 and the committed Activity specification.
+
+- [ ] **Step 1: Analyze affected frontend scope**
+
+Run from the repository root:
+
+```bash
+python3 /Users/abigaildeng/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+- [ ] **Step 2: Run related and changed tests**
+
+Run from `apps/aevatar-console-web`:
+
+```bash
+pnpm exec jest --findRelatedTests src/pages/workflow-activity-vnext/activity/ActivityPage.tsx src/pages/workflow-activity-vnext/styles.ts --runInBand
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+```
+
+Do not run a bare package test command, full typecheck, or production build.
+
+- [ ] **Step 3: Run changed-file static checks and guards**
+
+```bash
+pnpm exec biome check src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx src/pages/workflow-activity-vnext/activity/ActivityPage.tsx src/pages/workflow-activity-vnext/styles.ts
+bash tools/docs/lint.sh
+bash tools/ci/test_stability_guards.sh
+git diff --check
+curl -fsS -o /dev/null -w '%{http_code}\n' http://127.0.0.1:5175/
+```
+
+Expected: all commands exit 0 and the frontend returns HTTP 200. Full frontend suite, typecheck, and production build remain delegated to GitHub CI.
+
+- [ ] **Step 4: Verify geometry in the existing Chrome tab**
+
+Reuse the claimed local Activity tab. Confirm the URL and filter behavior are unchanged, measure 12px between `.wa-vnext__activity-filter-context` and `.wa-vnext__toolbar`, inspect the desktop screenshot, and verify no new tab/window/browser was opened.
+
+- [ ] **Step 5: Commit, push, and update PR #3498**
+
+Stage only the implementation plan, Activity component/test, and styles. Commit with an imperative message, push `feat/2026-08-20_workflow-schedule-frontend`, and append exact verification evidence to PR #3498 while preserving Draft, `[DO NOT MERGE]`, and base `feat/2026-08-04_workflow-activity-vnext`.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-activity-search-feedback.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-activity-search-feedback.md
new file mode 100644
index 0000000000..a2dd9f6187
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-activity-search-feedback.md
@@ -0,0 +1,131 @@
+# Activity Search Feedback Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Give the Activity Search command immediate, request-owned loading feedback without hiding committed ledger rows or confusing background fetching with user intent.
+
+**Architecture:** Keep URL parameters as the committed Activity filter source and React Query as the request owner. Track only the normalized query string submitted by the current Search command; same-query searches await `refetch()`, while changed-query searches remain pending until the URL reaches that target and its query settles. The existing page skeleton continues to own initial loading, and the button alone acknowledges Search over committed content.
+
+**Tech Stack:** React, TypeScript, TanStack React Query, Ant Design Button, Jest, Testing Library, Chrome remote-backed verification.
+
+---
+
+### Task 1: Prove The Missing Same-Query Feedback
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+
+- [ ] **Step 1: Add a deferred same-query Search test**
+
+Render a committed Activity row, make the second feed request a deferred promise, press Search without changing filters, and assert that the Search button immediately has `aria-busy="true"`, `ant-btn-loading`, and `disabled` while the committed row remains visible.
+
+- [ ] **Step 2: Assert duplicate submission is blocked**
+
+Press the pending Search button again and assert `listActivityRuns` is still called only twice: one initial load and one explicit Search request.
+
+- [ ] **Step 3: Assert completion restores the command**
+
+Resolve the deferred response and assert the button returns to `aria-busy="false"`, loses `ant-btn-loading`, and becomes enabled.
+
+- [ ] **Step 4: Run the exact test and confirm RED**
+
+Run from `apps/aevatar-console-web`:
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx --testNamePattern 'shows pending feedback for an unchanged Activity Search'
+```
+
+Expected: FAIL because Search has no command-owned pending state.
+
+### Task 2: Preserve Feedback Across URL-Backed Search
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+
+- [ ] **Step 1: Add a deferred changed-filter test**
+
+Make the test history mock apply `history.replace()` to `mockSearch` and rerender the page. Change the draft search value, press Search, and defer the feed request for the new URL-backed filter.
+
+- [ ] **Step 2: Assert target-owned lifecycle**
+
+Assert the URL contains `q=support`, the button remains loading and disabled during the new feed request, and it returns to idle only after the target request settles.
+
+- [ ] **Step 3: Run the focused test and confirm RED**
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx --testNamePattern 'keeps Search pending while URL-backed Activity filters load'
+```
+
+Expected: FAIL because the current button does not retain feedback across URL navigation.
+
+### Task 3: Implement Command-Owned Search Pending State
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx`
+
+- [ ] **Step 1: Track the submitted normalized query string**
+
+Add `pendingSearchTarget` state. Ignore another submission while it is non-null, set it before issuing Search, and use the normalized `URLSearchParams.toString()` value as the command target.
+
+- [ ] **Step 2: Own both request paths**
+
+For unchanged filters, await `runs.refetch()` and clear the target in `finally`. For changed filters, replace the URL and clear only after the current URL matches the submitted target and `runs.isFetching` becomes false.
+
+- [ ] **Step 3: Expose honest button feedback**
+
+Set the Search button's `loading`, `disabled`, and `aria-busy` from `pendingSearchTarget !== null`. Keep its stable Search label and preserve the committed ledger content.
+
+- [ ] **Step 4: Run the exact Activity test and confirm GREEN**
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+```
+
+Expected: all Activity tests pass.
+
+### Task 4: Focused Verification And Delivery
+
+**Files:**
+- Review the specification, plan, Activity component, and Activity test changed by Tasks 1-3.
+
+- [ ] **Step 1: Analyze affected frontend scope**
+
+Run from the repository root:
+
+```bash
+python3 /Users/abigaildeng/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+- [ ] **Step 2: Run related and explicit tests**
+
+Run from `apps/aevatar-console-web`:
+
+```bash
+pnpm exec jest --findRelatedTests src/pages/workflow-activity-vnext/activity/ActivityPage.tsx --runInBand
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+```
+
+Do not run a bare package test, full typecheck, or production build.
+
+- [ ] **Step 3: Run changed-file checks and repository guards**
+
+```bash
+pnpm exec biome check src/pages/workflow-activity-vnext/activity/ActivityPage.tsx src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
+bash tools/docs/lint.sh
+bash tools/ci/test_stability_guards.sh
+git diff --check
+curl -fsS -o /dev/null -w '%{http_code}\n' http://127.0.0.1:5175/
+```
+
+Full frontend suite, typecheck, and production build remain delegated to GitHub CI.
+
+- [ ] **Step 4: Verify in the existing Chrome tab**
+
+Reuse the user's existing local Activity tab. Press Search, confirm immediate spinner/disabled feedback, confirm committed rows stay mounted, confirm a second click cannot submit, and confirm the button returns to idle after the remote request settles. Do not open a browser, window, or duplicate tab.
+
+- [ ] **Step 5: Commit, push, and update PR #3498**
+
+Stage only this task's specification, plan, Activity component, and Activity test. Commit with an imperative message, push `feat/2026-08-20_workflow-schedule-frontend`, append the audit and exact verification commands to PR #3498, and verify that it remains Draft, `[DO NOT MERGE]`, based on `feat/2026-08-04_workflow-activity-vnext`, with matching local/remote/PR head SHAs.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-run-detail-refresh-feedback.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-run-detail-refresh-feedback.md
new file mode 100644
index 0000000000..a957e45eeb
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-run-detail-refresh-feedback.md
@@ -0,0 +1,98 @@
+# Run Detail Refresh Feedback Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make manual Run Detail refresh visibly acknowledge the request and report whether all authoritative sources refreshed successfully.
+
+**Architecture:** Keep React Query as the owner of detail, graph, and history data. Add one page-local grouped refresh command that awaits all three existing `refetch()` calls, owns only the manual-action pending state, and reports a single success or failure toast while leaving committed content mounted.
+
+**Tech Stack:** React, TypeScript, TanStack React Query, Ant Design Button, ConsoleToast, Jest, Testing Library.
+
+---
+
+### Task 1: Lock The Refresh Interaction Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+
+- [x] **Step 1: Add a failing pending/success test**
+
+Render the loaded page, defer the second `getRun`, `getRunGraph`, and `listRuns` calls, click `Refresh`, and assert that the button becomes disabled with the accessible name `Refreshing…`. Resolve all three requests and assert one `Run details refreshed` success toast before the button returns to `Refresh`.
+
+- [x] **Step 2: Add a failing partial-failure test**
+
+Render the loaded page, make the second graph request reject, click `Refresh`, and assert one `Some run details couldn't be refreshed` error toast with no success toast.
+
+- [x] **Step 3: Run the focused test and verify RED**
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: both new tests fail because the existing Refresh button never changes state and never emits completion feedback.
+
+### Task 2: Implement The Grouped Refresh Command
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [x] **Step 1: Add page-local manual refresh state**
+
+Add `refreshing` state and an async `refreshRunDetail` callback. Guard duplicate execution, start pending state, await all three `refetch()` calls with `Promise.allSettled`, and inspect both rejected promises and fulfilled React Query results with `isError`.
+
+- [x] **Step 2: Report one completion result**
+
+When every source succeeds, call `toast.success('Run details refreshed', { key: 'run-detail-refresh' })`. When any source fails, call `toast.error("Some run details couldn't be refreshed", { key: 'run-detail-refresh' })`. Clear pending state in `finally`.
+
+- [x] **Step 3: Connect every manual refresh entry point**
+
+Use the grouped callback for the loaded header button, fallback header button, and failure-action retry/reload path. While pending, set the header button `loading` prop and render `Refreshing…`; otherwise render `Refresh`.
+
+Keep the header action width stable across both labels and provide matching English and Chinese feedback messages.
+
+- [x] **Step 4: Run the focused test and verify GREEN**
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: all Run Detail tests pass with no warnings.
+
+### Task 3: Run Incremental Verification And Deliver
+
+**Files:**
+- Verify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+- Verify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Verify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md`
+
+- [x] **Step 1: Analyze the frontend change scope**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base HEAD
+```
+
+- [x] **Step 2: Run dependency-related tests and exact static checks**
+
+```bash
+pnpm exec jest --findRelatedTests src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx --runInBand
+pnpm exec biome check src/locales/workflowActivityVNextMessages.en-US.ts src/locales/workflowActivityVNextMessages.zh-CN.ts src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx src/pages/workflow-activity-vnext/styles.ts
+```
+
+Expected: every related Jest suite passes and Biome reports no diagnostics. Do not run a full frontend suite, typecheck, or production build.
+
+- [x] **Step 3: Run applicable repository guards**
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+bash tools/docs/lint.sh
+bash tools/ci/test_stability_guards.sh
+git diff --check
+curl -fsS -o /dev/null -w '%{http_code}\n' http://127.0.0.1:5175/
+```
+
+- [x] **Step 4: Review, commit, push, and update PR #3498**
+
+Stage only the Run Detail component/test, its shared vNext styles, the English and Chinese vNext messages, and this plan. Commit with `Improve Run detail refresh feedback`, push `feat/2026-08-20_workflow-schedule-frontend`, and append the exact focused commands and results to the existing Draft PR. Confirm its `[DO NOT MERGE]` title and `feat/2026-08-04_workflow-activity-vnext` base remain unchanged.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-run-detail-refresh-overlay.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-run-detail-refresh-overlay.md
new file mode 100644
index 0000000000..368606002a
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-run-detail-refresh-overlay.md
@@ -0,0 +1,214 @@
+# Run Detail Refresh Overlay Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Give manual Run Detail refresh a clear workspace-level loading state without hiding committed content or shifting the page shell.
+
+**Architecture:** Keep the existing page-local grouped refresh command as the only owner of manual refresh state. When `refreshing` is true, mark the Run workspace busy, make its history/stage content inert, and render one absolute overlay with a compact status indicator; the header and global navigation remain outside that ownership boundary.
+
+**Tech Stack:** React, TypeScript, Ant Design icons, TanStack React Query, Jest, Testing Library, vNext CSS tokens.
+
+---
+
+### Task 1: Lock The Workspace Refresh Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+
+- [ ] **Step 1: Extend the existing grouped-refresh test**
+
+After clicking `Refresh`, assert one accessible status named `Refreshing run details…`, assert the `.wa-vnext-run-detail` workspace has `aria-busy="true"`, assert `.wa-vnext-run-detail__refresh-content` is inert, and keep the existing assertion that `Incident review` remains mounted.
+
+```tsx
+const refreshStatus = screen.getByRole('status', {
+  name: 'Refreshing run details…',
+});
+expect(refreshStatus).toHaveClass('wa-vnext-run-detail__refresh-overlay');
+expect(document.querySelector('.wa-vnext-run-detail')).toHaveAttribute(
+  'aria-busy',
+  'true',
+);
+expect(
+  document.querySelector('.wa-vnext-run-detail__refresh-content'),
+).toHaveAttribute('inert');
+```
+
+After resolving all requests, assert the status is gone, `aria-busy` is `false`, and `inert` is removed.
+
+```tsx
+expect(
+  screen.queryByRole('status', { name: 'Refreshing run details…' }),
+).not.toBeInTheDocument();
+expect(document.querySelector('.wa-vnext-run-detail')).toHaveAttribute(
+  'aria-busy',
+  'false',
+);
+expect(
+  document.querySelector('.wa-vnext-run-detail__refresh-content'),
+).not.toHaveAttribute('inert');
+```
+
+- [ ] **Step 2: Run the exact test and verify RED**
+
+```bash
+cd apps/aevatar-console-web
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: the grouped-refresh test fails because the workspace status, busy attribute, and inert content boundary do not exist yet.
+
+### Task 2: Implement The Non-Destructive Refresh Overlay
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [ ] **Step 1: Add the refresh overlay component**
+
+Place the component next to `RunDetailLoadingWorkspace` and reuse the imported `LoadingOutlined` icon.
+
+```tsx
+function RunDetailRefreshOverlay() {
+  const label = t(
+    'workflowActivityVNext.run.refreshingDetail',
+    'Refreshing run details…',
+  );
+
+  return (
+    <div
+      aria-label={label}
+      aria-live="polite"
+      className="wa-vnext-run-detail__refresh-overlay"
+      role="status"
+    >
+      <span className="wa-vnext-run-detail__refresh-indicator">
+        <LoadingOutlined aria-hidden="true" spin />
+        <span>{label}</span>
+      </span>
+    </div>
+  );
+}
+```
+
+- [ ] **Step 2: Connect the loaded and fallback workspaces**
+
+For both rendered `.wa-vnext-run-detail` roots, add `aria-busy={refreshing}`. Immediately inside each root, open the following boundary before the history rail and close it after the complete stage section:
+
+```tsx
+<div className="wa-vnext-run-detail__refresh-content" inert={refreshing}>
+  {/* Keep the current history rail and complete stage section here. */}
+</div>
+{refreshing ? <RunDetailRefreshOverlay /> : null}
+```
+
+The parent opening tag becomes:
+
+```tsx
+<div
+  aria-busy={refreshing}
+  className="wa-vnext-run-detail wa-vnext-run-detail--bounded"
+>
+```
+
+- [ ] **Step 3: Style the busy state with existing tokens**
+
+Make the workspace a positioning context, preserve grid participation with `display: contents`, and cover the workspace with a restrained overlay. Do not blur or replace committed content.
+
+```css
+.wa-vnext-run-detail { position: relative; }
+.wa-vnext-run-detail__refresh-content { display: contents; }
+.wa-vnext-run-detail__refresh-overlay {
+  align-items: center;
+  background: color-mix(in srgb, var(--wa-surface) 64%, transparent);
+  cursor: progress;
+  display: flex;
+  inset: 0;
+  justify-content: center;
+  position: absolute;
+  z-index: 20;
+}
+.wa-vnext-run-detail__refresh-indicator {
+  align-items: center;
+  background: color-mix(in srgb, var(--wa-surface) 94%, transparent);
+  border: 1px solid var(--wa-line);
+  border-radius: 6px;
+  color: var(--wa-ink);
+  display: inline-flex;
+  font-size: 12px;
+  font-weight: 600;
+  gap: 8px;
+  line-height: 17px;
+  padding: 9px 12px;
+}
+.wa-vnext-run-detail__refresh-indicator > .anticon {
+  color: var(--wa-blue);
+  font-size: 15px;
+}
+```
+
+- [ ] **Step 4: Add localized status copy**
+
+Add these exact catalog entries in the existing `workflowActivityVNext.run.*` groups.
+
+```ts
+'workflowActivityVNext.run.refreshingDetail': 'Refreshing run details…',
+```
+
+```ts
+'workflowActivityVNext.run.refreshingDetail': '正在刷新运行详情…',
+```
+
+- [ ] **Step 5: Run the exact test and verify GREEN**
+
+```bash
+cd apps/aevatar-console-web
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: all Run Detail tests pass, including the workspace busy-state assertions.
+
+### Task 3: Incremental Verification And PR Delivery
+
+**Files:**
+- Verify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+- Verify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Verify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Verify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Verify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [ ] **Step 1: Analyze changed frontend scope**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base HEAD
+```
+
+- [ ] **Step 2: Run dependency-related tests and exact static checks**
+
+```bash
+cd apps/aevatar-console-web
+pnpm exec jest --findRelatedTests src/locales/workflowActivityVNextMessages.en-US.ts src/locales/workflowActivityVNextMessages.zh-CN.ts src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx src/pages/workflow-activity-vnext/styles.ts --runInBand
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+pnpm exec biome check src/locales/workflowActivityVNextMessages.en-US.ts src/locales/workflowActivityVNextMessages.zh-CN.ts src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx src/pages/workflow-activity-vnext/styles.ts
+```
+
+Expected: dependency-related and exact tests pass; Biome reports no diagnostics. Do not run a full frontend test suite, typecheck, or production build.
+
+- [ ] **Step 3: Run applicable repository guards**
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+bash tools/docs/lint.sh
+bash tools/ci/test_stability_guards.sh
+git diff --check
+curl -fsS -o /dev/null -w '%{http_code}\n' http://127.0.0.1:5175/
+```
+
+- [ ] **Step 4: Verify in the user's existing Chrome only**
+
+Claim the existing `127.0.0.1:5175` Chrome tab. Confirm the overlay covers the Run workspace while the header remains stable, committed content stays visible, the compact indicator does not overlap other UI, and completion removes the overlay. If the Chrome bridge remains unavailable after its required retry, do not open a new browser/window/tab; record the limitation.
+
+- [ ] **Step 5: Review, commit, push, and update PR #3498**
+
+Stage only this plan, the Run Detail source/test, vNext styles, and English/Chinese vNext messages. Commit with `Show Run detail refresh overlay`, push `feat/2026-08-20_workflow-schedule-frontend`, and append exact verification evidence to PR #3498. Confirm the PR remains Draft with `[DO NOT MERGE]` and base `feat/2026-08-04_workflow-activity-vnext`.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-schedule-attempt-run-detail-navigation.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-schedule-attempt-run-detail-navigation.md
new file mode 100644
index 0000000000..4bc551ea63
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-schedule-attempt-run-detail-navigation.md
@@ -0,0 +1,199 @@
+# Schedule Attempt Run Detail Navigation Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Ensure a Schedule History row links only to that attempt's authoritative Run Detail and never to the Schedule-wide Activity list.
+
+**Architecture:** Normalize the Workflow facade's `runActorId` and the scheduled-dispatch transport's `targetActorId` into one authoritative UI `runActorId`. Preserve the header-level `View related runs in Activity` link for Schedule-wide navigation, while rendering each row as an exact Run Detail link only when that normalized identity exists.
+
+**Tech Stack:** React, TypeScript, React Testing Library, Jest, Biome
+
+---
+
+### Task 1: Lock The Correct Row Navigation Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+
+- [ ] **Step 1: Replace the legacy fallback expectation with a non-interactive row expectation**
+
+```tsx
+it('keeps a History attempt without Run identity non-interactive', async () => {
+  const schedule = createScheduleSummary();
+  mockedWorkflowScheduleApi.list.mockResolvedValue({
+    items: [schedule],
+    nextCursor: null,
+    totalCount: 1,
+  });
+  mockedWorkflowScheduleApi.get.mockResolvedValue({
+    schedule,
+    recentFires: [
+      {
+        scheduledFireAt: '2026-08-20T01:00:00Z',
+        completedAt: '2026-08-20T01:02:00Z',
+        idempotencyKey: 'schedule-alpha:fire:1',
+        runActorId: '',
+        error: '',
+        manual: false,
+      },
+    ],
+  });
+
+  renderSurface(true, 'modal', jest.fn(), 'list');
+  fireEvent.click(
+    await screen.findByRole('button', { name: 'View Daily workflow run' }),
+  );
+  fireEvent.click(await screen.findByRole('tab', { name: 'History' }));
+  await screen.findByRole('heading', { name: 'Recent attempts' });
+
+  expect(
+    screen.queryByRole('link', { name: /View related runs from/ }),
+  ).not.toBeInTheDocument();
+  const attemptRow = screen.getByText('Run started').closest('tr');
+  expect(attemptRow?.querySelectorAll('td')[4]?.querySelector('a')).toBeNull();
+  expect(
+    screen.getByRole('link', { name: 'View related runs in Activity' }),
+  ).toHaveAttribute(
+    'href',
+    '/scopes/scope-alpha/workflow-activity-vnext/activity?workflowId=wf-alpha&schedule=schedule-alpha',
+  );
+});
+```
+
+- [ ] **Step 2: Run the regression test and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand \
+  src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx \
+  -t "keeps a History attempt without Run identity non-interactive"
+```
+
+Expected: FAIL because the current row still renders `View related runs from ...`.
+
+### Task 2: Preserve The Authoritative Remote Run Identity
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/api/workflowScheduleApi.test.ts`
+- Modify: `apps/aevatar-console-web/src/shared/api/workflowScheduleApi.ts`
+
+- [ ] **Step 1: Add a failing decoder test using the observed remote transport field**
+
+```tsx
+it('maps the scheduled dispatch target actor to the authoritative Run destination', async () => {
+  mockJson({
+    schedule: createSummary(),
+    recentFires: [
+      {
+        scheduledFireAt: '2026-08-20T08:00:00Z',
+        completedAt: '2026-08-20T08:01:00Z',
+        idempotencyKey: 'schedule-alpha:fire:1',
+        targetActorId: 'run-alpha',
+        error: '',
+        manual: false,
+      },
+    ],
+  });
+
+  await expect(
+    workflowScheduleApi.get('scope-alpha', 'wf-alpha', 'schedule-alpha'),
+  ).resolves.toEqual({
+    schedule: expect.objectContaining({ scheduleId: 'schedule-alpha' }),
+    recentFires: [expect.objectContaining({ runActorId: 'run-alpha' })],
+  });
+});
+```
+
+- [ ] **Step 2: Run the decoder regression test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand \
+  src/shared/api/workflowScheduleApi.test.ts \
+  -t "maps the scheduled dispatch target actor to the authoritative Run destination"
+```
+
+Expected: FAIL because the current decoder returns an empty `runActorId`.
+
+- [ ] **Step 3: Map the explicit transport identity at the API boundary**
+
+```tsx
+runActorId:
+  readNullableString(
+    fire,
+    ['runActorId', 'RunActorId'],
+    `${entryLabel}.runActorId`,
+  ) ??
+  readNullableString(
+    fire,
+    ['targetActorId', 'TargetActorId'],
+    `${entryLabel}.targetActorId`,
+  ) ??
+  '',
+```
+
+- [ ] **Step 4: Run the decoder regression test and verify GREEN**
+
+Run the Step 2 command again.
+
+Expected: PASS.
+
+### Task 3: Remove The Misleading Fallback
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+
+- [ ] **Step 1: Make the row Action depend only on `runActorId`**
+
+```tsx
+const attemptHref = runActorId
+  ? buildWorkflowActivityRunHref(scopeId, runActorId, {
+      workflowId,
+      schedule: scheduleDetail.data.schedule.scheduleId,
+    })
+  : null;
+const attemptLabel = attemptHref
+  ? t('workflowActivityVNext.schedule.openRunAria', 'Open Run from {date}', {
+      date: formattedScheduledAt,
+    })
+  : null;
+```
+
+- [ ] **Step 2: Run the focused regression test and verify GREEN**
+
+Run the Task 1 command again.
+
+Expected: PASS.
+
+### Task 4: Verify And Deliver The Increment
+
+**Files:**
+- Modify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-schedule-design.md`
+- Modify: `apps/aevatar-console-web/docs/superpowers/specs/2026-08-21-workflow-schedule-history-design.md`
+
+- [ ] **Step 1: Run the frontend change scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+- [ ] **Step 2: Run only analyzer-selected related tests and changed-file checks**
+
+Run the explicit changed test files plus every dependency-related test reported by the analyzer. Run Biome only on `staticCheckFiles`. Do not run a full frontend suite, full typecheck, or production build.
+
+- [ ] **Step 3: Run required repository checks**
+
+```bash
+bash tools/docs/lint.sh
+bash tools/ci/test_stability_guards.sh
+git diff --check
+```
+
+- [ ] **Step 4: Verify in the user's existing Chrome tab**
+
+Reload the existing local Workflows tab. Confirm remote `targetActorId` records render one unique exact Run Detail link per attempt, records without a normalized identity remain non-interactive, and the header-level related-Runs link remains separate.
+
+- [ ] **Step 5: Review, commit, push, and update PR #3498**
+
+Stage only the component, decoder, regression tests, locale cleanup, and Schedule docs for this task. Push `feat/2026-08-20_workflow-schedule-frontend`, update the PR verification evidence, and confirm the PR remains Draft, contains `[DO NOT MERGE]`, and targets `feat/2026-08-04_workflow-activity-vnext`.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-schedule-history-action-column.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-schedule-history-action-column.md
new file mode 100644
index 0000000000..04e8f9094b
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-schedule-history-action-column.md
@@ -0,0 +1,195 @@
+# Schedule History Action Column Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Separate Schedule History navigation from Completed time by rendering a dedicated Action column in the application and deterministic Schedule design baseline.
+
+**Architecture:** Keep the existing Schedule detail data and destination-building logic unchanged. Migrate only presentation ownership: the fourth cell always renders the completed timestamp, while a fifth cell conditionally renders the existing native arrow link. Lock the contract in the normative Schedule History spec, component tests, localized headers, CSS proportions, and generated Schedule artifacts.
+
+**Tech Stack:** React, TypeScript, Ant Design icons, Jest and Testing Library, CSS-in-TypeScript, Umi locale catalogues, deterministic Python Excalidraw/PNG generators.
+
+---
+
+### Task 1: Prove The Four-Column Coupling
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+
+- [ ] **Step 1: Replace the four-column width assertions with the approved five-column contract**
+
+Assert that the generated CSS contains widths `27 / 14 / 19 / 29 / 11` for columns one through five.
+
+```tsx
+expect(workflowActivityVNextCss).toContain(
+  '.wa-vnext__schedule-history-table th:nth-child(5), .wa-vnext__schedule-history-table td:nth-child(5) { width: 11%; }',
+);
+```
+
+- [ ] **Step 2: Assert semantic separation in the rendered History table**
+
+Extend the existing History integration case with an `Action` column header and verify that the completed timestamp and native Run link occupy different cells.
+
+```tsx
+expect(screen.getByRole('columnheader', { name: 'Action' })).toBeVisible();
+const runLink = screen.getByRole('link', { name: /Open Run from/ });
+expect(runLink.closest('td')?.cellIndex).toBe(4);
+const completedTime = document.querySelector(
+  'time[datetime="2026-08-19T03:01:00Z"]',
+);
+expect(completedTime?.closest('td')?.cellIndex).toBe(3);
+expect(completedTime?.closest('td')).not.toContainElement(runLink);
+```
+
+Also assert that the failed pre-Run row still has five cells and its Action cell contains no link.
+
+- [ ] **Step 3: Run the exact changed test and confirm RED**
+
+Run from `apps/aevatar-console-web`:
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx
+```
+
+Expected: FAIL because `Action` is absent, the link still occupies cell index 3, and CSS still defines four columns.
+
+### Task 2: Render The Independent Action Column
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+
+- [ ] **Step 1: Add synchronized Action header copy**
+
+```ts
+'workflowActivityVNext.schedule.action': 'Action',
+```
+
+```ts
+'workflowActivityVNext.schedule.action': '操作',
+```
+
+- [ ] **Step 2: Split the fourth body cell and add the fifth header/cell**
+
+The completed cell always owns only its timestamp:
+
+```tsx
+<td>
+  <time dateTime={fire.completedAt}>
+    {formatScheduleDate(
+      fire.completedAt,
+      scheduleDetail.data.schedule.timezone,
+    )}
+  </time>
+</td>
+```
+
+The fifth cell owns only the command:
+
+```tsx
+<td className="wa-vnext__schedule-history-action">
+  {attemptHref && attemptLabel ? (
+    <a
+      aria-label={attemptLabel}
+      className="wa-vnext__schedule-history-attempt-link"
+      href={attemptHref}
+      rel="noopener noreferrer"
+      target="_blank"
+    >
+      <ArrowRightOutlined aria-hidden="true" />
+    </a>
+  ) : null}
+</td>
+```
+
+Do not change `runHref`, the valid filtered-Activity fallback, route queries, new-tab behavior, or accessible destination labels.
+
+- [ ] **Step 3: Rebalance CSS and give the icon a stable action target**
+
+Set the five column widths to `27 / 14 / 19 / 29 / 11`. Keep Completed time on one line. Center the Action header/cell and render the link as a stable inline-flex icon target with vNext blue focus/hover treatment.
+
+- [ ] **Step 4: Run the exact changed test and confirm GREEN**
+
+```bash
+pnpm exec jest --runInBand --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx
+```
+
+Expected: PASS with five semantic columns, valid links in cell index 4, and failed rows without an Action link.
+
+### Task 3: Align The Deterministic Schedule Baseline
+
+**Files:**
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py`
+- Regenerate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.excalidraw`
+- Regenerate: all seven `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-*.png` scene files
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py`
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/README.md`
+
+- [ ] **Step 1: Change the History frame to five columns**
+
+Use 492px-wide columns matching the approved proportions:
+
+```python
+widths = [133, 69, 93, 143, 54]
+labels = ("SCHEDULED", "SOURCE", "RESULT", "COMPLETED", "ACTION")
+```
+
+Render `Run started` for error-free attempts and a blue trailing arrow in the Action column only for those rows. Keep the failed row Action empty.
+
+- [ ] **Step 2: Regenerate the Schedule Excalidraw and all source-linked PNGs**
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py
+/Users/abigaildeng/.cache/codex-runtimes/codex-primary-runtime/dependencies/python/bin/python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/render-schedule-png.py
+```
+
+- [ ] **Step 3: Update verifier and README hashes from the regenerated files**
+
+Update the Schedule design SHA-256 and all seven PNG SHA-256 values. Add a verifier requirement for `ACTION` so a four-column design cannot return silently.
+
+- [ ] **Step 4: Verify the baseline and inspect the History PNG**
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+bash tools/docs/lint.sh
+```
+
+Expected: 17/17 main frames, 7/7 Schedule frames, 7 standalone nonblank Schedule PNGs, byte-identical generator output, and docs lint with zero errors.
+
+### Task 4: Focused Verification And Delivery
+
+**Files:**
+- Review all files changed by Tasks 1-3.
+
+- [ ] **Step 1: Analyze the frontend dependency scope**
+
+```bash
+python3 /Users/abigaildeng/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base HEAD
+```
+
+- [ ] **Step 2: Run related Jest and every changed test explicitly**
+
+Run Jest only for source files reported by the analyzer and rerun `WorkflowScheduleSurface.test.tsx` directly. Do not run a bare package test command.
+
+- [ ] **Step 3: Run changed-file static checks and applicable guards**
+
+Run Biome only on the analyzer's `staticCheckFiles`, then run:
+
+```bash
+bash tools/ci/test_stability_guards.sh
+git diff --check
+curl -fsS -o /dev/null -w '%{http_code}\n' http://127.0.0.1:5175/
+```
+
+Do not run a local full frontend typecheck, test suite, or production build. GitHub CI owns full validation.
+
+- [ ] **Step 4: Reuse the user's existing Chrome for visual verification**
+
+Claim the existing `127.0.0.1:5175` tab if the Chrome connection exposes it. Verify the Action header, independent completed-time cell, action-cell alignment, and multiple rows. Do not open a new window, duplicate tab, separate browser, or the in-app browser.
+
+- [ ] **Step 5: Commit, push, and update PR #3498**
+
+Stage only the current task's implementation, test, locale, CSS, plan, and design-baseline files. Commit with an imperative message, push `feat/2026-08-20_workflow-schedule-frontend`, and append the exact verification evidence to PR #3498 while preserving Draft, `[DO NOT MERGE]`, and base `feat/2026-08-04_workflow-activity-vnext`.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-workflow-create-result-unknown.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-workflow-create-result-unknown.md
new file mode 100644
index 0000000000..0ca84747b0
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-25-workflow-create-result-unknown.md
@@ -0,0 +1,40 @@
+# Workflow Create Result Unknown Implementation Plan
+
+**Goal:** Report an interrupted draft-create response honestly without
+resubmitting or guessing Workflow identity.
+
+**Scope:** Frontend-only Workflow Activity vNext creation flow.
+
+**Tech stack:** React, TypeScript, TanStack React Query, ConsoleToast, Jest,
+Testing Library.
+
+## Task 1: Protect The Product Contract
+
+Add a focused `NewWorkflowPage` test that rejects `createWorkflowDraft` with a
+`504`. Assert the warning copy, retained YAML, one create call, drafts-query
+refetch, and absence of navigation. Run only this test and confirm the expected
+failure before implementation.
+
+## Task 2: Classify Only The Create Stage
+
+Add a narrow create-result classifier for `408`, `504`, `TypeError`, and
+aborted transport errors. Catch these errors directly around
+`createWorkflowDraft`, emit an internal result-unconfirmed signal, and leave
+the outer catch responsible for all definite failures.
+
+The result-unconfirmed path must not call `finishSave`, retry create, inspect
+drafts to identify a Workflow, or navigate.
+
+## Task 3: Refresh And Warn
+
+On the result-unconfirmed signal, refresh the existing scoped drafts query and
+show the localized warning. Preserve current form state. Treat refresh failure
+as non-authoritative for the create outcome and keep the warning visible.
+
+## Task 4: Focused Verification And Delivery
+
+Run the owning test, analyzer-selected related tests, changed-file Biome
+checks, test stability guard, docs lint, and `git diff --check`. Reuse the
+existing Chrome tab for a non-destructive UI check, review the diff, stage only
+task files, commit, push, and update Draft PR #3498 with exact commands and
+results. Full frontend validation remains owned by GitHub CI.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-26-run-detail-selection-loading.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-26-run-detail-selection-loading.md
new file mode 100644
index 0000000000..1baa6142f7
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-26-run-detail-selection-loading.md
@@ -0,0 +1,71 @@
+# Run Detail Selection Loading Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use
+> superpowers:subagent-driven-development (recommended) or
+> superpowers:executing-plans to implement this plan task-by-task. Steps use
+> checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Keep committed Run history visible and interactive while a newly
+selected Run's detail and graph load.
+
+**Architecture:** Retain the independent TanStack Query boundaries for Run
+history, detail, and graph. Split the existing structural skeleton into a
+complete initial workspace and a reusable right-side detail stage. A selection
+with committed history renders the normal rail beside the loading stage; a
+manual grouped Refresh continues to own the whole-workspace busy state.
+
+**Tech Stack:** React, TypeScript, TanStack Query, Ant Design, Jest, Testing
+Library.
+
+---
+
+### Task 1: Lock The Loading Boundary
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+
+- [x] Add a focused route-selection test with deferred detail and graph reads.
+- [x] Assert the committed rail remains mounted, the selected row changes, the
+  history query is not reissued, and only the right stage reports loading.
+- [x] Run the named test and confirm RED against the complete-workspace
+  skeleton.
+
+### Task 2: Split Initial And Selection Loading
+
+**Files:**
+- Modify: `src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Modify: `src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `src/shared/ui/AevatarLoading.tsx`
+- Modify: `src/shared/ui/AevatarLoading.test.tsx`
+- Modify: `src/global.less`
+
+- [x] Extract the existing right-side skeleton into an accessible loading
+  stage without changing its visual structure.
+- [x] Keep the complete workspace skeleton for initial loading without
+  committed history.
+- [x] Render the committed, workflow-scoped history rail beside the loading
+  stage when another history Run is selected.
+- [x] Keep the workspace itself usable and expose one right-stage loading
+  status.
+- [x] Add a shared committed-content overlay using the canonical three-dot
+  motion, then replace both page-local Run Detail refresh indicators.
+
+### Task 3: Persist The Product Rule
+
+**Files:**
+- Modify: `AGENTS.md`
+- Modify:
+  `docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md`
+
+- [x] Record the reusable region-owned loading rule in the frontend guidance.
+- [x] Record initial loading, Run selection, and grouped Refresh boundaries in
+  UP-10.
+
+### Task 4: Verify And Deliver
+
+- [x] Run the focused Run Detail test and bounded related tests.
+- [x] Run changed-file Biome, test stability, docs lint, and diff checks.
+- [x] Reuse the user's existing Chrome tab to verify the remote-backed page.
+- [x] Review and stage only current-task files, excluding `.planning/`.
+- [x] Commit, push, and append exact evidence to Draft PR #3498 without
+  changing its title, base, or merge gate.
diff --git a/apps/aevatar-console-web/docs/superpowers/plans/2026-08-26-schedule-cron-readability.md b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-26-schedule-cron-readability.md
new file mode 100644
index 0000000000..119f8c9489
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/plans/2026-08-26-schedule-cron-readability.md
@@ -0,0 +1,283 @@
+# Schedule Cron Readability Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make expanded Schedule recurrence details understandable in product language while preserving the exact cron expression as secondary technical information.
+
+**Architecture:** Keep `scheduleRecurrenceSummary` as the single frontend interpretation path and reuse it inside the existing Overview disclosure. Add only locale-backed presentation labels and small scoped styles, then update the deterministic Schedule design sources and regression verifier so raw cron cannot become the only local explanation again.
+
+**Tech Stack:** React 19, TypeScript, Umi locale catalogs, Testing Library/Jest, CSS, deterministic HTML/Excalidraw/Pillow design generators, Python baseline verifier.
+
+---
+
+### Task 1: Protect the readable disclosure contract with TDD
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+
+- [ ] **Step 1: Extend the existing Overview behavior test before production code**
+
+Add the interaction and scoped assertions to `presents Schedule Overview with primary actions and guarded lifecycle actions` immediately after the existing collapsed-state assertion:
+
+```tsx
+const advancedDetails = screen
+  .getByText('Advanced details')
+  .closest('details');
+expect(advancedDetails).not.toBeNull();
+if (!advancedDetails) {
+  throw new Error('Expected Schedule advanced details disclosure');
+}
+
+fireEvent.click(within(advancedDetails).getByText('Advanced details'));
+
+expect(within(advancedDetails).getByText('Runs')).toBeVisible();
+expect(
+  within(advancedDetails).getByText('Every weekday at 09:00'),
+).toBeVisible();
+expect(within(advancedDetails).getByText('Technical format')).toBeVisible();
+expect(within(advancedDetails).getByText('0 9 * * 1-5')).toBeVisible();
+```
+
+- [ ] **Step 2: Run the named test and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx \
+  --testNamePattern 'presents Schedule Overview with primary actions and guarded lifecycle actions'
+```
+
+Expected: FAIL because the expanded disclosure does not render `Runs` or `Technical format`. A syntax, fixture, or selector error is not the required RED state and must be corrected before continuing.
+
+### Task 2: Render product meaning before technical syntax
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx`
+
+- [ ] **Step 1: Replace the single raw-cron row with the readable-to-technical hierarchy**
+
+Keep the existing `<details>` and `<dl>`. Render these two rows:
+
+```tsx
+<div>
+  <dt>{t('workflowActivityVNext.schedule.runs', 'Runs')}</dt>
+  <dd>
+    {scheduleRecurrenceSummary(
+      scheduleDetail.data.schedule.cronExpression,
+    )}
+  </dd>
+</div>
+<div>
+  <dt>
+    {t(
+      'workflowActivityVNext.schedule.technicalFormat',
+      'Technical format',
+    )}
+  </dt>
+  <dd>
+    <code>{scheduleDetail.data.schedule.cronExpression}</code>
+  </dd>
+</div>
+```
+
+Do not add another cron parser. Unsupported valid expressions continue to use the existing `Custom schedule` fallback and preserve the exact cron string in the second row.
+
+- [ ] **Step 2: Add synchronized locale keys**
+
+Add to the English catalog:
+
+```ts
+'workflowActivityVNext.schedule.runs': 'Runs',
+'workflowActivityVNext.schedule.technicalFormat': 'Technical format',
+```
+
+Add to the Chinese catalog:
+
+```ts
+'workflowActivityVNext.schedule.runs': '运行周期',
+'workflowActivityVNext.schedule.technicalFormat': '技术格式',
+```
+
+- [ ] **Step 3: Clarify row rhythm and secondary code treatment**
+
+Keep the existing compact definition-list layout. Increase the list gap to `8px`, keep the labels subdued, and give only the `<code>` value a subtle background, small radius, and horizontal padding using existing `--wa-*` tokens. Do not introduce another card, divider panel, or tooltip-only explanation.
+
+- [ ] **Step 4: Rerun the named test and verify GREEN**
+
+Run the same named Jest command from Task 1.
+
+Expected: PASS with `Runs`, `Every weekday at 09:00`, `Technical format`, and `0 9 * * 1-5` visible inside the expanded disclosure.
+
+### Task 3: Keep design artifacts semantically aligned
+
+**Files:**
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/prototype.html`
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.excalidraw`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflows-list-modal.png`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-workflow-editor-panel.png`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-review.png`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-creation-pending.png`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-detail.png`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-history.png`
+- Generate: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/schedule-edit.png`
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py`
+- Modify: `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/README.md`
+
+- [ ] **Step 1: Update the interactive prototype Overview disclosure**
+
+In `scheduleOverviewMarkup`, replace the single `Cron expression` row with the same hierarchy, using the already-computed human summary:
+
+```html
+<details class="schedule-advanced">
+  <summary>Advanced details</summary>
+  <div><span>Runs</span><strong>${escapeHtml(editModel.humanSummary)}</strong></div>
+  <div><span>Technical format</span><code>${escapeHtml(schedule.cronExpression)}</code></div>
+</details>
+```
+
+Adjust only the existing scoped `.schedule-advanced` styles as needed for two readable rows.
+
+- [ ] **Step 2: Update the deterministic Schedule Overview frame**
+
+Change frame `05 · Workflow — schedule overview` so Advanced details is visibly expanded and contains these exact facts:
+
+```text
+Runs              Every weekday at 09:00
+Technical format  0 9 * * 1-5
+```
+
+Keep the recurrence meaning visually stronger than the monospace technical format. Do not add cron-field instructions or duplicate timezone.
+
+- [ ] **Step 3: Strengthen deterministic semantic verification**
+
+Require the Overview frame to contain all of:
+
+```python
+(
+    "advanced details",
+    "runs",
+    "every weekday at 09:00",
+    "technical format",
+    "0 9 * * 1-5",
+)
+```
+
+For the dynamic prototype function, require the `Runs` row to bind to
+`editModel.humanSummary` and the `Technical format` row to bind to
+`schedule.cronExpression`. This must fail if raw cron again becomes the only
+explanation or if either row disconnects from its owning value.
+
+- [ ] **Step 4: Regenerate the Schedule board and standalone PNGs**
+
+Run from the repository root:
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/aevatar-workflow-schedule-design.gen.py
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/render-schedule-png.py
+```
+
+Expected: the Excalidraw board and seven declared Schedule PNGs are generated deterministically.
+
+- [ ] **Step 5: Update declared deterministic hashes**
+
+Compute the regenerated board and PNG SHA-256 values, then update `EXPECTED_SCHEDULE_SHA256`, `SCHEDULE_PNG_SHA256`, and the README `Schedule design SHA-256` declaration to the exact generated values. The README and verifier must declare the same board hash.
+
+- [ ] **Step 6: Verify the baseline twice**
+
+Run twice from `apps/aevatar-console-web/`:
+
+```bash
+python3 docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+```
+
+Expected: both runs pass, proving the generator output, declared hashes, frame inventory, PNG inventory, and readable Overview semantics are stable.
+
+- [ ] **Step 7: Inspect the generated Schedule Overview PNG**
+
+Open `schedule-detail.png` at original detail and confirm the two rows fit without overlap, truncation, or competing with the primary Overview hierarchy.
+
+### Task 4: Run focused verification and deliver through the existing Draft PR
+
+**Files:**
+- Review every file changed in Tasks 1-3
+- Never stage: `.planning/`
+
+- [ ] **Step 1: Run the frontend scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . \
+  --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Use its `staticCheckFiles` exactly; do not run a full frontend typecheck, test suite, lint, or build.
+
+- [ ] **Step 2: Preflight related tests for only the behavior-owning component**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --listTests \
+  --findRelatedTests \
+  src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx
+```
+
+Run the matching `--findRelatedTests --runInBand` command only if the complete list contains at most 10 files and stays within the Schedule/workflow-activity-vNext domain. Never include locale catalogs or shared styles in dependency discovery.
+
+- [ ] **Step 3: Run the changed test file explicitly**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx
+```
+
+Expected: PASS with zero test failures.
+
+- [ ] **Step 4: Run changed-file static and repository checks**
+
+Run Biome only against the analyzer's `staticCheckFiles`, followed by:
+
+```bash
+bash tools/ci/test_stability_guards.sh
+bash tools/docs/lint.sh
+git diff --check
+```
+
+Expected: every command exits `0`. Full frontend suite, full `tsc`, and production build remain delegated to GitHub CI by the personal incremental frontend policy.
+
+- [ ] **Step 5: Reuse the existing Chrome tab for targeted visual verification**
+
+Confirm the server at `http://127.0.0.1:5175/` belongs to this worktree and still points at the configured remote backend. In the user's existing Chrome tab, open a Schedule Overview, expand Advanced details, and verify English and Chinese labels, readable recurrence, exact cron value, responsive fit, focusability, and no sibling-content loading regression. Do not open a second browser session or duplicate tab.
+
+- [ ] **Step 6: Review and stage only this task's files**
+
+Review `git diff`, confirm there are no unrelated changes, and explicitly stage the plan, specification, component, test, locale, styles, prototype, generator, generated board, seven Schedule PNGs, verifier, and README. Never stage `.planning/`.
+
+- [ ] **Step 7: Commit and push**
+
+```bash
+git commit -m "Make Schedule cron details readable"
+git push origin feat/2026-08-20_workflow-schedule-frontend
+```
+
+- [ ] **Step 8: Update Draft PR #3498 and verify delivery state**
+
+Keep title `[DO NOT MERGE] Wire workflow-scoped Schedule management`, base `feat/2026-08-04_workflow-activity-vnext`, and Draft status. Add the semantic decision and exact focused command results to the PR, including:
+
+```markdown
+## Local verification
+
+- Related tests: `<actual commands and results>`
+- Changed-file static checks: `<actual commands and results>`
+- Design baseline: `<actual commands and results>`
+- Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+```
+
+Finally confirm local `HEAD`, `origin/feat/2026-08-20_workflow-schedule-frontend`, and PR #3498 head resolve to the same commit SHA.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md
new file mode 100644
index 0000000000..71a68350c1
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-design.md
@@ -0,0 +1,1123 @@
+# Workflow + Activity + Settings vNext Design
+
+## Status
+
+Proposed for review on 2026-08-04. This document is the deliverable for the
+design-first phase. It does not authorize implementation until the product and
+engineering contracts below have been reviewed.
+
+Implementation branch: `feat/2026-08-04_workflow-activity-vnext`.
+
+After approval, this document is the normative product and engineering
+contract for the Workflow Activity vNext frontend. It must be read together
+with the in-repository design baseline at
+`apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/` and
+the normative user paths in
+`2026-08-04-workflow-activity-vnext-user-paths.md`.
+
+This phase changes documentation only. The eventual implementation is strictly
+frontend-only: no backend source, endpoint, DTO, projection, or persistence
+change is in scope.
+
+## Sources And Precedence
+
+The design is based on these sources, in descending order of authority:
+
+1. The in-repository
+   `apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/`
+   `aevatar-workflow-activity-vnext.excalidraw`, containing 17 named frames.
+   Its SHA-256 is
+   `30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de`.
+2. The backend contracts in `origin/feature/integrate` at commit
+   `72093afa4490adf6eb25d83c3db0b9c182cd6ff0`.
+3. The frontend architecture and identity rules in the repository root
+   `AGENTS.md`, `apps/aevatar-console-web/AGENTS.md`, and
+   `docs/canon/frontend-design.md`.
+4. The PNGs and interactive HTML beside the Excalidraw file. These are useful
+   render references, but they do not override the Excalidraw or backend truth.
+
+When sources conflict, the Excalidraw controls intended product flow and visual
+hierarchy, while the backend contract controls what the UI may claim, filter,
+persist, or execute. The frontend must degrade honestly rather than inventing
+data to make a mockup appear complete.
+
+The user-provided source package was imported byte-for-byte. The repository
+copy is the reviewable, portable branch artifact and must be used by later
+implementation work; no developer-local source path is a dependency.
+
+## Production Data Truth Rule
+
+Production code must never make mock, fixture, demonstration, generated,
+cached, or hard-coded data appear to be an API result.
+
+- Remote Workflows, Runs, Run details, settings, identities, receipts,
+  statuses, timestamps, revisions, usage, lineage, and availability come only
+  from real API responses or real user actions acknowledged by those APIs.
+- Pending requests render loading or accepted/observing states. Failed
+  requests render error or unavailable states. Neither may fall back to
+  successful-looking demonstration data.
+- Empty state means a successful authoritative query returned no records. It
+  must never be used to conceal a request or decoder failure.
+- Browser storage is not an authoritative Workflow, Activity, account, or
+  settings data source. A request-recovery helper may retain only the explicit
+  non-authoritative receipt facts allowed by this specification.
+- Test fixtures must remain in clearly named test-only modules and must not be
+  imported by production routes, components, hooks, queries, or API adapters.
+- The prototype's hard-coded records, `localStorage`, and timers exist only to
+  make a serverless design demonstration interactive. They are explicitly
+  prohibited as production implementation patterns.
+- Bundled Workflow templates are allowed only as explicitly modeled frontend
+  product content. They must never be labeled or decoded as an API catalogue.
+
+## Goals
+
+- Deliver an isolated Workflows, Activity, and Settings workbench under a new
+  scope-aware route namespace.
+- Let a user create a Workflow draft directly through Describe, Start blank,
+  Import YAML, or Template, without creating a team member first.
+- Reuse the connected-node Workflow Studio interaction model for every draft
+  creation method.
+- Make `Run` the regular execution action and Activity the single history
+  surface inside this new workbench.
+- Present each observed Run as an immutable record; Retry and Run again create
+  a new Run rather than mutating the source record.
+- Preserve authoritative identifiers, accepted-command receipts, projection
+  latency, and state versions throughout the UI.
+- Reframe current AI defaults, Account, and Advanced settings into the new
+  design without changing their backend behavior.
+- Reuse the existing Aevatar authentication, return-to, session, service-access
+  review, and internationalization logic while styling their presentation to
+  match the vNext visual direction.
+- Provide complete loading, empty, error, disabled, accepted, observing,
+  observed, and recovery states on desktop and mobile.
+
+## Non-Goals
+
+- No backend modification, new endpoint, DTO enrichment, projection change,
+  migration, or persistence change.
+- No replacement, redirect, or behavior change of existing
+  `/runtime/workflows`, `/runtime/runs`, `/settings`, `/studio`, Team, member,
+  login, callback, or authentication routes. Login, callback, language, and
+  account presentation may adopt the vNext visual system without changing
+  their behavior.
+- No global menu expansion. The vNext routes remain hidden from the existing
+  menu; the console home uses the account resolver described below.
+- No assumption that `memberId`, `workflowId`, `definitionActorId`, or
+  `publishedServiceId` are interchangeable.
+- No locally fabricated revision history, Run lineage, Activity records,
+  duration, usage, outcome, approval state, or published runtime identity.
+- No use of browser storage as an authoritative Workflow or Activity database.
+- No mock, fixture, example, timer-generated, or hard-coded server entity in a
+  production loading, success, empty, delayed, or error path.
+- No attempt to reproduce prototype-only behavior that the reviewed backend
+  cannot support truthfully.
+
+## Product And Identity Contract
+
+### Product Semantics
+
+The vNext model is:
+
+```text
+Workflow draft
+  -> edit
+  -> run request
+  -> accepted or streaming execution
+  -> observed Activity record
+  -> immutable Run detail
+  -> optional Retry or Run again creates another Run
+```
+
+A draft is a first-class Workflow resource. Team and member creation are not
+prerequisites for entering its editor. Publication and callable service
+identity remain separate concerns and must not be inferred from authoring
+identity.
+
+### Identifier Rules
+
+- `scopeId` comes directly from the route. Every scoped request passes it to a
+  server endpoint that validates access. Display names, cached selections, and
+  other IDs must never be used to reconstruct it.
+- `workflowId` identifies a workspace draft or scope Workflow definition. It
+  is not a member ID and is not automatically callable.
+- `workflowId` from a catalogue row is the URL-owned Workflow filter context.
+  Activity resolves that exact scoped identity through `ScopeWorkflowDetail`;
+  only the returned `definitionActorId` may become the observatory
+  `definition` request filter.
+- `memberId` remains Team-member authority. The vNext draft routes do not
+  invent one or route through member APIs.
+- `publishedServiceId` is a callable runtime identity. It must be supplied by
+  an explicit response or read model before a published Run action is enabled.
+- `runId` identifies an immutable observed Run record.
+- `stateVersion` is the authoritative projection version. The UI may use it to
+  detect fresh observation, but must never create or increment a local version.
+- `acceptedCommandId`, `correlationId`, and `statusUrl` are command-receipt
+  facts. They indicate acceptance and observation targets, not completion.
+
+## Route And Navigation Model
+
+The 2026-09-14 console home decision adds `/workflows` as an unscoped account
+resolver. It refreshes `/api/auth/me` and opens the catalogue using the returned
+`scopeId`; it never uses a fixed workspace, browser subject, or stale cached scope.
+The repository-root `docs/superpowers/specs/2026-08-31-workflow-vnext-home-design.md`
+defines its recovery behavior and supersedes the original preview-only entry.
+This is the explicit exception to the original global-navigation non-goal.
+
+All vNext resource pages live below one scoped namespace:
+
+| Route | Purpose | Existing route impact |
+| --- | --- | --- |
+| `/scopes/:scopeId/workflow-activity-vnext` | Namespace entry; redirects only within the namespace to `workflows` | None |
+| `/scopes/:scopeId/workflow-activity-vnext/workflows` | Workflow catalogue | None |
+| `/scopes/:scopeId/workflow-activity-vnext/workflows/new` | Direct creation chooser | None |
+| `/scopes/:scopeId/workflow-activity-vnext/workflows/:workflowId` | Draft editor and Run console | None |
+| `/scopes/:scopeId/workflow-activity-vnext/activity` | Scope Activity ledger | None |
+| `/scopes/:scopeId/workflow-activity-vnext/activity/:runId` | Immutable Run detail and recovery actions | None |
+| `/scopes/:scopeId/workflow-activity-vnext/settings` | AI defaults, Account, and Advanced | None |
+
+Route requirements:
+
+- Declare the literal `workflows/new` route before the dynamic
+  `workflows/:workflowId` route.
+- Set every vNext route to `hideInMenu: true`. Do not add or alter a global
+  menu item during the isolated implementation.
+- `/`, `/overview`, `/scopes`, and default login/callback fallback open
+  `/workflows`. Preserve explicit safe deep links. The scoped namespace entry
+  redirects to its own `workflows` child.
+- Keep the existing authenticated app and runtime providers. Do not set
+  `layout: false`, because that would bypass established shell behavior.
+- The new surface may hide the current ProLayout chrome through a narrowly
+  scoped display-route predicate that matches this prefix only. It must retain
+  authentication, React Query, runtime configuration, and error boundaries.
+- Workflows, Activity, and Settings use a vNext-local navigation rail or mobile
+  switcher. All internal links preserve the route `scopeId`.
+- Unknown Workflow and Run IDs render a scoped not-found state inside the
+  workbench and do not redirect to legacy pages.
+
+The first implementation is intentionally discoverable by direct URL only.
+Adding an entry from an existing menu or Team page is a separate, explicit
+product decision because it changes an existing navigation surface.
+
+## Authentication And Localization Reuse Contract
+
+### Existing Login Path
+
+The vNext namespace is protected by the existing application runtime. It must
+not introduce another login page, callback, guard, token cache, or session
+provider.
+
+The preserved flow is:
+
+```text
+Protected vNext URL
+  -> ProtectedRouteRedirectGate
+  -> /login?redirect=<sanitized-vNext-return-path>
+  -> NyxIDAuthClient.loginWithRedirect({ returnTo })
+  -> /auth/callback
+  -> NyxIDAuthClient.handleRedirectCallback()
+  -> window.location.replace(result.returnTo)
+  -> original protected vNext URL
+```
+
+The implementation reuses these current boundaries:
+
+- `src/app.tsx` public-route and auth-session bootstrap behavior;
+- `src/shared/auth/ProtectedRouteRedirectGate.tsx`;
+- `src/pages/login/index.tsx`;
+- `src/pages/auth/callback/index.tsx`;
+- `src/shared/auth/client.ts`, `config.ts`, and `session.ts`;
+- current Account sign-in, sign-out, and service-access review actions.
+
+`sanitizeReturnTo` remains the authority for the redirect target. Restorable
+session handling continues through `hasRestorableAuthSession` and
+`ensureActiveAuthSession`. Login configuration errors, callback errors,
+service-access review errors, retry, and back actions retain their current
+logic and security behavior.
+
+### Login And Auth Presentation
+
+Login, callback progress/error, language, and account controls should look like
+the new workbench while remaining the same functional surfaces.
+
+- Replace the current decorative gradient, oversized radius, and high card
+  shadow with the Operational Automation Ledger palette, neutral borders,
+  4-6 px radii, compact type, and restrained status treatment.
+- Keep Aevatar as the first-viewport brand signal and retain the existing
+  NyxID action, pending state, configuration error, and callback recovery
+  content.
+- Do not add a marketing hero, new credential form, new auth choice, or
+  vNext-only callback route.
+- Preserve keyboard access, visible focus, pending button behavior, live error
+  announcements, and reduced-motion expectations.
+- A visual-only auth change must remain compatible with every existing route
+  that uses `/login` and `/auth/callback`, not only the vNext return path.
+
+### Existing Internationalization Path
+
+The vNext workbench reuses the configured Umi locale system:
+
+- `config/config.ts` remains the locale configuration authority;
+- `getLocale`/`setLocale` and `ConsoleLanguageSwitch` retain language selection
+  and persistence behavior;
+- `normalizeConsoleLocale`, `resolveAntdLocale`, and `resolveProIntl` continue
+  to supply the Ant Design and Pro Components locales;
+- `t`, `T`, `ConsoleMessage`, and `useIntl` remain the message formatting
+  paths;
+- `src/locales/en-US.ts`, `zh-CN.ts`, and their project-message catalogues own
+  all new vNext copy.
+
+The supported product locales remain `en-US` and `zh-CN`. Every new message ID
+must exist in both catalogues and preserve interpolation variables. New pages
+must not use hard-coded visible copy, create a vNext locale context, write a
+second locale storage key, or infer language from scope/user data.
+
+If the vNext display route hides ProLayout header actions, the vNext-local
+shell must render the existing `ConsoleLanguageSwitch` and existing account
+action behavior in a style-compatible location. Reuse may be through the
+current components or a presentation extraction that leaves their public
+behavior and existing consumers intact.
+
+## Primary Flow
+
+```mermaid
+%%{init: {"maxTextSize": 100000, "flowchart": {"useMaxWidth": false, "nodeSpacing": 10, "rankSpacing": 50}, "themeVariables": {"fontSize": "10px"}}}%%
+flowchart LR
+    A["Workflows catalogue"] --> B["New workflow"]
+    B --> C["Describe"]
+    B --> D["Start blank"]
+    B --> E["Import YAML"]
+    B --> F["Template"]
+    C --> G["Created draft"]
+    D --> G
+    E --> G
+    F --> G
+    G --> H["Connected-node editor"]
+    H --> I["Run dialog"]
+    I --> J["Accepted or running"]
+    J --> K["Activity observation"]
+    K --> L["Immutable Run detail"]
+    L --> M["Retry or Run again"]
+    M --> N["New accepted Run"]
+    N --> K
+```
+
+The transition from `Accepted or running` to `Activity observation` is
+eventually consistent. An accepted HTTP or SSE request does not itself prove
+that the Activity read model contains a Run.
+
+## Frame-To-Product Specification
+
+The Excalidraw frame order is the review order and acceptance checklist:
+
+| Frame | Required page or behavior | Backend-honest interpretation |
+| --- | --- | --- |
+| 01 Workflows - catalogue | Searchable, compact Workflow table with New workflow, Open, and conditional Run actions | Do not show Last Run, revision numbers, or callable state unless returned by an authoritative contract |
+| 02 New workflow - direct creation | Describe, Start blank, Import YAML, and Template create Workflow drafts directly | Every successful path persists through the draft API before navigating to the editor |
+| 03 Describe - generated Workflow draft | Description generates connected nodes and opens the common editor | Generation is not persistence; create the returned document as a draft, observe it until readable when creation returns `202`, then navigate using the returned `workflowId` |
+| 04 Start blank - empty Workflow draft | Empty connected-node canvas with Add node and Edit YAML | Publish and Run remain disabled until the current document passes real validation |
+| 05 Import YAML - imported Workflow draft | YAML is parsed and validated before draft creation | Parse errors stay in the creation surface and do not create partial drafts |
+| 06 Template - populated Workflow draft | A chosen template creates an independent editable draft | Templates are versioned frontend product content unless an authoritative catalogue already exists; they are never pretend backend records |
+| 07 Run - unified execution dialog | Confirm target, input, connections, and external effects | Show only facts supported by the current document and capability preview; do not claim that Activity has already saved the Run |
+| 08 Running draft - Studio canvas and Run console | Keep the editor context while streaming accepted/running output | Show `Accepted` or `Running`, then separately show `Observed in Activity` only after the observatory returns the Run |
+| 09 Activity - filtered by Workflow | Enter Activity with the row's `workflowId` visible in the URL and page | Resolve `definitionActorId` from Workflow detail before querying Runs; never filter by display name or guessed actor ID, and never fall back to global Runs when resolution fails |
+| 10 Activity - all retained Runs | Newest-first scope ledger with server filters | The endpoint is bounded by `take`; call it recent retained Runs, never claim a complete lifetime total |
+| 11 Run detail - immutable record | Input, output/error, diagnostics, steps, timeline, graph, statistics, and usage | Detail-level duration and usage are derived only from detail DTO fields; the source record is read-only |
+| 12 Failed Run - recovery creates a new record | Explain failure and preview Retry or Run again | Fork returns a new accepted receipt; it never edits the source Run and durable lineage is not claimed |
+| 13 Workflows and Activity - states | Loading, empty, errors, responsive reduction, and recovery | Every state keeps its primary next action and distinguishes no-data from unavailable-data |
+| 14 Settings - AI defaults | Preferred service and Default model are the normal-state decisions | Reuse current LLM settings contracts and catalogue state rather than storing preferences locally |
+| 15 Settings - save and recovery states | Dirty save bar, accepted observation, fallback, catalogue unavailable, and save error | A `202 Accepted` receipt is shown as confirming until the authoritative settings query observes the saved value |
+| 16 Settings - Account | Identity, claims, authentication, session actions, and service access | Reuse `/api/auth/me` and existing auth actions; do not infer claims or expose credential material |
+| 17 Settings - Advanced and responsive | One read-only effective runtime/request view plus tablet/mobile layouts | Reuse `/api/user-config/runtime`; no duplicate or editable representation of the same effective value |
+
+## Workflows Experience
+
+### Catalogue
+
+The desktop catalogue is a dense operational table, not a card gallery. Its
+authoritative row union keeps draft and scope Workflow identities explicit.
+The minimum columns are Workflow name, kind/state, last updated, and actions.
+Search is client-side over the currently loaded authoritative fields. Filters
+may distinguish draft and scope Workflow only when the adapter can do so from
+their source DTOs.
+
+The page must not join Activity rows to Workflows by `workflowName`. The
+observatory summary lacks a Workflow ID and names are neither unique nor
+stable. Consequently, the Excalidraw `Last Run` cell is omitted until an
+authoritative join key exists.
+
+`Open` always uses the row's real `workflowId` and preserves the row's source
+kind. A draft row opens its authoritative draft. A committed-only row may load
+through the existing committed fallback with `draftExists=false`; it is an
+immutable source until the user explicitly saves a draft copy. That first
+save uses draft creation, not draft update. The create response's
+`workflowId` becomes canonical after materialization, and the editor replaces
+the route if it differs from the committed source ID.
+
+Each catalogue row keeps exactly three persistent actions: primary `Open`,
+neutral `View activity`, and neutral `More actions`. `Rename`, `Copy workflow
+reference`, and `Delete draft` belong in the overflow menu. `Delete draft` is
+the final item, separated from ordinary actions, presented as dangerous, and
+opens the existing confirmation before any mutation occurs.
+
+`Run` follows this policy:
+
+- A validated draft may run through the reviewed scope draft-run endpoint.
+- A published Workflow may run only if an explicit callable
+  `publishedServiceId` is available from an authoritative frontend contract.
+- If no callable identity is available, keep `Open` enabled and render Run as
+  disabled with a concise reason. Never send `workflowId`, `serviceKey`,
+  `ActorId`, or `definitionActorId` where a service ID is required.
+
+### Direct Creation
+
+All four creation choices end in the same persisted draft and same editor:
+
+1. Describe calls `/api/workflows/generator`, validates or parses the generated
+   document as required, then creates the Workflow draft.
+2. Start blank creates a minimal valid draft document with a generated display
+   name, then opens the empty Studio canvas.
+3. Import YAML parses the user's YAML through `/api/editor/parse-yaml`; only a
+   successful parse can be submitted to the draft create endpoint.
+4. Template copies a versioned bundled template into a new document. A
+   template ID is frontend product content, never reused as the new
+   `workflowId`.
+
+Creation buttons enter a stable pending state and reject duplicate submission.
+A scoped create may return either a materialized draft or a `202 Accepted`
+receipt whose `readiness.readable` is `false` and whose stage is
+`projection_pending`. For that receipt, retain the real `workflowId`,
+`commandId`, and readiness message; show an observing state; and poll the
+existing draft GET by exact scope and ID until the read model is readable.
+Navigate only after the materialized response or a successful authoritative
+GET returns the draft.
+
+A bounded observation timeout is delayed materialization, not create failure.
+It keeps the accepted receipt and creation input available and offers another
+readiness check for the same ID. It must not automatically repeat the create
+POST, fabricate a readable draft, or route into a transient `404`. Non-`404`
+query failures remain real errors. There is no optimistic route built from a
+locally generated Workflow ID.
+
+### Common Editor
+
+The vNext editor reuses the behavior and visual language of:
+
+- `src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx`;
+- `WorkflowStudioNodeLibrary.tsx`;
+- `WorkflowStudioNodeDetailPanel.tsx`;
+- `WorkflowStudioYamlPanel.tsx`;
+- `src/shared/graphs/GraphCanvas.tsx`.
+
+Reuse should happen at component or shared-state boundaries where the current
+code is genuinely independent. The new route must not impersonate a Team,
+create a fake member, or call the existing member route with a Workflow ID.
+Any extraction must preserve the existing Team Member Workflow Studio API and
+behavior.
+
+Canvas, node library, node configuration, YAML editor, Save, validation, and
+Run all operate on one document state. Switching panels must not create a
+second source of truth. Unsaved edits are explicit; leaving the editor prompts
+only when real changes would be lost.
+
+## Run And Observation Experience
+
+### Unified Run Dialog
+
+The dialog identifies the current Workflow, uses `Current draft` when no
+revision DTO exists, accepts the real Run input, and shows any verified
+external-capability requirements. A single Run command is the primary action.
+
+The dialog does not say “saved in Activity” before observation. Its lifecycle
+copy and actions are:
+
+```text
+Ready -> Submitting -> Accepted/Running -> Observing -> Observed
+                           |                  |
+                           +-> Failed         +-> Observation delayed
+```
+
+An execution failure and an observation delay are different states. A run may
+have been accepted even if the Activity projection is not visible yet.
+
+### Accepted-To-Observed Reconciliation
+
+- Preserve receipt and stream facts in route-owned memory while the editor is
+  open. Session storage may support crash recovery only if existing run-session
+  helpers already define that non-authoritative behavior.
+- Poll or invalidate the scope Activity query after acceptance with bounded
+  backoff. Compare server-provided `runId` and `stateVersion` only.
+- Display `Observed in Activity` and enable the Run-detail link only when the
+  observatory returns the matching authoritative Run.
+- If the execution response does not expose a Run ID that can be matched, show
+  the live console and a general `Open Activity` action, not a fabricated row.
+- When the observation window expires, keep the accepted receipt visible and
+  label Activity as delayed. Do not reinterpret delay as execution failure.
+
+## Activity Experience
+
+### Ledger
+
+Activity is an immutable operational ledger. Desktop rows prioritize status,
+Workflow name, Run ID, origin, started time, updated time, and the detail
+action. Status, origin, definition, schedule, time range, and result limit map
+to server query parameters. `scope=:scopeId` is sent when needed to retain the
+route's explicit scope contract; the server remains the access authority.
+
+Supported UI status values map only from reviewed observatory values:
+
+- `running`;
+- `completed`;
+- `timed_out`;
+- `failed`;
+- `stopped`;
+- `not_found`;
+- `disabled`;
+- `unknown`.
+
+Unknown values remain visible as Unknown and keep their raw value in an
+accessible detail, rather than being coerced to success or failure.
+
+The list does not show duration, token usage, outcome text, source revision,
+or linked Runs because `ObservatoryRunSummary` does not contain those facts.
+It also does not expose a `Needs you` filter: step-level suspension and tool
+approval data live in detail and do not form a stable list filter contract.
+
+### Workflow Filter
+
+Opening Activity from a catalogue row immediately encodes that row's exact
+`workflowId` in the Activity URL. Activity keeps that filter visible and
+removable, resolves the exact scoped Workflow detail, then sends only its
+`ScopeWorkflowDetail.source.definitionActorId` as the observatory `definition`
+filter. Refresh, copied URLs, back, and forward therefore restore the same
+Workflow context. If the URL identity is missing, the detail request fails, or
+the source has no definition identity, the UI shows an honest invalid, error,
+or unavailable state and does not issue an unfiltered Runs query. Removing the
+filter returns to global Activity. The UI must not substitute Workflow name,
+`memberId`, `publishedServiceId`, or a parsed actor string.
+
+Applied Workflow, Schedule, and source scope chips form a contextual row above
+the editable Activity search, status, source, and date controls. These two
+groups must not visually collapse into one control row: when contextual chips
+exist, keep a 12px vertical interval before the editable toolbar, including
+when chips wrap on narrower viewports. When no contextual chip exists, do not
+render an empty context row or reserve its interval.
+
+Submitting the editable Activity controls is an explicit Search command. The
+Search button enters a stable pending state immediately, blocks duplicate
+submission, and remains pending until the request for that submitted filter
+set settles. Keep already committed ledger rows mounted while Search is
+pending when the active query already owns those rows; a new URL-backed filter
+key may use the existing ledger loading surface. Initial page loading and
+background query revalidation must not impersonate a user-issued Search
+command.
+
+### Immutable Run Detail
+
+Run detail loads summary/detail and graph independently so a graph failure does
+not hide the committed Run record. It may display:
+
+- input, final output, and final error;
+- diagnostics and recovery hints;
+- step status, timing, request parameters, output preview, error, and usage;
+- full timeline content, tool calls, and event data;
+- graph nodes and edges using explicit node and step fields;
+- total steps, completed steps, reply count, type counts, token totals, and
+  cost.
+
+The source record contains no edit, overwrite, or destructive action. Copy and
+download actions may export data already visible to the caller, while
+preserving existing secret-redaction rules.
+
+### Retry And Run Again
+
+Recovery calls `POST /api/workflow/runs/fork` and always creates a new Run.
+
+- Retry is enabled only when detail provides an unambiguous failed
+  `stepId`; that ID becomes `startAtStepId`.
+- Run again is enabled only when the first executable step can be identified
+  unambiguously from returned detail or graph fields.
+- The confirmation dialog shows source Run ID, chosen start step, input, and
+  any supported override fields. It never implies the old Run will change.
+- A successful `202 Accepted` response shows `newRunActorId`, command ID,
+  correlation ID, and observation status. It then reconciles through Activity.
+- The UI may keep the current fork receipt while mounted and offer navigation
+  to the new Run once observed. It must not use `localStorage` to manufacture a
+  durable source/child Run graph.
+
+## Settings Experience
+
+The Settings route has three local sections: AI defaults, Account, and
+Advanced. Desktop uses a compact secondary navigation; mobile uses a select or
+menu that preserves the same section labels and focus behavior.
+
+### AI Defaults
+
+Normal state contains two decisions: Preferred service and Default model.
+Changing service refreshes the valid model choices. Dirty state alone reveals
+the shell-fixed Restore and Save changes dock. Settings keeps the shell footer
+slot mounted in clean and dirty states so showing the dock does not remount the
+form or move focus. Save uses the existing LLM settings contract and follows
+accepted-to-observed semantics; success appears only when the authoritative
+query observes the selected values.
+
+Fallback, provider unavailable, and catalogue unavailable are exceptional
+states with direct recovery actions. The UI must not silently select and save
+a different provider or model.
+
+### Account
+
+Account reuses the authenticated session response and existing sign-in,
+sign-out, and service-access actions. It may show user ID, roles, groups,
+provider, scope, and expiry when present. It never renders bearer tokens,
+credentials, or guessed claims.
+
+### Advanced
+
+Advanced renders one read-only set of effective runtime/request values from
+the runtime settings contract. It avoids duplicate presentations of the same
+base URL or runtime mode and offers copy affordances only for non-secret
+values. This section has no save action.
+
+## Information Priority
+
+| Surface | Primary | Secondary | On demand or omitted |
+| --- | --- | --- | --- |
+| Workflows | Name, state/kind, Open, Run availability | Workflow ID, updated time | Raw YAML and source details in editor; Last Run omitted |
+| Creation | Creation method, required input, create action | Validation and generated summary | Raw generated/parsed details after validation |
+| Editor | Canvas, selected node, save state, Run | Node library, YAML, live Run console | Diagnostics and raw events in drawers/panels |
+| Activity | Status, Workflow, Run ID, start/update time | Origin and active filters | Usage, duration, output, diagnostics in detail only |
+| Run detail | Status, immutable identity, failure/output, step trace | Graph, usage, diagnostics | Raw timeline event data on expansion |
+| Settings | Current decision or identity | Scope and effective values | Exceptional diagnostics only when relevant |
+
+Primary commands remain visible without scrolling on common desktop sizes.
+Secondary information may collapse on mobile, but immutable identity and
+recovery actions remain reachable.
+
+## Visual Brief
+
+Direction: **Operational Automation Ledger**.
+
+The interface should let operators scan Workflow definitions and immutable Run
+records quickly, then move directly into editing or failure recovery.
+
+- Density: compact on desktop, balanced on mobile.
+- Typography: use the existing `AlibabaSans` application family. Render Run
+  IDs, timestamps, versions, usage, and other dense data with the existing
+  monospace data style.
+- Palette: dark navigation rail, white work surface, neutral gray dividers,
+  blue primary actions. Green, orange, red, and purple are reserved for status
+  meaning rather than decoration.
+- Geometry: 4-6 px radii, 1 px borders, low or no shadow, stable table columns,
+  stable toolbars, and stable icon-button dimensions.
+- Signature element: Activity rows read as a chronological immutable ledger;
+  the editor reads as a connected-node workbench.
+- Motion: short state transitions only when they communicate panel or request
+  state. Respect `prefers-reduced-motion`.
+- Avoid gradients, glass effects, decorative blobs, KPI card walls, nested
+  cards, oversized headings, marketing composition, and decorative animation.
+
+The PNGs are visual calibration references. Implementation should match their
+hierarchy and density while using production tokens and real data states.
+
+## Responsive And Accessibility Contract
+
+### Desktop, At Least 1200 px
+
+- Fixed-width local navigation, flexible main work area, and optional detail
+  pane.
+- Workflows and Activity use stable tables with persistent headers and no
+  hover-driven layout shift.
+- The editor canvas stays full-bleed inside the workbench; node library and
+  node detail are functional side panels, not decorative cards.
+
+### Tablet, 768-1199 px
+
+- Local navigation compacts; tables drop low-priority columns before enabling
+  horizontal scrolling.
+- Editor side panels overlay or use a mutually exclusive panel region.
+- Settings navigation remains visible without nesting cards.
+
+### Mobile, Below 768 px
+
+- Preserve Workflow search/create/open, Activity status/identity/detail, Run
+  recovery, and Settings save/recovery.
+- Each Activity row becomes a structured list row with status, Workflow, short
+  Run ID, and time. It remains one accessible link or has clearly separated
+  actions.
+- The editor keeps Run, Add node, Edit YAML, Save, and Publish availability.
+  Node detail becomes a bottom sheet with a bounded height and a visible close
+  action.
+- Sticky action areas account for safe-area insets and never cover focused
+  inputs or validation messages.
+- Long IDs and unbroken error strings wrap or truncate with an accessible full
+  value; they never widen the viewport.
+
+### Accessibility
+
+- All primary paths are keyboard operable with visible focus.
+- Icon-only buttons use existing icon components and accessible names; any
+  unfamiliar icon has a tooltip.
+- Status is conveyed by text and semantics, not color alone.
+- Loading announcements use appropriate live regions without repeatedly
+  announcing polling.
+- Dialog focus is trapped and restored to the invoking control. Destructive or
+  external-effect confirmations identify the exact target.
+- Tables retain semantic headers; responsive list rows retain equivalent
+  labels.
+- Canvas nodes and side-panel controls expose an operable non-pointer path.
+
+## State Matrix
+
+| Surface | State | Required presentation | Primary recovery or next action |
+| --- | --- | --- | --- |
+| Workflows | Loading | Stable table skeleton and disabled row actions | Wait/cancel navigation remains possible |
+| Workflows | Empty | No Workflows in this scope | New workflow |
+| Workflows | Error | Inline error with no invented empty state | Retry |
+| Workflows | Partial source failure | Identify unavailable draft or scope source | Retry failed source; keep valid rows |
+| Creation | Ready | Four methods and method-specific inputs | Create draft |
+| Creation | Invalid | Field/YAML error near its source | Correct input |
+| Creation | Submitting | Stable pending button, duplicate submission blocked | Wait |
+| Creation | Failure | Preserve user input and error | Retry |
+| Editor | Loading | Stable canvas shell | Wait or return to catalogue |
+| Editor | Empty draft | Empty canvas guidance | Add node or Edit YAML |
+| Editor | Dirty | Visible unsaved state | Save or discard on leave |
+| Editor | Invalid | Exact validation feedback; Run/Publish disabled | Fix document |
+| Editor | Save accepted | Receipt or confirming status | Continue editing while observing |
+| Run | Ready | Exact Workflow and input | Run |
+| Run | Accepted/running | Receipt/live console, no Activity completion claim | Open Activity or stay |
+| Run | Observation delayed | Accepted receipt plus projection-delay copy | Retry observation/Open Activity |
+| Run | Submission failed | Safe error, editable input | Retry |
+| Activity | Loading | Stable ledger skeleton | Wait |
+| Activity | Searching | Committed ledger remains visible; Search is pending and disabled | Wait |
+| Activity | Empty | No observed Runs for active server filters | Clear filters or Run a Workflow |
+| Activity | Error | Query failure distinct from empty | Retry |
+| Activity | Unknown status | Neutral Unknown label plus raw value | Open detail |
+| Run detail | Loading | Stable Run detail workspace skeleton with one accessible status; history, graph, logs, and inspector geometry stay visible without invented facts or repeated loading copy | Wait or return to Activity |
+| Run detail | Not found | Scoped non-disclosure-safe not-found state | Back to Activity |
+| Run detail | Running | Partial committed trace | Refresh through bounded polling |
+| Run detail | Completed | Final output and immutable trace | Run again when eligible |
+| Run detail | Failed | Error, diagnostic, failed step | Retry when eligible |
+| Run detail | Graph unavailable | Keep all other detail visible | Retry graph |
+| Fork | Ineligible | Disabled action with backend-fact reason | Inspect trace |
+| Fork | Accepted | New Run receipt; source remains unchanged | Observe new Run |
+| Fork | Failed | Source remains unchanged; inputs preserved | Retry request |
+| Settings | Loading | Stable controls without default invention | Wait |
+| Settings | Clean | Quiet current values | Edit |
+| Settings | Dirty | Shell-fixed Restore and Save changes dock | Save or restore |
+| Settings | Save accepted | Confirming saved values | Continue observing |
+| Settings | Save failed | Preserve dirty choices | Retry or discard |
+| Settings | Catalogue unavailable | Existing choice remains visible | Retry catalogue |
+| Account | Unauthenticated/expired | Clear session state | Sign in |
+| Advanced | Unavailable | Read-only query error | Retry |
+
+## Interaction Contract
+
+- All list rows have one clear navigation target. Secondary actions do not
+  trigger row navigation through event bubbling.
+- Search inputs debounce only network-backed filters. Client-side Workflow
+  search responds immediately and never changes source data.
+- Server Activity filters are encoded in the URL query so refresh and back
+  navigation preserve operator context. Invalid values are ignored with a
+  visible reset path, not sent blindly.
+- Query keys include authoritative `scopeId` and normalized filters. Changing
+  scope cancels or isolates in-flight results so one scope cannot flash in
+  another scope's workbench.
+- Mutations disable duplicate submission and preserve a request receipt. They
+  do not optimistically synthesize authoritative IDs or projection versions.
+- User-issued async commands acknowledge immediately, remain pending until
+  their own request settles, and reject duplicate submission. Background
+  fetching does not activate an unrelated command's pending presentation.
+- Save and Run failures keep user-authored input. A retry repeats only the
+  user's explicit action.
+- `Open Activity` from a Workflow carries the catalogue row's authoritative
+  `workflowId` in the URL and resolves the definition filter at the Activity
+  boundary. `Back to Workflow` appears only when the Run response provides a
+  trustworthy association; name matching is insufficient.
+- Browser back closes modal/detail layers before leaving the owning workbench
+  when those layers are URL-addressable.
+- Manual Run detail refresh preserves the currently committed history, graph,
+  logs, and inspector while revalidating all three sources. The Refresh action
+  changes to a disabled `Refreshing…` state immediately. The full Run workspace
+  simultaneously enters one accessible busy state that keeps committed content
+  visible beneath a light interaction-blocking overlay and a single centered
+  refresh indicator. It never returns to the initial skeleton, never shifts the
+  page shell, and leaves global navigation available. Completion removes the
+  overlay and reports complete success or any partial failure through one toast;
+  unchanged data is still a successful refresh and never causes a blank-state
+  flash.
+- Copy actions report success or failure without changing layout. Export uses
+  structured serialization where available rather than string concatenation.
+
+## Backend Contract Mapping
+
+All mappings below were reviewed from `origin/feature/integrate` at
+`72093afa4490adf6eb25d83c3db0b9c182cd6ff0`. The implementation may add or
+extend frontend adapters, but may not change these backend contracts.
+
+### Workflow Drafts
+
+```text
+GET    /api/workspace/workflow-drafts?scopeId=:scopeId
+POST   /api/workspace/workflow-drafts?scopeId=:scopeId
+GET    /api/workspace/workflow-drafts/:workflowId?scopeId=:scopeId
+PUT    /api/workspace/workflow-drafts/:workflowId?scopeId=:scopeId
+DELETE /api/workspace/workflow-drafts/:workflowId?scopeId=:scopeId
+```
+
+The current `src/shared/studio/api.ts` already exposes
+`listWorkflowDrafts`, `getWorkflowDraft`, `createWorkflowDraft`,
+`updateWorkflowDraft`, `deleteWorkflowDraft`, `listWorkflows`, `getWorkflow`,
+and `saveWorkflow`. Reuse those typed boundaries rather than issuing ad hoc
+fetches from components.
+
+For a scoped create, `createWorkflowDraft` can return
+`StudioWorkflowSaveResult.kind = "accepted"` with a
+`StudioWorkflowDraftCreateAcceptedReceipt`. The receipt is command acceptance,
+not a readable draft. Reuse the existing accepted-to-materialized behavior:
+query `getWorkflowDraftFile(receipt.workflowId, scopeId)`, treat bounded `404`
+responses as projection pending, and enter the editor only after the query
+succeeds. Preserve the receipt on timeout so retry observes the same command
+result rather than creating a duplicate draft.
+
+`getWorkflow` can fall back to a committed scope Workflow and marks it with
+`draftExists=false`. `saveWorkflow` intentionally creates a new workspace
+draft on its first save. The implementation must use the returned draft ID,
+wait through the same accepted-to-materialized contract, and replace the
+committed-only route identity if the created draft ID differs.
+
+### Generation And Editing
+
+```text
+POST /api/workflows/generator
+POST /api/editor/parse-yaml
+POST /api/editor/serialize-yaml
+POST /api/editor/validate
+POST /api/editor/normalize
+```
+
+Use `studioApi.authorWorkflow`, `parseYaml`, and `serializeYaml` where their
+current typed contracts match. Validation and normalization remain explicit
+server operations; UI success must not be based solely on client parsing.
+
+### Scope Workflows
+
+```text
+GET  /api/scopes/:scopeId/workflows
+GET  /api/scopes/:scopeId/workflows/:workflowId
+PUT  /api/scopes/:scopeId/workflows/:workflowId
+POST /api/scopes/:scopeId/workflows:save-and-bind
+```
+
+`ScopeWorkflowDetail.source.definitionActorId` is the Activity definition
+filter identity. `ScopeWorkflowSummary.workflowId`, `serviceKey`, `actorId`,
+and `activeRevisionId` retain their own meanings and are not automatically
+callable service IDs.
+
+### Draft Run
+
+```text
+POST /api/scopes/:scopeId/workflow/draft-run
+Accept: text/event-stream
+```
+
+Use `src/shared/api/runtimeRunsApi.ts` and its `streamDraftRun` adapter. A
+successful connection or accepted command is not equivalent to an observed
+Activity row.
+
+### Activity
+
+```text
+GET /api/workflow/observatory/runs
+GET /api/workflow/observatory/runs/:runId
+GET /api/workflow/observatory/runs/:runId/graph
+```
+
+List filters reviewed from the endpoint are `scope`, `status`, `origin`,
+`definition`, `schedule`, `from`, `to`, and `take`. Normal callers remain
+limited to their own server-resolved scope; cross-scope access is enforced by
+the backend.
+
+The list summary contains only `runId`, `workflowName`, `status`, `success`,
+`startedAtUtc`, `updatedAtUtc`, `stateVersion`, `scopeId`, and `runOrigin`.
+Detail adds input, final output/error, diagnostics, steps, timeline,
+statistics, and usage totals. Graph is a separate query.
+
+### Run Fork
+
+```text
+POST /api/workflow/runs/fork
+```
+
+The request includes `sourceRunId`, `startAtStepId`, and optional supported
+YAML, sub-YAML, variable, input, command, and correlation overrides. The
+`202 Accepted` response contains source Run ID, new Run actor ID, Workflow
+name, accepted command ID, correlation ID, and status URL. It is a receipt, not
+a completed Run detail.
+
+### Settings And Identity
+
+```text
+GET /api/user-config/llm
+PUT /api/user-config/llm
+GET /api/user-config/runtime
+GET /api/auth/me
+```
+
+Reuse existing Settings selection and save-observation behavior in
+`src/pages/settings/`, especially `userLlmSelection.ts` and
+`userLlmSaveObservation.ts`. Reuse existing auth/session actions rather than
+implementing a parallel authentication flow.
+
+## Excalidraw-To-Backend Deviations
+
+These deviations are mandatory. They are not optional polish deferrals:
+
+| Excalidraw idea | Reviewed contract reality | Required frontend behavior |
+| --- | --- | --- |
+| `Current draft · revision N` | Workspace draft DTO has no historical revision number | Show `Current draft` and real updated time only |
+| Revision on every Activity row | Summary has no revision field | Omit it |
+| Duration, usage, and outcome in Activity rows | Summary has no such fields | Show them in detail only when returned |
+| `Needs you` Activity filter | No stable list filter; suspension detail is per Run | Omit the filter; surface actionable detail inside Run detail |
+| Last Run in Workflow catalogue | Activity summary has no Workflow ID join key | Omit Last Run; never join by Workflow name |
+| Published Workflow Run inferred from catalogue IDs | Callable `publishedServiceId` is distinct | Disable published Run until explicit callable identity is available |
+| Run is immediately “saved in Activity” | execution and projection are eventually consistent | Show Accepted/Running, then Observed only after query confirmation |
+| Retry and Run again create persistent linked records | fork receipt exists, but Activity DTO has no durable lineage fields | Keep source immutable; show current receipt and observed new Run without claiming durable linkage |
+| Run again always available | first executable step may be ambiguous | Enable only when an explicit first step is determinable |
+| Retry always available on failure | failed step ID may be missing or ambiguous | Enable only with an explicit failed `stepId` |
+| All retained Runs implies complete history | list is bounded by `take` | Label and present the returned recent window; do not display a fabricated total |
+| Prototype uses `localStorage` for Runs and settings | backend endpoints are authoritative | Do not persist authoritative Runs or LLM defaults in browser storage |
+
+No backend work is proposed to close these gaps. If a future product decision
+requires exact mockup parity, that must be scoped separately and must not be
+smuggled into this frontend-only branch.
+
+## Proposed Frontend Structure
+
+The implementation should keep route ownership local and transport adaptation
+shared:
+
+```text
+apps/aevatar-console-web/
+  config/routes.ts
+  src/pages/workflow-activity-vnext/
+    index.tsx
+    WorkflowActivityVNextShell.tsx
+    navigation.ts
+    models.ts
+    workflows/
+      WorkflowsPage.tsx
+      NewWorkflowPage.tsx
+      WorkflowEditorPage.tsx
+      workflowCreation.ts
+    activity/
+      ActivityPage.tsx
+      RunDetailPage.tsx
+      runRecovery.ts
+    settings/
+      SettingsPage.tsx
+    components/
+    styles.ts
+  src/shared/api/
+    workflowActivityApi.ts
+    workflowActivityApi.test.ts
+  src/shared/models/
+    workflowActivity.ts
+  src/locales/
+```
+
+This is a boundary proposal, not a mandate to create one file per label. Keep
+view-only state near the page, reuse existing Studio and Settings helpers, and
+put request construction/response decoding in typed shared adapters. Do not
+duplicate existing APIs merely to give vNext new names.
+
+New user-facing copy must use the existing locale system. New icons come from
+the enabled Ant Design icon set. The implementation should not add a UI or
+graph dependency unless an existing capability is demonstrably insufficient.
+
+## Implementation Phases
+
+### Phase 0: Review And Contract Lock
+
+- Approve this specification and explicitly accept the backend-honest
+  deviations.
+- Confirm the account-resolving home entry and the scoped namespace spelling.
+- Recheck `origin/feature/integrate` before implementation in case its contract
+  commit has moved; record any change in this document before coding.
+
+### Phase 1: Isolated Shell And Typed Boundaries
+
+- Add hidden scoped routes and the account-resolving home described above.
+- Add the vNext-local workbench shell and scoped navigation.
+- Add typed Activity/fork decoders and query keys at shared boundaries.
+- Prove route scope and identity isolation before building product pages.
+
+### Phase 2: Workflows And Direct Creation
+
+- Implement the authoritative Workflow catalogue.
+- Implement Describe, blank, YAML import, and versioned template creation.
+- Reconcile `202 projection_pending` receipts to a readable draft before
+  navigation, without resubmitting create on observation timeout.
+- Open committed-only Workflows as explicit source state; first Save creates a
+  draft and replaces the route with the returned materialized draft ID.
+
+### Phase 3: Common Editor And Run
+
+- Extract or reuse team-independent canvas and panel capabilities while
+  preserving existing Studio behavior.
+- Implement document save/validate states and the unified Run dialog.
+- Implement live Run console and accepted-to-observed reconciliation.
+
+### Phase 4: Activity And Recovery
+
+- Implement scoped server filters, immutable Run detail, and independent graph
+  loading.
+- Implement conservative Retry/Run again eligibility and fork receipts.
+- Verify source Run immutability across every recovery path.
+
+### Phase 5: Settings And Responsive Completion
+
+- Recompose current AI defaults, Account, and Advanced behavior.
+- Complete desktop, tablet, and mobile layouts and keyboard operation.
+- Apply realistic long IDs, errors, empty lists, unavailable catalogues, and
+  delayed observation data during visual verification.
+
+## Focused Testing Strategy
+
+Tests must protect observable contracts rather than internal implementation.
+The expected high-value coverage is:
+
+- route/config integration proves all vNext URLs resolve, `new` is not captured
+  as a Workflow ID, the home resolves the account scope, and explicit deep links
+  and scoped Team routes keep their destinations;
+- auth-route integration proves an unauthenticated vNext URL uses the current
+  sanitized Login redirect and callback return path, while existing Login,
+  callback, retry, service-access review, and other protected routes retain
+  their behavior;
+- localization coverage proves new message IDs exist in `en-US` and `zh-CN`,
+  language switching uses the existing locale system, and the vNext shell does
+  not own a second locale state;
+- Activity adapter tests prove query encoding, scope handling, response
+  decoding, unknown status preservation, detail/graph separation, and fork
+  receipt decoding;
+- a Workflows route test proves each creation path handles both materialized
+  and `202 projection_pending` create results, enters the editor only after an
+  authoritative draft GET succeeds, retains the receipt/input on timeout, and
+  never resubmits create as an observation retry;
+- a committed-only editor test proves first Save calls draft create rather
+  than update, waits for materialization, and replaces the route with the
+  returned draft ID without treating the committed source ID as the draft ID;
+- an editor/Run route test proves Accepted/Running does not claim Activity
+  persistence and Observed appears only after an authoritative Run response;
+- Activity route tests cover loading, empty, error, server filter changes,
+  immutable detail, and graph-only failure;
+- recovery tests prove Retry requires a failed step, Run again requires a
+  first executable step, and the source record remains unchanged after fork;
+- Settings route tests cover clean, dirty, accepted/confirming, observed,
+  catalogue unavailable, and save-failure recovery states.
+
+Use a small explicit set of colocated Jest files or individual test names.
+Do not run the complete frontend suite, all jsdom tests, integration tests,
+end-to-end tests, or smoke tests unless the user explicitly requests broader
+verification in that implementation task.
+
+## Verification Commands
+
+For this documentation-only phase:
+
+```bash
+python3 apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/verify-baseline.py
+bash tools/docs/lint.sh
+git diff --check
+```
+
+For the later implementation, choose exact incremental Jest paths based on the
+files actually changed, for example:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath \
+  src/shared/api/workflowActivityApi.test.ts \
+  src/pages/workflow-activity-vnext/index.test.tsx
+pnpm --dir apps/aevatar-console-web tsc
+pnpm --dir apps/aevatar-console-web biome:lint
+pnpm --dir apps/aevatar-console-web build
+bash tools/docs/lint.sh
+git diff --check
+```
+
+The final test file names must match the implementation. Route changes require
+the production build. Biome should be narrowed to affected files when that
+meaningfully validates the changed surface; use package lint when cross-cutting
+scope makes a narrow command misleading.
+
+Before installing dependencies, starting the frontend, opening it for browser
+QA, or running an integration-style command in a linked worktree, follow the
+active local `AGENTS.md` worktree environment synchronization instructions.
+Do not copy a developer-specific hook path into shared implementation docs.
+
+Before OAuth browser verification, confirm without printing dotenv values that
+the actual origin exactly matches both `NYXID_REDIRECT_URI` and
+`AEVATAR_CONSOLE_FRONTEND_PORT` in scheme, host, and port. When another server
+occupies the configured port, update both coupled values in this worktree to a
+free accepted origin and leave the primary checkout unchanged.
+
+## Acceptance Criteria
+
+The later frontend implementation is complete only when all of the following
+are true:
+
+- The diff changes no backend file and requires no backend deployment or
+  contract change.
+- Production routes contain no mock fallback, demonstration rows, timer-made
+  API responses, or browser-storage substitute for unavailable remote state.
+- API loading, empty, delayed, unavailable, decoding-failure, and request-error
+  states remain visibly distinct when tested without fixture fallbacks.
+- All vNext resource pages resolve under
+  `/scopes/:scopeId/workflow-activity-vnext`; the unscoped `/workflows` home
+  resolves the account scope. Home aliases follow this entry; scoped Team and
+  runtime page behavior remains intact.
+- Unauthenticated vNext entry uses the existing protected-route redirect,
+  `/login`, `/auth/callback`, sanitized `returnTo`, session restoration, and
+  service-access review behavior, returning to the original scoped URL.
+- Login, callback, language, and account controls use the vNext visual system
+  without changing their shared behavior for any existing route.
+- Every vNext message exists in `en-US` and `zh-CN`, and language selection
+  continues through the existing Umi locale and `ConsoleLanguageSwitch`
+  behavior without a second locale state or storage key.
+- The route `scopeId` is retained across navigation and sent only through
+  scope-validating backend contracts.
+- A user can create a persisted draft with all four creation methods and enter
+  one common connected-node editor without creating a member; a `202`
+  create receipt remains Accepted/Observing until the exact scoped draft GET
+  confirms readability.
+- A committed-only Workflow remains a distinct source: first Save creates a
+  draft, observes materialization, and adopts the returned draft ID instead of
+  updating or assuming identity equality with the committed Workflow.
+- Workflow, member, definition actor, published service, and Run identities are
+  never inferred from one another.
+- Run shows Accepted/Running separately from Activity observation and never
+  fabricates an Activity record.
+- Activity URLs preserve the catalogue row's authoritative `workflowId`, and
+  Activity sends only the resolved definition identity through supported
+  server parameters. Missing or invalid Workflow context never falls back to
+  an unfiltered Runs query.
+- Activity list rows contain only summary facts; duration, usage, diagnostics,
+  and outputs appear only from Run detail.
+- Run detail is immutable, and Retry/Run again always create a new accepted
+  Run with conservative eligibility.
+- AI defaults, Account, and Advanced use current backend settings/auth
+  contracts and expose complete dirty, accepted, observed, error, and recovery
+  states.
+- Desktop, tablet, and mobile layouts preserve primary actions, do not overlap
+  or horizontally escape, and remain keyboard accessible.
+- The implementation task and pull request carry the baseline declaration from
+  `docs/design-baselines/workflow-activity-vnext/README.md`, including the
+  Excalidraw hash, user-path specification, and the real-API-only data-source
+  statement.
+- Every user path defined in
+  `2026-08-04-workflow-activity-vnext-user-paths.md` reaches its documented
+  completion evidence and recovery state without mock fallback data.
+- Focused affected tests, TypeScript, affected lint, production build, docs
+  lint, and `git diff --check` pass. The final report lists exact commands and
+  explicitly states that the full frontend test suite was not run.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md
new file mode 100644
index 0000000000..24cd2de614
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-04-workflow-activity-vnext-user-paths.md
@@ -0,0 +1,897 @@
+# Workflow + Activity + Settings vNext User Paths
+
+## Status
+
+Proposed as the normative user-path companion to
+`2026-08-04-workflow-activity-vnext-design.md` on 2026-08-04.
+
+This document defines how a scoped Aevatar Console user moves through the 17
+Excalidraw frames, which route owns each step, which real API fact advances the
+journey, and what the UI must do when that fact is unavailable. It does not
+authorize frontend implementation until the design package is approved.
+
+Implementation branch: `feat/2026-08-04_workflow-activity-vnext`.
+
+## Required Reading And Precedence
+
+Anyone implementing or reviewing these paths must read, in order:
+
+1. `apps/aevatar-console-web/docs/design-baselines/`
+   `workflow-activity-vnext/aevatar-workflow-activity-vnext.excalidraw` for
+   visual hierarchy, information architecture, and interaction intent.
+2. `2026-08-04-workflow-activity-vnext-design.md` for routes, identity, API,
+   state, responsive behavior, deviations, and acceptance criteria.
+3. This document for end-to-end user movement, decision points, recovery, and
+   path completion evidence.
+4. The PNGs and `prototype.html` for visual and interaction calibration only.
+
+The backend contract in `origin/feature/integrate` at
+`72093afa4490adf6eb25d83c3db0b9c182cd6ff0` remains authoritative for data.
+The prototype's hard-coded objects, `localStorage`, timers, and simulated
+receipts are never production data sources.
+
+## User And Job Model
+
+### Primary User
+
+The primary user is an authenticated automation builder or operator working
+inside one authorized Aevatar `scopeId`. The same person may move between three
+jobs without leaving the vNext workbench:
+
+- author a Workflow draft;
+- run and inspect an automation;
+- manage personal AI defaults and account/runtime context.
+
+The product does not require the user to understand actor prefixes, projection
+internals, member bindings, or service-key conventions. Those facts remain
+technical details unless a real backend response makes them useful for
+diagnosis.
+
+### User Mental Model
+
+```text
+Workflows = what I can create and edit
+Run       = execute the current valid Workflow
+Activity  = immutable records the system has actually observed
+Settings  = my AI defaults, identity, and effective runtime context
+```
+
+The user must never be led to believe that:
+
+- a generated Workflow has been saved before draft creation succeeds;
+- an accepted Run is already visible in Activity;
+- a failed API request means the collection is empty;
+- Retry edits or replaces the failed Run;
+- a local prototype record is a server record;
+- a `workflowId`, `memberId`, `definitionActorId`, and
+  `publishedServiceId` are the same identity.
+
+## Entry, Navigation, And Exit
+
+### Entry Contract
+
+The default console home is `/workflows`. On each entry it refreshes
+`GET /api/auth/me`, waits for the authoritative account `scopeId`, and replaces
+the URL with the scoped Workflows catalogue. Request failure or missing scope
+stays recoverable through Retry; stale cache and browser user IDs never supply
+the scope. Explicitly unauthenticated sessions use the existing login route.
+This 2026-09-14 decision supersedes the original preview-only entry restriction.
+
+A direct authenticated scoped entry also remains available:
+
+```text
+/scopes/:scopeId/workflow-activity-vnext
+```
+
+It redirects only within the new namespace to:
+
+```text
+/scopes/:scopeId/workflow-activity-vnext/workflows
+```
+
+The home aliases `/`, `/overview`, and `/scopes`, plus default login/callback
+fallback, open `/workflows`. Explicit safe return targets retain their path,
+query, and fragment. Scoped Team/member and runtime routes keep their existing
+owners; opening Workflows does not require visiting a Teams or members home.
+
+If authentication is missing or expired, existing authentication behavior owns
+the interruption and return. If the server rejects the route `scopeId`, the
+workbench renders the existing access/not-found behavior. It must not switch to
+a cached scope or show sample data.
+
+### Local Navigation
+
+The vNext shell has three stable destinations:
+
+| Destination | Route | User job |
+| --- | --- | --- |
+| Workflows | `/scopes/:scopeId/workflow-activity-vnext/workflows` | Create, open, edit, and run Workflows |
+| Activity | `/scopes/:scopeId/workflow-activity-vnext/activity` | Scan and inspect observed Runs |
+| Settings | `/scopes/:scopeId/workflow-activity-vnext/settings` | Manage AI defaults and inspect identity/runtime context |
+
+Every link carries the route `scopeId` unchanged. Switching local sections does
+not rewrite it from a display name, remembered selection, or API response.
+
+### Exit Contract
+
+- Back navigation returns to the previous route without rewriting legacy
+  history.
+- Leaving a dirty editor or dirty Settings form requires a loss-of-changes
+  decision.
+- Leaving an accepted or running Run does not cancel it unless the real API
+  exposes and the user explicitly invokes a supported cancel action.
+- Returning later reloads authoritative API state. It does not reconstruct a
+  successful screen from prototype or browser-storage records.
+
+## Path Map
+
+```mermaid
+%%{init: {"maxTextSize": 100000, "flowchart": {"useMaxWidth": false, "nodeSpacing": 10, "rankSpacing": 50}, "themeVariables": {"fontSize": "10px"}}}%%
+flowchart TD
+    A["Open protected scoped URL"] --> A1{"Existing session usable?"}
+    A1 -->|"Yes"| B["vNext scoped entry"]
+    A1 -->|"No"| A2["Existing Login route"]
+    A2 --> A3["Existing NyxID redirect"]
+    A3 --> A4["Existing Auth callback"]
+    A4 --> B
+    B --> B1["Workflows catalogue"]
+    B1 --> C["New workflow"]
+    C --> D["Describe"]
+    C --> E["Start blank"]
+    C --> F["Import YAML"]
+    C --> G["Template"]
+    D --> H["Persisted Workflow draft"]
+    E --> H
+    F --> H
+    G --> H
+    B1 --> I["Open existing Workflow"]
+    H --> J["Connected-node editor"]
+    I --> J
+    J --> K["Save and validate"]
+    K --> L["Unified Run dialog"]
+    L --> M["Accepted or running"]
+    M --> N["Observed Activity row"]
+    B1 --> O["Activity filtered by Workflow"]
+    N --> P["Immutable Run detail"]
+    O --> P
+    P --> Q["Retry failed Run"]
+    P --> R["Run again"]
+    Q --> S["New accepted Run"]
+    R --> S
+    S --> N
+    B --> T["Settings"]
+    T --> U["AI defaults"]
+    T --> V["Account"]
+    T --> W["Advanced"]
+```
+
+## Path Inventory
+
+| ID | Path | Excalidraw frames | Completion evidence |
+| --- | --- | --- | --- |
+| UP-00 | Authenticate and enter the scoped workbench | 01, 13 | Existing callback returns to the original vNext URL and real scoped queries begin |
+| UP-01 | Browse and search Workflows | 01, 13 | Authoritative catalogue rows or a truthful empty/error state |
+| UP-02 | Create by Describe | 02, 03 | Draft create returns a real `workflowId`, and the exact scoped draft GET confirms it is readable before editor navigation |
+| UP-03 | Start blank and add the first node | 02, 04 | Persisted draft opens; valid document state controls Save/Run/Publish |
+| UP-04 | Import YAML | 02, 05 | Server parse/validation succeeds before draft creation |
+| UP-05 | Create from Template | 02, 06 | Bundled template is copied into a newly persisted independent draft |
+| UP-06 | Open, edit, validate, and save | 03-06, 08 | Authoritative draft update succeeds; unsaved state clears |
+| UP-07 | Run a current draft | 07, 08 | Real draft-run stream/receipt reaches Accepted or Running |
+| UP-08 | Observe a Run in Activity | 08-10, 13 | Observatory returns an authoritative `runId` and `stateVersion` |
+| UP-09 | Filter Activity by Workflow | 09 | The row's exact `workflowId` remains visible in the URL and resolves to an exact `definitionActorId`, or the filtered view is honestly unavailable |
+| UP-10 | Inspect immutable Run detail | 11 | Detail response renders committed facts; graph may load independently |
+| UP-11 | Retry a failed Run | 12 | Fork API accepts an explicit failed `stepId`; source Run remains unchanged |
+| UP-12 | Run a completed Workflow again | 11, 12 | Fork API accepts an explicit first execution step; source remains unchanged |
+| UP-13 | Change AI defaults | 14, 15 | Authoritative settings query observes the selected service and model |
+| UP-14 | Inspect Account and session | 16 | `/api/auth/me` or existing auth state renders real identity facts |
+| UP-15 | Inspect Advanced runtime values | 17 | `/api/user-config/runtime` returns the read-only effective values |
+| UP-16 | Complete key jobs on tablet/mobile | 13, 17 | Same API and identity evidence is reachable without desktop-only controls |
+
+## UP-00: Authenticate And Enter The Scoped Workbench
+
+**Intent:** Reach the isolated vNext experience through Aevatar's existing
+login, callback, session, return-to, and locale behavior without affecting
+other console routes.
+
+**Start:** An authenticated or unauthenticated user opens the direct namespace
+URL for an authorized `scopeId`.
+
+**Steps:**
+
+1. The existing app runtime classifies `/login` and `/auth/callback` as public
+   and the vNext URL as protected.
+2. If a stored or restorable session exists, current
+   `AuthSessionBootstrap`/`ensureActiveAuthSession` behavior restores it.
+3. Without a usable session, `ProtectedRouteRedirectGate` sends the complete
+   scoped path, search, and hash through `sanitizeReturnTo` into the existing
+   `/login?redirect=...` route.
+4. The existing Login page calls
+   `NyxIDAuthClient.loginWithRedirect({ returnTo })`.
+5. NyxID returns through the unchanged `/auth/callback` route.
+6. The existing callback calls `handleRedirectCallback()` and replaces the
+   location with its sanitized `result.returnTo`.
+7. The user returns to the original vNext URL. Only the namespace root
+   redirects within the new namespace to Workflows; a requested child route
+   retains its own path, query, and hash.
+8. The local Workflows, Activity, and Settings navigation appears.
+9. Workflows begins its real scoped queries.
+10. Language and account controls reuse `ConsoleLanguageSwitch` and existing
+    account behavior, even if their placement/style changes in the vNext shell.
+
+**Completion:** The callback returns to the original scoped URL, the existing
+session is active, the selected `en-US` or `zh-CN` locale is preserved, and the
+page shows a loading, populated, empty, partial-source, or error state derived
+from real requests.
+
+**Recovery:** Login configuration, callback, service-access review,
+unauthorized, forbidden, missing-scope, and network failures retain their
+current distinct retry/back behavior. No alternate scope, second login flow,
+mock user, or demonstration catalogue is substituted.
+
+**Presentation:** Login, callback, language, and account controls adopt vNext
+tokens, density, border, radius, and status styling only. Authentication,
+return, session, language switching, language persistence, and error behavior
+remain the existing Aevatar logic.
+
+The Excalidraw contains no separate Login frame. Login presentation therefore
+inherits only the approved vNext visual direction; it must not introduce new
+auth decisions, fields, providers, or navigation that the design does not
+define.
+
+## UP-01: Browse And Search Workflows
+
+**Intent:** Find an existing Workflow or start creating one.
+
+**Route:**
+`/scopes/:scopeId/workflow-activity-vnext/workflows`.
+
+**Authoritative reads:**
+
+```text
+GET /api/workspace/workflow-drafts?scopeId=:scopeId
+GET /api/scopes/:scopeId/workflows
+```
+
+The existing typed `studioApi.listWorkflows` boundary may coordinate these
+sources. The UI keeps draft and scope Workflow source types explicit.
+
+**Steps:**
+
+1. The user scans Workflow name, source/state, updated time, and available
+   actions.
+2. Search filters only the currently returned authoritative fields.
+3. `Open` navigates using that row's real `workflowId`.
+4. `New workflow` navigates to the creation chooser.
+5. `Run` is enabled for a validated runnable draft. Published Run is enabled
+   only when an explicit callable `publishedServiceId` is available.
+
+**Completion:** The selected row opens or the user reaches creation. A
+successful empty response produces the New workflow empty state.
+
+**Not allowed:**
+
+- Do not show Last Run by joining Activity on `workflowName`.
+- Do not invent revision numbers or published availability.
+- Do not use sample rows when one catalogue source fails. Preserve valid rows
+  from the successful source and identify the failed source.
+
+### Shared Draft Create Observation Contract
+
+UP-02 through UP-05 share one create-completion rule. A scoped draft create may
+return a materialized draft or a `202 Accepted` receipt with a real
+`workflowId`, command receipt, and `readiness.stage = projection_pending` while
+`readiness.readable = false`.
+
+- A materialized draft can enter the editor immediately using its returned ID.
+- An accepted receipt enters an explicit Accepted/Observing state and polls
+  `GET /api/workspace/workflow-drafts/:workflowId?scopeId=:scopeId`.
+- A bounded `404` during that observation window means the projection is still
+  pending; it does not mean the create failed and it does not authorize a
+  second create request.
+- Navigation occurs only after the exact scoped GET returns the readable draft.
+- A timeout preserves the receipt, input, and returned ID. Retry checks the
+  same ID again. It never silently resubmits the create POST or fabricates a
+  local draft.
+- Any non-`404` read failure is shown as its real authorization, decoding, or
+  network error and remains distinct from projection delay.
+
+## UP-02: Create A Workflow By Description
+
+**Intent:** Turn a natural-language automation goal into an editable Workflow
+draft.
+
+**Frames:** 02 New workflow and 03 Describe generated draft.
+
+**Route transition:**
+
+```text
+.../workflows/new
+  -> .../workflows/:workflowId
+```
+
+**Steps and real evidence:**
+
+1. The user chooses `Describe` and enters a concrete goal.
+2. Submit calls `POST /api/workflows/generator` through the existing typed
+   authoring boundary.
+3. The generated Workflow is parsed, normalized, or validated through the
+   reviewed editor endpoints as required by its response form.
+4. The user sees a generated summary or correctable validation problem.
+5. Confirming creation calls
+   `POST /api/workspace/workflow-drafts?scopeId=:scopeId`.
+6. Only the draft-create response establishes the real `workflowId`.
+7. If creation is accepted but not readable, the UI follows the shared create
+   observation contract for that exact scope and ID.
+8. The router opens the common connected-node editor only after the draft is
+   materialized or the authoritative GET confirms readability.
+
+**Completion:** The editor loads the persisted draft and shows the generated
+nodes and edges. Generation success alone is not completion.
+
+**Recovery:** Generator, parser, validator, and draft-create failures preserve
+the user's description and any safe generated preview. A create-observation
+timeout preserves the accepted receipt and retries only the GET for the same
+ID. Retry repeats only the failed explicit action. No local ID or demonstration
+draft is routed as saved.
+
+## UP-03: Start Blank And Add The First Node
+
+**Intent:** Build a Workflow manually without a generated starting structure.
+
+**Frames:** 02 New workflow and 04 Start blank.
+
+**Steps:**
+
+1. The user chooses `Start blank`.
+2. The frontend creates a minimal, well-formed Workflow document as explicit
+   frontend authoring content.
+3. The draft-create API returns its authoritative `workflowId` and follows the
+   shared create observation contract when the draft is not readable yet.
+4. The editor opens an empty connected-node canvas only after readability is
+   confirmed.
+5. `Add node` opens the searchable Node library.
+6. Choosing a node adds it to the shared document state.
+7. Selecting the node opens Node configuration; `Edit YAML` opens the same
+   document through the YAML panel.
+8. Validation controls Save, Run, and Publish availability.
+
+**Completion:** At least one meaningful node is configured and the user can
+save a valid authoritative draft.
+
+**Recovery:** An empty draft may remain saved, but Run and Publish stay
+disabled when the real validator says it is not executable. The UI does not
+insert a sample node and call the draft valid.
+
+## UP-04: Import YAML
+
+**Intent:** Create a Workflow from YAML the user already owns.
+
+**Frames:** 02 New workflow and 05 Import YAML.
+
+**Steps:**
+
+1. The user chooses `Import YAML` and enters or pastes YAML.
+2. Submit calls `POST /api/editor/parse-yaml`.
+3. Validation or normalization runs through the reviewed editor contracts when
+   needed.
+4. Parse and validation feedback is shown against the YAML source.
+5. Only a successful document can be submitted to the draft-create API.
+6. The returned `workflowId` follows the shared create observation contract;
+   the common editor opens with parsed nodes and edges only after readability
+   is confirmed.
+
+**Completion:** The editor represents the same authoritative document in
+canvas and YAML modes.
+
+**Recovery:** Invalid YAML never creates a partial draft. Network or decoder
+failure is not relabeled as invalid YAML or empty content. User input remains
+available for correction and retry.
+
+## UP-05: Create From A Template
+
+**Intent:** Begin from a known useful structure while creating an independent
+Workflow.
+
+**Frames:** 02 New workflow and 06 Template.
+
+**Steps:**
+
+1. The user chooses `Template`.
+2. The UI identifies templates as bundled frontend product content unless a
+   real template API is introduced and reviewed later.
+3. The user selects and previews a versioned template.
+4. Its Workflow document is copied, parsed, and validated.
+5. Draft creation returns a new authoritative `workflowId` and follows the
+   shared create observation contract when projection is pending.
+6. The common editor opens the copied nodes and edges only after readability
+   is confirmed.
+
+**Completion:** Editing the new draft cannot mutate the bundled template or
+another user's Workflow.
+
+**Not allowed:** The UI must not render bundled templates as “loaded from the
+server,” attach fake server timestamps, or reuse the template ID as a
+`workflowId`.
+
+## UP-06: Open, Edit, Validate, Save, And Publish Boundary
+
+**Intent:** Change one Workflow through a single connected-node authoring
+model.
+
+**Route:**
+`/scopes/:scopeId/workflow-activity-vnext/workflows/:workflowId`.
+
+**Authoritative operations:**
+
+```text
+GET /api/workspace/workflow-drafts/:workflowId?scopeId=:scopeId
+PUT /api/workspace/workflow-drafts/:workflowId?scopeId=:scopeId
+POST /api/workspace/workflow-drafts?scopeId=:scopeId
+GET /api/scopes/:scopeId/workflows/:workflowId
+POST /api/editor/parse-yaml
+POST /api/editor/serialize-yaml
+POST /api/editor/validate
+POST /api/editor/normalize
+```
+
+**Steps:**
+
+1. The route loads the exact Workflow under the route scope and retains whether
+   the source is an existing draft or a committed-only Workflow.
+2. Canvas, Node library, Node configuration, and YAML panel edit one document
+   state.
+3. A node or YAML change marks the draft dirty.
+4. Validation exposes exact actionable problems and controls executable
+   actions.
+5. Save serializes and updates an existing authoritative draft.
+6. For a committed-only source (`draftExists=false`), first Save creates a new
+   draft instead of calling draft update. It follows the shared create
+   observation contract and replaces the route with the returned readable
+   draft ID, which may differ from the committed source ID.
+7. Save success clears dirty state only after the real update succeeds or the
+   newly created draft becomes readable.
+8. Leaving while dirty prompts Save, Discard, or Stay.
+
+**Publish boundary:** The Excalidraw retains a Publish control because the
+existing Studio supports publication/binding behavior. Publication must use
+the reviewed scope Workflow/save-and-bind contracts and explicit capability
+confirmations. It is not a prerequisite for draft Run, and it must not invent a
+`publishedServiceId` after save acceptance.
+
+**Completion:** The saved document can be reloaded from the API with the
+expected draft identity and content. For a committed-only source, that identity
+is the create response's materialized draft ID, not an assumed reuse of the
+committed Workflow ID.
+
+**Identity guard:** This path never creates a fake Team/member, never sends
+`workflowId` to a member endpoint, and never assumes publication makes the
+Workflow callable through the same ID.
+
+## UP-07: Run A Current Draft
+
+**Intent:** Execute the current valid Workflow without leaving the editor.
+
+**Frames:** 07 Unified Run dialog and 08 Running draft.
+
+**Authoritative execution:**
+
+```text
+POST /api/scopes/:scopeId/workflow/draft-run
+Accept: text/event-stream
+```
+
+**Steps:**
+
+1. The user selects `Run` from the catalogue or editor.
+2. The unified dialog identifies the exact Workflow and says `Current draft`
+   when no real revision number exists.
+3. The user reviews input, connections, and verified external effects.
+4. Required explicit capability confirmations must be derived from the real
+   preview/validation contract.
+5. Submit serializes the current valid document and starts
+   `runtimeRunsApi.streamDraftRun`.
+6. The button becomes stable and duplicate submission is blocked.
+7. Real stream/receipt facts move the UI into Accepted or Running.
+8. The editor remains visible and the Run console opens without replacing the
+   current document.
+
+**Completion:** A real stream or command receipt proves execution acceptance.
+It does not yet prove an Activity row exists.
+
+**Recovery:** Submission failure keeps the input and returns to an actionable
+dialog. A disconnected stream shows the last authoritative receipt/event and a
+reconnect or Activity action; it does not fabricate completion.
+
+## UP-08: Observe A Run In Activity
+
+**Intent:** Move from live execution to an immutable observed record.
+
+**Frames:** 08 Running draft, 09 filtered Activity, 10 all retained Runs, and
+13 states.
+
+```mermaid
+%%{init: {"maxTextSize": 100000, "flowchart": {"useMaxWidth": false, "nodeSpacing": 10, "rankSpacing": 50}, "themeVariables": {"fontSize": "10px"}}}%%
+flowchart LR
+    A["Run submitted"] --> B["Real stream or receipt accepted"]
+    B --> C["Live console running"]
+    B --> D["Query scoped Activity"]
+    D --> E{"Matching authoritative Run observed?"}
+    E -->|"No"| F["Observation delayed"]
+    F --> D
+    E -->|"Yes"| G["Observed with runId and stateVersion"]
+    G --> H["Enable immutable Run detail link"]
+```
+
+**Authoritative read:**
+
+```text
+GET /api/workflow/observatory/runs
+```
+
+with supported `scope`, `status`, `origin`, `definition`, `schedule`, `from`,
+`to`, and `take` parameters.
+
+**Steps:**
+
+1. Acceptance invalidates or polls the correctly keyed scope Activity query
+   with bounded backoff.
+2. While no matching authoritative record exists, the UI says `Observing` or
+   `Activity delayed`.
+3. When observatory returns the Run, its `runId` and `stateVersion` establish
+   the immutable Activity identity.
+4. Only then does the UI say `Observed in Activity` and enable the detail link.
+5. If the execution response exposes no trustworthy match key, the UI offers
+   general `Open Activity` rather than guessing a row.
+
+**Completion:** An actual observatory summary is visible in Activity.
+
+**Not allowed:** A timer, local array, `localStorage`, stream completion, or
+HTTP success status cannot insert an Activity row or invent a `stateVersion`.
+
+## UP-09: Filter Activity By Workflow
+
+**Intent:** Review observed executions belonging to one Workflow definition.
+
+**Start:** The user invokes `View Activity` from a Workflow context.
+
+**Steps:**
+
+1. The catalogue action encodes that row's exact draft `workflowId` in the
+   Activity route query string without substituting a member, service, display
+   name, or actor identity.
+2. Activity keeps the Workflow filter visible and removable, and resolves the
+   scope Workflow detail through
+   `GET /api/scopes/:scopeId/workflows/:workflowId`.
+3. Only `ScopeWorkflowDetail.source.definitionActorId` supplies the
+   observatory `definition` filter.
+4. Refresh, copied URLs, back, and forward restore the same `workflowId` and
+   repeat the same authoritative resolution.
+5. The ledger shows only the server-filtered response window. Removing the
+   Workflow filter removes it from the URL and returns to global Activity.
+
+**Completion:** The active `workflowId` filter is URL-backed, visible,
+removable, and backed by the exact resolved definition identity.
+
+**Recovery:** A missing or invalid `workflowId`, failed Workflow-detail read,
+or draft-only Workflow without a definition actor produces an honest
+invalid, error, or unavailable state. The Runs query remains disabled so the
+page never silently shows global Activity. The UI does not substitute Workflow
+name, `memberId`, `publishedServiceId`, `serviceKey`, or a parsed actor prefix.
+
+## UP-10: Inspect Immutable Run Detail
+
+**Intent:** Understand what happened in one observed Run.
+
+**Route:**
+`/scopes/:scopeId/workflow-activity-vnext/activity/:runId`.
+
+**Authoritative reads:**
+
+```text
+GET /api/workflow/observatory/runs/:runId
+GET /api/workflow/observatory/runs/:runId/graph
+```
+
+**Steps:**
+
+1. Selecting an Activity row opens its real `runId`.
+2. Initial entry may use the complete Run-detail skeleton until committed
+   history is available. After that, selecting another Run in the history rail
+   keeps the authoritative rail mounted, preserves its scroll position, and
+   immediately marks the target Run as selected.
+3. Only the selected Run's detail and graph region enters loading during that
+   selection. The committed history rail remains visible and usable because
+   its query is unchanged. Detail and graph continue to load independently.
+4. Manual Refresh is a separate grouped operation: because it refreshes
+   detail, graph, and history together, it may block and mark the complete
+   workspace busy while preserving committed content beneath its overlay.
+5. The page prioritizes status, identity, final output/error, diagnostics, and
+   step trace.
+6. The user may expand input, request parameters, full timeline content, tool
+   calls, statistics, and usage.
+7. Copy/export actions operate only on returned, permitted data.
+
+**Completion:** The user can identify success/failure and the relevant step
+without altering the record.
+
+**Recovery:** A graph failure leaves the committed detail visible. A missing
+or cross-scope Run renders the server-safe not-found state. Partial/running
+detail is labeled partial and refreshed through bounded observation.
+
+**Not allowed:** No edit, overwrite, delete, local usage calculation, or fake
+source/child Run timeline appears on the source record.
+
+## UP-11: Retry A Failed Run
+
+**Intent:** Continue from an unambiguous failed step while preserving the
+failed Run as evidence.
+
+**Frame:** 12 Failed Run recovery.
+
+**Authoritative command:**
+
+```text
+POST /api/workflow/runs/fork
+```
+
+**Steps:**
+
+1. Run detail identifies a failed step from the returned step/diagnostic data.
+2. `Retry` is enabled only when one explicit `stepId` is a valid recovery
+   start.
+3. The confirmation dialog shows source Run ID, start step, input, and
+   supported overrides.
+4. Confirm submits `sourceRunId` and `startAtStepId`.
+5. A real `202 Accepted` response shows the accepted command ID, correlation
+   ID, new Run actor ID, and status URL as receipt facts.
+6. The source Run remains on screen and unchanged.
+7. The new execution follows UP-08 until an authoritative Activity `runId` is
+   observed.
+
+**Completion:** The user can open the newly observed Run; the failed source
+still shows its original status and trace.
+
+**Recovery:** If no exact failed step exists, Retry stays disabled with a
+reason. A failed fork request preserves the confirmation input. The frontend
+does not use `newRunActorId` as a Run-detail route unless an authoritative
+contract establishes the corresponding `runId`.
+
+## UP-12: Run A Completed Workflow Again
+
+**Intent:** Create a new execution from the beginning of an earlier successful
+Run.
+
+**Steps:**
+
+1. Detail/graph data must identify the first executable step unambiguously.
+2. `Run again` opens the same immutable-source confirmation model as Retry.
+3. The user reviews the source Run, first step, input, and supported overrides.
+4. Fork submission returns a real accepted receipt.
+5. The new execution follows UP-08; the original success record remains
+   unchanged.
+
+**Completion:** A new authoritative Activity Run is observed.
+
+**Recovery:** If the first execution step is missing or ambiguous, Run again
+stays disabled. The UI does not pick the first array item, parse a graph node
+ID, or pretend a new linked record exists before observation.
+
+## UP-13: Change AI Defaults
+
+**Intent:** Choose the user's preferred connected AI service and default model.
+
+**Frames:** 14 AI defaults and 15 save/recovery states.
+
+**Authoritative operations:**
+
+```text
+GET /api/user-config/llm
+PUT /api/user-config/llm
+```
+
+**Steps:**
+
+1. Settings opens AI defaults and loads the current real selection and
+   available connected-service/model catalogue through existing adapters.
+2. Changing Preferred service updates valid model choices without saving.
+3. Changing either value makes the page dirty and reveals the shell-fixed
+   Restore and Save changes dock without remounting the edited form control.
+4. Discard restores the last authoritative values.
+5. Save sends the selected intent and receives an accepted receipt.
+6. The UI says `Confirming saved values`, not Saved.
+7. Existing save-observation logic requeries settings until the selected
+   service/model is authoritative.
+8. Only observation clears dirty/confirming state and shows saved success.
+
+**Completion:** A fresh GET returns the chosen values.
+
+**Recovery:** Save failure preserves dirty values. Catalogue unavailable keeps
+the last real selection visible and disables invalid changes. Fallback is
+explained rather than silently saved. `localStorage` cannot be the settings
+authority.
+
+## UP-14: Inspect Account And Session
+
+**Intent:** Understand who is signed in and manage the existing session or
+service access.
+
+**Frame:** 16 Account.
+
+**Authoritative identity:**
+
+```text
+GET /api/auth/me
+```
+
+**Steps:**
+
+1. The user opens Account from local Settings navigation.
+2. The page shows returned identity, user ID, roles, groups, provider, scope,
+   and expiry only when present.
+3. Sign in, Sign out, and Manage service access reuse current application auth
+   actions.
+4. Any navigation/confirmation follows those existing auth contracts.
+
+**Completion:** The UI reflects the current real session state.
+
+**Recovery:** Expired or unavailable auth is shown explicitly. The page never
+uses the prototype's `signed-in` browser flag, invents claims, or renders bearer
+or credential material.
+
+## UP-15: Inspect Advanced Runtime Values
+
+**Intent:** Diagnose the effective runtime/request context without editing it.
+
+**Frame:** 17 Advanced and responsive.
+
+**Authoritative read:**
+
+```text
+GET /api/user-config/runtime
+```
+
+**Steps:**
+
+1. The user opens Advanced.
+2. One read-only representation shows the effective runtime mode and request
+   values returned by the API.
+3. Permitted non-secret values may be copied.
+
+**Completion:** The user can inspect the active real configuration without a
+save action.
+
+**Recovery:** An unavailable runtime query shows retry. It does not substitute
+build-time defaults and label them as the user's effective server state.
+
+## UP-16: Complete Key Jobs On Tablet And Mobile
+
+**Intent:** Preserve the same product semantics on constrained screens.
+
+**Frames:** 13 responsive Workflows/Activity and 17 responsive Settings, plus
+the mobile editor references in the baseline directory.
+
+**Required mobile paths:**
+
+- Workflows: search, New workflow, Open, and eligible Run remain reachable.
+- Creation: all four methods remain usable; YAML and validation errors remain
+  associated with their inputs.
+- Editor: Run, Add node, Edit YAML, Save, and Publish availability remain
+  visible. Node configuration uses an accessible bottom sheet.
+- Activity: status, Workflow, short Run ID, time, filters, and detail access
+  remain available without desktop-only hover.
+- Run detail: failure, output, step trace, Retry, and Run again eligibility
+  remain accessible.
+- Settings: section navigation, shell-fixed dirty save dock, save observation, Account
+  actions, and Advanced values remain operable.
+- Login and callback: the existing NyxID flow remains usable at mobile width,
+  and the existing language switch remains reachable without desktop chrome.
+
+**Completion:** Mobile and desktop reach the same authoritative end states.
+Responsive layout changes presentation, never API source, identity, recovery,
+or completion evidence.
+
+## Cross-Path Truth Checkpoints
+
+| Checkpoint | The UI may say | Required evidence | The UI must not say |
+| --- | --- | --- | --- |
+| Workflow generated | Generated preview ready | Real generator response | Saved |
+| Workflow create accepted | Accepted/Observing | Real `202` receipt with `workflowId` and `projection_pending` readiness | Draft readable or editor ready |
+| Workflow created | Draft created | Materialized create response or exact scoped draft GET succeeds | Created from a local ID or receipt alone |
+| Workflow saved | Saved | Real draft update success and clean document | Saved after timer-only feedback |
+| Run submitted | Submitting | User action in progress | Running |
+| Run accepted | Accepted/Running | Real SSE event or accepted receipt | Observed in Activity |
+| Activity observed | Observed | Observatory summary with `runId` and `stateVersion` | Observed from local insertion |
+| Retry accepted | New Run accepted | Real fork receipt | Linked history persisted |
+| New Run observed | New Run available | Observatory returns authoritative `runId` | Detail route from guessed actor ID |
+| Settings accepted | Confirming saved values | Real PUT receipt | Saved |
+| Settings saved | Saved | Real GET observes selected values | Saved from `localStorage` |
+| Empty collection | No records | Successful API response with zero records | Empty after request failure |
+
+## Failure And Recovery Paths
+
+| Failure | Preserve | Show | Recovery |
+| --- | --- | --- | --- |
+| Workflow catalogue request fails | Successful source rows and active search | Failed source or page error | Retry failed query |
+| Generator fails | User description | Generator error | Retry generation |
+| YAML parse fails | YAML input | Exact parse feedback | Edit and parse again |
+| Draft create fails | Creation inputs/preview | Create error | Retry create |
+| Draft projection is delayed | Accepted receipt, returned ID, and creation inputs | Accepted/Observing or delayed readiness | Retry the exact draft GET; do not repeat create |
+| Draft save fails | Dirty document | Save error | Retry or continue editing |
+| Run submission fails | Input and document | Submission error | Retry explicit Run |
+| Run stream disconnects | Last real receipt/event | Disconnected or unknown status | Reconnect or open Activity |
+| Activity observation is delayed | Accepted receipt | Delayed projection state | Bounded retry/open Activity |
+| Activity list fails | Current filters | Request error, not empty | Retry |
+| Run graph fails | Run detail | Graph-only error | Retry graph |
+| Retry/Run again fails | Immutable source and overrides | Fork error | Retry command |
+| Settings catalogue fails | Last real selection | Catalogue unavailable | Retry catalogue |
+| Settings save fails | Dirty selection | Save error | Retry or discard |
+| Auth expires | Non-secret local editing state when safe | Session expired | Existing sign-in flow |
+| Login/callback fails | Sanitized return target and safe error reason | Existing callback recovery | Retry existing NyxID flow/back to Login |
+| Locale catalogue/key is missing | Current locale selection | Explicit development/test failure | Fix both catalogues; never use vNext-local fallback copy |
+
+## Excalidraw Coverage
+
+Every frame has a corresponding user path:
+
+| Frame | Covered by |
+| --- | --- |
+| 01 Workflows catalogue | UP-00, UP-01 |
+| 02 New workflow direct creation | UP-02, UP-03, UP-04, UP-05 |
+| 03 Describe generated draft | UP-02, UP-06 |
+| 04 Blank draft | UP-03, UP-06 |
+| 05 Import YAML draft | UP-04, UP-06 |
+| 06 Template draft | UP-05, UP-06 |
+| 07 Unified Run dialog | UP-07 |
+| 08 Running draft and Run console | UP-07, UP-08 |
+| 09 Activity filtered by Workflow | UP-09 |
+| 10 All retained Runs | UP-08 |
+| 11 Immutable Run detail | UP-10, UP-12 |
+| 12 Failed Run recovery | UP-11, UP-12 |
+| 13 Workflows and Activity states | UP-00, UP-01, UP-08, UP-16 |
+| 14 Settings AI defaults | UP-13 |
+| 15 Settings save/recovery | UP-13 |
+| 16 Settings Account | UP-14 |
+| 17 Settings Advanced/responsive | UP-15, UP-16 |
+
+## User-Path Acceptance Criteria
+
+- Every `UP-*` path can be traced from its start route to its completion
+  evidence without leaving the new namespace, except existing authentication
+  and service-access actions.
+- UP-00 uses the existing protected-route guard, Login, NyxID callback,
+  sanitized `returnTo`, session restoration, and locale behavior; only their
+  presentation may change.
+- Login/callback styling remains compatible with all existing protected routes,
+  not only the vNext namespace.
+- Every vNext message ID exists in both `en-US` and `zh-CN`, and language
+  switching uses the existing `ConsoleLanguageSwitch`/Umi locale state.
+- All four creation methods converge on a real persisted draft and the same
+  connected-node editor.
+- A real returned `workflowId` and a successful materialized response or exact
+  scoped draft GET are required before editor navigation; a `202` receipt alone
+  is not readability.
+- A create-observation timeout retries the same draft ID and never silently
+  resubmits draft creation.
+- Opening a committed-only Workflow preserves `draftExists=false`; first Save
+  creates and observes a new draft, then adopts its returned ID.
+- Draft Run reaches Accepted/Running before it can reach Activity observation.
+- Activity observation requires a real observatory `runId` and `stateVersion`.
+- Workflow-specific Activity preserves the catalogue row's exact `workflowId`
+  in the URL and uses only the exact returned `definitionActorId` for the Runs
+  request; invalid resolution never falls back to global Activity.
+- Run detail remains immutable in success, failure, partial graph, Retry, and
+  Run again paths.
+- Retry and Run again require explicit step identity and create a new accepted
+  execution.
+- Settings Save remains confirming until authoritative readback observes the
+  selected values.
+- API pending, empty, delayed, unavailable, decoding failure, and request
+  failure remain distinct in every path.
+- No production path imports mock fixtures, inserts demonstration rows, reads
+  prototype Activity/settings from browser storage, or uses timers to simulate
+  authoritative API progress.
+- Desktop, tablet, and mobile use the same identities, APIs, and completion
+  evidence.
+- Home aliases resolve through `/workflows`; explicit safe deep links and scoped
+  Team/member routes retain their destination. Backend files and contracts
+  remain unchanged.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-05-workflow-list-filter-semantics-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-05-workflow-list-filter-semantics-design.md
new file mode 100644
index 0000000000..80b46a64cc
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-05-workflow-list-filter-semantics-design.md
@@ -0,0 +1,135 @@
+# Workflow List Filter Semantics Design
+
+## Status
+
+Approved in conversation on 2026-08-05. This document records the product
+semantics for aligning the Workflow and Activity list toolbars before the
+frontend implementation changes.
+
+This design supplements, but does not modify, the Workflow Activity vNext
+design baseline. Real backend responses remain authoritative over prototype
+labels and demonstration data.
+
+## Mismatch
+
+The UI currently makes the two list pages appear inconsistent: Activity has
+categorical filters while Workflows exposes only search and refresh. Copying
+Activity's filters into Workflows would still be wrong because the pages own
+different resources and facts.
+
+- Activity lists Runs. Its status and source are authoritative Run API fields.
+- Workflows merges the scoped Workflow list with the scoped draft list.
+  `draft` and `committed` describe frontend merge inputs, not two mutually
+  exclusive product lifecycle states.
+- A Workflow can have both a committed source and a draft. The frontend must
+  not present `Committed` as the opposite of `Draft`.
+- The current backend does not provide the published identity, last-Run
+  outcome, or other facts required to implement the prototype's `Published`
+  and `Failing` Workflow filters honestly.
+
+The semantic owner of Workflow filtering is therefore the Workflow catalogue,
+using only facts returned by its existing scoped Workflow and draft APIs. Run
+status and source remain owned by Activity.
+
+## Decision
+
+Both pages use the same toolbar grammar:
+
+- search on the left;
+- resource-specific categorical filters on the right;
+- refresh in the page header rather than mixed into the filter group;
+- active search and filter values represented in the URL;
+- an honest filtered-empty state with a clear-filters action.
+
+Activity keeps its existing Run status and Run source filters.
+
+Workflows adds one select with two options:
+
+| Option | Product meaning | Evidence |
+| --- | --- | --- |
+| `All workflows` | Every row produced by the existing merge of scoped Workflows and scoped drafts | Successful results from the two existing list APIs |
+| `Drafts` | Workflows whose exact `workflowId` is present in `studioApi.listWorkflowDrafts(scopeId)` | A real draft summary returned by that API |
+
+The Workflows filter must not include `Committed`, `Published`, `Failing`,
+`Ready`, or similar values until a real contract supplies an unambiguous,
+user-facing fact for that option.
+
+## Data And URL Behavior
+
+The existing Workflow merge remains authoritative and unchanged:
+
+1. Load the scoped committed Workflow summaries.
+2. Load the scoped draft summaries.
+3. Merge by exact `workflowId` without inferring identity from names, prefixes,
+   route position, member IDs, or service IDs.
+4. When `view=drafts`, retain only merged rows whose exact `workflowId` was
+   returned by the draft API.
+5. Apply the text search to the selected view and keep the existing updated-at
+   ordering.
+
+The Workflows URL uses:
+
+- `q=<text>` for non-empty search text;
+- `view=drafts` for the Drafts view;
+- no `view` parameter for All workflows.
+
+Activity adds its non-empty search text as `q=<text>` while preserving its
+existing `status`, `origin`, `definition`, and `workflowFilter` parameters.
+Empty values are omitted. Reloading, browser navigation, or returning to a
+copied URL restores the same visible search and filters.
+
+## Loading, Failure, And Empty States
+
+- While either Workflow source is loading, retain the existing loading state.
+- If the draft source fails, the Drafts option is disabled because the
+  frontend cannot know which Workflows have drafts.
+- A draft-source failure does not hide successfully returned scoped Workflow
+  rows in All workflows.
+- If the user was already viewing Drafts when the draft source fails, show an
+  unavailable state with Retry rather than an empty result.
+- A successful filtered result with zero rows shows `No matching workflows`
+  and a `Clear filters` action.
+- Clearing filters removes `q` and `view` while preserving the scoped route.
+- No mock rows, localStorage state, timer results, or successful fallback may
+  stand in for either API.
+
+## Presentation And Accessibility
+
+- Workflows and Activity use the same toolbar spacing, search width, select
+  height, responsive wrapping, and mobile full-width controls.
+- Selects retain visible accessible names through existing localized labels.
+- The Drafts option is a normal menu option, not a status badge or lifecycle
+  claim.
+- Keyboard, touch, and screen-reader behavior continue through Ant Design's
+  existing Input and Select controls.
+- All new copy is added to both the `en-US` and `zh-CN` catalogues.
+
+## Test Contract
+
+Focused tests must prove that:
+
+- Workflows filters Drafts by exact draft API membership while All workflows
+  still contains committed-only and draft-backed rows.
+- Workflows never renders unsupported `Committed`, `Published`, or `Failing`
+  filter options.
+- Workflows search and view values restore from and write to the URL.
+- Activity search joins its existing URL-backed filters without dropping
+  `status`, `origin`, `definition`, or `workflowFilter`.
+- A failed draft source disables or makes the Drafts view unavailable instead
+  of presenting a false empty state.
+- Clearing filters restores the unfiltered list and scoped URL.
+- Both locale catalogues contain every new message key.
+
+Browser verification uses the running frontend with the real remote backend at
+desktop, tablet, and mobile widths. If a remote endpoint is unavailable, the
+unavailable state is recorded as a verification gap; test fixtures are not
+used to fabricate browser evidence.
+
+## Non-Goals
+
+- No backend endpoint, DTO, projection, identity, or persistence change.
+- No change to existing Workflow, Run, Settings, Studio, Team, member, login,
+  callback, redirect, session, menu, or locale route behavior.
+- No attempt to implement prototype-only Published or Failing filters.
+- No identity conversion among `workflowId`, `memberId`,
+  `definitionActorId`, or `publishedServiceId`.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-add-node-sequential-link-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-add-node-sequential-link-design.md
new file mode 100644
index 0000000000..17d54b7d33
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-add-node-sequential-link-design.md
@@ -0,0 +1,136 @@
+# Add Node Sequential Link Design
+
+## Status
+
+Approved for implementation on 2026-08-06.
+
+Implementation branch: `fix/2026-08-06_add-node-sequential-link`.
+
+Base branch: `feat/2026-08-04_workflow-activity-vnext` at
+`121f0132f1191206aaffdaf71d189840c41d7c5e`.
+
+## Problem
+
+Workflow Activity vNext appends a selected node type by calling
+`insertStepByType` without an insertion source. The helper therefore adds the
+new step to the document array without updating a predecessor's `next` field.
+The canvas renders only explicit `next` and `branches` edges, while the runtime
+still permits adjacent steps to execute through implicit sequential ordering.
+
+After insertion, the serialize endpoint validates the complete document and
+returns `implicit_next` warnings for every non-terminal step that still relies
+on array order. This makes the Add node action appear to have introduced an
+error and leaves the newly added node visually disconnected.
+
+## Product Contract
+
+`Add node` extends the current executable flow; it does not create an
+unconnected step by default.
+
+- When a step is selected, insert the new step immediately after it.
+- When no step is selected, append the new step after the final document step.
+- If the selected step already has an explicit linear successor, preserve that
+  successor as the inserted step's `next` target.
+- Before insertion, materialize existing implicit sequential transitions that
+  are already defined by adjacent document order: a non-final step with no
+  `next` and no branches points to the following step.
+- Do not synthesize a linear transition for a step that owns branches.
+- Preserve every existing explicit `next` and branch target.
+- Keep a truly empty workflow behavior unchanged: its first node has no
+  predecessor and remains the terminal step.
+- The inserted node becomes selected so its configuration surface opens as it
+  does today.
+
+## State Transition
+
+Given this implicit document:
+
+```text
+create_weekly_report, transform_step
+```
+
+adding `assign_step` without a selected node produces:
+
+```text
+create_weekly_report.next = transform_step
+transform_step.next = assign_step
+assign_step.next = null
+```
+
+Given an explicit chain and a selected middle step:
+
+```text
+draft.next = review
+review.next = publish
+```
+
+adding `assign_step` after `review` produces:
+
+```text
+draft.next = review
+review.next = assign_step
+assign_step.next = publish
+```
+
+## Implementation Boundary
+
+Keep the change frontend-only.
+
+1. Add a pure document helper that materializes only runtime-defined implicit
+   sequential transitions without altering explicit or branched transitions.
+2. Update the vNext editor insertion path to apply that helper and pass the
+   selected step ID, or the final step ID when no step is selected, to
+   `insertStepByType`.
+3. Keep serialization as the server-authoritative validation boundary. Do not
+   filter or suppress returned findings.
+4. Do not change backend validation, runtime semantics, graph rendering, or
+   the Team Member Workflow Studio behavior in this fix.
+
+## Failure And Concurrency
+
+The existing structural-mutation generation guard remains authoritative.
+Materialization and insertion happen in memory before the single serialize
+request. A failed or stale serialize response does not update the current
+document. Retry repeats the same deterministic insertion intent against the
+still-current document.
+
+## Verification
+
+Add focused coverage for:
+
+- materializing adjacent implicit transitions while preserving explicit and
+  branched transitions;
+- adding a node with no selected step after the final step and sending a fully
+  explicit linear chain to serialization;
+- inserting after a selected middle step while preserving its former
+  successor;
+- keeping first-node insertion valid for an empty document.
+
+Run only the changed test files and changed-file static checks. The complete
+frontend suite, typecheck, and production build remain delegated to GitHub CI
+under the personal incremental frontend policy.
+
+## Design Baseline
+
+```text
+Design baseline:
+  apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/
+Primary design:
+  aevatar-workflow-activity-vnext.excalidraw
+Design SHA-256:
+  30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de
+Contract specification:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-design.md
+User paths:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-user-paths.md
+Authentication and localization:
+  Existing Aevatar login, callback, session, returnTo, and Umi locale logic;
+  presentation may change, behavior may not.
+Production data source:
+  Real APIs and API-acknowledged user actions only; no mock fallback.
+Baseline integrity:
+  python3 apps/aevatar-console-web/docs/design-baselines/
+  workflow-activity-vnext/verify-baseline.py
+```
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-new-workflow-creation-ux-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-new-workflow-creation-ux-design.md
new file mode 100644
index 0000000000..ad5c29e2f6
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-new-workflow-creation-ux-design.md
@@ -0,0 +1,273 @@
+# New Workflow Creation UX Design
+
+## Status
+
+Approved direction on 2026-08-06 for the Workflow Activity vNext frontend,
+amended on 2026-08-10 to merge blank creation into Describe.
+This document narrows the existing direct-creation contract without changing
+its backend APIs, identity rules, or materialization semantics.
+
+Implementation branch: `fix/2026-08-06_restore-describe-workflow-name`.
+
+## Problem
+
+The current creation route exposes backend requirements as if they were user
+decisions. `Save location` is always prominent even when the workspace offers
+only one directory, and `Automation goal` does not explain that the text is
+used to generate the workflow. The selected method is then rendered in a
+full-width bordered panel whose fields stretch across the complete work area.
+This loses the compact hierarchy defined by the Workflow Activity vNext
+baseline and makes a short creation task look like an empty settings form.
+
+Describe also requires two separate decisions after input: generate a YAML
+preview and then create it. The raw generated YAML is implementation detail at
+this stage. Users asked for one action that generates, validates, saves, and
+opens the common editor.
+
+Describe and Start blank are also presented as peer creation methods even
+though blank creation is the same named draft flow with no generation prompt.
+Making users choose between them before seeing the form adds a decision that
+the entered data already resolves.
+
+## Product Decisions
+
+### Save Target
+
+The workspace directory remains part of the typed draft-create request because
+the backend requires `directoryId`. It is not shown when there is exactly one
+available directory. The route automatically selects that directory and uses
+it for every creation mode.
+
+If the workspace returns more than one directory, the selected method surface
+shows one compact `Save to` selector below the method-specific input. This is
+the only state in which save location is a real user decision. Loading, zero
+directory, authorization, and request-failure states retain user input and
+provide the existing recovery actions; they never invent a directory.
+
+The backend also requires a unique YAML path inside the chosen directory even
+though duplicate Workflow display names are allowed. The frontend derives a
+file name from the resolved Workflow name and the authoritative draft list,
+using the first available suffix (`weekly-review.yaml`, then
+`weekly-review-2.yaml`, and so on). This filename is not a creation-page field.
+A server conflict caused by a concurrent create remains a visible retryable
+error and never overwrites the existing draft.
+
+### Describe
+
+Describe is a focused form with one required input, one optional input, and one
+final action:
+
+- heading: `Describe your workflow`;
+- field label: `Workflow name`;
+- optional field label: `What should this workflow do?`;
+- supporting copy explains that the generated steps can be reviewed in the
+  editor;
+- one primary action: `Generate and open`.
+
+The action label remains `Generate and open`; it does not change while the user
+types. Submission trims the description and chooses one of two existing paths:
+
+- a non-empty description calls the real generator, parses and validates the
+  returned YAML, then persists it;
+- an empty or whitespace-only description creates and persists the existing
+  minimal blank Workflow YAML without calling the generator.
+
+Both paths use the user-provided Workflow name for the draft display name and
+filename, wait for the exact draft to become readable when creation is
+accepted, and open the editor. The generated YAML document name remains an
+independent document field. The page does not expose generated YAML or require
+a second create confirmation. Generator, parse, validation, create, and
+materialization failures preserve both inputs and identify the failed stage in
+product terms.
+
+### Other Creation Methods
+
+All methods follow the same rule: show only the input the user can meaningfully
+provide, then use one final action.
+
+| Method | Visible input | Name source | Primary action |
+| --- | --- | --- | --- |
+| Describe | Workflow name and optional natural-language workflow outcome | User input | Generate and open |
+| Import YAML | Workflow YAML | Parsed YAML document | Import and open |
+| Use template | Bundled template selection and concise preview | Template name, made independent for the new draft | Use template and open |
+
+The editor remains the only surface for reviewing generated/imported YAML,
+renaming the created workflow, editing nodes, and resolving document-level
+details. Creation does not add a second editor.
+
+## Approaches Considered
+
+### Focused Prompt
+
+Show only task-specific inputs and one final action. Describe asks for the
+user-controlled display name and accepts an optional generation prompt; the
+prompt's presence selects generated or blank creation. Import and Template
+derive their names from their respective sources. This is the selected
+approach because it removes a redundant method choice while keeping the blank
+authoring path available.
+
+### Separate Describe And Blank Methods
+
+Keep the two existing chooser cards and their separate actions. This is
+rejected because the second method is already represented by submitting the
+Describe form without a description, so the chooser asks users to predict a
+distinction the form can determine directly.
+
+### Derived Name For Describe
+
+Derive the draft display name from generated YAML and ask only for the outcome.
+This is rejected because the generated document name is not a substitute for
+the user's intended Workflow display name. Describe therefore requires an
+explicit name before generation.
+
+### Guided Wizard
+
+Add examples and a visible two-step progress indicator. This can help first-
+time users, but it adds visual weight and falsely suggests that creation and
+editor review are one wizard-owned transaction. It is rejected for the normal
+flow.
+
+## Layout And Visual Direction
+
+The selected-method surface is a centered, unframed creation column instead
+of a full-width bordered panel. Desktop width is bounded for comfortable form
+reading; mobile uses the available width. The title, short supporting line,
+input, inline validation, optional multi-directory selector, and action row
+form one continuous vertical hierarchy.
+
+The page continues the Operational Automation Ledger direction:
+
+- existing dark navigation rail and white work surface;
+- AlibabaSans product typography;
+- neutral dividers, restrained blue primary action, and 4-6 px radii;
+- no nested cards, gradient, decorative shadow, or oversized form controls;
+- stable button dimensions and visible keyboard focus;
+- long validation and technical details wrap without widening the viewport.
+
+The method chooser retains three clearly distinct starting methods. Selecting
+one changes only the main creation column. `Change method` is a low-emphasis
+back action. User input survives method switches where the value remains
+meaningful, while stale failure and validation output from another method is
+cleared.
+
+## Data Flow
+
+```mermaid
+%%{init: {"maxTextSize": 100000, "flowchart": {"useMaxWidth": false, "nodeSpacing": 10, "rankSpacing": 50}, "themeVariables": {"fontSize": "10px"}}}%%
+flowchart LR
+    A["Choose creation method"] --> B["Enter method-specific input"]
+    B --> C["Resolve the real workspace directory"]
+    C --> K{"Describe entered?"}
+    K -->|"Yes"| D["Generate, parse, and validate"]
+    K -->|"No"| L["Build minimal blank YAML"]
+    K -->|"Import or template"| D
+    D --> E["Resolve a non-conflicting YAML file name"]
+    L --> E
+    E --> J["Create the scoped workflow draft"]
+    J --> F{"Draft readable?"}
+    F -->|"Yes"| G["Open the common workflow editor"]
+    F -->|"Accepted"| H["Observe the exact returned workflow ID"]
+    H --> G
+    H -->|"Delayed"| I["Preserve input and retry observation only"]
+```
+
+Describe conditionally executes either generation plus parse/validation or
+minimal blank-YAML creation behind one user action, followed by the same draft
+creation and opening flow. These remain distinct technical stages so recovery
+can be truthful. The action never treats generated content as saved, never
+routes from a locally invented workflow ID, and never repeats the create POST
+when only materialization is delayed.
+
+## State And Recovery Contract
+
+- While workspace settings load, creation inputs remain editable and the final
+  action remains unavailable until a real directory is resolved.
+- With zero directories, show the existing access/retry path and preserve all
+  entered input.
+- Generator failure keeps the description and enables retry of generation;
+  blank creation never calls the generator.
+- Parse or validation failure keeps the input and shows actionable findings;
+  no draft is created.
+- Draft-create failure keeps the method input and retries only creation after
+  another explicit click.
+- Accepted creation shows `Creating workflow...`; delayed materialization
+  preserves the receipt and retries only the exact scoped GET.
+- Duplicate submission is blocked across the complete one-click operation.
+- Changing methods clears stale errors and findings but does not erase the
+  previously typed Describe name or prompt.
+
+## Accessibility And Responsive Behavior
+
+- Labels are programmatically associated with their controls.
+- Pending status is announced without repeatedly announcing observation
+  polling.
+- The primary action exposes a stable loading state and cannot be triggered
+  twice by mouse or keyboard.
+- `Change method` and `Back to workflows` remain separate navigation actions.
+- At widths below 768 px, inputs and actions stack, the action remains visible
+  after its associated validation content, and no sticky element covers a
+  focused textarea.
+- The three method options collapse to a single column or compact multi-column
+  arrangement without truncating labels or descriptions.
+
+## Focused Test Contract
+
+The owning route integration test will protect these observable risks:
+
+1. A single returned directory is not rendered, while Describe uses it in the
+   create request.
+2. Multiple returned directories render `Save to` and the selected value is
+   used in the create request.
+3. Describe requires `Workflow name`, keeps `What should this workflow do?`
+   optional, and exposes one fixed `Generate and open` action. With a
+   description it calls generator, parser, draft create, and opens the
+   materialized workflow using the user-provided display name.
+4. The same Describe action with an empty or whitespace-only description skips
+   generator and parser calls, persists the minimal blank Workflow YAML, and
+   opens the materialized workflow.
+5. File-name resolution chooses the first available suffix within the selected
+   directory without changing the Workflow display name.
+6. Import derives the name from parsed YAML and creates without a separate
+   workflow-name field.
+7. Generator or create failure preserves the Workflow name and prompt;
+   switching methods clears stale failure output without discarding shared
+   name input.
+8. Accepted draft creation preserves the existing observe-and-retry contract
+   and never resubmits create during readiness retry.
+
+Tests assert accessible rendered behavior and typed boundary requests. They do
+not assert CSS class names or implementation callback order beyond the real
+external operation sequence that distinguishes generation from persistence.
+
+## Scope
+
+The change is frontend-only and restricted to Workflow Activity vNext creation
+page code, its focused tests, creation-mode type, and this specification.
+It does not change backend endpoints, shared workflow identity semantics,
+legacy Workflow/Studio routes, the common editor, global navigation, or the
+authoritative 17-frame baseline assets.
+
+## Design Baseline
+
+```text
+Design baseline:
+  apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/
+Primary design:
+  aevatar-workflow-activity-vnext.excalidraw
+Design SHA-256:
+  30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de
+Contract specification:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-design.md
+User paths:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-user-paths.md
+Authentication and localization:
+  Existing Aevatar login, callback, session, returnTo, and Umi locale logic;
+  presentation may change, behavior may not.
+Production data source:
+  Real APIs and API-acknowledged user actions only; no mock fallback.
+Baseline integrity:
+  python3 apps/aevatar-console-web/docs/design-baselines/
+  workflow-activity-vnext/verify-baseline.py
+```
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-settings-save-action-dock-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-settings-save-action-dock-design.md
new file mode 100644
index 0000000000..ee8dd4dfb7
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-settings-save-action-dock-design.md
@@ -0,0 +1,289 @@
+# Settings Save Action Dock Design
+
+## Status
+
+Approved and implemented on 2026-08-06.
+
+This specification covers only the Workflow Activity vNext Settings save
+action layout. It is based on branch
+`feat/2026-08-04_workflow-activity-vnext` at
+`3416817a147df0d362bcf770b9cf59f65b624ab8`.
+
+The approved direction is a shell-owned bottom action area. It supersedes the
+earlier use of the word `sticky` for this save bar in the Workflow Activity
+vNext design specification and user paths. The save contract, authoritative
+data source, colors, navigation, and Settings information architecture remain
+unchanged.
+
+## Sources And Precedence
+
+This specification must be read with:
+
+1. `docs/canon/frontend-design.md`, including the Workflow Activity vNext
+   NyxID visual-alignment rules;
+2. `docs/design-baselines/workflow-activity-vnext/README.md` and its primary
+   Excalidraw artifact;
+3. `2026-08-04-workflow-activity-vnext-design.md`;
+4. `2026-08-04-workflow-activity-vnext-user-paths.md`.
+
+This document has precedence only for the location, scroll ownership,
+responsive layout, and accessibility semantics of the dirty Settings save
+actions. All other contracts retain their existing precedence.
+
+## Problem
+
+The current dirty action bar is rendered inside the AI defaults form and uses
+`position: sticky`. Its containing page owns the vertical scroll. As a result:
+
+- the action bar moves with the form before reaching its sticky threshold;
+- its location is coupled to the form card rather than the Settings work area;
+- below 600 px, CSS changes it to `position: static`, so it is no longer
+  persistent at all;
+- adding content above or below the form can change when and where it appears;
+- a viewport-fixed replacement would need fragile sidebar and gutter offsets
+  and could cover the last form field.
+
+The user needs the pending save decision to remain continuously reachable
+after editing without covering editable content or moving with that content.
+
+## Goals
+
+- Keep dirty Settings actions stationary at the bottom of the Settings main
+  work area on desktop, tablet, and mobile.
+- Let the header, local Settings navigation, form, alerts, and technical
+  details scroll in a separate region above the actions.
+- Keep the action area outside the 200 px desktop navigation rail.
+- Preserve the current Aevatar colors and Workflow Activity vNext visual
+  language while following the NyxID-derived spacing, density, and responsive
+  rules.
+- Preserve the existing accepted-to-observed save lifecycle, dirty navigation
+  guard, and authoritative API behavior.
+- Keep every form field, validation message, and recovery message reachable
+  without being covered by the action area.
+
+## Non-Goals
+
+- No backend, API, query, cache, authentication, routing, or persistence
+  change.
+- No redesign of Preferred service, Default model, Account, or Advanced.
+- No new global footer, global navigation behavior, or legacy Settings change.
+- No color, typography-family, or brand change.
+- No viewport-fixed positioning and no sidebar-width calculation.
+- No change to success, failure, delayed-observation, or leave-confirmation
+  semantics.
+
+## Chosen Layout
+
+### Shell Footer Slot
+
+`WorkflowActivityVNextShell` receives an optional footer slot. The shell uses
+its current layout when the slot is absent. When the slot is present, the main
+column becomes two rows:
+
+```text
+Workflow Activity vNext shell
+  top bar
+  navigation rail | main column
+                    scroll region
+                      page header
+                      route content
+                    footer region
+                      route-provided action dock
+```
+
+The main column, not the viewport, establishes the boundary. The scroll region
+uses `minmax(0, 1fr)` and owns vertical overflow. The footer occupies its
+natural height and never scrolls with the content. This keeps it aligned with
+the shell when the desktop rail is visible and when the rail becomes a mobile
+drawer.
+
+Routes that do not provide a footer retain the existing main-column scrolling
+behavior. The change must not alter Workflows, Activity, Run detail, creation,
+or editor layout.
+
+### Settings Ownership
+
+`SettingsPage` always provides the shell footer slot so changing dirty state
+does not remount the scrolling form or move focus away from the edited control.
+The slot renders no visible content while the draft is clean and renders the
+action dock only while it is dirty. The save action component is removed from
+the AI defaults form body. It remains owned by `SettingsPage`, so it uses the
+existing `draft`, `baseline`, `savePhase`, `discard`, and `save` state and
+handlers without introducing a second state container.
+
+The footer wrapper follows the same responsive horizontal gutters as the
+Settings content. The dark action surface is centered at the existing Settings
+maximum width of 1120 px. It retains the current Aevatar background, border,
+text, button colors, radius, and restrained shadow.
+
+## Interaction And State Contract
+
+| State | Dock | Controls | Existing feedback |
+| --- | --- | --- | --- |
+| Clean | Hidden | None | Quiet current values |
+| Dirty | Fixed in shell footer | Restore and Save enabled according to capabilities | Unsaved title and description |
+| Saving | Fixed in shell footer | Restore disabled; Save loading and duplicate submission blocked | Existing saving state remains visible |
+| Accepted, awaiting observation | Fixed in shell footer | Restore and Save disabled | Existing confirming state remains visible |
+| Observed | Removed after baseline matches submitted values | None | Existing success toast |
+| Delayed | Fixed because the draft remains dirty | Retry Save or Restore according to current behavior | Existing durable delayed alert |
+| Failed | Fixed because the draft remains dirty | Save can be retried; Restore remains available | Existing durable error details |
+
+The dock appears and disappears from actual dirty state only. It does not use
+a timer, animation completion, request acceptance, or browser storage as its
+authority.
+
+Leaving through local navigation or the browser continues to use the existing
+dirty-navigation confirmation and `beforeunload` protection. Moving the
+actions must not bypass or duplicate those paths.
+
+## Responsive Contract
+
+### Desktop, At Least 1200 px
+
+- The 200 px navigation rail and 52 px top bar remain unchanged.
+- The footer is confined to the flexible main column.
+- Its content uses 40 px horizontal gutters and the Settings 1120 px maximum
+  width.
+- The status copy is on the left and the two actions are on the right.
+- The footer consumes layout space; it never overlays the scroll region.
+
+### Tablet, 768-1199 px
+
+- The footer uses the shell's medium horizontal gutter.
+- Copy and controls may wrap within the action surface without changing scroll
+  ownership.
+- Both commands remain visible without horizontal page overflow.
+
+### Mobile, Below 768 px
+
+- The hidden rail and drawer behavior remain unchanged.
+- The footer uses 16 px horizontal gutters and
+  `env(safe-area-inset-bottom)`.
+- Status copy and actions stack when required by available width.
+- Actions use stable responsive tracks; at the narrowest supported widths they
+  become one column rather than truncating or overlapping.
+- The scroll region shrinks to the remaining height, so focused fields,
+  validation messages, alerts, and technical details can scroll fully above
+  the dock.
+- The page must have no horizontal overflow at the 390 x 844 acceptance
+  viewport.
+
+## Accessibility
+
+- The footer is an explicitly named region, using localized copy equivalent
+  to `Unsaved settings actions`.
+- Live save status is scoped to status text rather than placing interactive
+  buttons inside a `role="status"` container.
+- Restore and Save retain native button semantics, visible focus, disabled and
+  loading behavior, and their current accessible names.
+- DOM order places the footer after the scroll region, matching its visual
+  order and keyboard sequence.
+- The fixed layout does not trap focus. When the dock appears, focus remains
+  on the field the user edited; no automatic focus jump occurs.
+- Reduced-motion preferences remain respected. The footer requires no
+  entrance or exit animation.
+
+## Error Handling
+
+This redesign does not create a new error surface. Existing save lifecycle
+feedback remains authoritative:
+
+- request failure preserves the dirty draft and technical error details;
+- accepted-but-unobserved state remains distinct from saved success;
+- delayed observation retains recovery actions;
+- only authoritative readback produces the saved success toast and clears the
+  dock.
+
+The layout must keep durable alerts inside the scroll region reachable while
+the dock remains present. The footer cannot cover or replace those alerts.
+
+## Test Strategy
+
+The highest-value evidence is the existing Workflow Activity vNext route
+integration test because the regression involves rendered Settings state,
+shell composition, and user actions together.
+
+Add focused coverage that proves:
+
+1. editing AI defaults renders a named save-action region with Restore and
+   Save while the clean state does not render that region;
+2. the shell exposes the footer as a sibling of its main scroll region, so the
+   actions are not children of the form panel;
+3. Restore clears dirty state and removes the footer without calling the save
+   API;
+4. existing Save loading, accepted-to-observed, failure, and dirty-navigation
+   tests continue to pass.
+
+CSS is verified through browser QA at 1440 x 900, 834 x 1112, and 390 x 844.
+The checks confirm a stationary dock during content scrolling, no covered last
+field or alert, no page-level horizontal overflow, reachable buttons, and
+correct mobile safe-area spacing.
+
+Local authenticated browser QA was attempted on port 5187 with the real API
+proxy and `MOCK=none`. The temporary origin had no authenticated session, and
+the configured NyxID client returned to the registered port 5173, which was
+already owned by another process. The implementation did not inject a session,
+copy browser storage, or substitute mock Settings data. Final authenticated
+screenshots therefore remain preview-environment verification; focused route
+tests, locale parity, changed-file static checks, and CI protect the local
+implementation contract.
+
+Local automated verification remains focused on changed and dependency-related
+files. Full frontend tests, typecheck, and production build are delegated to
+GitHub CI by the personal frontend workflow policy.
+
+## Affected Files
+
+The expected implementation surface is:
+
+- `src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx` for the
+  optional footer slot and scroll-region composition;
+- `src/pages/workflow-activity-vnext/settings/SettingsPage.tsx` for providing
+  the dirty action dock outside the form;
+- `src/pages/workflow-activity-vnext/styles.ts` for main-column, footer,
+  responsive, and safe-area layout;
+- `src/pages/workflow-activity-vnext/index.test.tsx` for route-level behavior;
+- both Workflow Activity vNext locale catalogues for the region label;
+- the existing vNext design and user-path documents to replace the superseded
+  sticky wording with the shell-fixed action contract.
+
+## Acceptance Criteria
+
+- Dirty save actions remain stationary at the bottom of the Settings main
+  column while Settings content scrolls.
+- The actions never enter or cover the desktop navigation rail.
+- The footer occupies layout space and never covers a field, alert, technical
+  detail, or focused control.
+- Clean, dirty, saving, accepted, observed, delayed, failed, restore, and
+  leave-confirmation behavior preserves the existing authoritative contract.
+- Other vNext routes retain their current layout and scroll behavior.
+- Desktop, tablet, and mobile have no action overlap or page-level horizontal
+  overflow, and mobile accounts for the bottom safe area.
+- The action region and controls are keyboard reachable and correctly named.
+- Existing Aevatar colors and the NyxID-derived non-color visual rules remain
+  intact.
+
+## Required Pull Request Declaration
+
+```text
+Design baseline:
+  apps/aevatar-console-web/docs/design-baselines/workflow-activity-vnext/
+Primary design:
+  aevatar-workflow-activity-vnext.excalidraw
+Design SHA-256:
+  30e74d7b410ae72c4c91432355436679033679c54c10b1702908435b001577de
+Contract specification:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-design.md
+User paths:
+  apps/aevatar-console-web/docs/superpowers/specs/
+  2026-08-04-workflow-activity-vnext-user-paths.md
+Authentication and localization:
+  Existing Aevatar login, callback, session, returnTo, and Umi locale logic;
+  presentation may change, behavior may not.
+Production data source:
+  Real APIs and API-acknowledged user actions only; no mock fallback.
+Baseline integrity:
+  python3 apps/aevatar-console-web/docs/design-baselines/
+  workflow-activity-vnext/verify-baseline.py
+```
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-archive-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-archive-design.md
new file mode 100644
index 0000000000..943df83f96
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-archive-design.md
@@ -0,0 +1,131 @@
+# Workflow Archive Design
+
+**Date:** 2026-08-06
+**Status:** Approved for implementation
+
+## Problem
+
+The Workflow catalogue overflow menu exposes only draft maintenance actions and
+`Copy workflow reference`. A published Workflow without an editable draft
+therefore has no lifecycle action at all. Users expect to be able to archive a
+published Workflow without deleting its authoring source, published revisions,
+or Activity history.
+
+`Delete draft` cannot satisfy that expectation. It removes only the editable
+workspace document and deliberately leaves the published Workflow runnable.
+
+## Product Semantics
+
+Archive is the product-level presentation of deactivating the Workflow's active
+published deployment:
+
+- archiving stops new runs through the published Workflow;
+- the editable draft, published revisions, and Activity history remain;
+- publishing the Workflow again restores an active published deployment;
+- draft-only Workflows continue to use `Delete draft` and do not expose
+  `Archive`;
+- an already archived Workflow does not expose a second Archive action.
+
+This is a boundary mapping, not a new global Workflow lifecycle. The backend's
+deployment state remains authoritative. The frontend must never persist a local
+archived flag or report success from command acceptance alone.
+
+## Catalogue Views And Status
+
+The existing default `All workflows` label becomes `Active workflows`, because
+archived Workflows are intentionally excluded from that view. The selector has
+three values:
+
+- **Active workflows:** draft-only Workflows and published Workflows whose
+  deployment is not deactivated;
+- **Drafts:** every Workflow with an editable draft, including a draft whose
+  previously published deployment is archived;
+- **Archived:** committed Workflows whose authoritative deployment status is
+  `Deactivated`.
+
+The URL omits the default active view, keeps `view=drafts`, and adds
+`view=archived`. Unknown view values fall back to active.
+
+Status presentation follows runtime truth. `Deactivated` maps to `Archived`
+before the existing Published/Draft rules, so an archived published Workflow
+with a remaining draft is still visibly archived.
+
+## Archive Action
+
+`Archive` appears in the overflow menu only when all of these facts are true:
+
+- the row has a committed source;
+- it has an active revision;
+- it has a non-empty deployment ID;
+- its normalized deployment status is `Active`.
+
+The menu action uses an archive icon, is visually separated from ordinary
+actions, and opens a confirmation dialog. The dialog states that new runs stop
+while drafts, published revisions, and Activity history remain. The confirming
+button is explicit and visually cautionary.
+
+Draft rows retain `Rename` and `Delete draft`. All rows retain
+`Copy workflow reference`.
+
+## Data Flow
+
+1. The user confirms Archive.
+2. The frontend calls the existing service deployment deactivation endpoint
+   with `serviceId = workflowId`, the row's exact `deploymentId`,
+   `tenantId = scopeId`, and the canonical scope service app/namespace.
+3. A `202 Accepted` receipt means only that the command entered dispatch. The
+   UI enters an observing state; it does not close the dialog or show success.
+4. A bounded observer rereads the scope Workflow list and matches the exact
+   `workflowId`. Success requires its normalized `deploymentStatus` to become
+   `Deactivated`.
+5. Once observed, the authoritative committed query is refreshed, the dialog
+   closes, and the UI reports `Workflow archived`.
+
+The observer follows the existing Workflow publication/materialization pattern:
+deterministic delay injection for tests, a small bounded delay schedule in the
+browser, and no query-time mutation or locally invented state.
+
+## Failure Handling
+
+- If the deactivation request fails before acceptance, keep the dialog open,
+  report that the archive request failed, and let `Try again` resubmit it.
+- If the request is accepted but the read model is not observed within the
+  bounded window, keep the dialog open and report that archival is still being
+  confirmed. `Check again` repeats only observation and must not submit a second
+  deactivation command.
+- Unauthorized and forbidden responses use the same non-technical Workflow
+  error surface as the existing catalogue actions.
+- Refresh or partial-list failures do not optimistically remove the row.
+
+## Implementation Boundaries
+
+- Add a focused archival helper beside the vNext Workflow surface for status
+  normalization, action eligibility, and accepted-command observation.
+- Reuse `servicesApi.deactivateDeployment`; do not add a duplicate HTTP client
+  or a frontend-only archive store.
+- Extend `WorkflowRow` only with the committed deployment facts required by the
+  action and status.
+- Keep all changes within Workflow Activity vNext, its locale catalogues, and
+  focused tests. No backend contract or protobuf change is needed.
+
+## Verification
+
+Focused tests must prove:
+
+- an active published row exposes Archive while draft-only and archived rows do
+  not;
+- confirmation calls deactivation with distinct Workflow, deployment, and
+  scope identities;
+- command acceptance alone does not show success;
+- observed `Deactivated` state closes the dialog and moves the row from Active
+  to Archived;
+- delayed observation can be retried without resubmitting the command;
+- draft deletion semantics remain unchanged;
+- `view=archived` is preserved in navigation and stale/unknown views fall back
+  to Active.
+
+Browser verification must cover the overflow menu, confirmation dialog, active
+and archived filters, and the no-overlap behavior of the table at desktop and
+mobile widths. No destructive archive request will be submitted against the
+user's real remote data during browser verification without separate explicit
+authorization.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-list-metadata-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-list-metadata-design.md
new file mode 100644
index 0000000000..7cff175b40
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-list-metadata-design.md
@@ -0,0 +1,71 @@
+# Workflow List Metadata Design
+
+## Product Mismatch
+
+The Workflow list currently gives draft descriptions, publication revision IDs, ownership labels, and update context the same visual priority as the workflow name. This makes internal scope and revision details look like primary product information, while users need to scan workflow identity, lifecycle status, and recency first.
+
+This is primarily a placement and prominence mismatch. The existing runtime and API semantics are sufficient for the requested UI change:
+
+- `description` is user-authored workflow purpose text.
+- `activeRevisionId` determines whether a workflow is published, but the identifier itself is diagnostic detail.
+- `directoryLabel` can resolve to a technical scope identifier and is not useful in the primary list.
+- `updatedAtUtc` is the authoritative last-update time.
+- No authoritative creation time exists in the current list contract.
+
+## Chosen Design
+
+Use a four-column catalogue:
+
+```text
+Workflow | Status | Last updated | Actions
+```
+
+The Workflow column shows only the workflow name. When a workflow has a non-empty description, its name becomes a keyboard-focusable description trigger. Hovering or focusing that trigger opens a fixed-width popover containing the full description. Workflows without descriptions remain plain text and do not expose an empty trigger or popover.
+
+The description popover uses a 320 px content width with a viewport-safe maximum width and normal wrapping. It is contextual supporting information, not part of the row's default reading order.
+
+The Status column contains one badge:
+
+- `Draft` when there is no active revision.
+- `Published` when an active revision exists.
+
+The active revision identifier is not rendered in the primary list. The list does not visibly render ownership or scope labels. A draft's user-facing directory label may remain an internal accessibility discriminator for same-name row actions, but it is not row metadata and must not create another visible label. Workflow and service identifiers remain available only through the existing explicit copy-reference action and navigation contracts.
+
+The Last updated column renders the existing authoritative `updatedAtUtc` value with the established localized formatter. The UI does not add a Created column and does not derive a creation time from update time, file metadata, identifiers, or ordering.
+
+## Responsive And Accessible Behavior
+
+The existing horizontally scrollable table remains the layout owner. Column widths prioritize the workflow name, reserve stable space for status and last update, and keep Actions wide enough for the existing commands. On narrow screens, horizontal scrolling preserves the column relationships instead of collapsing unrelated facts into the Workflow cell.
+
+The description trigger supports both pointer hover and keyboard focus through the Ant Design popover behavior. Its focus treatment is visible, and the popover content wraps long descriptions without resizing the table row. No empty description surface is rendered.
+
+## Data Flow
+
+No API, model, or backend change is required.
+
+1. Draft and committed workflow sources continue to merge by `workflowId`.
+2. Draft descriptions continue to populate the merged row when available.
+3. `activeRevisionId` is converted to the user-facing status label only.
+4. `updatedAtUtc` continues to supply the localized last-update value.
+5. `directoryLabel` is not rendered as visible row metadata; when available, it may disambiguate the accessible names of same-name row actions.
+
+Search continues to match workflow name, description, and workflow ID even though descriptions and IDs are not permanently rendered. Sorting continues to use `updatedAtUtc` descending.
+
+## Error And Empty States
+
+Loading, partial-source failure, total failure, retry, empty, and filtered-empty states are unchanged. Missing or invalid update values continue to use the existing `Unavailable` behavior. A missing description simply disables the contextual description popover for that row.
+
+## Verification
+
+Focused page tests will assert that:
+
+- the table exposes Workflow, Status, Last updated, and Actions headers;
+- descriptions are absent from the default row content and appear through hover and keyboard focus;
+- the description popover has a fixed 320 px width and is not created for empty descriptions;
+- Published never exposes the active revision identifier;
+- ownership labels and the scope ID are absent from the workflow list;
+- the authoritative update value is rendered in the Last updated column;
+- no Created column or inferred creation value appears;
+- existing row actions, search behavior, and identity routing remain intact.
+
+Local verification remains limited to the Workflow Activity test file and changed-file static checks. The full frontend suite, typecheck, and production build are delegated to GitHub CI by the personal frontend workflow policy.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-row-action-hierarchy-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-row-action-hierarchy-design.md
new file mode 100644
index 0000000000..17c7c118da
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-06-workflow-row-action-hierarchy-design.md
@@ -0,0 +1,207 @@
+# Workflow Row Action Hierarchy Design
+
+## Status
+
+Visual direction and the written contract were approved by the user on
+2026-08-06. Implementation is authorized.
+
+This specification applies only to the Workflow Activity vNext catalogue row
+actions on `feat/2026-08-04_workflow-activity-vnext`. It does not change any
+Workflow identity, API, mutation, Activity filtering, or confirmation
+semantics.
+
+## Problem
+
+The catalogue currently presents five row capabilities through four adjacent
+controls:
+
+- bordered `Open` and `Activity` buttons;
+- a standalone red Delete icon for draft rows;
+- a neutral overflow trigger containing Rename and Copy workflow reference.
+
+The UI therefore implies that draft deletion deserves more persistent visual
+prominence than rename or copy, even though deletion is a low-frequency,
+destructive management action. The row also mixes button types without an
+explicit action hierarchy and adds capabilities without preserving the
+catalogue's original `one clear Open action` contract.
+
+The mismatch is one of placement and prominence: the user expects one obvious
+way to enter the Workflow, a secondary way to inspect its Activity, and one
+consistent place for lower-frequency management actions.
+
+## Existing Authorities
+
+The implementation must continue to follow:
+
+1. `docs/canon/frontend-design.md` and its component-interaction requirements;
+2. `docs/design/2026-04-23-component-interaction-standard.md`;
+3. `2026-08-04-workflow-activity-vnext-design.md`, especially the catalogue,
+   information-priority, accessibility, and interaction contracts;
+4. the existing authoritative Workflow draft and scope APIs.
+
+The global interaction standard governs complete default, hover, active,
+disabled, loading, focus, duplicate-submission, and error states. This design
+adds the missing catalogue-specific prominence rule; it does not replace the
+global standard.
+
+## Chosen Action Model
+
+Each row exposes exactly three persistent controls in this order:
+
+```text
+[ Open ] [ View activity ] [ More actions ]
+```
+
+### Open
+
+- The only primary action in the row.
+- Uses the existing blue primary treatment.
+- Includes the edit icon shown in the approved visual and the visible label
+  `Open`.
+- Is a real link to the row's canonical Workflow editor URL, so modified click,
+  middle click, copy link, and browser link semantics continue to work.
+- Uses a row-specific accessible name that includes the Workflow name and
+  ownership label.
+
+### View Activity
+
+- A neutral secondary action with the same height, radius, typography, and
+  icon alignment as Open.
+- Uses the visible label `View activity`, not the less specific `Activity`.
+- Is a real link containing the row's exact authoritative `workflowId` query.
+- Uses a row-specific accessible name that includes the Workflow name and
+  ownership label.
+
+### More Actions
+
+- A neutral icon-only overflow trigger with stable dimensions.
+- Uses the existing ellipsis icon and a localized row-specific accessible
+  name.
+- The familiar ellipsis does not require persistent visible copy. It retains a
+  visible focus state and the Dropdown's keyboard behavior.
+- The trigger remains present even when a published-only row currently has
+  only one available low-frequency action. Stable placement is more important
+  than changing the row shape by capability count.
+
+## Overflow Menu
+
+Draft-capable rows use this exact order:
+
+```text
+Rename
+Copy workflow reference
+-----------------------
+Delete draft
+```
+
+Published-only rows show only `Copy workflow reference` until another honest
+row capability exists.
+
+- Rename retains the current draft read, update, refresh, duplicate-name
+  warning, loading lock, success toast, and error toast behavior.
+- Copy retains the exact `workflowId` payload and current success/error toasts.
+- Delete moves from the persistent row surface into the menu. It is separated
+  from ordinary items and uses the menu's danger presentation.
+- Selecting Delete opens the existing confirmation Modal. No deletion occurs
+  from the menu click itself.
+- The confirmation Modal retains its exact target explanation, pending lock,
+  retry behavior, and danger confirmation button.
+
+The menu item hierarchy is semantic, not decorative. Danger red is reserved
+for Delete; Rename and Copy remain neutral.
+
+## Visual Contract
+
+- All three persistent controls share one height, radius, icon size, gap, font,
+  hover transition, active response, and visible focus treatment.
+- Open alone uses primary blue. View activity and More actions are neutral.
+- The action cell does not show a standalone red icon.
+- The action group has a stable no-wrap desktop layout and cannot resize on
+  hover, focus, loading, or menu open.
+- Menu items use one row height and icon/text alignment. The divider and danger
+  color communicate destructive separation without adding another button
+  style.
+- Existing Aevatar and Ant Design tokens remain authoritative. No new palette,
+  shadow system, radius token, or reusable global component is introduced.
+- Persistent buttons reuse `AEVATAR_INTERACTIVE_BUTTON_CLASS` in addition to
+  the existing vNext focus and dimension contract.
+
+## Responsive Contract
+
+- Desktop keeps the three-control action group aligned to the end of the row.
+- The local table scroll region remains the only horizontal overflow owner.
+- At touch-oriented narrow widths, persistent action targets meet the existing
+  44 px minimum while preserving the compact desktop target size.
+- The overflow menu remains within the viewport and opens from the row's end
+  edge.
+- No action is discoverable only through hover.
+
+## Accessibility And Navigation
+
+- Open and View activity are links because they navigate; Rename, Copy,
+  Delete, and the overflow trigger remain actions.
+- Icons accompanying visible labels are decorative. The icon-only overflow
+  trigger has a localized accessible name and `aria-expanded`/menu semantics
+  through Ant Design Dropdown.
+- Duplicate Workflow names remain distinguishable in action names by including
+  the authoritative user-facing ownership label.
+- The Delete menu item uses both text and danger styling; color is not its only
+  signal.
+- Keyboard users can reach Open, View activity, More actions, every menu item,
+  and the confirmation Modal in DOM order. Closing the menu restores normal
+  row navigation without triggering Open.
+
+## Testing Contract
+
+Focused route tests must prove:
+
+1. a row has one primary Open link, one View activity link, and one More actions
+   button;
+2. no standalone Delete button is present before the menu opens;
+3. a draft row menu orders Rename, Copy workflow reference, divider, and Delete
+   draft, with Delete marked dangerous;
+4. selecting Delete opens the existing confirmation without calling the API;
+5. confirming the Modal preserves the existing deletion, refresh, retry, and
+   error behavior;
+6. Open and View activity expose real canonical `href` values and preserve the
+   exact `workflowId` identity boundary;
+7. same-name rows receive distinguishable accessible action names;
+8. rename and copy behavior continue to pass their existing tests.
+
+Changed source and test files receive focused Jest and changed-file Biome
+validation only. Full frontend tests, typecheck, and production build remain
+delegated to GitHub CI by the personal frontend workflow policy.
+
+## Non-Goals
+
+- No capability is removed.
+- No new Workflow action, bulk action, row selection, Run action, or context
+  drawer is added.
+- No change to duplicate-name allowance or discriminator content.
+- No backend, API, query key, route identity, Activity contract, or toast
+  mapping change.
+- No redesign of the catalogue table, status badges, search, filters, header,
+  navigation, or empty states.
+
+## Expected Implementation Surface
+
+- `workflows/WorkflowsPage.tsx`: link semantics, visible action hierarchy, and
+  overflow menu composition.
+- `styles.ts`: narrowly scoped stable action layout and touch target rules.
+- `index.test.tsx`: observable hierarchy, navigation, menu, and preserved
+  mutation behavior.
+- Workflow Activity vNext locale catalogues: `View activity` and row-specific
+  accessible names.
+- The original vNext design: one concise catalogue row-action rule so future
+  capabilities cannot return to the persistent row surface by default.
+
+## Acceptance Criteria
+
+- The row visibly presents only Open, View activity, and More actions.
+- Open is the only primary button; View activity and More actions are neutral.
+- Rename, Copy workflow reference, and Delete draft use one overflow menu.
+- Delete draft is last, separated, dangerous, and still requires confirmation.
+- All five existing capabilities retain their authoritative behavior.
+- Navigation uses real links and remains correct for distinct Workflow IDs.
+- The action group is keyboard operable, screen-reader distinguishable, stable
+  at desktop density, and usable at touch widths.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-07-workflow-node-reselection-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-07-workflow-node-reselection-design.md
new file mode 100644
index 0000000000..2f88af13ae
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-07-workflow-node-reselection-design.md
@@ -0,0 +1,54 @@
+# Workflow Node Reselection Design
+
+## Problem
+
+The vNext workflow editor currently treats every node click as a request to
+leave the active node configuration context. When the inspector contains
+unapplied changes, clicking the already-selected node therefore opens the
+discard confirmation even though no editing context would change.
+
+This is a runtime and mental-model mismatch: users expect selecting the active
+node to be idempotent, while the current event path treats it like a node
+switch.
+
+## Decision
+
+Node reselection is a no-op at the vNext editor page boundary. When the clicked
+node ID equals the editor's selected node ID, the page keeps the current
+inspector and its unapplied configuration draft without opening a dialog.
+
+The existing discard confirmation remains authoritative for real context
+changes:
+
+- selecting a different node;
+- selecting the canvas;
+- closing the inspector;
+- switching to YAML mode;
+- inserting another node;
+- navigating away from the editor.
+
+The selection boundary owns this decision because it has both the clicked node
+ID and the current selected node ID. The shared graph canvas and the inspector
+remain independent of route-specific selection policy.
+
+## Scope
+
+- Add an identity check to the vNext editor's node-selection handler.
+- Add rendered interaction coverage for same-node reselection and different-node
+  switching while node configuration is dirty.
+- Preserve all existing save, run, publish, close, canvas, YAML, insertion, and
+  navigation guards.
+- Do not change shared canvas behavior, localization, API contracts, or backend
+  code.
+
+## Verification
+
+The focused route integration test must prove both sides of the boundary:
+
+1. Re-clicking the dirty active node does not open the discard dialog and does
+   not change the inspector draft.
+2. Clicking another node while dirty still opens the discard dialog, preserves
+   the active draft on cancel, and switches only after explicit discard.
+
+The exact test file is run directly. Shared locale files are not passed to
+`--findRelatedTests`.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-vnext-list-return-refresh-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-vnext-list-return-refresh-design.md
new file mode 100644
index 0000000000..2fbeee57eb
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-vnext-list-return-refresh-design.md
@@ -0,0 +1,56 @@
+# vNext List Return Refresh Design
+
+## Status
+
+Approved for implementation on 2026-08-11 under the user's standing direction
+to proceed with the recommended approach without another approval round.
+
+Implementation branch: `fix/2026-08-11_refresh-vnext-lists-on-return`.
+
+Base branch: `feat/2026-08-04_workflow-activity-vnext` at
+`4ea36e70f904680b05f90a27b66cf7b85cb14bbd`.
+
+## Problem
+
+The shared React Query client keeps successful query data fresh for 30 seconds.
+Workflow Activity vNext renders list and detail surfaces exclusively, so returning
+from a detail surface unmounts the detail and remounts the list. During the
+freshness window, React Query serves the cached list without issuing a request.
+
+This leaves the Workflows catalogue stale after returning from the workflow
+editor. The Activity runs list has the same lifecycle when returning from run
+detail and can show an outdated run status for the same reason.
+
+## Product Contract
+
+- Entering the Workflows list refreshes its catalogue from the server.
+- Entering the Activity list refreshes its runs from the server.
+- The rule covers editor, new-workflow, run-detail, browser-back, and sidebar
+  return paths without requiring each source surface to know the list query key.
+- Existing filters and pagination query keys remain unchanged.
+- Existing loading and error presentation remains unchanged.
+- Other cached queries keep the shared 30-second freshness policy.
+
+## Design
+
+Set `refetchOnMount: 'always'` on the Workflows catalogue query and the Activity
+runs query. This makes list ownership explicit: a list surface decides that its
+server-backed collection must be revalidated whenever the surface is entered.
+
+The alternative of setting `staleTime: 0` would depend on default remount
+behavior and obscure the product intent. Invalidating from editor/detail
+mutations would couple independent surfaces, miss no-mutation return paths, and
+require every navigation path to cooperate.
+
+## Verification
+
+Use production-like test clients with `staleTime: 30_000` so the tests reproduce
+the bug rather than passing because test data is immediately stale. Cover:
+
+- Workflows list -> workflow editor -> Workflows list, asserting a second
+  catalogue request.
+- Activity list -> run detail -> Activity list, asserting a second runs request.
+
+Run only the changed test files and affected frontend checks. The complete
+frontend suite, typecheck, and production build remain delegated to GitHub CI
+under the personal incremental frontend policy.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-activity-authoritative-contracts-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-activity-authoritative-contracts-design.md
new file mode 100644
index 0000000000..8c46082e2a
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-activity-authoritative-contracts-design.md
@@ -0,0 +1,114 @@
+---
+title: Workflow Activity authoritative contracts
+status: approved
+owner: Aevatar frontend
+---
+
+# Workflow Activity Authoritative Contracts Design
+
+## Context
+
+Issue #3245 coordinates backend contracts needed by the Workflow Activity vNext frontend. The completed backend work on `feature/integrate` covers three capabilities:
+
+- #3250: a typed, cursor-paginated Activity feed;
+- #3251: authoritative recovery capabilities and a fork receipt with a routable `newRunId`;
+- #3252: durable retry/fork and sub-workflow lineage.
+
+This design applies those contracts to the frontend on top of `feat/2026-08-04_workflow-activity-vnext`. It supersedes the older client-side assumptions in the original vNext design where the new backend facts now exist.
+
+## Goals
+
+- Make Activity useful for identifying and investigating exact runs without exposing technical actor identities.
+- Scale Activity history through the backend cursor contract.
+- Make recovery eligibility, alternatives, reuse, revision, and cost warnings backend-owned.
+- Route fork receipts and lineage with public `runId` values only.
+- Keep retry/fork lineage distinct from sub-workflow lineage.
+
+## Non-Goals
+
+- Do not implement #3253 version-aligned Run Detail surfaces.
+- Do not implement #3254 usage provenance, currency, or the broader five-surface Run Detail redesign.
+- Do not infer workflow, run, actor, member, service, or definition identities.
+- Do not merge `feature/integrate` into the frontend branch; it is the contract source, not this PR's base.
+- Do not add production mocks, optimistic lineage, or fabricated recovery facts.
+
+## Contract Boundary
+
+The shared workflow Activity model will add explicit types for:
+
+- `WorkflowActivityRunFeedFilter` and `WorkflowActivityRunFeedPage`;
+- authoritative Activity row facts, including initiator, redacted input summary, current step, first failure, waiting state, timestamps, duration, recovery capability, and lineage;
+- recovery eligibility, unavailable reason codes, recommended actions, and action semantics;
+- retry/fork lineage and sub-workflow lineage as separate structures;
+- fork receipts containing both public `newRunId` and technical `newRunActorId`.
+
+The API adapter will add `listActivityRuns(scopeId, filter)` for `GET /api/workflow/observatory/activity-runs`. Existing `listRuns`, detail, and graph methods remain because the backend introduced an additive feed rather than replacing every observatory endpoint.
+
+Decoders remain strict. Malformed required identities, cursor envelopes, recovery fields, or lineage fields fail at the transport boundary instead of leaking partially trusted objects into pages.
+
+## Activity Page
+
+The Activity page will use TanStack Query cursor pagination. Its server query key includes scope, status, origin, definition, workflow, and time-range filters. Changing any server filter creates a new query and discards the prior cursor chain.
+
+The page sends `workflowId` directly. It removes the extra Workflow-detail lookup and no longer converts `workflowId` into `definitionActorId`.
+
+The default table groups backend facts into a compact operational view:
+
+- Workflow: workflow name and a secondary short run reference;
+- Status: status plus the first available failure, waiting, or current-step context;
+- Started: localized start time and backend duration or a live elapsed value;
+- Initiator: user-readable initiator plus run source;
+- Input: the backend-redacted input summary;
+- Action: open the exact run.
+
+Actor ids, command ids, projection fields, and raw payloads are excluded from the default table. Mobile retains workflow, status, time, and the open action through the existing responsive table treatment.
+
+The initial request asks for `includeTotalCount=true`. The page displays loaded and total counts when the backend supplies the total. `Load more` uses the opaque `nextCursor`; the client does not inspect or synthesize it. A next-page failure preserves loaded rows and provides a local retry. A `malformed_cursor` response offers a refresh from the first page.
+
+The existing `q` filter remains client-only and is labeled as filtering loaded runs so it does not imply a full-history server search.
+
+## Recovery
+
+Run Detail reads top-level `recoveryCapability`. It removes `resolveRunRecovery(steps, graph)` and never derives eligibility from failed-step count or graph root shape.
+
+Retry and Run again are enabled only when their respective capability has `eligibility=eligible` and a non-blank `startingStepId`. An unavailable action remains keyboard-focusable with `aria-disabled` and a visible backend reason. Recommended alternatives are presented in user language; only routes backed by existing stable identities are navigable.
+
+Before dispatch, the confirmation modal shows:
+
+- the source input;
+- definition revision id and version;
+- starting step;
+- whether prior step outputs are reused;
+- that a separate run will be created and the source run remains immutable;
+- a model/tool cost warning only when the capability says cost may recur.
+
+The fork request continues using the source run id, authoritative starting step, and source input required by the current endpoint. HTTP 202 is rendered as accepted, not completed. Its primary action opens the new Run Detail route using `newRunId`. `newRunActorId`, command id, correlation id, and status URL remain in Technical details.
+
+## Lineage
+
+Run Detail adds a Related runs section with two independent groups:
+
+- Retry history: source, original, attempt, starting step, and child runs;
+- Sub-workflows: parent, root, depth, parent step, and child runs.
+
+Every non-blank public run id links through `buildWorkflowActivityRunHref(scopeId, runId)`. Actor ids are never routing inputs and appear only in Technical details. Unavailable or legacy lineage renders an honest unavailable message without inventing relationships.
+
+## Error Handling
+
+- Initial Activity failure uses the existing full-page error state.
+- Next-page failure is local to the pagination footer and preserves prior pages.
+- Strict decoder failures surface through the existing Activity API error path.
+- Fork failure leaves the confirmation available for retry and shows the existing toast treatment.
+- Missing or unavailable capability disables dispatch with the backend reason.
+- Lineage unavailability does not fail the whole Run Detail page.
+
+## Testing
+
+Focused Jest tests will cover:
+
+- feed query encoding, pagination envelope decoding, authoritative workflow id filtering, recovery/lineage decoding, and `newRunId` receipt decoding;
+- Activity initial loading/error/empty states, rich authoritative row facts, URL-backed filters, cursor append/reset behavior, next-page failure preservation, and exact run navigation;
+- Run Detail capability-driven action states, focusable unavailable reasons, confirmation disclosures, immutable fork request, accepted receipt navigation via `newRunId`, and separate lineage groups.
+
+Local verification follows the personal incremental frontend policy: run the scope analyzer, every changed test file, dependency-related focused tests, and changed-file static checks only. Full frontend suite, full typecheck when no affected target exists, and production build are delegated to GitHub CI.
+
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-schedule-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-schedule-design.md
new file mode 100644
index 0000000000..554c95b3cd
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-11-workflow-schedule-design.md
@@ -0,0 +1,328 @@
+# Workflow Schedule vNext Design Specification
+
+**Status:** Design baseline for frontend implementation
+
+**Backend authority:** [Issue #3446](https://github.com/aevatarAI/aevatar/issues/3446)
+and the workflow-scoped Schedule facade merged by PR #3451.
+
+**Existing-Schedule management extension:**
+[Workflow Schedule Management and History Design Specification](./2026-08-21-workflow-schedule-history-design.md).
+The extension is normative for Overview, History, edit navigation, action
+hierarchy, and the handoff to filtered Activity.
+
+## Product Decision
+
+The previous design implied that a Workflow Schedule was a Team member
+automation requiring a separate authorization review. The backend and the pure
+Workflow product model define something else: a recurring Schedule is a child
+resource of one Workflow, addressed by exact `scopeId + workflowId`.
+
+The corrected model is:
+
+```mermaid
+flowchart LR
+    W["Published Workflow"] --> S["Workflow Schedule"]
+    S --> F["Scheduled fires"]
+    F --> R["Workflow execution"]
+```
+
+- Workflow owns Schedule configuration, list, detail, and mutations.
+- Schedule is not a Workflow graph node, Run-dialog mode, global setting, or
+  Team member automation.
+- Team Automation remains a separate Team/Member product resource.
+- Activity remains the separate owner of actual Run history and Run detail.
+  Schedule History owns only bounded recent attempts and provides a secondary
+  `View related runs in Activity` handoff with exact Workflow and Schedule
+  filters. A recent attempt may also open its exact Activity Run when the
+  backend fire record contains a non-empty `runActorId`. Any attempt without
+  that authoritative identity remains non-interactive; the row must not reuse
+  the Schedule-wide Activity handoff or guess a Run destination.
+
+## Identity Boundary
+
+The frontend Schedule resource needs only:
+
+```text
+scopeId
+workflowId
+scheduleId
+```
+
+`scopeId + workflowId` select the exact Schedule collection.
+`scheduleId` selects one resource inside that collection.
+
+The frontend must not require or infer `teamId`, `memberId`, or
+`publishedServiceId` for this flow. The backend resolves the published
+service, service endpoint, active revision, and authenticated NyxID owner
+binding behind the Workflow facade.
+
+At the API boundary, the frontend normalizes the Workflow facade's
+`runActorId` and the scheduled-dispatch transport's `targetActorId` into one
+product-semantic `runActorId`. Both fields carry the same authoritative target
+Run actor identity in this response boundary. UI components must not branch on
+the transport field name or expose `targetActorId` as a second identity.
+
+Draft, unpublished, or not-ready Workflows show an unavailable validation
+state. They never fall back to Team Automation.
+
+## Information Architecture
+
+### Workflows Catalogue
+
+Each published Workflow row exposes `Schedules` beside `Run` and `Open`.
+The action opens a management modal over the current list. It is the durable
+place to see every Schedule owned by that Workflow and provides `New schedule`
+for creation without navigating into the editor.
+
+The collection container has one resource-owned title:
+`Schedules for {workflowName}`. Its content toolbar contains only Refresh and
+`New schedule`; it does not repeat `Schedules` or add a generic subtitle that
+paraphrases the same Workflow ownership. A nested title remains appropriate
+only for a distinct state such as `No schedules yet` or a different task such
+as `Edit schedule`.
+
+Draft and unavailable Workflows keep the action disabled and explain that the
+Workflow must be saved and published.
+
+### Workflow Editor
+
+`Schedule` appears beside `Run` in the editor header. It opens the existing
+right-side surface while preserving the canvas. The panel contains:
+
+- a list of Schedules returned for this Workflow;
+- the same new-Schedule flow used by the catalogue modal;
+- Schedule detail and editing;
+- enable or disable, run-now, and delete actions.
+
+The modal and panel are two containers for one state machine, not two resource
+models.
+
+## Creation Flow
+
+The shared creation flow is:
+
+```text
+configure -> previewing -> review -> create -> toast -> refresh list/detail
+```
+
+### Configure
+
+The primary form order is:
+
+| UI field | API field | Behavior |
+| --- | --- | --- |
+| Schedule name | `displayName` | Editable and required |
+| Repeat + time | `cronExpression` | Common recurring rules use the human builder |
+| Raw cron | `cronExpression` | Opens only through `write it as cron instead` |
+| Time zone | `timezone` | Browser IANA zone with `UTC` fallback |
+| Prompt | `prompt` | Optional; empty means no fixed prompt |
+| Enabled after creation | `enabled` | Explicit create request state |
+
+The configure surface keeps only user-actionable labels. The workflow identity
+strip shows the exact workflow name and publication state without a generic
+category banner. Run input is labeled directly, and the enabled switch sits
+beside it without a separate explanatory section. Backend implementation notes
+such as where preview times are calculated are not shown in the product UI.
+
+`headers` is supported by the API but is not a primary first-release field.
+The UI can add it later under an advanced surface without changing the core
+flow.
+
+The first release supports recurring five-field cron only. It does not expose
+one-shot fields even if lower layers contain them.
+
+The human repeat builder covers the recurring presets users commonly need:
+
+- Every hour (at minute `0` of each hour)
+- Every day (with a time)
+- Weekdays (with a time)
+- Every week (with a weekday and time)
+- Every month (with a day of month and time)
+
+Weekly and monthly selections are still serialized as ordinary five-field cron
+expressions. More advanced expressions remain available through the explicit
+`write it as cron instead` disclosure. The two input modes are mutually
+exclusive: raw Cron mode replaces the Repeat, weekday/day-of-month, and Time
+controls with Cron expression while keeping Time zone editable. Returning to
+the repeat builder restores the human-readable controls from the Cron value.
+
+### Preview
+
+`Review schedule` validates the local form and calls:
+
+```text
+POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/preview
+```
+
+The request contains `cronExpression`, `timezone`, and `count: 5`. The
+browser never calculates future fire times. A preview error returns the user
+to the form with the invalid field still editable. Preview, create, edit, and
+lifecycle failure Toasts use the shared user-facing error boundary; they never
+display raw proxy text, endpoint paths, local addresses, or backend exception
+messages.
+
+### Review
+
+Review is a normal creation confirmation, not an authorization screen. It
+shows:
+
+- Workflow name;
+- Schedule name;
+- recurrence and timezone;
+- optional prompt;
+- enabled-after-creation state;
+- five fire times returned by preview.
+
+No Team/Member identity, service identity, node grant, LLM selection,
+credential, permission digest, or policy version appears.
+
+`Create schedule` calls:
+
+```text
+POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules
+```
+
+with:
+
+```json
+{
+  "displayName": "Weekly feedback report recurring work",
+  "cronExpression": "0 9 * * 1-5",
+  "timezone": "Asia/Shanghai",
+  "enabled": true,
+  "prompt": ""
+}
+```
+
+### Create acknowledgement
+
+Create returns `202 Accepted` and a mutation receipt. The UI must not claim
+Active, next fire, or final state from the command response. The catalogue
+modal closes immediately and shows a non-blocking Toast saying that the
+request was accepted and will appear in the list shortly. The editor panel
+returns to the Schedule list and shows the same Toast.
+
+The Workflow-scoped list continues refreshing while the panel remains open;
+the next list mount also refetches, so the read model remains the authority for
+the created Schedule. No second accepted-state modal is needed.
+
+## Existing Schedule Management
+
+The list and detail surfaces use:
+
+```text
+GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules
+GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}
+```
+
+The UI may present only typed response facts, including:
+
+- display name, cron expression, timezone, enabled state, and prompt;
+- next and last fire;
+- last error and error code;
+- fire and failure counts;
+- recent fires;
+- a per-attempt exact Run destination only when `runActorId` is non-empty;
+- a separate Workflow + Schedule filtered Activity handoff for the Schedule as
+  a whole;
+- service revision only when useful as secondary diagnostics.
+
+Low-level service, actor, command, correlation, credential, or Team fields do
+not belong in the primary product UI.
+
+Collection and selected-Schedule request failures keep their owning modal or
+panel shell, name what could not be loaded, and provide Retry. Their primary
+description uses stable product language rather than the backend exception
+string. Raw transport diagnostics may appear only inside a collapsed
+`Technical details` disclosure. Long diagnostic text wraps or scrolls inside
+that disclosure; it must never widen the Alert, modal, drawer, or viewport.
+
+Selecting an existing Schedule opens its read-only Overview before editing.
+Overview and History are sibling tabs in one stable management surface.
+Overview owns configuration and observed status; History renders the returned
+`recentFires` as bounded recent attempts in newest-first order. Loading, empty,
+request-failure, and failed-attempt states remain distinct. The focused
+management and History specification linked above defines the exact layout,
+copy, action hierarchy, diagnostics disclosure, and Activity handoff.
+
+### Edit
+
+`Change schedule` enters the editable configuration from the observed detail.
+Cancel returns to that Schedule detail rather than closing the management
+surface or skipping back to the collection. Edit hydrates the observed
+Schedule values and sends a full replacement:
+
+```text
+PUT /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}
+```
+
+The request must preserve the observed `enabled` value. Editing cadence or
+prompt on a paused Schedule must not enable it accidentally.
+
+The update response is `202 Accepted`; the detail remains pending until a
+refresh observes the new state.
+
+### Lifecycle Actions
+
+| Action | Existing endpoint | UI rule |
+| --- | --- | --- |
+| Enable | `POST .../{scheduleId}:enable` | Show pending, then refresh |
+| Disable | `POST .../{scheduleId}:disable` | Show pending, then refresh |
+| Run now | `POST .../{scheduleId}:run-now` | Confirm external effects, then refresh |
+| Delete | `DELETE .../{scheduleId}` | Confirm, then remove only after refresh |
+
+All four return accepted receipts. The UI does not optimistically mutate
+authoritative Schedule state.
+
+There is no `Review and reauthorize` action because the Workflow Schedule API
+does not expose or require an authorization-preflight lifecycle.
+
+## API Compatibility
+
+The existing backend covers every required first-release interaction:
+
+| Screen or behavior | Backend support |
+| --- | --- |
+| Workflow Schedule list | Workflow-scoped `GET` collection |
+| Five-fire preview | Workflow-scoped `POST .../preview` |
+| Create | Workflow-scoped `POST`, `202 Accepted` |
+| Accepted observation | Collection/detail `GET` |
+| Detail | Workflow-scoped detail `GET` |
+| Edit | Workflow-scoped `PUT`, `202 Accepted` |
+| Enable/disable | Colon action routes |
+| Run now | Colon action route |
+| Delete | Workflow-scoped `DELETE`, `202 Accepted` |
+
+No backend contract gap remains for this design, so issue #3446 does not need
+an additional comment.
+
+## Standalone Review Artifacts
+
+The deterministic Schedule source contains exactly seven independently useful
+`1440x900` scenes:
+
+1. `schedule-workflows-list-modal.png`
+2. `schedule-workflow-editor-panel.png`
+3. `schedule-review.png`
+4. `schedule-creation-pending.png`
+5. `schedule-detail.png` (Overview)
+6. `schedule-history.png`
+7. `schedule-edit.png`
+
+There is no contact sheet, combined overview, Schedule-specific Activity
+frame, or authorization review image.
+
+## Verification Contract
+
+- The baseline verifier rejects Team/Member, generic Schedule API,
+  authorization-preflight, credential, grant, policy, and reauthorization
+  terms in the Schedule area.
+- The verifier requires all Workflow-scoped collection, detail, mutation, and
+  action routes.
+- The prototype must key fixtures by exact `scopeId + workflowId`.
+- The prototype must preserve observed `enabled` on update and refresh after
+  every accepted mutation.
+- The generator, Excalidraw, renderer, and seven PNGs must be deterministic and
+  source-linked.
+- Focused frontend checks are local; the full suite and build remain delegated
+  to GitHub CI.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-21-workflow-schedule-history-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-21-workflow-schedule-history-design.md
new file mode 100644
index 0000000000..c10e645b8e
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-21-workflow-schedule-history-design.md
@@ -0,0 +1,440 @@
+# Workflow Schedule Management and History Design Specification
+
+**Status:** Approved for implementation
+
+**Extends:**
+[Workflow Schedule vNext Design Specification](./2026-08-11-workflow-schedule-design.md)
+
+**Backend authority:** [Issue #3446](https://github.com/aevatarAI/aevatar/issues/3446),
+the Workflow-scoped Schedule facade, and the Schedule detail `recentFires`
+contract on `feature/integrate`.
+
+## Product Decision
+
+An existing Schedule has one management surface with two sibling views:
+
+```text
+Schedule management
+  Overview   configuration and current observed state
+  History    bounded recent Schedule attempts
+```
+
+This surface does not replace Activity. The product owns three related but
+different records:
+
+| Surface | Fact it owns | Source |
+| --- | --- | --- |
+| Schedule Overview | Recurrence configuration and current observed state | Workflow Schedule detail |
+| Schedule History | Bounded recent trigger attempts | Schedule detail `recentFires` |
+| Activity | Actual observed Workflow Runs and Run detail | Activity read model |
+
+A Schedule attempt can fail before a Workflow Run exists. For that reason,
+the UI must call `recentFires` **attempts**, must not promise complete Run
+history, and must not derive or guess a Run URL from command, correlation, or
+idempotency identifiers. The backend fire record's non-empty `runActorId` is
+the only authoritative per-attempt Run destination.
+
+## User Jobs
+
+The management surface supports four explicit jobs without mixing them into
+one long form:
+
+1. Understand whether the Schedule is active and when it will try next.
+2. Inspect or change its recurrence and optional Run input.
+3. Inspect recent Schedule attempts, including failures before Run creation.
+4. Continue to Activity when the user needs the resulting Workflow Runs.
+
+Raw backend diagnostics, accepted-command implementation notes, and resource
+identifiers are not primary user jobs.
+
+## Information Architecture
+
+### Entry points
+
+The same state model is used in both existing containers:
+
+- Workflows catalogue: `Schedules` opens the Workflow's Schedule management
+  modal.
+- Workflow editor: `Schedules` opens the right-side Schedule management panel
+  without hiding the canvas.
+
+Both containers start on the Schedule collection. Selecting a Schedule opens
+its Overview. Neither container navigates through Activity to manage a
+Schedule.
+
+### Schedule collection
+
+The modal and panel list state use one title, `Schedules for {workflowName}`,
+to identify both the collection and its owning Workflow. The list body does not
+repeat that collection title or add helper copy that only restates recurrence
+or ownership; its toolbar is reserved for collection actions.
+
+Each row shows only the facts needed to choose a Schedule:
+
+- Schedule name;
+- Enabled or Paused status;
+- human-readable recurrence and timezone;
+- next scheduled time, or `No upcoming attempt` when paused or unavailable.
+
+The row is the single selection target. Lifecycle and edit buttons do not
+repeat on every collection row. `New schedule` remains the primary collection
+action.
+
+### Selected Schedule header
+
+The back/close structure and resource context are stable across Overview,
+History, and Edit. Every selected-Schedule state uses the same one-line resource
+identity:
+
+```text
+[Back]  Morning digest · Weekly Feedback Report  [Close]
+```
+
+- Back returns to the Schedule collection inside the current container.
+- Close exits the entire Schedule management modal or panel.
+- The selected Schedule and owning Workflow stay on one line. Long resource
+  names truncate rather than increasing the header height, while accessible
+  labels and title text retain the full context.
+- Switching Overview and History changes only the content below the tab list;
+  it never replaces or rewrites the selected-Schedule header.
+- The active tab is the sole view label. `Schedule history` is not repeated in
+  the resource title.
+- There is no footer-level `Back to schedules` action.
+
+Back and Close are separate controls because they produce different state
+transitions. Their accessible names are `Back to schedules` and
+`Close schedules`.
+
+### Tabs
+
+Overview and History are a two-item tab list immediately below the header.
+Overview is selected every time the user newly selects a Schedule. Tab state
+may persist while that Schedule stays selected, but must not leak to a
+different Schedule.
+
+The tab list supports normal keyboard tab semantics:
+
+- `Tab` focuses the active tab;
+- Left/Right move between tabs;
+- `Home` and `End` select the first and last tab;
+- each tab owns one labelled tab panel.
+
+Edit is not a third tab. It is a temporary mutation mode entered from
+Overview and returns to Overview after Cancel or an observed successful
+update.
+
+## Overview
+
+### Primary content
+
+Overview is read-only and follows this order:
+
+1. Status and recurrence summary.
+2. Next scheduled time.
+3. Timezone.
+4. Last attempt.
+5. Total attempts and failed attempts.
+6. Run input, only when non-empty.
+7. Collapsed Advanced details containing the raw cron expression.
+
+The human-readable recurrence is primary, for example:
+
+```text
+Every weekday at 09:00
+```
+
+The raw value `0 9 * * 1-5` is diagnostic configuration and stays under
+`Advanced details`. Overview does not repeat a large blue Workflow context
+strip or an empty `No prompt` field.
+
+Expanding Advanced details must not require the user to interpret cron syntax.
+It presents a compact readable-to-technical hierarchy:
+
+| Detail | Presentation |
+| --- | --- |
+| Runs | Reuse the same localized human recurrence shown by Overview, such as `Every hour` or `Every weekday at 09:00` |
+| Technical format | Show the exact cron expression in monospace for support and debugging |
+
+For a valid expression outside the human builder's supported shapes, `Runs`
+honestly says `Custom schedule` and `Technical format` retains the exact value.
+Do not add a five-field cron tutorial, duplicate Timezone, or introduce a
+second cron interpretation path just for this disclosure.
+
+Dates and times use the current application locale and the Schedule timezone.
+They must not use an independent browser-locale formatter that can create a
+mixed-language surface.
+
+### Actions
+
+Overview exposes this hierarchy:
+
+```text
+[Run now]  [Edit schedule]  [More]
+                                Pause / Enable
+                                Delete schedule
+```
+
+- `Run now` is a direct command. Its accepted response is acknowledged by
+  Toast; observed attempt state still comes from Schedule detail.
+- `Edit schedule` enters Edit mode with the observed values.
+- `Pause` or `Enable` is inside More and reflects the observed current state.
+- `Delete schedule` is inside More, visually destructive, and requires a
+  confirmation dialog naming the Schedule.
+
+Pause/Enable and Delete must not have equal visual weight with Run now or Edit
+schedule. Accepted mutations must not optimistically rewrite authoritative
+Schedule state.
+
+### Pending state
+
+When a mutation returns `202 Accepted`, keep the selected Schedule visible,
+disable only conflicting mutations, and show a compact inline pending message
+or Toast. Refresh the exact Workflow-scoped list/detail until the observed
+state changes. Do not show backend implementation narration such as
+`Observed Schedule state only` or `Waiting for the Workflow list to confirm`.
+
+## History
+
+### Meaning
+
+The tab title is `History`; its content heading is `Recent attempts`. It shows
+the bounded `recentFires` returned by the exact Schedule detail endpoint in
+newest-first order.
+
+It is not a lifetime audit log and is not labelled `Runs`, `Run history`, or
+`All history`.
+
+### Row model
+
+History uses one compact table or table-like list. Each attempt exposes:
+
+| UI column | Backend source | Presentation |
+| --- | --- | --- |
+| Scheduled time | `scheduledFireAt` | Application locale in Schedule timezone |
+| Source | `manual` | `Manual` when true; otherwise `Scheduled` |
+| Schedule outcome | `error` + `runActorId` | `Failed to start`, `Run created`, or `Accepted` according to the mapping below |
+| Completed time | `completedAt` | Application locale in Schedule timezone |
+
+The table allocates most horizontal space to the two localized timestamp
+columns. `Source` remains compact, and `Schedule outcome` has enough room to
+name the observed dispatch state without implying a terminal Run result. The
+reference desktop proportions are `28 / 14 / 28 / 30` percent in the column
+order above.
+
+Outcome mapping is exact and does not infer execution state:
+
+| Condition | Label | Meaning |
+| --- | --- | --- |
+| `error` is non-empty | `Failed to start` | The Schedule attempt failed before it could reliably create a Run. |
+| `error` is empty and `runActorId` is non-empty | `Run created` | The backend returned an authoritative Run identity; Activity owns its current and terminal state. |
+| `error` is empty and `runActorId` is empty | `Accepted` | The attempt has no immediate Schedule error, but this record cannot identify an exact Run. |
+
+A failed row adds one concise message below its main row:
+
+```text
+The scheduled attempt could not start the Workflow.
+```
+
+For a manual attempt, substitute `manual` for `scheduled`. The raw backend
+error is available only through an expandable `Technical details` disclosure
+inside that row.
+
+Technical details may show the returned error text for support and debugging.
+The primary row must not expose:
+
+- service IDs or endpoint IDs;
+- actor IDs;
+- command or correlation IDs;
+- idempotency keys;
+- a guessed Run link when `runActorId` is empty;
+- a frontend-invented error category based on raw string matching.
+
+`Completed time` always renders only its localized timestamp. When `runActorId`
+is non-empty, one native anchor covers the full data row. The row receives a
+single hover and focus treatment, opens the existing Activity Run detail route
+in a new tab, and preserves `workflowId + schedule` in the query so Back returns
+to the same filtered Activity context. The anchor has a full accessible name
+that identifies the attempt and destination, supports keyboard focus and the
+browser link context menu, and does not rely on a scripted row click.
+
+Technical details remains an independently interactive disclosure above the
+row-link hit area. Any attempt with an empty `runActorId`, whether accepted or
+failed, remains non-interactive. It must never guess an identity or fall back to
+the Workflow + Schedule filtered Activity list.
+
+### Activity handoff
+
+The History tab provides one secondary link:
+
+```text
+View related runs in Activity
+```
+
+The link is deliberately about related Runs, not all attempts. It is a native
+link that opens a new tab and leaves the current Schedule container and History
+state intact. It opens:
+
+```text
+/scopes/:scopeId/workflow-activity-vnext/activity
+  ?workflowId=:workflowId
+  &schedule=:scheduleId
+```
+
+Activity owns the visible filter context and Run detail. The target view must
+make the Workflow and Schedule filters understandable to the user rather than
+silently filtering the table. Schedule is an attribution dimension, not a Run
+origin, so the handoff must not add `origin=schedule` or show Schedule in the
+Activity Source filter. No backend change is required because the Activity
+contract already accepts `workflowId` and `scheduleIds` filters.
+
+The filtered Activity request is an idempotent read. It retries one transient
+network, timeout, throttling, or server failure before showing the existing
+Activity error state. Authentication, authorization, bad-request, and response
+contract errors are not retried. The retry does not remove or weaken the
+Workflow and Schedule filters.
+
+## Edit
+
+Edit uses the existing human recurrence builder and preserves the selected
+Schedule's observed values:
+
+- name;
+- repeat preset plus time, or raw cron mode;
+- timezone;
+- optional Run input;
+- observed enabled state in the full update request.
+
+Raw cron mode and the repeat builder are mutually exclusive. When raw cron is
+selected, Repeat and Time are hidden and `Cron expression` is shown; timezone
+remains visible. Returning to the builder restores the human controls from a
+representable cron value.
+
+`Cancel` discards the draft and returns to Overview. `Save changes` sends the
+full replacement, shows accepted feedback, and returns to Overview while the
+observed detail refreshes. Edit contains no History table or lifecycle action.
+
+## State Model
+
+```mermaid
+stateDiagram-v2
+    [*] --> ScheduleList
+    ScheduleList --> Overview: Select Schedule
+    Overview --> History: Select History tab
+    History --> Overview: Select Overview tab
+    Overview --> Edit: Edit schedule
+    Edit --> Overview: Cancel
+    Edit --> Overview: Save accepted
+    History --> Activity: Open related runs in new tab
+    History --> RunDetail: Open attempt with runActorId in new tab
+    Overview --> ScheduleList: Back
+    History --> ScheduleList: Back
+    Edit --> ScheduleList: Back
+    ScheduleList --> [*]: Close
+    Overview --> [*]: Close
+    History --> [*]: Close
+    Edit --> [*]: Close
+```
+
+Using Back from Edit abandons the draft and returns to the collection. If the
+form is dirty, the container uses the product's normal unsaved-change
+confirmation before discarding it.
+
+## Loading, Empty, and Error States
+
+Schedule-detail loading and History loading are explicit states. They do not
+render stale collection summaries as if they were detail data.
+
+| State | Required presentation |
+| --- | --- |
+| Detail loading | Stable skeleton inside the selected-Schedule shell |
+| Detail request error | `Schedule couldn't be loaded` with Retry |
+| History loading | Stable row skeleton under `Recent attempts` |
+| Successful empty History | `No attempts yet` |
+| History request error | `History couldn't be loaded` with Retry |
+| Failed attempt | Normal History row with `Failed to start` outcome and Technical details |
+
+A failed attempt is business data, not a History-request error. Refresh and
+Retry preserve the selected Schedule and active tab.
+
+Request-error Alerts use one concise product description and keep Retry in the
+owning data region. The raw error is not the description: proxy text, endpoint
+paths, local addresses, and backend exception details stay behind a collapsed
+`Technical details` disclosure. Alert content must shrink within the modal or
+drawer; long diagnostics wrap or scroll locally, and the Retry action moves
+below the message at narrow widths instead of escaping or overlapping the
+container.
+
+## Backend Compatibility
+
+The design uses the existing Workflow-facing contract without additions:
+
+```text
+GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules
+GET /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}
+PUT /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}
+POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:enable
+POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:disable
+POST /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}:run-now
+DELETE /api/scopes/{scopeId}/workflows/{workflowId}/schedules/{scheduleId}
+```
+
+The Schedule detail provides configuration, counters, current timestamps, and
+bounded `recentFires`, including an authoritative target Run actor identity when
+an attempt created a Run. The frontend adapter accepts the Workflow facade name
+`runActorId` and the scheduled-dispatch transport name `targetActorId`, then
+normalizes both to the UI's single `runActorId` field. Activity already supplies
+the filtered actual-Run surface and Run detail. There is no backend issue
+comment to add for this design.
+
+## Review Artifacts
+
+The deterministic Schedule source contains seven standalone `1440x900`
+scenes:
+
+1. `schedule-workflows-list-modal.png`
+2. `schedule-workflow-editor-panel.png`
+3. `schedule-review.png`
+4. `schedule-creation-pending.png`
+5. `schedule-detail.png` as the Overview state
+6. `schedule-history.png` as the History state
+7. `schedule-edit.png`
+
+There is no contact sheet and no Schedule-specific Activity frame. Overview
+and History are separate PNGs so each state can be reviewed at readable size.
+
+## Acceptance Criteria
+
+- Selecting a Schedule opens Overview, not an editable form.
+- Overview and History are sibling tabs under one stable selected-Schedule
+  header.
+- Back returns to the collection; Close exits the container.
+- Overview uses a human recurrence and hides raw cron under Advanced details.
+- Expanded Advanced details shows the human recurrence before the raw cron;
+  raw syntax is never the user's only local explanation of when it runs.
+- Empty optional Run input is omitted.
+- Run now and Edit schedule are direct actions; Pause/Enable and Delete live
+  under More.
+- History renders bounded attempts in a compact list and keeps raw failures
+  under Technical details.
+- An attempt with a non-empty backend `runActorId` opens that exact Activity
+  Run. Every attempt without one remains non-interactive; the row never changes
+  scope to the Schedule-wide Activity list or guesses an identity.
+- `View related runs in Activity` uses exact Workflow and Schedule filters.
+- Activity and Run links open in a new tab without closing or navigating the
+  current Schedule surface.
+- The same `Schedule · Workflow` title stays on one visual line across Overview
+  and History.
+- Schedule is absent from Activity Source filters and no handoff sends
+  `origin=schedule`.
+- A single transient Activity handoff request failure is retried once; 4xx
+  contract errors and response decoding errors are not retried.
+- History column widths prioritize localized timestamps and do not let the
+  Schedule outcome tag dominate common rows.
+- History has no Action column. A row with an authoritative `runActorId` is one
+  native whole-row link, while a row without one remains non-interactive.
+- Schedule outcome labels describe only the observed Schedule dispatch state;
+  Workflow Run success or failure remains visible in Activity Run detail.
+- Loading, successful empty, request error, and failed-attempt states remain
+  distinct.
+- All timestamps follow the application locale and Schedule timezone.
+- The implementation requires no backend contract change.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-08-25-workflow-create-result-unknown-design.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-25-workflow-create-result-unknown-design.md
new file mode 100644
index 0000000000..0f7c6c90e4
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-08-25-workflow-create-result-unknown-design.md
@@ -0,0 +1,79 @@
+# Workflow Create Result Unknown Design
+
+## Status
+
+Approved for the Workflow Activity vNext frontend on 2026-08-25. This design
+clarifies how the creation page reports an interrupted draft-create response;
+it does not change backend contracts or creation identity semantics.
+
+## Problem
+
+The draft-create command can be persisted even when its HTTP response times
+out. The current page maps every thrown error to `Workflow couldn't be
+created`, so it can tell the user to retry after the Workflow already exists.
+That feedback is stronger than the evidence available to the frontend and can
+lead to duplicate Workflows.
+
+## Product Contract
+
+- HTTP `408`, HTTP `504`, and transport interruption from
+  `createWorkflowDraft` mean the creation result is **unconfirmed**.
+- An unconfirmed result shows a warning telling the user to check Workflows
+  before trying again.
+- The page preserves every entered field and does not automatically resubmit
+  the create request.
+- The page refreshes the authoritative drafts query so the Workflow list can
+  reflect a create that completed despite the interrupted response.
+- The page never searches the refreshed list to infer a generated
+  `workflowId`, and never navigates to a Workflow selected by name, YAML,
+  filename, order, or timestamp.
+- Generation, YAML parsing, validation, and definite create business failures
+  continue to use the existing failure feedback.
+
+## Request-Stage Boundary
+
+Classification is scoped to the `createWorkflowDraft` call. A `504` from
+`authorWorkflow` or `parseYaml` is a definite pre-create failure because no
+draft-create request has been sent. Keeping the catch at the create boundary
+prevents status-code-only handling from changing those earlier stages.
+
+## User Flow
+
+```mermaid
+flowchart TD
+    A["User submits valid Workflow input"] --> B["Create scoped Workflow draft"]
+    B -->|"Materialized or accepted"| C["Open or observe the returned Workflow ID"]
+    B -->|"Definite business failure"| D["Show creation failed and keep input"]
+    B -->|"408, 504, or transport interruption"| E["Show result unconfirmed warning"]
+    E --> F["Refresh authoritative drafts query"]
+    F --> G["Keep input and let the user check Workflows"]
+```
+
+## Copy
+
+English: `Workflow creation couldn't be confirmed. Check Workflows before
+trying again.`
+
+Chinese: `无法确认工作流是否已创建，请先返回工作流列表检查，再决定是否重试。`
+
+The warning does not claim that creation succeeded, failed, or remains in
+progress.
+
+## Verification Contract
+
+A focused component test must prove that a draft-create timeout:
+
+1. emits the unconfirmed warning instead of the failure toast;
+2. preserves the submitted input;
+3. sends the create request exactly once;
+4. refreshes the drafts query;
+5. does not navigate to an inferred Workflow.
+
+The same test suite must retain coverage that failures before draft creation
+use the definite failure message.
+
+## Scope
+
+Frontend-only: Workflow Activity vNext creation component, focused tests,
+localized copy, and this specification. No backend code, API contract, proxy,
+or timeout value changes are included.
diff --git a/apps/aevatar-console-web/docs/superpowers/specs/2026-09-17-channel-bot-adoption.md b/apps/aevatar-console-web/docs/superpowers/specs/2026-09-17-channel-bot-adoption.md
new file mode 100644
index 0000000000..fd7ad9f450
--- /dev/null
+++ b/apps/aevatar-console-web/docs/superpowers/specs/2026-09-17-channel-bot-adoption.md
@@ -0,0 +1,129 @@
+# Channel Bot Adoption
+
+## Approved Design
+
+The approved Channels design is the
+[Channels - Add and bind Figma page](https://www.figma.com/design/FaVJx5IZeQX9jHcUi55ndB/?node-id=124-642).
+The existing Workflow Activity vNext shell, authentication, localization and
+real-API-only rules still apply. This supplement supersedes the previous
+Telegram token creation flow.
+
+- The top section is a static illustrated guide: add a bot in NyxID, return
+  and refresh/bind, then view the bound bot in the table. All three steps have
+  equal visual emphasis in every state. It is never a progress indicator.
+- The primary external action opens https://nyx.chrono-ai.fun/channel-bots.
+- Inventory contains both bound and unbound bots. Only an available unbound
+  bot exposes Bind; only a bound registration exposes Manage.
+- Bind uses the existing Skill and Services form controls. It contains no
+  platform credentials or editable channel name. Edit retains its existing
+  NyxID Label action and shares the Skill and Services controls.
+- Bind and Edit preselect and lock services whose exact slugs are `ornn-api`
+  and `chrono-llm-public`. Individual and bulk deselection retain both; other
+  services remain optional. Resolve their real UserService IDs from the current
+  authorized, active NyxID inventory, never from labels or slug-as-ID fallbacks.
+  Missing required access blocks submission and offers retry after correcting
+  NyxID access. Save uses an explicit allowlist containing both required IDs and
+  the optional selections. Editing an older NyxID-default configuration explains
+  that saving replaces defaults with these selected services; the UI does not
+  infer which services were included in those defaults.
+- Skill creation opens https://ornn.chrono-ai.fun/skills/new/generate in a
+  new tab. Its tooltip explains the return-and-refresh action. The refresh icon
+  sits at the right of the popup's Available in Ornn heading. Refresh preserves
+  the selected skill and keeps the dropdown open.
+- Match Figma's DM Sans typography, continuous white surface, restrained blue
+  actions, 60px guide icons and neutral connecting arrows. At a 1440px viewport,
+  the inventory content is 1080px wide; the table has a 46px header and 88px
+  rows, horizontal separators and no enclosing card border.
+- The binding form identifies the bot by label and platform and shows Not
+  bound. The Skill popup contains a search input, skill names and descriptions,
+  and the external creation footer. Keyboard users can move from search into
+  the options with Arrow Down and dismiss the popup with Escape.
+
+## API Contract
+
+[Backend issue #3652](https://github.com/aevatarAI/aevatar/issues/3652)
+defines the required deployment contract:
+
+| Action | Endpoint | Public inputs |
+| --- | --- | --- |
+| Inventory | GET /api/channels/registrations | None; caller-owned inventory |
+| Bind | POST /api/channels/registrations | nyx_channel_bot_id, skill_name, authorization_mode, service_ids |
+| Detail | GET /api/channels/registrations/{registrationId} | Opaque registration identity |
+| Edit | POST /api/channels/registrations/{registrationId} | skill_name, authorization_mode, service_ids |
+
+The inventory key is the NyxID bot ID. A local registration ID may be null for
+unbound bots. Neither API input nor response decoding requires a scope key;
+ownership is server resolved. Query caches remain isolated by the current
+route scope. A missing or malformed inventory is an error, never an empty list.
+Detail and edit take configuration and version evidence from the exact detail,
+then match its registration ID, bot ID and platform to inventory for the current
+NyxID Label and inbound status. The detail's placeholder label is never used as
+the editable bot name.
+
+A successful write receipt is admission only. Bind automatically observes the
+inventory for the receipt's registration ID and the original bot ID with a
+bound state and matching configuration. Once confirmed, it opens the existing
+Manage/detail page for that observed registration ID, showing the bound bot
+and its configuration. Acceptance alone does not navigate, and the NyxID bot
+ID is never substituted for the registration ID. Edit observes the exact detail
+until a newer authoritative state version contains the requested configuration.
+Observation is bounded to 30 seconds. Delay or read failure preserves the
+receipt and offers a return to Channels without repeating the write. An
+uncertain transport result also prevents a duplicate write from this form.
+
+Skill search uses the current NyxID session through
+`GET /api/v1/proxy/s/ornn-api/api/v1/skill-search` on the configured NyxID
+authority, with `scope=private&mode=keyword&q=...&limit=50`.
+Private scope includes owned and shared skills. The selector supports server
+search and opaque cursor pagination. No frontend API key or separate token
+store is introduced. Ornn's route schema confirms that `cursor` and `limit`
+are supported.
+
+## Deployment And Verification
+
+The #3652 contract was merged into `feature/integrate` by
+[backend PR #3653](https://github.com/aevatarAI/aevatar/pull/3653).
+During live verification on 2026-09-17, the remote deployment initially returned
+HTTP 200 with the old inventory shape, which the new decoder rejected. The UI
+now distinguishes an unavailable binding contract from a generic load failure.
+It never infers a binding state from legacy fields or treats failed decoding as
+an empty inventory.
+
+The remote deployment subsequently exposed the new exact-detail GET/POST
+routes and the new inventory shape. Verification against that real deployment
+displayed nine bots (eight bound and one unbound), loaded NyxID services and
+Ornn skills, and confirmed server search, keyboard selection and retention
+after refreshing skills. Desktop (1440px) and mobile (375px) screenshots were
+inspected in the existing Chrome session. No production bot or service grant
+was mutated during this verification; write confirmation and uncertain-write
+behavior are covered by focused tests.
+
+A subsequent user-triggered Bind returned `400 insecure_webhook_base_url`.
+The captured request contained exactly the documented bot ID, skill name,
+authorization mode and service IDs. In the referenced backend, registration
+checks the resolved callback address before calling the adoption facade.
+The UI must attribute this rejection to server configuration and preserve the
+user's choices instead of suggesting that the skill or grants are incorrect.
+
+The deployed host must explicitly configure its public HTTPS callback origin
+when TLS terminates before the application, for example:
+
+```text
+Aevatar__NyxIdRelay__WebhookBaseUrl=https://<public-channel-api-host>
+```
+
+`MainnetHostBuilderExtensions` reads `NyxIdRelay` first and overlays
+`Aevatar:NyxIdRelay`; operators must check that effective configuration.
+The host appends `/api/webhooks/nyxid-relay` to the base. Do not send this value
+in adoption JSON or substitute the browser's localhost origin. Correcting the
+UI error alone does not resolve the deployment configuration or establish a
+successful live binding. The backend deployment blocker is tracked in
+[issue #3656](https://github.com/aevatarAI/aevatar/issues/3656), assigned to
+`louis4li`.
+
+Focused tests cover inventory/null identities, request shapes and safe
+decoding, private Ornn proxy authorization/pagination, static guidance,
+binding/availability actions, refresh retention, exact detail/removal,
+admission observation, newer edit state and duplicate-write prevention.
+The removed token and runtime-config tests describe retired contracts.
+Full frontend tests, typecheck and production build belong to GitHub CI.
diff --git a/apps/aevatar-console-web/docs/testing-policy.md b/apps/aevatar-console-web/docs/testing-policy.md
index 4855adb0c5..be1bb24bf7 100644
--- a/apps/aevatar-console-web/docs/testing-policy.md
+++ b/apps/aevatar-console-web/docs/testing-policy.md
@@ -364,6 +364,14 @@ distinct user-facing risk justifies it.
 
 ## Coverage and Reporting
 
+GitHub CI runs the complete frontend test inventory in four Jest shards on
+separate runners. Each shard keeps serial execution within its own process.
+The existing `console-web` check requires every shard to succeed before running
+the full typecheck, production build, and workflow canvas benchmark; a failed,
+cancelled or skipped shard fails that check. Each test shard has a 35-minute
+budget, while `console-web` retains its 45-minute budget. Local development
+continues to use the focused commands above.
+
 - Coverage is diagnostic evidence, not a reason to create low-value tests or
   exercise generated code. Do not organize test files as generic coverage
   buckets.
diff --git a/apps/aevatar-console-web/package.json b/apps/aevatar-console-web/package.json
index 153e698c77..eb46f4bbea 100644
--- a/apps/aevatar-console-web/package.json
+++ b/apps/aevatar-console-web/package.json
@@ -6,6 +6,8 @@
   "description": "Aevatar console shell built on Ant Design Pro",
   "scripts": {
     "analyze": "cross-env ANALYZE=1 max build",
+    "benchmark:workflow-canvas": "playwright test --config=playwright.performance.config.ts",
+    "benchmark:workflow-canvas:serve": "cross-env UMI_ENV=production AEVATAR_WORKFLOW_CANVAS_BENCHMARK=1 max preview --port 4174",
     "build": "max build",
     "build:web": "npm run build",
     "dev": "npm run start:dev",
@@ -29,12 +31,14 @@
     "@aevatar-react-sdk/types": "0.5.0",
     "@ant-design/icons": "^6.1.0",
     "@ant-design/pro-components": "3.1.2-0",
+    "@fontsource-variable/dm-sans": "5.3.0",
     "@monaco-editor/react": "^4.7.0",
     "@tanstack/react-query": "^5.90.21",
     "@xyflow/react": "^12.10.1",
     "antd": "^6.2.2",
     "antd-style": "^4.1.0",
     "clsx": "^2.1.1",
+    "core-js-pure": "3.49.0",
     "dayjs": "^1.11.19",
     "monaco-editor": "^0.55.1",
     "react": "^19.2.4",
@@ -47,6 +51,7 @@
     "@biomejs/biome": "^2.1.1",
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
+    "@playwright/test": "1.60.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -66,6 +71,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^16.1.2",
     "mockjs": "^1.1.0",
+    "react-intl": "3.12.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.6.3",
     "umi-presets-pro": "^2.0.3",
diff --git a/apps/aevatar-console-web/performance/workflowCanvas.performance.spec.ts b/apps/aevatar-console-web/performance/workflowCanvas.performance.spec.ts
new file mode 100644
index 0000000000..329693068a
--- /dev/null
+++ b/apps/aevatar-console-web/performance/workflowCanvas.performance.spec.ts
@@ -0,0 +1,783 @@
+import { mkdir, writeFile } from 'node:fs/promises';
+import os from 'node:os';
+import path from 'node:path';
+import { expect, type Page, test } from '@playwright/test';
+import {
+  assertWorkflowCanvasBenchmarkResult,
+  createWorkflowCanvasBenchmarkProgress,
+  WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES,
+  WORKFLOW_CANVAS_BENCHMARK_SCENARIOS,
+  type WorkflowCanvasBenchmarkMeasurement,
+  type WorkflowCanvasBenchmarkPolicy,
+  type WorkflowCanvasBenchmarkReactCommit,
+  type WorkflowCanvasBenchmarkResult,
+  type WorkflowCanvasBenchmarkScenario,
+} from '../src/pages/workflow-canvas-benchmark/benchmarkGraph';
+
+type PolicyCase = {
+  readonly id: string;
+  readonly policy: WorkflowCanvasBenchmarkPolicy;
+};
+
+type ReactProfileArtifact = {
+  readonly commits: readonly WorkflowCanvasBenchmarkReactCommit[];
+  readonly graphNodes: number;
+  readonly policy: WorkflowCanvasBenchmarkPolicy;
+  readonly scenario: WorkflowCanvasBenchmarkScenario;
+};
+
+type InteractableNodeTarget = {
+  readonly id: string;
+  readonly point: {
+    readonly x: number;
+    readonly y: number;
+  };
+};
+
+type InteractableNodePair = readonly [
+  InteractableNodeTarget,
+  InteractableNodeTarget,
+];
+
+const BENCHMARK_POLICIES: readonly PolicyCase[] = [
+  {
+    id: 'full-graph-with-minimap',
+    policy: { minimap: true, visibleElementsOnly: false },
+  },
+  {
+    id: 'full-graph-without-minimap',
+    policy: { minimap: false, visibleElementsOnly: false },
+  },
+  {
+    id: 'visible-elements-with-minimap',
+    policy: { minimap: true, visibleElementsOnly: true },
+  },
+  {
+    id: 'visible-elements-without-minimap',
+    policy: { minimap: false, visibleElementsOnly: true },
+  },
+];
+const EXPECTED_RESULT_COUNT =
+  WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES.length *
+  BENCHMARK_POLICIES.length *
+  WORKFLOW_CANVAS_BENCHMARK_SCENARIOS.length;
+const ARTIFACT_DIRECTORY = path.resolve(
+  __dirname,
+  '../artifacts/workflow-canvas-benchmark',
+);
+const COMPACT_ZOOM_THRESHOLD = 0.48;
+const CONTROL_ZOOM_FACTOR = 1.2;
+const POSITION_CHANGE_TOLERANCE = 1;
+const ZOOM_CHANGE_TOLERANCE = 0.0001;
+const EXPECTED_CHANGED_NODE_REFERENCES: Readonly<
+  Record<WorkflowCanvasBenchmarkScenario, (graphNodes: number) => number>
+> = {
+  drag: () => 1,
+  'initial-load': (graphNodes) => graphNodes,
+  pan: () => 0,
+  selection: () => 2,
+  'status-update': () => 1,
+  'topology-add': () => 2,
+  'zoom-same-band': () => 0,
+  'zoom-threshold': () => 0,
+};
+
+async function waitForAnimationFrames(page: Page, frameCount = 2) {
+  await page.evaluate(async (frames) => {
+    for (let index = 0; index < frames; index += 1) {
+      await new Promise<void>((resolve) =>
+        requestAnimationFrame(() => resolve()),
+      );
+    }
+  }, frameCount);
+}
+
+async function readViewport(page: Page) {
+  return page.locator('.react-flow__viewport').evaluate((element) => {
+    const matrix = new DOMMatrix(getComputedStyle(element).transform);
+    return { x: matrix.e, y: matrix.f, zoom: matrix.a };
+  });
+}
+
+async function waitForInitialFit(page: Page) {
+  await page.locator('[data-benchmark-ready="true"]').waitFor();
+  await page.waitForFunction(async () => {
+    if (
+      !window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__ ||
+      !document.querySelector('.react-flow__node')
+    ) {
+      return false;
+    }
+
+    const transforms: string[] = [];
+    for (let index = 0; index < 4; index += 1) {
+      await new Promise<void>((resolve) =>
+        requestAnimationFrame(() => resolve()),
+      );
+      const viewport = document.querySelector<HTMLElement>(
+        '.react-flow__viewport',
+      );
+      if (!viewport) {
+        return false;
+      }
+      transforms.push(getComputedStyle(viewport).transform);
+    }
+
+    const matrix = new DOMMatrix(transforms.at(-1));
+    return (
+      Math.abs(matrix.a - 1) > 0.001 &&
+      transforms.slice(-3).every((transform) => transform === transforms.at(-1))
+    );
+  });
+}
+
+async function findPanePanGesture(page: Page): Promise<{
+  readonly end: { readonly x: number; readonly y: number };
+  readonly minimumHorizontalDistance: number;
+  readonly start: { readonly x: number; readonly y: number };
+}> {
+  return page.evaluate(() => {
+    const pane = document.querySelector<HTMLElement>('.react-flow__pane');
+    if (!pane) {
+      throw new Error('React Flow pane is unavailable');
+    }
+    const bounds = pane.getBoundingClientRect();
+    const fractions = [0.12, 0.22, 0.32, 0.42, 0.58, 0.68, 0.78, 0.88];
+    const candidates: Array<{ x: number; y: number }> = [];
+    for (const vertical of fractions) {
+      for (const horizontal of fractions) {
+        const point = {
+          x: bounds.left + bounds.width * horizontal,
+          y: bounds.top + bounds.height * vertical,
+        };
+        if (
+          document
+            .elementFromPoint(point.x, point.y)
+            ?.classList.contains('react-flow__pane')
+        ) {
+          candidates.push(point);
+        }
+      }
+    }
+
+    let gesture:
+      | {
+          end: { x: number; y: number };
+          horizontalDistance: number;
+          start: { x: number; y: number };
+        }
+      | undefined;
+    for (let startIndex = 0; startIndex < candidates.length; startIndex += 1) {
+      const start = candidates[startIndex];
+      for (
+        let endIndex = startIndex + 1;
+        endIndex < candidates.length;
+        endIndex += 1
+      ) {
+        const end = candidates[endIndex];
+        const horizontalDistance = Math.abs(end.x - start.x);
+        if (!gesture || horizontalDistance > gesture.horizontalDistance) {
+          gesture = { end, horizontalDistance, start };
+        }
+      }
+    }
+
+    const minimumHorizontalDistance = bounds.width * 0.45;
+    if (!gesture || gesture.horizontalDistance < minimumHorizontalDistance) {
+      throw new Error(
+        `No sufficiently long unobstructed horizontal pane gesture is available; found ${gesture?.horizontalDistance ?? 0}px`,
+      );
+    }
+    return {
+      end: gesture.end,
+      minimumHorizontalDistance,
+      start: gesture.start,
+    };
+  });
+}
+
+async function readMountedNodeIds(page: Page): Promise<readonly string[]> {
+  return page.evaluate(() => {
+    const ids = Array.from(
+      document.querySelectorAll<HTMLElement>('.react-flow__node'),
+      (node) => node.dataset.id,
+    );
+    if (ids.some((id) => !id)) {
+      throw new Error('A mounted workflow node is missing its data-id');
+    }
+    if (new Set(ids).size !== ids.length) {
+      throw new Error('Mounted workflow node IDs are not unique');
+    }
+    return (ids as string[]).sort();
+  });
+}
+
+async function findInteractableNodePair(
+  page: Page,
+): Promise<InteractableNodePair> {
+  return page.evaluate(() => {
+    const pane = document.querySelector<HTMLElement>('.react-flow__pane');
+    if (!pane) {
+      throw new Error('React Flow pane is unavailable');
+    }
+
+    const paneBounds = pane.getBoundingClientRect();
+    // Keep gestures away from clipped nodes and React Flow's edge auto-pan zone.
+    const gestureMargin = 80;
+    const seenIds = new Set<string>();
+    const targets: InteractableNodeTarget[] = [];
+    const nodes = document.querySelectorAll<HTMLElement>('.react-flow__node');
+    for (const node of nodes) {
+      const id = node.dataset.id;
+      if (!id || seenIds.has(id) || !pane.contains(node)) {
+        continue;
+      }
+
+      const nodeBounds = node.getBoundingClientRect();
+      const intersection = {
+        bottom: Math.min(nodeBounds.bottom, paneBounds.bottom),
+        left: Math.max(nodeBounds.left, paneBounds.left),
+        right: Math.min(nodeBounds.right, paneBounds.right),
+        top: Math.max(nodeBounds.top, paneBounds.top),
+      };
+      if (
+        intersection.right <= intersection.left ||
+        intersection.bottom <= intersection.top ||
+        nodeBounds.left < paneBounds.left + gestureMargin ||
+        nodeBounds.right > paneBounds.right - gestureMargin ||
+        nodeBounds.top < paneBounds.top + gestureMargin ||
+        nodeBounds.bottom > paneBounds.bottom - gestureMargin
+      ) {
+        continue;
+      }
+
+      const point = {
+        x: (intersection.left + intersection.right) / 2,
+        y: (intersection.top + intersection.bottom) / 2,
+      };
+      const hitTarget = document.elementFromPoint(point.x, point.y);
+      if (
+        !hitTarget ||
+        !node.contains(hitTarget) ||
+        hitTarget.closest('.nodrag, .react-flow__handle')
+      ) {
+        continue;
+      }
+
+      seenIds.add(id);
+      targets.push({ id, point });
+      if (targets.length === 2) {
+        return [targets[0], targets[1]] as InteractableNodePair;
+      }
+    }
+
+    throw new Error(
+      `Expected two distinct interactable workflow nodes, found ${targets.length}`,
+    );
+  });
+}
+
+async function readNodePosition(page: Page, nodeId: string) {
+  return page.evaluate((expectedNodeId) => {
+    const node = Array.from(
+      document.querySelectorAll<HTMLElement>('.react-flow__node'),
+    ).find((candidate) => candidate.dataset.id === expectedNodeId);
+    if (!node) {
+      throw new Error(`Workflow node ${expectedNodeId} is unavailable`);
+    }
+    const transform = new DOMMatrix(getComputedStyle(node).transform);
+    return { x: transform.e, y: transform.f };
+  }, nodeId);
+}
+
+async function readNodeSelected(page: Page, nodeId: string) {
+  return page.evaluate((expectedNodeId) => {
+    const node = Array.from(
+      document.querySelectorAll<HTMLElement>('.react-flow__node'),
+    ).find((candidate) => candidate.dataset.id === expectedNodeId);
+    if (!node) {
+      throw new Error(`Workflow node ${expectedNodeId} is unavailable`);
+    }
+    return (
+      node.classList.contains('selected') ||
+      node.getAttribute('aria-selected') === 'true'
+    );
+  }, nodeId);
+}
+
+async function waitForSelectionState(
+  page: Page,
+  selectedNodeId: string,
+  clearedNodeIds: readonly string[] = [],
+) {
+  await page.waitForFunction(
+    ({ clearedIds, selectedId }) => {
+      const nodes = Array.from(
+        document.querySelectorAll<HTMLElement>('.react-flow__node'),
+      );
+      const isSelected = (nodeId: string) => {
+        const node = nodes.find((candidate) => candidate.dataset.id === nodeId);
+        return Boolean(
+          node &&
+            (node.classList.contains('selected') ||
+              node.getAttribute('aria-selected') === 'true'),
+        );
+      };
+      return (
+        isSelected(selectedId) && clearedIds.every((id) => !isSelected(id))
+      );
+    },
+    { clearedIds: clearedNodeIds, selectedId: selectedNodeId },
+  );
+  expect(await readNodeSelected(page, selectedNodeId)).toBe(true);
+  for (const clearedNodeId of clearedNodeIds) {
+    expect(await readNodeSelected(page, clearedNodeId)).toBe(false);
+  }
+}
+
+async function prepareSelectionScenario(
+  page: Page,
+): Promise<InteractableNodePair> {
+  const targets = await findInteractableNodePair(page);
+  const [initialTarget] = targets;
+  await page.mouse.click(initialTarget.point.x, initialTarget.point.y);
+  await waitForSelectionState(page, initialTarget.id);
+  return targets;
+}
+
+async function runSelection(page: Page, targets: InteractableNodePair) {
+  const [initialTarget, nextTarget] = targets;
+  await page.mouse.click(nextTarget.point.x, nextTarget.point.y);
+  await waitForSelectionState(page, nextTarget.id, [initialTarget.id]);
+}
+
+async function runDrag(page: Page) {
+  const [target] = await findInteractableNodePair(page);
+  const before = await readNodePosition(page, target.id);
+  await page.mouse.move(target.point.x, target.point.y);
+  await page.mouse.down();
+  await page.mouse.move(target.point.x + 48, target.point.y + 32, { steps: 8 });
+  await page.mouse.up();
+  await page.waitForFunction(
+    ({ nodeId, position, tolerance }) => {
+      const node = Array.from(
+        document.querySelectorAll<HTMLElement>('.react-flow__node'),
+      ).find((candidate) => candidate.dataset.id === nodeId);
+      if (!node) {
+        return false;
+      }
+      const transform = new DOMMatrix(getComputedStyle(node).transform);
+      return (
+        Math.abs(transform.e - position.x) > tolerance ||
+        Math.abs(transform.f - position.y) > tolerance
+      );
+    },
+    {
+      nodeId: target.id,
+      position: before,
+      tolerance: POSITION_CHANGE_TOLERANCE,
+    },
+  );
+  const after = await readNodePosition(page, target.id);
+  expect(
+    Math.max(Math.abs(after.x - before.x), Math.abs(after.y - before.y)),
+  ).toBeGreaterThan(POSITION_CHANGE_TOLERANCE);
+}
+
+async function runPan(page: Page, visibleElementsOnly: boolean) {
+  const before = await readViewport(page);
+  const beforeMountedNodeIds = await readMountedNodeIds(page);
+  const gesture = await findPanePanGesture(page);
+  await page.mouse.move(gesture.start.x, gesture.start.y);
+  await page.mouse.down();
+  await page.mouse.move(gesture.end.x, gesture.end.y, { steps: 16 });
+  await page.mouse.up();
+  await waitForAnimationFrames(page);
+  if (visibleElementsOnly) {
+    await page.waitForFunction((previousIds) => {
+      const currentIds = Array.from(
+        document.querySelectorAll<HTMLElement>('.react-flow__node'),
+        (node) => node.dataset.id,
+      ).filter((id): id is string => Boolean(id));
+      const currentIdSet = new Set(currentIds);
+      const previousIdSet = new Set(previousIds);
+      return (
+        previousIds.some((id) => !currentIdSet.has(id)) &&
+        currentIds.some((id) => !previousIdSet.has(id))
+      );
+    }, beforeMountedNodeIds);
+  }
+  const after = await readViewport(page);
+  const afterMountedNodeIds = await readMountedNodeIds(page);
+  expect(Math.abs(after.x - before.x)).toBeGreaterThan(
+    gesture.minimumHorizontalDistance * 0.8,
+  );
+  expect(Math.abs(after.zoom - before.zoom)).toBeLessThanOrEqual(
+    ZOOM_CHANGE_TOLERANCE,
+  );
+  if (visibleElementsOnly) {
+    const beforeMountedNodeIdSet = new Set(beforeMountedNodeIds);
+    const afterMountedNodeIdSet = new Set(afterMountedNodeIds);
+    expect(
+      beforeMountedNodeIds.filter((id) => !afterMountedNodeIdSet.has(id))
+        .length,
+    ).toBeGreaterThan(0);
+    expect(
+      afterMountedNodeIds.filter((id) => !beforeMountedNodeIdSet.has(id))
+        .length,
+    ).toBeGreaterThan(0);
+  }
+}
+
+async function clickZoomControl(page: Page, direction: 'in' | 'out') {
+  const before = await readViewport(page);
+  await page.locator(`.react-flow__controls-zoom${direction}`).click();
+  await page.waitForFunction(
+    ({ direction: expectedDirection, zoom }) => {
+      const viewport = document.querySelector<HTMLElement>(
+        '.react-flow__viewport',
+      );
+      if (!viewport) {
+        return false;
+      }
+      const currentZoom = new DOMMatrix(getComputedStyle(viewport).transform).a;
+      return expectedDirection === 'in'
+        ? currentZoom > zoom + 0.0001
+        : currentZoom < zoom - 0.0001;
+    },
+    { direction, zoom: before.zoom },
+  );
+  await waitForAnimationFrames(page);
+}
+
+async function runZoomSameBand(page: Page) {
+  const before = await readViewport(page);
+  const candidates = [
+    { direction: 'in', projectedZoom: before.zoom * CONTROL_ZOOM_FACTOR },
+    { direction: 'out', projectedZoom: before.zoom / CONTROL_ZOOM_FACTOR },
+  ] as const;
+  const candidate = candidates.find(
+    ({ projectedZoom }) =>
+      projectedZoom > before.zoom + ZOOM_CHANGE_TOLERANCE &&
+      projectedZoom < COMPACT_ZOOM_THRESHOLD ===
+        before.zoom < COMPACT_ZOOM_THRESHOLD,
+  );
+  if (!candidate) {
+    throw new Error(
+      `No non-expanding control zoom remains in the current compact band from ${before.zoom}`,
+    );
+  }
+  await clickZoomControl(page, candidate.direction);
+  const after = await readViewport(page);
+  expect(after.zoom).toBeGreaterThan(before.zoom + ZOOM_CHANGE_TOLERANCE);
+  expect(after.zoom < COMPACT_ZOOM_THRESHOLD).toBe(
+    before.zoom < COMPACT_ZOOM_THRESHOLD,
+  );
+}
+
+async function runZoomThreshold(page: Page) {
+  const before = await readViewport(page);
+  const direction = before.zoom < COMPACT_ZOOM_THRESHOLD ? 'in' : 'out';
+  for (let attempt = 0; attempt < 12; attempt += 1) {
+    const current = await readViewport(page);
+    if (
+      current.zoom < COMPACT_ZOOM_THRESHOLD !==
+      before.zoom < COMPACT_ZOOM_THRESHOLD
+    ) {
+      expect(current.zoom < COMPACT_ZOOM_THRESHOLD).not.toBe(
+        before.zoom < COMPACT_ZOOM_THRESHOLD,
+      );
+      return;
+    }
+    await clickZoomControl(page, direction);
+  }
+  throw new Error('Zoom did not cross the Studio compact threshold');
+}
+
+async function runScenarioAction(
+  page: Page,
+  scenario: Exclude<WorkflowCanvasBenchmarkScenario, 'initial-load'>,
+  visibleElementsOnly: boolean,
+  selectionTargets?: InteractableNodePair,
+) {
+  switch (scenario) {
+    case 'selection': {
+      if (!selectionTargets) {
+        throw new Error('Selection scenario targets are unavailable');
+      }
+      await runSelection(page, selectionTargets);
+      break;
+    }
+    case 'drag':
+      await runDrag(page);
+      break;
+    case 'pan':
+      await runPan(page, visibleElementsOnly);
+      break;
+    case 'zoom-same-band':
+      await runZoomSameBand(page);
+      break;
+    case 'zoom-threshold':
+      await runZoomThreshold(page);
+      break;
+    case 'status-update':
+    case 'topology-add':
+      await page.evaluate(
+        (stateScenario) =>
+          window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__?.runStateScenario(
+            stateScenario,
+          ),
+        scenario,
+      );
+      break;
+  }
+  await waitForAnimationFrames(page);
+}
+
+function assertSemanticResult(
+  result: WorkflowCanvasBenchmarkResult,
+  measurement: WorkflowCanvasBenchmarkMeasurement,
+) {
+  // ResizeObserver changes measured bounds on compact/full transitions and
+  // when virtualized nodes enter view. Keep reporting every changed reference,
+  // while checking the interaction contract independently of measurement-only updates.
+  expect(
+    measurement.changedNodeReferencesExcludingMeasurements,
+    `${result.scenario}: ${result.graph.nodes} nodes, ${JSON.stringify(result.policy)}`,
+  ).toBe(EXPECTED_CHANGED_NODE_REFERENCES[result.scenario](result.graph.nodes));
+  expect(result.changedNodeReferences).toBeGreaterThanOrEqual(
+    measurement.changedNodeReferencesExcludingMeasurements,
+  );
+  if (result.scenario === 'initial-load') {
+    expect(result.renderedNodeCount).toBeGreaterThan(0);
+    if (!result.policy.visibleElementsOnly) {
+      expect(result.renderedNodeCount).toBeGreaterThanOrEqual(
+        result.graph.nodes,
+      );
+    }
+  }
+  if (result.scenario === 'zoom-same-band') {
+    expect(result.renderedNodeCount).toBe(0);
+  }
+  if (result.scenario === 'zoom-threshold') {
+    expect(result.renderedNodeCount).toBeGreaterThan(0);
+  }
+}
+
+async function appendResult(
+  page: Page,
+  scenario: WorkflowCanvasBenchmarkScenario,
+  startedAt: number,
+): Promise<{
+  readonly profile?: ReactProfileArtifact;
+  readonly result: WorkflowCanvasBenchmarkResult;
+}> {
+  const captured = await page.evaluate(() => {
+    const api = window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__;
+    if (!api) {
+      throw new Error('Workflow canvas benchmark API is unavailable');
+    }
+    return {
+      config: api.config,
+      endedAt: performance.now(),
+      measurement: api.captureMeasurement(),
+    };
+  });
+  const result = assertWorkflowCanvasBenchmarkResult({
+    browser: captured.config.browser,
+    buildMode: 'production',
+    changedNodeReferences: captured.measurement.changedNodeReferences,
+    durationMs: captured.endedAt - startedAt,
+    graph: captured.config.graph,
+    longTasks: captured.measurement.longTasks,
+    policy: captured.config.policy,
+    renderedNodeCount: captured.measurement.renderedNodeCount,
+    scenario,
+    usedHeapBytes: captured.measurement.usedHeapBytes,
+  });
+  assertSemanticResult(result, captured.measurement);
+  const storedResult = await page.evaluate((value) => {
+    const api = window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__;
+    if (!api) {
+      throw new Error('Workflow canvas benchmark API is unavailable');
+    }
+    return api.appendResult(value);
+  }, result);
+  expect(storedResult).toEqual(result);
+
+  return {
+    profile: captured.measurement.reactCommits?.length
+      ? {
+          commits: captured.measurement.reactCommits,
+          graphNodes: result.graph.nodes,
+          policy: result.policy,
+          scenario,
+        }
+      : undefined,
+    result,
+  };
+}
+
+function formatHeap(value: number | null): string {
+  return value === null ? 'unavailable' : String(value);
+}
+
+function policyId(policy: WorkflowCanvasBenchmarkPolicy): string {
+  return (
+    BENCHMARK_POLICIES.find(
+      (candidate) =>
+        candidate.policy.minimap === policy.minimap &&
+        candidate.policy.visibleElementsOnly === policy.visibleElementsOnly,
+    )?.id ?? 'unknown'
+  );
+}
+
+async function writeArtifacts({
+  browserVersion,
+  profiles,
+  results,
+  userAgent,
+}: {
+  readonly browserVersion: string;
+  readonly profiles: readonly ReactProfileArtifact[];
+  readonly results: readonly WorkflowCanvasBenchmarkResult[];
+  readonly userAgent: string | null;
+}) {
+  const cpus = os.cpus();
+  const progress = createWorkflowCanvasBenchmarkProgress(
+    results.length,
+    EXPECTED_RESULT_COUNT,
+  );
+  const envelope = {
+    build: {
+      commit: process.env.GITHUB_SHA || null,
+      mode: 'production',
+    },
+    browser: {
+      channel: 'chrome',
+      userAgent,
+      version: browserVersion,
+    },
+    complete: progress.complete,
+    generatedAt: new Date().toISOString(),
+    profiles: profiles.length ? profiles : undefined,
+    results,
+    runner: {
+      architecture: os.arch(),
+      ci: process.env.CI === 'true',
+      cpuModel: cpus[0]?.model ?? null,
+      logicalCpuCount: cpus.length,
+      operatingSystem: `${os.platform()} ${os.release()}`,
+      totalMemoryBytes: os.totalmem(),
+    },
+    schemaVersion: 1,
+  };
+  const profileSummary = profiles.length
+    ? `${profiles.reduce((sum, profile) => sum + profile.commits.length, 0)} React commits were exposed by the runtime.`
+    : 'React commit profiling was unavailable in this production runtime.';
+  const markdown = [
+    '# Workflow Canvas Benchmark',
+    '',
+    `- Build: production${envelope.build.commit ? ` (${envelope.build.commit})` : ''}`,
+    ...progress.markdownLines,
+    `- Browser: system Chrome ${browserVersion}`,
+    `- User agent: ${userAgent ?? 'unavailable'}`,
+    `- Runner: ${envelope.runner.operatingSystem}, ${envelope.runner.architecture}, ${envelope.runner.logicalCpuCount} logical CPUs, ${envelope.runner.totalMemoryBytes} bytes memory`,
+    `- React profiling: ${profileSummary}`,
+    '',
+    '| Nodes | Policy | Scenario | Duration (ms) | Long tasks | Rendered nodes | Changed refs | Heap (bytes) |',
+    '| ---: | --- | --- | ---: | ---: | ---: | ---: | ---: |',
+    ...results.map(
+      (result) =>
+        `| ${result.graph.nodes} | ${policyId(result.policy)} | ${result.scenario} | ${result.durationMs.toFixed(2)} | ${result.longTasks} | ${result.renderedNodeCount} | ${result.changedNodeReferences} | ${formatHeap(result.usedHeapBytes)} |`,
+    ),
+    '',
+    'Timing and heap values are observational. CI gates only the schema and semantic assertions.',
+    '',
+  ].join('\n');
+
+  await mkdir(ARTIFACT_DIRECTORY, { recursive: true });
+  await Promise.all([
+    writeFile(
+      path.join(ARTIFACT_DIRECTORY, 'results.json'),
+      `${JSON.stringify(envelope, null, 2)}\n`,
+      'utf8',
+    ),
+    writeFile(path.join(ARTIFACT_DIRECTORY, 'summary.md'), markdown, 'utf8'),
+  ]);
+}
+
+test('records every workflow canvas scale scenario and policy', async ({
+  browser,
+  page,
+}) => {
+  const results: WorkflowCanvasBenchmarkResult[] = [];
+  const profiles: ReactProfileArtifact[] = [];
+  let userAgent: string | null = null;
+
+  try {
+    for (const graphNodes of WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES) {
+      for (const policyCase of BENCHMARK_POLICIES) {
+        const query = new URLSearchParams({
+          minimap: policyCase.policy.minimap ? '1' : '0',
+          nodes: String(graphNodes),
+          visible: policyCase.policy.visibleElementsOnly ? '1' : '0',
+        });
+        await page.goto(`/workflow-canvas-benchmark?${query.toString()}`, {
+          waitUntil: 'domcontentloaded',
+        });
+        await waitForInitialFit(page);
+
+        const initial = await appendResult(page, 'initial-load', 0);
+        results.push(initial.result);
+        if (initial.profile) profiles.push(initial.profile);
+        userAgent ??= initial.result.browser;
+
+        for (const scenario of WORKFLOW_CANVAS_BENCHMARK_SCENARIOS) {
+          if (scenario === 'initial-load') {
+            continue;
+          }
+          const selectionTargets =
+            scenario === 'selection'
+              ? await prepareSelectionScenario(page)
+              : undefined;
+          if (selectionTargets) {
+            await waitForAnimationFrames(page);
+          }
+          const startedAt = await page.evaluate((nextScenario) => {
+            const api = window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__;
+            if (!api) {
+              throw new Error('Workflow canvas benchmark API is unavailable');
+            }
+            api.beginScenario(nextScenario);
+            return performance.now();
+          }, scenario);
+          await runScenarioAction(
+            page,
+            scenario,
+            policyCase.policy.visibleElementsOnly,
+            selectionTargets,
+          );
+          const captured = await appendResult(page, scenario, startedAt);
+          results.push(captured.result);
+          if (captured.profile) profiles.push(captured.profile);
+        }
+
+        const pageResults = await page.evaluate(
+          () =>
+            window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__?.getResults() ?? [],
+        );
+        expect(pageResults).toEqual(results.slice(-8));
+      }
+    }
+
+    expect(results).toHaveLength(EXPECTED_RESULT_COUNT);
+  } finally {
+    await writeArtifacts({
+      browserVersion: browser.version(),
+      profiles,
+      results,
+      userAgent,
+    });
+  }
+});
diff --git a/apps/aevatar-console-web/playwright.performance.config.ts b/apps/aevatar-console-web/playwright.performance.config.ts
new file mode 100644
index 0000000000..24ea18b592
--- /dev/null
+++ b/apps/aevatar-console-web/playwright.performance.config.ts
@@ -0,0 +1,35 @@
+import { defineConfig } from '@playwright/test';
+
+const benchmarkBaseUrl = 'http://127.0.0.1:4174';
+
+export default defineConfig({
+  expect: {
+    timeout: 10_000,
+  },
+  fullyParallel: false,
+  outputDir: 'artifacts/workflow-canvas-benchmark/test-results',
+  reporter: [['line']],
+  testDir: './performance',
+  testMatch: 'workflowCanvas.performance.spec.ts',
+  timeout: 15 * 60_000,
+  use: {
+    baseURL: benchmarkBaseUrl,
+    browserName: 'chromium',
+    channel: 'chrome',
+    headless: true,
+    launchOptions: {
+      args: ['--enable-precise-memory-info'],
+    },
+    viewport: {
+      height: 900,
+      width: 1440,
+    },
+  },
+  webServer: {
+    command: 'pnpm benchmark:workflow-canvas:serve',
+    reuseExistingServer: false,
+    timeout: 120_000,
+    url: `${benchmarkBaseUrl}/workflow-canvas-benchmark?nodes=100&minimap=1&visible=1`,
+  },
+  workers: 1,
+});
diff --git a/apps/aevatar-console-web/pnpm-lock.yaml b/apps/aevatar-console-web/pnpm-lock.yaml
index f6730db584..1ce67a82bf 100644
--- a/apps/aevatar-console-web/pnpm-lock.yaml
+++ b/apps/aevatar-console-web/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
       '@ant-design/pro-components':
         specifier: 3.1.2-0
         version: 3.1.2-0(antd@6.3.3(date-fns@2.30.0)(moment@2.30.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@fontsource-variable/dm-sans':
+        specifier: 5.3.0
+        version: 5.3.0
       '@monaco-editor/react':
         specifier: ^4.7.0
         version: 4.7.0(monaco-editor@0.55.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -38,6 +41,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      core-js-pure:
+        specifier: 3.49.0
+        version: 3.49.0
       dayjs:
         specifier: ^1.11.19
         version: 1.11.20
@@ -69,6 +75,9 @@ importers:
       '@commitlint/config-conventional':
         specifier: ^20.0.0
         version: 20.5.0
+      '@playwright/test':
+        specifier: 1.60.0
+        version: 1.60.0
       '@testing-library/dom':
         specifier: ^10.4.0
         version: 10.4.1
@@ -126,6 +135,9 @@ importers:
       mockjs:
         specifier: ^1.1.0
         version: 1.1.0
+      react-intl:
+        specifier: 3.12.1
+        version: 3.12.1(@types/react@19.2.14)(react@19.2.4)
       ts-node:
         specifier: ^10.9.2
         version: 10.9.2(@types/node@25.5.0)(typescript@5.9.3)
@@ -1832,6 +1844,9 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
+  '@fontsource-variable/dm-sans@5.3.0':
+    resolution: {integrity: sha512-BpUG5bqePiDFMBM4ZtLSlPdAIOM990uB1dlXzIf4aw21yQR7BmykedLXXXMqGWsR18aMLOsbWccwJNh3ztTQaA==}
+
   '@formatjs/ecma402-abstract@1.11.4':
     resolution: {integrity: sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==}
 
@@ -2332,6 +2347,11 @@ packages:
     resolution: {integrity: sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
+  '@playwright/test@1.60.0':
+    resolution: {integrity: sha512-O71yZIbAh/PxDMNGns37GHBIfrVkEVyn+AXyIa5dOTfb4/xNvRWV+Vv/NMbNCtODB/pO7vLlF2OTmMVLhmr7Ag==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   '@radix-ui/popper@0.0.10':
     resolution: {integrity: sha512-YFKuPqQPKscreQid7NuB4it3PMzSwGg03vgrud6sVliHkI43QNAOHyrHyMNo015jg6QK5GVDn+7J2W5uygqSGA==}
 
@@ -5907,6 +5927,11 @@ packages:
   fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -8397,6 +8422,16 @@ packages:
     resolution: {integrity: sha512-fjAPuiws93rm7mPUu21RdBnkeZNrbfCFCwfAhPWY+rR3zG0ubpe5cEReHOw5fIbfmsxEV/g2kSxGTATY3Bpnwg==}
     engines: {node: '>=4'}
 
+  playwright-core@1.60.0:
+    resolution: {integrity: sha512-9bW6zvX/m0lEbgTKJ6YppOKx8H3VOPBMOCFh2irXFOT4BbHgrx5hPjwJYLT40Lu+4qtD36qKc/Hn56StUW57IA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.60.0:
+    resolution: {integrity: sha512-hheHdokM8cdqCb0lcE3s+zT4t4W+vvjpGxsZlDnikarzx8tSzMebh3UiFtgqwFwnTnjYQcsyMF8ei2mCO/tpeA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   plur@4.0.0:
     resolution: {integrity: sha512-4UGewrYgqDFw9vV6zNV+ADmPAUAfJPKtGvb/VdpQAx25X5f3xXdGdyOEVFwkl8Hl/tl7+xbeHqSEM+D5/TirUg==}
     engines: {node: '>=10'}
@@ -13970,6 +14005,8 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
+  '@fontsource-variable/dm-sans@5.3.0': {}
+
   '@formatjs/ecma402-abstract@1.11.4':
     dependencies:
       '@formatjs/intl-localematcher': 0.2.25
@@ -14700,6 +14737,10 @@ snapshots:
       picocolors: 1.1.1
       tslib: 2.8.1
 
+  '@playwright/test@1.60.0':
+    dependencies:
+      playwright: 1.60.0
+
   '@radix-ui/popper@0.0.10':
     dependencies:
       '@babel/runtime': 7.29.2
@@ -19794,6 +19835,9 @@ snapshots:
 
   fs.realpath@1.0.0: {}
 
+  fsevents@2.3.2:
+    optional: true
+
   fsevents@2.3.3:
     optional: true
 
@@ -22778,6 +22822,14 @@ snapshots:
     dependencies:
       find-up: 2.1.0
 
+  playwright-core@1.60.0: {}
+
+  playwright@1.60.0:
+    dependencies:
+      playwright-core: 1.60.0
+    optionalDependencies:
+      fsevents: 2.3.2
+
   plur@4.0.0:
     dependencies:
       irregular-plurals: 3.5.0
diff --git a/apps/aevatar-console-web/src/app.layout.test.ts b/apps/aevatar-console-web/src/app.layout.test.ts
index 8f1f79d89b..fe354809b3 100644
--- a/apps/aevatar-console-web/src/app.layout.test.ts
+++ b/apps/aevatar-console-web/src/app.layout.test.ts
@@ -1,16 +1,22 @@
-import { act, fireEvent, render, screen, waitFor } from "@testing-library/react";
-import { getLocale, setLocale } from "@umijs/max";
-import React from "react";
-import defaultSettings from "../config/defaultSettings";
-import { layout } from "./app";
-
-describe("layout menu collapse behavior", () => {
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from '@testing-library/react';
+import { getLocale, setLocale } from '@umijs/max';
+import React from 'react';
+import defaultSettings from '../config/defaultSettings';
+import { layout } from './app';
+
+describe('layout menu collapse behavior', () => {
   beforeEach(() => {
-    setLocale("en-US", false);
-    window.history.replaceState({}, "", "/scopes");
+    setLocale('en-US', false);
+    window.history.replaceState({}, '', '/scopes');
   });
 
-  it("keeps grouped navigation titles hidden in collapsed mode", () => {
+  it('keeps grouped navigation titles hidden in collapsed mode', () => {
     const runtimeLayout = layout({
       initialState: {
         auth: {} as never,
@@ -22,15 +28,15 @@ describe("layout menu collapse behavior", () => {
       collapsedWidth: 40,
       collapsedShowGroupTitle: false,
       collapsedShowTitle: false,
-      type: "group",
+      type: 'group',
     });
   });
 
-  it("collapses the global menu for Studio create-member intent", () => {
+  it('collapses the global menu for Studio create-member intent', () => {
     window.history.replaceState(
       {},
-      "",
-      "/studio?tab=studio&intent=create-member",
+      '',
+      '/studio?tab=studio&intent=create-member',
     );
 
     const runtimeLayout = layout({
@@ -44,8 +50,8 @@ describe("layout menu collapse behavior", () => {
     expect(runtimeLayout.collapsed).toBe(true);
   });
 
-  it("leaves the global menu uncontrolled for ordinary Studio entry", () => {
-    window.history.replaceState({}, "", "/studio?tab=studio");
+  it('leaves the global menu uncontrolled for ordinary Studio entry', () => {
+    window.history.replaceState({}, '', '/studio?tab=studio');
 
     const runtimeLayout = layout({
       initialState: {
@@ -58,8 +64,38 @@ describe("layout menu collapse behavior", () => {
     expect(runtimeLayout.collapsed).toBeUndefined();
   });
 
-  it("hides console chrome for the fullscreen Mission Wall route", () => {
-    window.history.replaceState({}, "", "/runtime/mission-wall");
+  it('hides console chrome for the fullscreen Mission Wall route', () => {
+    window.history.replaceState({}, '', '/runtime/mission-wall');
+
+    const runtimeLayout = layout({
+      initialState: {
+        auth: {} as never,
+        settings: defaultSettings,
+      },
+    });
+    const menuRender = runtimeLayout.menuRender as
+      | ((props: unknown, defaultDom: unknown) => React.ReactNode)
+      | undefined;
+    const actionsRender = runtimeLayout.actionsRender as
+      | ((props: unknown, dom: unknown) => React.ReactNode[])
+      | undefined;
+
+    expect(runtimeLayout.headerRender).toBe(false);
+    expect(menuRender?.({}, React.createElement('nav'))).toBe(false);
+    expect(actionsRender?.({}, {})).toEqual([]);
+    expect(runtimeLayout.contentStyle).toMatchObject({
+      background: '#09110f',
+      height: '100vh',
+      overflow: 'hidden',
+      padding: 0,
+    });
+  });
+
+  it.each([
+    '/workflows',
+    '/scopes/scope-a/workflow-activity-vnext/workflows/wf-a',
+  ])('renders workflow route %s without the global console chrome', (pathname) => {
+    window.history.replaceState({}, '', pathname);
 
     const runtimeLayout = layout({
       initialState: {
@@ -75,18 +111,20 @@ describe("layout menu collapse behavior", () => {
       | undefined;
 
     expect(runtimeLayout.headerRender).toBe(false);
-    expect(menuRender?.({}, React.createElement("nav"))).toBe(false);
+    expect(menuRender?.({}, React.createElement('nav'))).toBe(false);
     expect(actionsRender?.({}, {})).toEqual([]);
     expect(runtimeLayout.contentStyle).toMatchObject({
-      background: "#09110f",
-      height: "100vh",
-      overflow: "hidden",
+      background: '#ffffff',
+      height: 'auto',
+      inset: 0,
+      overflow: 'hidden',
       padding: 0,
+      position: 'fixed',
     });
   });
 
-  it("updates the controlled global menu collapse state after SPA route changes", () => {
-    window.history.replaceState({}, "", "/scopes/scope-a/teams");
+  it('updates the controlled global menu collapse state after SPA route changes', () => {
+    window.history.replaceState({}, '', '/scopes/scope-a/teams');
     const teamsLayout = layout({
       initialState: {
         auth: {} as never,
@@ -94,7 +132,7 @@ describe("layout menu collapse behavior", () => {
       },
     });
 
-    window.history.pushState({}, "", "/studio?tab=studio&intent=create-member");
+    window.history.pushState({}, '', '/studio?tab=studio&intent=create-member');
     const studioLayout = layout({
       initialState: {
         auth: {} as never,
@@ -106,7 +144,7 @@ describe("layout menu collapse behavior", () => {
     expect(studioLayout.collapsed).toBe(true);
   });
 
-  it("renders a global language switch in the layout actions", async () => {
+  it('renders a global language switch in the layout actions', async () => {
     const runtimeLayout = layout({
       initialState: {
         auth: {} as never,
@@ -117,24 +155,18 @@ describe("layout menu collapse behavior", () => {
       | ((props: unknown, dom: unknown) => React.ReactNode[])
       | undefined;
 
-    render(
-      React.createElement(
-        React.Fragment,
-        null,
-        actionsRender?.({}, {}),
-      ),
-    );
+    render(React.createElement(React.Fragment, null, actionsRender?.({}, {})));
 
-    fireEvent.click(screen.getByRole("button", { name: "Switch language" }));
-    fireEvent.click(await screen.findByText("中文"));
+    fireEvent.click(screen.getByRole('button', { name: 'Switch language' }));
+    fireEvent.click(await screen.findByText('中文'));
 
     await waitFor(() => {
-      expect(getLocale()).toBe("zh-CN");
+      expect(getLocale()).toBe('zh-CN');
     });
   });
 
-  it("keeps page content in sync when the locale changes without a reload", async () => {
-    window.history.replaceState({}, "", "/studio");
+  it('keeps page content in sync when the locale changes without a reload', async () => {
+    window.history.replaceState({}, '', '/studio');
     const runtimeLayout = layout({
       initialState: {
         auth: {} as never,
@@ -149,34 +181,32 @@ describe("layout menu collapse behavior", () => {
       React.createElement(
         React.Fragment,
         null,
-        childrenRender?.(
-          React.createElement(LocalizedRuntimeProbe),
-        ),
+        childrenRender?.(React.createElement(LocalizedRuntimeProbe)),
       ),
     );
 
-    expect(screen.getByText("My AI teams")).toBeTruthy();
+    expect(screen.getByText('My AI teams')).toBeTruthy();
 
     act(() => {
-      setLocale("zh-CN", false);
+      setLocale('zh-CN', false);
     });
 
     await waitFor(() => {
-      expect(screen.getByText("我的 AI 团队")).toBeTruthy();
+      expect(screen.getByText('我的 AI 团队')).toBeTruthy();
     });
-    expect(screen.queryByText("My AI teams")).toBeNull();
+    expect(screen.queryByText('My AI teams')).toBeNull();
   });
 });
 
 const LocalizedRuntimeProbe: React.FC = () => {
-  const { useIntl } = require("@umijs/max") as typeof import("@umijs/max");
+  const { useIntl } = require('@umijs/max') as typeof import('@umijs/max');
   const intl = useIntl();
 
   return React.createElement(
-    "div",
+    'div',
     null,
     intl.formatMessage({
-        id: "teams.home.title",
-      }),
+      id: 'teams.home.title',
+    }),
   );
 };
diff --git a/apps/aevatar-console-web/src/app.test.tsx b/apps/aevatar-console-web/src/app.test.tsx
index e9875d6d5a..4eb9638033 100644
--- a/apps/aevatar-console-web/src/app.test.tsx
+++ b/apps/aevatar-console-web/src/app.test.tsx
@@ -1,80 +1,86 @@
-import { render, waitFor } from "@testing-library/react";
-import React from "react";
-import { requiresGlobalAuthGate } from "./app";
-import { ProtectedRouteRedirectGate } from "./shared/auth/ProtectedRouteRedirectGate";
+import { render, waitFor } from '@testing-library/react';
+import React from 'react';
+import { ProtectedRouteRedirectGate } from './shared/auth/ProtectedRouteRedirectGate';
+import { requiresGlobalAuthGate } from './shared/auth/routeAccess';
 
 const mockedHistoryReplace = jest.fn();
 
-jest.mock("./shared/navigation/history", () => ({
+jest.mock('./shared/navigation/history', () => ({
   history: {
     push: jest.fn(),
     replace: (...args: unknown[]) => mockedHistoryReplace(...args),
   },
 }));
 
-describe("ProtectedRouteRedirectGate", () => {
+describe('ProtectedRouteRedirectGate', () => {
   beforeEach(() => {
     mockedHistoryReplace.mockReset();
-    window.history.replaceState({}, "", "/scopes");
+    window.history.replaceState({}, '', '/scopes');
   });
 
-  it("redirects protected routes into the login flow after mount", async () => {
+  it('redirects protected routes into the login flow after mount', async () => {
     render(
       React.createElement(ProtectedRouteRedirectGate, {
-        pathname: "/scopes",
+        pathname: '/scopes',
       }),
     );
 
     await waitFor(() => {
-      expect(mockedHistoryReplace).toHaveBeenCalledWith("/login?redirect=%2Fscopes");
+      expect(mockedHistoryReplace).toHaveBeenCalledWith(
+        '/login?redirect=%2Fscopes',
+      );
     });
   });
 
-  it("keeps Mission Wall behind the login flow", async () => {
-    window.history.replaceState({}, "", "/runtime/mission-wall?focusRunId=run-1");
+  it('keeps Mission Wall behind the login flow', async () => {
+    window.history.replaceState(
+      {},
+      '',
+      '/runtime/mission-wall?focusRunId=run-1',
+    );
 
     render(
       React.createElement(ProtectedRouteRedirectGate, {
-        pathname: "/runtime/mission-wall",
+        pathname: '/runtime/mission-wall',
       }),
     );
 
     await waitFor(() => {
       expect(mockedHistoryReplace).toHaveBeenCalledWith(
-        "/login?redirect=%2Fruntime%2Fmission-wall%3FfocusRunId%3Drun-1",
+        '/login?redirect=%2Fruntime%2Fmission-wall%3FfocusRunId%3Drun-1',
       );
     });
   });
 
-  it("preserves the delivered Team member workflow deep link through login", async () => {
+  it('preserves the delivered Team member workflow deep link through login', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/s-customer/teams/t-hr/members/m-reminder/workflow?workflowId=wf-reminder#run",
+      '',
+      '/scopes/s-customer/teams/t-hr/members/m-reminder/workflow?workflowId=wf-reminder#run',
     );
 
     render(
       React.createElement(ProtectedRouteRedirectGate, {
-        pathname: "/scopes/s-customer/teams/t-hr/members/m-reminder/workflow",
+        pathname: '/scopes/s-customer/teams/t-hr/members/m-reminder/workflow',
       }),
     );
 
     await waitFor(() => {
       expect(mockedHistoryReplace).toHaveBeenCalledWith(
-        "/login?redirect=%2Fscopes%2Fs-customer%2Fteams%2Ft-hr%2Fmembers%2Fm-reminder%2Fworkflow%3FworkflowId%3Dwf-reminder%23run",
+        '/login?redirect=%2Fscopes%2Fs-customer%2Fteams%2Ft-hr%2Fmembers%2Fm-reminder%2Fworkflow%3FworkflowId%3Dwf-reminder%23run',
       );
     });
   });
 });
 
-describe("global auth route classification", () => {
-  it("protects canonical Team member workflow routes while legacy Studio keeps its own recovery", () => {
+describe('global auth route classification', () => {
+  it('protects canonical Team member workflow routes while legacy Studio keeps its own recovery', () => {
     expect(
       requiresGlobalAuthGate(
-        "/scopes/s-customer/teams/t-hr/members/m-reminder/workflow",
+        '/scopes/s-customer/teams/t-hr/members/m-reminder/workflow',
       ),
     ).toBe(true);
-    expect(requiresGlobalAuthGate("/studio")).toBe(false);
-    expect(requiresGlobalAuthGate("/login")).toBe(false);
+    expect(requiresGlobalAuthGate('/studio')).toBe(false);
+    expect(requiresGlobalAuthGate('/login')).toBe(false);
   });
 });
diff --git a/apps/aevatar-console-web/src/app.tsx b/apps/aevatar-console-web/src/app.tsx
index c33f6b4309..e4d46c5c13 100644
--- a/apps/aevatar-console-web/src/app.tsx
+++ b/apps/aevatar-console-web/src/app.tsx
@@ -1,61 +1,76 @@
-import { ProConfigProvider } from "@ant-design/pro-components";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { Badge, ConfigProvider } from "antd";
-import { getLocale, useIntl } from "@umijs/max";
-import React from "react";
-import MainLayout from "@/layouts/MainLayout";
-import { history } from "./shared/navigation/history";
-import { CONSOLE_HOME_ROUTE } from "@/shared/navigation/consoleHome";
-import BrandLogo from "@/components/BrandLogo";
-import defaultSettings from "../config/defaultSettings";
-import { errorConfig } from "./requestErrorConfig";
+import { ProConfigProvider } from '@ant-design/pro-components';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { getLocale, useIntl } from '@umijs/max';
+import { Badge, ConfigProvider } from 'antd';
+import React from 'react';
+import BrandLogo from '@/components/BrandLogo';
+import MainLayout from '@/layouts/MainLayout';
+import { buildMissionSnapshotFromRuntime } from '@/pages/MissionControl/runtimeAdapter';
+import { readMissionControlRouteContext } from '@/pages/MissionControl/services/api';
+import { runtimeActorsApi } from '@/shared/api/runtimeActorsApi';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import {
+  normalizeConsoleLocale,
+  resolveAntdLocale,
+  resolveProIntl,
+} from '@/shared/i18n/localeProvider';
+import { CONSOLE_HOME_ROUTE } from '@/shared/navigation/consoleHome';
+import { loadRecentRuns } from '@/shared/runs/recentRuns';
+import { AevatarPageLoading } from '@/shared/ui/AevatarLoading';
+import { aevatarThemeConfig } from '@/shared/ui/aevatarWorkbench';
+import { ConsoleHeaderActions } from '@/shared/ui/ConsoleHeaderActions';
+import { ConsoleToastProvider } from '@/shared/ui/ConsoleToast';
+import defaultSettings from '../config/defaultSettings';
+import { errorConfig } from './requestErrorConfig';
 import {
   ensureActiveAuthSession,
   hasRestorableAuthSession,
-} from "./shared/auth/client";
-import { getNyxIDRuntimeConfig } from "./shared/auth/config";
+} from './shared/auth/client';
+import { getNyxIDRuntimeConfig } from './shared/auth/config';
+import { ProtectedRouteRedirectGate } from './shared/auth/ProtectedRouteRedirectGate';
+import {
+  PUBLIC_ROUTES,
+  requiresGlobalAuthGate,
+} from './shared/auth/routeAccess';
 import {
   buildAuthInitialState,
   loadStoredAuthSession,
   sanitizeReturnTo,
-} from "./shared/auth/session";
-import { ProtectedRouteRedirectGate } from "./shared/auth/ProtectedRouteRedirectGate";
+} from './shared/auth/session';
+import { history } from './shared/navigation/history';
 import {
   getNavigationGroupOrder,
   type NavigationGroup,
-} from "./shared/navigation/navigationGroups";
-import { getNavigationSelectedKeys } from "./shared/navigation/navigationMenuSelection";
+} from './shared/navigation/navigationGroups';
 import {
   groupNavigationMenuItems,
   type NavigationMenuItem,
-} from "./shared/navigation/navigationMenuGrouping";
-import { runtimeActorsApi } from "@/shared/api/runtimeActorsApi";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
-import { buildMissionSnapshotFromRuntime } from "@/pages/MissionControl/runtimeAdapter";
-import { readMissionControlRouteContext } from "@/pages/MissionControl/services/api";
-import { loadRecentRuns } from "@/shared/runs/recentRuns";
-import { queryClient } from "./shared/query/queryClient";
-import { aevatarThemeConfig } from "@/shared/ui/aevatarWorkbench";
-import { ConsoleHeaderActions } from "@/shared/ui/ConsoleHeaderActions";
-import {
-  normalizeConsoleLocale,
-  resolveAntdLocale,
-  resolveProIntl,
-} from "@/shared/i18n/localeProvider";
-import { AevatarPageLoading } from "@/shared/ui/AevatarLoading";
+} from './shared/navigation/navigationMenuGrouping';
+import { getNavigationSelectedKeys } from './shared/navigation/navigationMenuSelection';
+import { queryClient } from './shared/query/queryClient';
 
-const PUBLIC_ROUTES = new Set(["/login", "/auth/callback"]);
 const DEFAULT_PROTECTED_ROUTE = CONSOLE_HOME_ROUTE;
-const FULLSCREEN_DISPLAY_ROUTES = new Set(["/runtime/mission-wall"]);
+const FULLSCREEN_DISPLAY_ROUTES = new Set(['/runtime/mission-wall']);
+const WORKFLOW_ACTIVITY_VNEXT_ROUTE =
+  /^\/scopes\/[^/]+\/workflow-activity-vnext(?:\/|$)/;
 const STUDIO_HOST_ROUTES = new Set([
-  "/studio",
-  "/scopes/:scopeId/teams/:teamId/members/new/workflow",
-  "/scopes/:scopeId/teams/:teamId/members/:memberId/workflow",
+  '/studio',
+  '/scopes/:scopeId/teams/:teamId/members/new/workflow',
+  '/scopes/:scopeId/teams/:teamId/members/:memberId/workflow',
 ]);
-const SELF_MANAGED_AUTH_ROUTES = new Set(["/studio"]);
 
 function isFullscreenDisplayRoute(pathname: string): boolean {
-  return FULLSCREEN_DISPLAY_ROUTES.has(pathname);
+  return (
+    FULLSCREEN_DISPLAY_ROUTES.has(pathname) ||
+    isWorkflowActivityVNextRoute(pathname)
+  );
+}
+
+function isWorkflowActivityVNextRoute(pathname: string): boolean {
+  return (
+    pathname === CONSOLE_HOME_ROUTE ||
+    WORKFLOW_ACTIVITY_VNEXT_ROUTE.test(pathname)
+  );
 }
 
 function isStudioHostRoute(pathname: string): boolean {
@@ -63,23 +78,20 @@ function isStudioHostRoute(pathname: string): boolean {
     return true;
   }
 
-  return (
-    /^\/scopes\/[^/]+\/teams\/[^/]+\/members\/(?:new|[^/]+)\/workflow$/.test(
-      pathname,
-    )
+  return /^\/scopes\/[^/]+\/teams\/[^/]+\/members\/(?:new|[^/]+)\/workflow$/.test(
+    pathname,
   );
 }
 
-export function requiresGlobalAuthGate(pathname: string): boolean {
-  return !PUBLIC_ROUTES.has(pathname) && !SELF_MANAGED_AUTH_ROUTES.has(pathname);
-}
-
-function shouldDefaultCollapseLayout(pathname: string, search: string): boolean {
+function shouldDefaultCollapseLayout(
+  pathname: string,
+  search: string,
+): boolean {
   if (!isStudioHostRoute(pathname)) {
     return false;
   }
 
-  return new URLSearchParams(search).get("intent") === "create-member";
+  return new URLSearchParams(search).get('intent') === 'create-member';
 }
 
 function shouldCollapseLayout(pathname: string, search: string): boolean {
@@ -94,7 +106,7 @@ function buildLoginRoute(returnTo: string): string {
 }
 
 function getCurrentReturnTo(pathname: string): string {
-  return pathname === "/"
+  return pathname === '/'
     ? DEFAULT_PROTECTED_ROUTE
     : `${pathname}${window.location.search}${window.location.hash}`;
 }
@@ -145,20 +157,21 @@ type ConsoleRuntimeProvidersProps = {
   search: string;
 };
 
-const LIVE_OPS_ATTENTION_BADGE_KEY = "live.attention";
+const LIVE_OPS_ATTENTION_BADGE_KEY = 'live.attention';
 const LIVE_OPS_ATTENTION_MAX_CANDIDATES = 6;
 const LIVE_OPS_ATTENTION_MAX_AGE_MS = 12 * 60 * 60 * 1000;
 const LIVE_OPS_ATTENTION_REFRESH_MS = 30_000;
-const NAVIGATION_GROUP_ORDER: readonly NavigationGroup[] = getNavigationGroupOrder();
+const NAVIGATION_GROUP_ORDER: readonly NavigationGroup[] =
+  getNavigationGroupOrder();
 const NAVIGATION_MENU_MESSAGE_IDS: Readonly<Record<string, string>> = {
-  "/chat": "nav.items.chat",
-  "/scopes": "nav.items.myTeams",
-  "/runtime/runs": "nav.items.eventStream",
-  "/services": "nav.items.services",
-  "/governance": "nav.items.governance",
-  "/deployments": "nav.items.deployments",
-  "/runtime/explorer": "nav.items.topology",
-  "/settings": "nav.items.settings",
+  '/chat': 'nav.items.chat',
+  '/scopes': 'nav.items.myTeams',
+  '/runtime/runs': 'nav.items.eventStream',
+  '/services': 'nav.items.services',
+  '/governance': 'nav.items.governance',
+  '/deployments': 'nav.items.deployments',
+  '/runtime/explorer': 'nav.items.topology',
+  '/settings': 'nav.items.settings',
 };
 const LIVE_OPS_DEFAULT_ATTENTION_SNAPSHOT: LiveOpsAttentionSnapshot = {
   hasPendingAttention: false,
@@ -168,11 +181,11 @@ const liveOpsAttentionListeners = new Set<() => void>();
 let liveOpsAttentionSnapshot = LIVE_OPS_DEFAULT_ATTENTION_SNAPSHOT;
 
 const navigationGroupLabelStyle: React.CSSProperties = {
-  color: "#667085",
-  display: "inline-flex",
+  color: '#667085',
+  display: 'inline-flex',
   fontSize: 14,
   fontWeight: 700,
-  lineHeight: "22px",
+  lineHeight: '22px',
 };
 
 const LocalizedNavigationText: React.FC<{
@@ -181,7 +194,7 @@ const LocalizedNavigationText: React.FC<{
 }> = ({ defaultLabel, messageId }) => {
   const intl = useIntl();
   const defaultMessage =
-    typeof defaultLabel === "string" ? defaultLabel : undefined;
+    typeof defaultLabel === 'string' ? defaultLabel : undefined;
 
   return (
     <>
@@ -235,7 +248,7 @@ function setLiveOpsAttentionSnapshot(next: LiveOpsAttentionSnapshot): void {
 }
 
 function buildLiveOpsAttentionCandidateKey(
-  candidate: LiveOpsAttentionCandidate
+  candidate: LiveOpsAttentionCandidate,
 ): string {
   const actorId = trimOptional(candidate.actorId);
   if (actorId) {
@@ -243,16 +256,16 @@ function buildLiveOpsAttentionCandidateKey(
   }
 
   return [
-    "run",
-    trimOptional(candidate.scopeId) || "",
-    trimOptional(candidate.serviceId) || "",
-    trimOptional(candidate.runId) || "",
-  ].join(":");
+    'run',
+    trimOptional(candidate.scopeId) || '',
+    trimOptional(candidate.serviceId) || '',
+    trimOptional(candidate.runId) || '',
+  ].join(':');
 }
 
 function collectLiveOpsAttentionCandidates(
   pathname: string,
-  search: string
+  search: string,
 ): LiveOpsAttentionCandidate[] {
   const nowMs = Date.now();
   const deduped = new Map<string, LiveOpsAttentionCandidate>();
@@ -266,7 +279,7 @@ function collectLiveOpsAttentionCandidates(
       continue;
     }
 
-    if (entry.status === "finished" || entry.status === "error") {
+    if (entry.status === 'finished' || entry.status === 'error') {
       continue;
     }
 
@@ -286,7 +299,7 @@ function collectLiveOpsAttentionCandidates(
     }
   }
 
-  if (pathname === "/runtime/mission-control") {
+  if (pathname === '/runtime/mission-control') {
     const context = readMissionControlRouteContext(search);
     const candidate: LiveOpsAttentionCandidate = {
       actorId: trimOptional(context.actorId),
@@ -303,11 +316,14 @@ function collectLiveOpsAttentionCandidates(
     }
   }
 
-  return Array.from(deduped.values()).slice(0, LIVE_OPS_ATTENTION_MAX_CANDIDATES);
+  return Array.from(deduped.values()).slice(
+    0,
+    LIVE_OPS_ATTENTION_MAX_CANDIDATES,
+  );
 }
 
 async function resolveLiveOpsAttentionActorId(
-  candidate: LiveOpsAttentionCandidate
+  candidate: LiveOpsAttentionCandidate,
 ): Promise<string | undefined> {
   const actorId = trimOptional(candidate.actorId);
   if (actorId) {
@@ -331,7 +347,7 @@ async function resolveLiveOpsAttentionActorId(
 }
 
 async function runNeedsLiveOpsAttention(
-  candidate: LiveOpsAttentionCandidate
+  candidate: LiveOpsAttentionCandidate,
 ): Promise<boolean> {
   const actorId = await resolveLiveOpsAttentionActorId(candidate);
   if (!actorId) {
@@ -343,7 +359,7 @@ async function runNeedsLiveOpsAttention(
     const [graph, timeline] = await Promise.all([
       runtimeActorsApi.getActorGraphEnriched(actorId, {
         depth: 4,
-        direction: "Both",
+        direction: 'Both',
         take: 120,
       }),
       runtimeActorsApi.getActorTimeline(actorId, {
@@ -352,7 +368,7 @@ async function runNeedsLiveOpsAttention(
     ]);
 
     const snapshot = buildMissionSnapshotFromRuntime({
-      connectionStatus: "degraded",
+      connectionStatus: 'degraded',
       nowMs: fetchedAtMs,
       recentEvents: [],
       routeContext: {
@@ -369,15 +385,15 @@ async function runNeedsLiveOpsAttention(
         },
         session: {
           runId: trimOptional(candidate.runId),
-          status: "running",
+          status: 'running',
         },
       },
     });
 
     return (
       snapshot.intervention?.required === true &&
-      (snapshot.intervention.kind === "human_approval" ||
-        snapshot.intervention.kind === "human_input")
+      (snapshot.intervention.kind === 'human_approval' ||
+        snapshot.intervention.kind === 'human_input')
     );
   } catch {
     return false;
@@ -386,7 +402,7 @@ async function runNeedsLiveOpsAttention(
 
 async function loadLiveOpsAttentionSnapshot(
   pathname: string,
-  search: string
+  search: string,
 ): Promise<LiveOpsAttentionSnapshot> {
   const candidates = collectLiveOpsAttentionCandidates(pathname, search);
   if (candidates.length === 0) {
@@ -394,10 +410,10 @@ async function loadLiveOpsAttentionSnapshot(
   }
 
   const results = await Promise.allSettled(
-    candidates.map((candidate) => runNeedsLiveOpsAttention(candidate))
+    candidates.map((candidate) => runNeedsLiveOpsAttention(candidate)),
   );
   const pendingCount = results.reduce((count, result) => {
-    if (result.status === "fulfilled" && result.value) {
+    if (result.status === 'fulfilled' && result.value) {
       return count + 1;
     }
 
@@ -418,7 +434,7 @@ const NavigationMenuLabel: React.FC<{
   const snapshot = React.useSyncExternalStore(
     subscribeLiveOpsAttention,
     getLiveOpsAttentionSnapshot,
-    getLiveOpsAttentionSnapshot
+    getLiveOpsAttentionSnapshot,
   );
   const showCountBadge =
     badgeKey === LIVE_OPS_ATTENTION_BADGE_KEY && snapshot.pendingCount > 0;
@@ -426,18 +442,18 @@ const NavigationMenuLabel: React.FC<{
   return (
     <span
       style={{
-        alignItems: "center",
-        display: "inline-flex",
+        alignItems: 'center',
+        display: 'inline-flex',
         gap: 8,
-        justifyContent: "space-between",
+        justifyContent: 'space-between',
         minWidth: 0,
-        width: "100%",
+        width: '100%',
       }}
     >
       <span
         style={{
-          alignItems: "center",
-          display: "inline-flex",
+          alignItems: 'center',
+          display: 'inline-flex',
           gap: 8,
           minWidth: 0,
         }}
@@ -445,9 +461,9 @@ const NavigationMenuLabel: React.FC<{
         <span
           style={{
             minWidth: 0,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
           }}
         >
           {label}
@@ -456,10 +472,10 @@ const NavigationMenuLabel: React.FC<{
           <span
             aria-hidden="true"
             style={{
-              background: "#ef4444",
+              background: '#ef4444',
               borderRadius: 999,
-              display: "inline-block",
-              flex: "0 0 auto",
+              display: 'inline-block',
+              flex: '0 0 auto',
               height: 8,
               width: 8,
             }}
@@ -472,8 +488,8 @@ const NavigationMenuLabel: React.FC<{
           overflowCount={9}
           size="small"
           style={{
-            backgroundColor: "#ef4444",
-            boxShadow: "none",
+            backgroundColor: '#ef4444',
+            boxShadow: 'none',
           }}
         />
       ) : null}
@@ -481,7 +497,7 @@ const NavigationMenuLabel: React.FC<{
   );
 });
 
-NavigationMenuLabel.displayName = "NavigationMenuLabel";
+NavigationMenuLabel.displayName = 'NavigationMenuLabel';
 
 const LiveOpsGroupIcon: React.FC<{
   icon: React.ReactNode;
@@ -489,7 +505,7 @@ const LiveOpsGroupIcon: React.FC<{
   const snapshot = React.useSyncExternalStore(
     subscribeLiveOpsAttention,
     getLiveOpsAttentionSnapshot,
-    getLiveOpsAttentionSnapshot
+    getLiveOpsAttentionSnapshot,
   );
 
   if (!snapshot.hasPendingAttention || !React.isValidElement(icon)) {
@@ -503,35 +519,33 @@ const LiveOpsGroupIcon: React.FC<{
   );
 });
 
-LiveOpsGroupIcon.displayName = "LiveOpsGroupIcon";
+LiveOpsGroupIcon.displayName = 'LiveOpsGroupIcon';
 
 function decorateNavigationMenuItems(
   items: NavigationMenuItem[],
-  groupItems = true
+  groupItems = true,
 ): NavigationMenuItem[] {
   const sourceItems = groupItems
-    ? groupNavigationMenuItems(
-        items,
-        NAVIGATION_GROUP_ORDER,
-        (group) => React.createElement(NavigationGroupLabel, { group }),
+    ? groupNavigationMenuItems(items, NAVIGATION_GROUP_ORDER, (group) =>
+        React.createElement(NavigationGroupLabel, { group }),
       )
     : items;
 
   return sourceItems.map((item) => {
-    const path = typeof item.path === "string" ? item.path : undefined;
+    const path = typeof item.path === 'string' ? item.path : undefined;
     const badgeKey =
-      typeof item.menuBadgeKey === "string" ? item.menuBadgeKey : undefined;
+      typeof item.menuBadgeKey === 'string' ? item.menuBadgeKey : undefined;
     const groupKey =
-      typeof item.menuGroupKey === "string" ? item.menuGroupKey : undefined;
+      typeof item.menuGroupKey === 'string' ? item.menuGroupKey : undefined;
     const nameMessageId =
-      path && typeof item.name === "string"
+      path && typeof item.name === 'string'
         ? NAVIGATION_MENU_MESSAGE_IDS[path]
         : undefined;
     const children = Array.isArray(item.children)
       ? decorateNavigationMenuItems(item.children, false)
       : undefined;
     const isLiveOpsGroup =
-      groupKey === "live" && Array.isArray(children) && children.length > 0;
+      groupKey === 'live' && Array.isArray(children) && children.length > 0;
     const hasRenderableIcon = React.isValidElement(item.icon);
     const localizedName = nameMessageId
       ? React.createElement(LocalizedNavigationText, {
@@ -594,7 +608,7 @@ const LiveOpsAttentionBridge: React.FC<{
     };
 
     const refreshWhenVisible = () => {
-      if (document.visibilityState === "visible") {
+      if (document.visibilityState === 'visible') {
         void refresh();
       }
     };
@@ -607,16 +621,16 @@ const LiveOpsAttentionBridge: React.FC<{
     const intervalId = window.setInterval(() => {
       void refresh();
     }, LIVE_OPS_ATTENTION_REFRESH_MS);
-    document.addEventListener("visibilitychange", refreshWhenVisible);
-    window.addEventListener("focus", refreshOnFocus);
-    window.addEventListener("storage", refreshOnFocus);
+    document.addEventListener('visibilitychange', refreshWhenVisible);
+    window.addEventListener('focus', refreshOnFocus);
+    window.addEventListener('storage', refreshOnFocus);
 
     return () => {
       cancelled = true;
       window.clearInterval(intervalId);
-      document.removeEventListener("visibilitychange", refreshWhenVisible);
-      window.removeEventListener("focus", refreshOnFocus);
-      window.removeEventListener("storage", refreshOnFocus);
+      document.removeEventListener('visibilitychange', refreshWhenVisible);
+      window.removeEventListener('focus', refreshOnFocus);
+      window.removeEventListener('storage', refreshOnFocus);
     };
   }, [enabled, pathname, search]);
 
@@ -628,7 +642,7 @@ const AuthSessionBootstrap: React.FC<AuthSessionBootstrapProps> = ({
   children,
 }) => {
   const [ready, setReady] = React.useState(() =>
-    Boolean(loadStoredAuthSession())
+    Boolean(loadStoredAuthSession()),
   );
 
   React.useEffect(() => {
@@ -675,11 +689,12 @@ const ConsoleRuntimeProviders: React.FC<ConsoleRuntimeProvidersProps> = ({
 }) => {
   const intl = useIntl();
   const currentLocale = normalizeConsoleLocale(intl.locale || getLocale());
-  const localizedContent = isPublicRoute || isFullscreenDisplayRoute ? (
-    children
-  ) : (
-    <MainLayout>{children}</MainLayout>
-  );
+  const localizedContent =
+    isPublicRoute || isFullscreenDisplayRoute ? (
+      children
+    ) : (
+      <MainLayout>{children}</MainLayout>
+    );
 
   return (
     <ConfigProvider
@@ -688,14 +703,18 @@ const ConsoleRuntimeProviders: React.FC<ConsoleRuntimeProvidersProps> = ({
       theme={aevatarThemeConfig}
     >
       <ProConfigProvider intl={resolveProIntl(currentLocale)}>
-        <QueryClientProvider client={queryClient}>
-          <LiveOpsAttentionBridge
-            enabled={!isPublicRoute && !isStudioRoute}
-            pathname={pathname}
-            search={search}
-          />
-          <React.Fragment key={currentLocale}>{localizedContent}</React.Fragment>
-        </QueryClientProvider>
+        <ConsoleToastProvider>
+          <QueryClientProvider client={queryClient}>
+            <LiveOpsAttentionBridge
+              enabled={!isPublicRoute && !isStudioRoute}
+              pathname={pathname}
+              search={search}
+            />
+            <React.Fragment key={currentLocale}>
+              {localizedContent}
+            </React.Fragment>
+          </QueryClientProvider>
+        </ConsoleToastProvider>
       </ProConfigProvider>
     </ConfigProvider>
   );
@@ -709,6 +728,7 @@ export const layout = ({
   const search = window.location.search;
   const collapseForRoute = shouldCollapseLayout(pathname, search);
   const fullscreenDisplayRoute = isFullscreenDisplayRoute(pathname);
+  const workflowActivityVNextRoute = isWorkflowActivityVNextRoute(pathname);
 
   return {
     onPageChange: () => {
@@ -721,7 +741,7 @@ export const layout = ({
         return;
       }
 
-      if (pathname === "/") {
+      if (pathname === '/') {
         history.replace(DEFAULT_PROTECTED_ROUTE);
       }
     },
@@ -761,19 +781,17 @@ export const layout = ({
           const requiresGlobalAuth = requiresGlobalAuthGate(pathname);
           const liveSession = loadStoredAuthSession();
           const needsProtectedRouteRedirect =
-            requiresGlobalAuth &&
-            !liveSession &&
-            !hasRestorableAuthSession();
+            requiresGlobalAuth && !liveSession && !hasRestorableAuthSession();
 
           const content = needsProtectedRouteRedirect ? (
             <ProtectedRouteRedirectGate pathname={pathname} />
           ) : requiresGlobalAuth && !liveSession ? (
-              <AuthSessionBootstrap pathname={pathname}>
-                {children}
-              </AuthSessionBootstrap>
-            ) : (
-              children
-            );
+            <AuthSessionBootstrap pathname={pathname}>
+              {children}
+            </AuthSessionBootstrap>
+          ) : (
+            children
+          );
           return (
             <ConsoleRuntimeProviders
               isFullscreenDisplayRoute={isDisplayRoute}
@@ -790,32 +808,44 @@ export const layout = ({
         <AevatarPageLoading fullscreen />
       ),
     ...initialState?.settings,
-    title: "",
+    title: '',
     menu: {
       ...(initialState?.settings.menu as Record<string, unknown> | undefined),
       collapsedWidth: 40,
       collapsedShowGroupTitle: false,
       collapsedShowTitle: false,
-      type: "group",
+      type: 'group',
     },
-    contentStyle: fullscreenDisplayRoute
+    contentStyle: workflowActivityVNextRoute
       ? {
-          background: "#09110f",
-          display: "block",
-          height: "100vh",
+          background: '#ffffff',
+          display: 'block',
+          height: 'auto',
+          inset: 0,
           minHeight: 0,
-          overflow: "hidden",
+          overflow: 'hidden',
           padding: 0,
+          position: 'fixed',
+          width: '100%',
         }
-      : {
-          background: "transparent",
-          display: "flex",
-          flexDirection: "column",
-          height: "calc(100vh - 56px)",
-          minHeight: 0,
-          overflow: "hidden",
-          padding: 0,
-        },
+      : fullscreenDisplayRoute
+        ? {
+            background: '#09110f',
+            display: 'block',
+            height: '100vh',
+            minHeight: 0,
+            overflow: 'hidden',
+            padding: 0,
+          }
+        : {
+            background: 'transparent',
+            display: 'flex',
+            flexDirection: 'column',
+            height: 'calc(100vh - 56px)',
+            minHeight: 0,
+            overflow: 'hidden',
+            padding: 0,
+          },
     defaultCollapsed: shouldDefaultCollapseLayout(pathname, search),
     headerRender: fullscreenDisplayRoute ? false : undefined,
     ...(collapseForRoute ? { collapsed: true } : {}),
diff --git a/apps/aevatar-console-web/src/core-js-pure.d.ts b/apps/aevatar-console-web/src/core-js-pure.d.ts
new file mode 100644
index 0000000000..5842b6e57d
--- /dev/null
+++ b/apps/aevatar-console-web/src/core-js-pure.d.ts
@@ -0,0 +1,4 @@
+declare module 'core-js-pure/actual/json/parse' {
+  const parse: typeof JSON.parse;
+  export default parse;
+}
diff --git a/apps/aevatar-console-web/src/global.less b/apps/aevatar-console-web/src/global.less
index 310b577a0b..054c7692d9 100644
--- a/apps/aevatar-console-web/src/global.less
+++ b/apps/aevatar-console-web/src/global.less
@@ -464,6 +464,21 @@ body.aevatar-studio-host
   line-height: 1.5;
 }
 
+.aevatar-loading-overlay {
+  align-items: center;
+  background: color-mix(
+    in srgb,
+    var(--aevatar-loading-overlay-surface, #fff) 58%,
+    transparent
+  );
+  cursor: progress;
+  display: flex;
+  inset: 0;
+  justify-content: center;
+  position: absolute;
+  z-index: 20;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .aevatar-loading-dot,
   .aevatar-loading-pulse-dot,
@@ -472,6 +487,22 @@ body.aevatar-studio-host
     opacity: 1;
     transform: none;
   }
+
+  .aevatar-content-skeleton .ant-skeleton.ant-skeleton-active
+    .ant-skeleton-avatar,
+  .aevatar-content-skeleton .ant-skeleton.ant-skeleton-active
+    .ant-skeleton-button,
+  .aevatar-content-skeleton .ant-skeleton.ant-skeleton-active
+    .ant-skeleton-image,
+  .aevatar-content-skeleton .ant-skeleton.ant-skeleton-active
+    .ant-skeleton-input,
+  .aevatar-content-skeleton .ant-skeleton.ant-skeleton-active
+    .ant-skeleton-paragraph
+    > li,
+  .aevatar-content-skeleton .ant-skeleton.ant-skeleton-active
+    .ant-skeleton-title {
+    animation: none;
+  }
 }
 
 body.aevatar-studio-host
@@ -2529,6 +2560,13 @@ ol {
   color: var(--studio-muted-text);
 }
 
+.aevatar-console-toast.ant-notification-notice {
+  .ant-notification-notice-close {
+    inset-inline-end: 12px;
+    top: 12px;
+  }
+}
+
 .studio-catalog-toast {
   position: fixed;
   left: 50%;
diff --git a/apps/aevatar-console-web/src/locales/catalog.test.ts b/apps/aevatar-console-web/src/locales/catalog.test.ts
index 16543e97f7..be0af79c38 100644
--- a/apps/aevatar-console-web/src/locales/catalog.test.ts
+++ b/apps/aevatar-console-web/src/locales/catalog.test.ts
@@ -3,6 +3,7 @@ import zhCNMessages from './zh-CN';
 import routes from '../../config/routes';
 
 type ConsoleRoute = {
+  path: string;
   name?: string;
   routes?: ConsoleRoute[];
 };
diff --git a/apps/aevatar-console-web/src/locales/channelMessages.en-US.ts b/apps/aevatar-console-web/src/locales/channelMessages.en-US.ts
new file mode 100644
index 0000000000..399fa53550
--- /dev/null
+++ b/apps/aevatar-console-web/src/locales/channelMessages.en-US.ts
@@ -0,0 +1,240 @@
+export default {
+  'channels.error.contract':
+    'Bot binding is not available yet. Please try again later.',
+  'channels.guide.title': 'How to connect a bot',
+  'channels.guide.add': 'Add bot in NyxID',
+  'channels.guide.addHelp': 'Create your bot in NyxID.',
+  'channels.guide.bind': 'Refresh and bind',
+  'channels.guide.bindHelp':
+    'Return here, refresh the table, then choose Bind.',
+  'channels.guide.view': 'View your bound bot',
+  'channels.guide.viewHelp': 'Find your bot and its skill in the table below.',
+  'channels.guide.step': 'STEP {number}',
+  'channels.bots.title': 'Channel bots',
+  'channels.bots.empty': 'No bots yet',
+  'channels.bots.emptyHelp': 'Add a bot in NyxID, then refresh this table.',
+  'channels.column.binding': 'Binding',
+  'channels.binding.bind': 'Bind',
+  'channels.binding.bound': 'Bound',
+  'channels.binding.unbound': 'Not bound',
+  'channels.binding.unavailable': 'Unavailable',
+  'channels.status.disabled': 'Disabled',
+  'channels.skills.placeholder': 'Select a skill',
+  'channels.skills.search': 'Search skills',
+  'channels.skills.available': 'Available in Ornn',
+  'channels.skills.loading': 'Loading skills',
+  'channels.skills.failed': 'Could not load skills. Use Refresh to try again.',
+  'channels.skills.empty': 'No skills found',
+  'channels.skills.more': 'Load more skills',
+  'channels.skills.create': 'Create new skill',
+  'channels.skills.createHelp':
+    'Opens Ornn in a new tab. Create your skill, then return here and refresh the list.',
+  'channels.skills.refresh': 'Refresh skills',
+  'channels.bind.title': 'Bind bot',
+  'channels.bind.description':
+    'Choose a skill and the services this bot can use.',
+  'channels.bind.success': 'Bot bound successfully.',
+  'channels.bind.confirming': 'Confirming your changes...',
+  'channels.bind.delayed':
+    'Your request was accepted. The updated binding is not visible yet. You can return to Channels and refresh the table.',
+  'channels.bind.uncertain':
+    'The request could not be confirmed. Return to Channels and refresh before trying again.',
+  'channels.bind.conflict':
+    'This bot could not be bound. Refresh the channel list and review its binding and routes in NyxID.',
+  'channels.bind.failed':
+    'Could not save this bot. Check your skill, services and NyxID access, then try again.',
+  'channels.bind.configuration':
+    'Bot binding is unavailable because the server callback address is not configured correctly. Contact your administrator.',
+  'channels.edit.partialConfigSave':
+    'Label saved, but the configuration could not be updated. Review your choices and try again.',
+  'channels.edit.label': 'Label',
+  'channels.edit.labelError':
+    'Enter a non-empty label. If it is too long, shorten it and try again.',
+  'channels.edit.labelFailed':
+    'Could not save the label. Check it and try again.',
+  'channels.edit.partialSave':
+    'Label saved, but the skill name could not be updated. Try saving again.',
+  'channels.edit': 'Edit',
+  'channels.edit.title': 'Edit {platform}',
+  'channels.edit.loadingTitle': 'Edit channel',
+  'channels.edit.loading': 'Loading channel configuration',
+  'channels.edit.configuration': 'Configuration',
+  'channels.edit.save': 'Save changes',
+  'channels.edit.defaults': 'NyxID defaults',
+  'channels.edit.useDefaults': 'Use NyxID defaults',
+  'channels.edit.unavailableService': 'Unavailable service',
+  'channels.edit.servicesError':
+    'Could not load your services. Try again before saving.',
+  'channels.edit.servicesEmpty':
+    'No services are available with your current authorization.',
+  'channels.edit.missingServices':
+    'Some saved services are no longer available. Deselect them before saving.',
+  'channels.edit.selectionError':
+    'Review your selected services and try again.',
+  'channels.edit.skillError':
+    'Check the skill name. Use no more than 128 characters.',
+  'channels.edit.failed':
+    'Could not save channel changes. Review your choices and try again.',
+  'channels.edit.saved': 'Channel changes saved.',
+  'channels.edit.submitted':
+    'Changes submitted. They may take a moment to appear in channel details.',
+  'channels.edit.readbackUnavailable':
+    'Changes submitted, but the latest configuration could not be loaded. Refresh the channel details to view it.',
+  'channels.edit.discardTitle': 'Discard your changes?',
+  'channels.edit.discardHelp': 'Your unsaved channel changes will be lost.',
+  'workflowActivityVNext.nav.channels': 'Channels',
+  'channels.title': 'Connect your channels to your agent',
+  'channels.description': 'Bring your NyxID bots into Aevatar.',
+  'channels.intro':
+    'Once connected, talk to your Aevatar bot directly from the channel.',
+  'channels.available': 'Available channels',
+  'channels.availableNow': 'Available',
+  'channels.soon': 'Soon',
+  'channels.connect': 'Connect',
+  'channels.connectPlatform': 'Connect {platform}',
+  'channels.platform.feishu': 'Feishu',
+  'channels.platform.telegram.description':
+    'Connect with a BotFather bot token. Webhook setup is handled for you.',
+  'channels.platform.whatsapp.description': 'Chat with your bot on WhatsApp.',
+  'channels.connected': 'Connected',
+  'channels.connectedDescription': 'Channels connected to your account.',
+  'channels.name.loading': 'Loading name…',
+  'channels.name.unavailable': 'Name unavailable',
+  'channels.name.retry': 'Reload channel name',
+  'channels.column.name': 'Channel name',
+  'channels.skill.notSet': 'Not set',
+  'channels.skill.version': 'Version {version}',
+  'channels.skill.open': 'Open {name} in Ornn',
+  'channels.identifier.showFull': 'Show full ID',
+  'channels.column.channel': 'Channel',
+  'channels.column.skill': 'Skill',
+  'channels.column.inbound': 'Inbound',
+  'channels.column.delivery': 'Workflow delivery',
+  'channels.column.actions': 'Actions',
+  'channels.manage': 'Manage',
+  'channels.managePlatform': '{platform} · Manage',
+  'channels.refresh': 'Refresh channels',
+  'channels.loading': 'Loading channels',
+  'channels.status.checking': 'Checking…',
+  'channels.status.active': 'Active',
+  'channels.status.pending': 'Waiting for message',
+  'channels.status.error': 'Needs attention',
+  'channels.status.unknown': 'Unknown',
+  'channels.delivery.ready': 'Ready',
+  'channels.delivery.failed': 'Repair failed',
+  'channels.delivery.repairing': 'Repairing',
+  'channels.delivery.repairRequired': 'Needs repair',
+  'channels.delivery.notEnabled': 'Not enabled',
+  'channels.empty.title': 'No channels connected yet',
+  'channels.empty.description':
+    'Connect Telegram above to start talking to your agent.',
+  'channels.retry': 'Try again',
+  'channels.error.load': 'Could not load channels. Please try again.',
+  'channels.error.refresh': 'Could not refresh channels. Try again.',
+  'channels.error.names':
+    'Could not load channel names. Use Refresh to try again.',
+  'channels.error.unavailable':
+    'This channel is unavailable or you do not have access.',
+  'channels.details': 'Channel details',
+  'channels.details.loading': 'Loading channel details',
+  'channels.breadcrumb': 'Channel navigation',
+  'channels.registration': 'Registration',
+  'channels.inboundMessages': 'Inbound messages',
+  'channels.services.title': 'Authorized services',
+  'channels.services.loading': 'Loading service names',
+  'channels.services.empty': 'No services authorized.',
+  'channels.services.default':
+    'Uses NyxID default authorization; individual services are not listed.',
+  'channels.services.unavailable':
+    'Authorization details are unavailable for this channel.',
+  'channels.services.namesError':
+    'Could not load service names. Please try again.',
+  'channels.botId': 'Bot ID',
+  'channels.provider': 'Provider',
+  'channels.keyId': 'Agent key ID',
+  'channels.openInNyxID': 'Open {label} {id} in NyxID (new tab)',
+  'channels.back': 'Back to channels',
+  'channels.remove': 'Remove',
+  'channels.cancel': 'Cancel',
+  'channels.remove.title': 'Remove this channel?',
+  'channels.remove.description':
+    'This bot will stop routing messages to Aevatar. To reconnect it, you will need to set it up again.',
+  'channels.remove.error': 'Could not remove this channel. Please try again.',
+  'channels.remove.pending':
+    'Removal requested. Waiting for the channel list to confirm the change.',
+  'channels.remove.confirming': 'Confirming removal…',
+  'channels.remove.check': 'Check again',
+  'channels.remove.success': 'Channel removed.',
+  'channels.remove.warning':
+    'Channel removed. Some cleanup needs attention in NyxID.',
+  'channels.connect.title': 'Connect Telegram',
+  'channels.connect.description':
+    'Add your bot and choose the services it can use. Telegram webhook setup is automatic.',
+  'channels.connect.botDetails': 'Bot details',
+  'channels.connect.botToken': 'Bot token',
+  'channels.connect.showToken': 'Show bot token',
+  'channels.connect.hideToken': 'Hide bot token',
+  'channels.connect.botFather': 'Get token from BotFather',
+  'channels.connect.name': 'Channel name',
+  'channels.connect.skillName': 'Skill',
+  'channels.connect.skillNameDefault': 'Defaults to the Telegram bot name',
+  'channels.connect.optional': '(optional)',
+  'channels.connect.botNameDefault':
+    'Defaults to the bot name + 6 random digits',
+  'channels.connect.tokenRequired': 'Enter the bot token from BotFather.',
+  'channels.connect.services': 'Services',
+  'channels.connect.selected': '{count} selected',
+  'channels.connect.selectAll': 'Select all',
+  'channels.connect.selectAllResults': 'Select all results',
+  'channels.connect.servicesHelp':
+    'Only services available through your current NyxID authorization are shown.',
+  'channels.connect.servicesLoading': 'Loading services',
+  'channels.connect.servicesError':
+    'Could not load your services. Retry before connecting.',
+  'channels.connect.servicesEmpty':
+    'No services are available with your current NyxID authorization.',
+  'channels.connect.serviceRequired': 'Required',
+  'channels.connect.requiredServicesMissing':
+    'Required services unavailable: {services}. Check your NyxID access, then retry.',
+  'channels.edit.replaceDefaults':
+    'Saving replaces NyxID default access with the selected services.',
+  'channels.connect.searchServices': 'Search services by name or slug',
+  'channels.connect.serviceUnavailable': 'Unavailable',
+  'channels.connect.personal': 'Personal',
+  'channels.connect.organization': 'Organization',
+  'channels.connect.noMatches': 'No services match your search.',
+  'channels.connect.selectionHelp':
+    'Only selected services will be available to this bot.',
+  'channels.connect.selectionChanged':
+    'Some selected services are no longer available. Deselect them before connecting.',
+  'channels.connect.pending':
+    'Your request was submitted. Check again to open your channel when it is ready.',
+  'channels.connect.check': 'Check again',
+  'channels.connect.success': 'Telegram channel created.',
+  'channels.connect.error.confirmation':
+    'Could not check your channel. Please check again.',
+  'channels.connect.submitted': 'Request submitted',
+  'channels.connect.error.token':
+    'Check the bot token from BotFather and try again.',
+  'channels.connect.error.botName':
+    'Could not read the Telegram bot name. Please try again.',
+  'channels.connect.error.services':
+    'The selected services are no longer available. Review your selection and try again.',
+  'channels.connect.error.skill':
+    'Could not configure the bot skill. Check the Skill name and your access in Ornn.',
+  'channels.connect.error.authorization':
+    'Your session or service access needs attention. Sign in again and review your NyxID access.',
+  'channels.connect.error.conflict':
+    'This bot may already be connected. Check your channels before trying again.',
+  'channels.connect.error.configuration':
+    'Channel setup is unavailable. Ask your administrator to check the deployment configuration.',
+  'channels.connect.error.rejected':
+    'Could not connect Telegram. Check the bot token, Skill name, and selected services, then try again.',
+  'channels.connect.error.uncertain':
+    'Could not confirm the connection. Please try again.',
+  'channels.connect.discardTitle': 'Discard this connection setup?',
+  'channels.connect.discard': 'Discard',
+  'channels.connect.stay': 'Stay',
+  'channels.connect.discardHelp':
+    'Your bot token and unsaved choices will be cleared.',
+};
diff --git a/apps/aevatar-console-web/src/locales/channelMessages.zh-CN.ts b/apps/aevatar-console-web/src/locales/channelMessages.zh-CN.ts
new file mode 100644
index 0000000000..841214d0a9
--- /dev/null
+++ b/apps/aevatar-console-web/src/locales/channelMessages.zh-CN.ts
@@ -0,0 +1,210 @@
+export default {
+  'channels.error.contract': 'Bot 绑定功能暂未开放，请稍后重试。',
+  'channels.guide.title': '如何连接 Bot',
+  'channels.guide.add': '前往 NyxID 添加 Bot',
+  'channels.guide.addHelp': '在 NyxID 中添加 Bot。',
+  'channels.guide.bind': '刷新并绑定',
+  'channels.guide.bindHelp': '返回此页面，刷新表格后点击绑定。',
+  'channels.guide.view': '查看已绑定的 Bot',
+  'channels.guide.viewHelp': '在下方表格中查看 Bot 和对应的 Skill。',
+  'channels.guide.step': '步骤 {number}',
+  'channels.bots.title': 'Channel Bot',
+  'channels.bots.empty': '暂无 Bot',
+  'channels.bots.emptyHelp': '在 NyxID 添加 Bot 后，刷新此表格。',
+  'channels.column.binding': '绑定',
+  'channels.binding.bind': '绑定',
+  'channels.binding.bound': '已绑定',
+  'channels.binding.unbound': '未绑定',
+  'channels.binding.unavailable': '不可用',
+  'channels.status.disabled': '已停用',
+  'channels.skills.placeholder': '选择 Skill',
+  'channels.skills.search': '搜索 Skill',
+  'channels.skills.available': 'Ornn 中可用的 Skill',
+  'channels.skills.loading': '正在加载 Skill',
+  'channels.skills.failed': '无法加载 Skill，请点击刷新重试。',
+  'channels.skills.empty': '未找到 Skill',
+  'channels.skills.more': '加载更多 Skill',
+  'channels.skills.create': '创建新 Skill',
+  'channels.skills.createHelp':
+    '将在新标签页打开 Ornn。创建 Skill 后，请返回此处刷新列表。',
+  'channels.skills.refresh': '刷新 Skill',
+  'channels.bind.title': '绑定 Bot',
+  'channels.bind.description': '选择此 Bot 使用的 Skill 和可访问的服务。',
+  'channels.bind.success': 'Bot 绑定成功。',
+  'channels.bind.confirming': '正在确认更改…',
+  'channels.bind.delayed':
+    '请求已受理，绑定信息尚未更新。你可以返回 Channels 刷新表格查看。',
+  'channels.bind.uncertain':
+    '无法确认请求结果。请先返回 Channels 刷新列表，再决定是否重试。',
+  'channels.bind.conflict':
+    '无法绑定此 Bot。请刷新列表，并到 NyxID 检查绑定与路由。',
+  'channels.bind.failed':
+    '无法保存此 Bot，请检查 Skill、Services 和 NyxID 授权后重试。',
+  'channels.bind.configuration':
+    '服务端 Bot 回调地址未正确配置，暂时无法绑定。请联系管理员处理。',
+  'channels.edit.partialConfigSave':
+    'Label 已保存，但配置更新失败。请检查选择后重试。',
+  'channels.edit.label': 'Label',
+  'channels.edit.labelError': 'Label 不能为空；如果名称过长，请缩短后重试。',
+  'channels.edit.labelFailed': '无法保存 Label，请检查后重试。',
+  'channels.edit.partialSave':
+    'Label 已保存，但 Skill 名称更新失败，请再次保存。',
+  'channels.edit': '编辑',
+  'channels.edit.title': '编辑 {platform}',
+  'channels.edit.loadingTitle': '编辑渠道',
+  'channels.edit.loading': '正在加载渠道配置',
+  'channels.edit.configuration': '配置',
+  'channels.edit.save': '保存更改',
+  'channels.edit.defaults': 'NyxID 默认授权',
+  'channels.edit.useDefaults': '使用 NyxID 默认授权',
+  'channels.edit.unavailableService': '不可用的服务',
+  'channels.edit.servicesError': '无法加载服务，请重试后再保存。',
+  'channels.edit.servicesEmpty': '当前授权范围内暂无可用服务。',
+  'channels.edit.missingServices':
+    '部分已保存的服务已不可用，请取消勾选后再保存。',
+  'channels.edit.selectionError': '请检查选中的服务后重试。',
+  'channels.edit.skillError': '请检查 Skill 名称，最多允许 128 个字符。',
+  'channels.edit.failed': '无法保存渠道更改，请检查填写内容后重试。',
+  'channels.edit.saved': '渠道更改已保存。',
+  'channels.edit.submitted': '更改已提交，可能需要片刻才会显示在渠道详情中。',
+  'channels.edit.readbackUnavailable':
+    '更改已提交，但暂时无法加载最新配置，请刷新渠道详情查看。',
+  'channels.edit.discardTitle': '放弃更改？',
+  'channels.edit.discardHelp': '未保存的渠道更改将会丢失。',
+  'workflowActivityVNext.nav.channels': '渠道',
+  'channels.title': '将渠道连接到你的 Agent',
+  'channels.description': '将你的 NyxID Bot 连接到 Aevatar。',
+  'channels.intro': '连接后，即可直接在渠道中与你的 Aevatar 机器人对话。',
+  'channels.available': '可用渠道',
+  'channels.availableNow': '可用',
+  'channels.soon': '即将支持',
+  'channels.connect': '连接',
+  'channels.connectPlatform': '连接 {platform}',
+  'channels.platform.feishu': '飞书',
+  'channels.platform.telegram.description':
+    '使用 BotFather 机器人令牌接入，Webhook 自动配置。',
+  'channels.platform.whatsapp.description': '在 WhatsApp 中与你的机器人对话。',
+  'channels.connected': '已连接',
+  'channels.connectedDescription': '连接到你账户的渠道。',
+  'channels.name.loading': '正在加载名称…',
+  'channels.name.unavailable': '名称暂不可用',
+  'channels.name.retry': '重新加载渠道名称',
+  'channels.column.name': 'Channel 名字',
+  'channels.skill.notSet': '未设置',
+  'channels.skill.version': '版本 {version}',
+  'channels.skill.open': '在 Ornn 中打开 {name}',
+  'channels.identifier.showFull': '查看完整 ID',
+  'channels.column.channel': '渠道',
+  'channels.column.skill': '技能',
+  'channels.column.inbound': '消息入站',
+  'channels.column.delivery': '工作流回传',
+  'channels.column.actions': '操作',
+  'channels.manage': '管理',
+  'channels.managePlatform': '{platform} · 管理',
+  'channels.refresh': '刷新渠道',
+  'channels.loading': '正在加载渠道',
+  'channels.status.checking': '查询中…',
+  'channels.status.active': '活跃',
+  'channels.status.pending': '等待消息',
+  'channels.status.error': '需要处理',
+  'channels.status.unknown': '未知',
+  'channels.delivery.ready': '就绪',
+  'channels.delivery.failed': '修复失败',
+  'channels.delivery.repairing': '修复中',
+  'channels.delivery.repairRequired': '需要修复',
+  'channels.delivery.notEnabled': '未启用',
+  'channels.empty.title': '尚未连接渠道',
+  'channels.empty.description': '在上方连接 Telegram，开始与你的 Agent 对话。',
+  'channels.retry': '重试',
+  'channels.error.load': '无法加载渠道，请重试。',
+  'channels.error.refresh': '无法刷新渠道，请重试。',
+  'channels.error.names': '无法加载 Channel 名称，请点击刷新重试。',
+  'channels.error.unavailable': '此渠道不可用或你没有访问权限。',
+  'channels.details': '渠道详情',
+  'channels.details.loading': '正在加载渠道详情',
+  'channels.breadcrumb': '渠道导航',
+  'channels.registration': '接入记录',
+  'channels.inboundMessages': '消息入站',
+  'channels.services.title': '已授权服务',
+  'channels.services.loading': '正在加载服务名称',
+  'channels.services.empty': '未授权任何服务。',
+  'channels.services.default': '使用 NyxID 默认授权，未列出具体服务。',
+  'channels.services.unavailable': '此渠道的授权详情暂不可用。',
+  'channels.services.namesError': '无法加载服务名称，请重试。',
+  'channels.botId': '机器人 ID',
+  'channels.provider': '提供方',
+  'channels.keyId': 'Agent 密钥 ID',
+  'channels.openInNyxID': '在 NyxID 中打开{label} {id}（新标签页）',
+  'channels.back': '返回渠道',
+  'channels.remove': '移除',
+  'channels.cancel': '取消',
+  'channels.remove.title': '移除此渠道？',
+  'channels.remove.description':
+    '此机器人将不再向 Aevatar 转发消息。重新连接时，需要再次完成接入设置。',
+  'channels.remove.error': '无法移除此渠道，请重试。',
+  'channels.remove.pending': '已提交移除请求，正在等待渠道列表确认更新。',
+  'channels.remove.confirming': '正在确认移除结果…',
+  'channels.remove.check': '重新检查',
+  'channels.remove.success': '渠道已移除。',
+  'channels.remove.warning': '渠道已移除，部分清理操作需要在 NyxID 中处理。',
+  'channels.connect.title': '连接 Telegram',
+  'channels.connect.description':
+    '添加机器人，选择它可以使用的服务。Telegram Webhook 将自动配置。',
+  'channels.connect.botDetails': '机器人信息',
+  'channels.connect.botToken': '机器人令牌',
+  'channels.connect.showToken': '显示机器人令牌',
+  'channels.connect.hideToken': '隐藏机器人令牌',
+  'channels.connect.botFather': '从 BotFather 获取令牌',
+  'channels.connect.name': 'Channel 名字',
+  'channels.connect.skillName': 'Skill',
+  'channels.connect.skillNameDefault': '默认使用 Telegram 机器人名字',
+  'channels.connect.optional': '（可选）',
+  'channels.connect.botNameDefault': '默认使用机器人名字 + 6 位随机数字',
+  'channels.connect.tokenRequired': '请输入从 BotFather 获取的机器人令牌。',
+  'channels.connect.services': '服务',
+  'channels.connect.selected': '已选 {count} 项',
+  'channels.connect.selectAll': '全选',
+  'channels.connect.selectAllResults': '全选搜索结果',
+  'channels.connect.servicesHelp': '仅显示当前 NyxID 授权范围内可用的服务。',
+  'channels.connect.servicesLoading': '正在加载服务',
+  'channels.connect.servicesError': '无法加载服务，请重试后再连接。',
+  'channels.connect.servicesEmpty': '当前 NyxID 授权范围内暂无可用服务。',
+  'channels.connect.serviceRequired': '必选',
+  'channels.connect.requiredServicesMissing':
+    '必选服务不可用：{services}。请检查 NyxID 访问权限后重试。',
+  'channels.edit.replaceDefaults':
+    '保存后将使用所选服务替代 NyxID 默认授权范围。',
+  'channels.connect.searchServices': '按名称或标识搜索服务',
+  'channels.connect.serviceUnavailable': '不可用',
+  'channels.connect.personal': '个人',
+  'channels.connect.organization': '组织',
+  'channels.connect.noMatches': '没有匹配的服务。',
+  'channels.connect.selectionHelp': '此机器人只能使用选中的服务。',
+  'channels.connect.selectionChanged':
+    '部分选中服务已不可用，请取消勾选后再连接。',
+  'channels.connect.pending':
+    '请求已提交。可点击再次检查，准备完成后将打开你的渠道详情。',
+  'channels.connect.check': '再次检查',
+  'channels.connect.success': 'Telegram 渠道已创建。',
+  'channels.connect.error.confirmation': '暂时无法查看渠道，请再次检查。',
+  'channels.connect.submitted': '请求已提交',
+  'channels.connect.error.token': '请检查 BotFather 提供的令牌后重试。',
+  'channels.connect.error.botName':
+    '暂时无法获取 Telegram 机器人名称，请重试。',
+  'channels.connect.error.services': '所选服务已不可用，请重新检查选择后重试。',
+  'channels.connect.error.skill':
+    '无法配置机器人 Skill，请检查 Skill 名称和你在 Ornn 中的访问权限。',
+  'channels.connect.error.authorization':
+    '登录状态或服务权限需要处理，请重新登录并检查 NyxID 访问权限。',
+  'channels.connect.error.conflict':
+    '此机器人可能已连接，请先查看渠道列表再重试。',
+  'channels.connect.error.configuration':
+    '渠道接入暂不可用，请联系管理员检查部署配置。',
+  'channels.connect.error.rejected':
+    '无法连接 Telegram，请检查机器人令牌、Skill 名称和所选服务后重试。',
+  'channels.connect.error.uncertain': '暂时无法确认连接结果，请重试。',
+  'channels.connect.discardTitle': '放弃此次连接设置？',
+  'channels.connect.discard': '放弃',
+  'channels.connect.stay': '继续填写',
+  'channels.connect.discardHelp': '机器人令牌和未保存的选择将被清除。',
+};
diff --git a/apps/aevatar-console-web/src/locales/en-US.ts b/apps/aevatar-console-web/src/locales/en-US.ts
index b9abd7d698..33f9512039 100644
--- a/apps/aevatar-console-web/src/locales/en-US.ts
+++ b/apps/aevatar-console-web/src/locales/en-US.ts
@@ -1,12 +1,20 @@
+import channelMessages from './channelMessages.en-US';
 import projectMessages from './projectMessages.en-US';
+import workflowActivityVNextMessages from './workflowActivityVNextMessages.en-US';
 
 const enUSMessages = {
   ...projectMessages,
+  ...channelMessages,
+  'workflowCanvasBenchmark.title': 'Workflow canvas benchmark',
+  ...workflowActivityVNextMessages,
   'common.appName': 'Aevatar',
+  'console.home.unavailable': 'Could not open your workspace',
+  'console.home.retry': 'Try again',
   'common.language.english': 'English',
   'common.language.label': 'Language',
   'common.language.switch': 'Switch language',
   'common.language.zhCN': '中文',
+  'common.user.account': 'Account',
   'common.user.logout': 'Logout',
   'common.user.settings': 'Settings',
   'common.user.signIn': 'Sign in',
@@ -58,7 +66,8 @@ const enUSMessages = {
   'pages.chat.index.deleteChatTitle': 'Delete conversation?',
   'pages.chat.index.emptyDescription':
     'Describe the Team, Member, or Workflow you want to create.',
-  'pages.chat.index.failedToLoadConversation': 'Conversation could not be loaded',
+  'pages.chat.index.failedToLoadConversation':
+    'Conversation could not be loaded',
   'pages.chat.index.failedToLoadHistory': 'Chat history could not be loaded',
   'pages.chat.index.historyStoredInWorkspace':
     'History is saved to this workspace.',
@@ -173,16 +182,15 @@ const enUSMessages = {
   'pages.missionwall.status.unknown': 'UNKNOWN',
   'pages.missionwall.status.waiting': 'WAIT',
   'pages.missionwall.state.auditLoading': 'Loading selected run',
-  'pages.missionwall.state.auditPendingTitle':
-    'No step flow for this run yet',
+  'pages.missionwall.state.auditPendingTitle': 'No step flow for this run yet',
   'pages.missionwall.state.emptyKicker': 'Waiting for runs',
   'pages.missionwall.state.emptyTitle': 'No published workflows are visible',
   'pages.missionwall.state.loadingKicker': 'Loading runtime',
   'pages.missionwall.state.loadingTitle': 'Loading workflow runs',
-  'pages.missionwall.state.publishedWorkflowTitle':
-    'No visible run',
+  'pages.missionwall.state.publishedWorkflowTitle': 'No visible run',
   'pages.missionwall.stageSubtitle': 'Team {teamName} · {memberName}',
   'pages.missionwall.stageTitle': '{workflowName} · Step Flow',
+  'pages.missionwall.stepFlow': 'Step Flow',
   'pages.missionwall.stepStatus.active': 'ACTIVE',
   'pages.missionwall.stepStatus.completed': 'COMPLETED',
   'pages.missionwall.stepStatus.failed': 'FAILED',
@@ -716,7 +724,14 @@ const enUSMessages = {
     'Value matched against branch keys such as bug, feature, or _default.',
   'shared.studio.nodeConfiguration.switch.on.label': 'Switch on',
   'shared.studio.nodeConfiguration.switch.on.placeholder': '$input',
-  'shared.studio.nodeConfiguration.toolCall.tool.label': 'Tool',
+  'shared.studio.nodeConfiguration.toolCall.arguments.description':
+    "Property names and value types must match the tool's expected input.",
+  'shared.studio.nodeConfiguration.toolCall.arguments.label': 'Arguments',
+  'shared.studio.nodeConfiguration.toolCall.arguments.placeholder':
+    '\'{\'"query":"$input"\'}\'',
+  'shared.studio.nodeConfiguration.toolCall.tool.description':
+    "Use the exact name from the workflow template or target role's tool setup, for example web_search.",
+  'shared.studio.nodeConfiguration.toolCall.tool.label': 'Tool name',
   'shared.studio.nodeConfiguration.toolCall.tool.placeholder': 'web_search',
   'shared.studio.nodeConfiguration.transform.operation.label': 'Operation',
   'shared.studio.nodeConfiguration.transform.operation.option.count':
@@ -758,6 +773,9 @@ const enUSMessages = {
   'shared.studio.nodeConfiguration.workflowCall.workflow.label': 'Workflow',
   'shared.studio.nodeConfiguration.workflowCall.workflow.placeholder':
     'child_workflow',
+  'shared.workflowExecutionLogs.collapse': 'Collapse workflow logs',
+  'shared.workflowExecutionLogs.consoleAria': 'Workflow run console',
+  'shared.workflowExecutionLogs.tokenUsage': 'Token usage',
   'teams.members.actions.build': 'Build',
   'teams.members.actions.clearEntry': 'Clear entry member',
   'teams.members.actions.create': 'Create member',
@@ -810,8 +828,10 @@ const enUSMessages = {
   'teams.automations.authorization.error': 'Authorization could not continue',
   'teams.automations.authorization.exactAccess': 'Exact access',
   'teams.automations.authorization.expiry': 'Credential expiry',
-  'teams.automations.authorization.noExternalGrants': 'No external NyxID service or owner LLM model grant is required.',
-  'teams.automations.authorization.noOwnerLLMGrant': 'No owner LLM model grant is required for this workflow.',
+  'teams.automations.authorization.noExternalGrants':
+    'No external NyxID service or owner LLM model grant is required.',
+  'teams.automations.authorization.noOwnerLLMGrant':
+    'No owner LLM model grant is required for this workflow.',
   'teams.automations.authorization.preparing': 'Preparing authorization review',
   'teams.automations.authorization.review': 'Review authorization',
   'teams.automations.authorization.reviewAgain': 'Review again',
@@ -820,10 +840,14 @@ const enUSMessages = {
   'teams.automations.authorizationStatus.active': 'Credential active',
   'teams.automations.authorizationStatus.deleting': 'Deleting',
   'teams.automations.authorizationStatus.failed': 'Authorization failed',
-  'teams.automations.authorizationStatus.needs_authorization': 'Authorization required',
-  'teams.automations.authorizationStatus.provisioning_pending': 'Preparing authorization',
-  'teams.automations.authorizationStatus.replacement_pending': 'Replacing authorization',
-  'teams.automations.authorizationStatus.revocation_pending': 'Revocation pending',
+  'teams.automations.authorizationStatus.needs_authorization':
+    'Authorization required',
+  'teams.automations.authorizationStatus.provisioning_pending':
+    'Preparing authorization',
+  'teams.automations.authorizationStatus.replacement_pending':
+    'Replacing authorization',
+  'teams.automations.authorizationStatus.revocation_pending':
+    'Revocation pending',
   'teams.automations.columns.actions': 'Actions',
   'teams.automations.columns.automation': 'Automation',
   'teams.automations.columns.member': 'Member',
@@ -916,8 +940,7 @@ const enUSMessages = {
   'teams.automations.loading': 'Loading automations',
   'teams.automations.member.publishFirst':
     'Publish this member before adding recurring work.',
-  'teams.automations.member.publishedServiceReady':
-    'Published service ready',
+  'teams.automations.member.publishedServiceReady': 'Published service ready',
   'teams.automations.member.unknown': 'Unknown member',
   'teams.automations.memberDescription':
     'Dedicated Agent Keys are authorized per schedule and held by Aevatar.',
@@ -927,7 +950,8 @@ const enUSMessages = {
   'teams.automations.memberTitle': '{memberName} automations',
   'teams.automations.memberUnavailable.description':
     'This member is not part of the current Team. Choose another member.',
-  'teams.automations.memberUnavailable.title': 'Member unavailable for automation',
+  'teams.automations.memberUnavailable.title':
+    'Member unavailable for automation',
   'teams.automations.member.workflowOnly':
     'Only workflow members can have recurring work.',
   'teams.automations.schedule.next': 'Next {time}',
@@ -937,12 +961,16 @@ const enUSMessages = {
   'teams.automations.messages.createSuccess': 'Automation created.',
   'teams.automations.messages.authorizationAccepted':
     'Authorization request accepted',
+  'teams.automations.messages.actionFailed':
+    'Automation action could not be completed.',
   'teams.automations.messages.deleteAccepted': 'Delete request accepted',
   'teams.automations.messages.cronRequired': 'Enter a cron expression first.',
   'teams.automations.messages.deleteSuccess': 'Automation deleted.',
   'teams.automations.messages.disableSuccess': 'Automation paused.',
   'teams.automations.messages.enableSuccess': 'Automation resumed.',
   'teams.automations.messages.previewFailed': 'Preview failed: {message}',
+  'teams.automations.messages.previewFailedGeneric':
+    'Could not preview scheduled runs.',
   'teams.automations.messages.promptTooLong':
     'Recurring prompt must be {maxLength} characters or fewer.',
   'teams.automations.messages.runNowFailed': 'Run request failed: {message}',
@@ -959,6 +987,8 @@ const enUSMessages = {
     'The selected member does not have a service identity yet.',
   'teams.automations.messages.updateFailed':
     'Automation was not updated: {message}',
+  'teams.automations.messages.updateFailedGeneric':
+    'Automation could not be updated.',
   'teams.automations.messages.updateSuccess': 'Automation updated.',
   'teams.automations.noPublishedMember.description':
     'Automations need a member with a published service identity before they can run.',
@@ -1147,6 +1177,16 @@ const enUSMessages = {
     'Studio resolved draft workflow {workflowId}, but loading it failed: {reason}',
   'teamMemberWorkflowStudio.alerts.linkedWorkflowLoadFailed.title':
     'Workflow draft could not be loaded.',
+  'teamMemberWorkflowStudio.alerts.actionError.title':
+    'Workflow changes need attention',
+  'teamMemberWorkflowStudio.alerts.draftSaveFailed.description':
+    "We couldn't save the workflow draft. Review your changes and try again.",
+  'teamMemberWorkflowStudio.alerts.memberCreateFailed.description':
+    "We couldn't create the workflow member. Review your changes and try again.",
+  'teamMemberWorkflowStudio.alerts.memberLinkFailed.description':
+    "We couldn't finish linking the workflow member. Your draft is still available. Save again to retry.",
+  'teamMemberWorkflowStudio.alerts.saveAndPublishFailed.description':
+    "We couldn't validate and publish the workflow. Review the workflow and try again.",
   'teamMemberWorkflowStudio.common.close': 'Close',
   'teamMemberWorkflowStudio.executionPanel.consoleAria': 'Draft run console',
   'teamMemberWorkflowStudio.explicitRequest.approval': 'Approval',
@@ -1170,6 +1210,7 @@ const enUSMessages = {
   'teamMemberWorkflowStudio.executionPanel.clear': 'Clear logs',
   'teamMemberWorkflowStudio.executionPanel.copyAll': 'Copy all logs',
   'teamMemberWorkflowStudio.executionPanel.copyAllDone': 'Copied all logs.',
+  'teamMemberWorkflowStudio.executionPanel.copyFailed': 'Could not copy logs.',
   'teamMemberWorkflowStudio.executionPanel.copySelected': 'Copy selected log',
   'teamMemberWorkflowStudio.executionPanel.copySelectedDone':
     'Copied selected log.',
@@ -1205,13 +1246,14 @@ const enUSMessages = {
   'teamMemberWorkflowStudio.executionPanel.output': 'Output',
   'teamMemberWorkflowStudio.executionPanel.overview': 'Overview',
   'teamMemberWorkflowStudio.executionPanel.rawFrames':
-    '{count} run event(s) received, but no node output is available yet.',
+    '{count} run event(s) received. Waiting for the first node to start.',
   'teamMemberWorkflowStudio.executionPanel.resultFirst': 'Result',
   'teamMemberWorkflowStudio.executionPanel.runLog': 'Run log',
   'teamMemberWorkflowStudio.executionPanel.selectLog':
     'Select a log entry to inspect its input, output, and raw event data.',
   'teamMemberWorkflowStudio.executionPanel.steps': 'Steps',
   'teamMemberWorkflowStudio.executionPanel.status.error': 'Error',
+  'teamMemberWorkflowStudio.executionPanel.status.notRun': 'Not run',
   'teamMemberWorkflowStudio.executionPanel.status.pending': 'Pending',
   'teamMemberWorkflowStudio.executionPanel.status.recorded': 'Recorded',
   'teamMemberWorkflowStudio.executionPanel.status.running': 'Running',
@@ -1226,10 +1268,8 @@ const enUSMessages = {
     'No safely scoped executions are available for this workflow member.',
   'teamMemberWorkflowStudio.executionsPanel.fallbackName': 'Workflow execution',
   'teamMemberWorkflowStudio.executionsPanel.inspect': 'Inspect',
-  'teamMemberWorkflowStudio.executionsPanel.sectionAria':
-    'Workflow executions',
-  'teamMemberWorkflowStudio.executionsPanel.serviceMeta':
-    'Service ready',
+  'teamMemberWorkflowStudio.executionsPanel.sectionAria': 'Workflow executions',
+  'teamMemberWorkflowStudio.executionsPanel.serviceMeta': 'Service ready',
   'teamMemberWorkflowStudio.executionsPanel.title': 'Executions',
   'teamMemberWorkflowStudio.executionsPanel.unknownStatus': 'unknown',
   'teamMemberWorkflowStudio.graph.branchCount.one': '1 branch',
@@ -1391,6 +1431,31 @@ const enUSMessages = {
   'teamMemberWorkflowStudio.runsPanel.sectionAria': 'Member runs',
   'teamMemberWorkflowStudio.runsPanel.title': 'Member runs',
   'teamMemberWorkflowStudio.runsPanel.unknownStatus': 'unknown',
+  'teamMemberWorkflowStudio.toast.draftRunCompleted': 'Draft run completed.',
+  'teamMemberWorkflowStudio.toast.draftRunFailed':
+    'Draft run failed. Review the result and try again.',
+  'teamMemberWorkflowStudio.toast.draftSaveFailed':
+    'Could not save the workflow draft. Review the details and try again.',
+  'teamMemberWorkflowStudio.toast.draftSaved': 'Workflow draft saved.',
+  'teamMemberWorkflowStudio.toast.memberCreateFailed':
+    'Could not create the workflow member. Review the details and try again.',
+  'teamMemberWorkflowStudio.toast.memberLinkFailed':
+    'Could not finish linking the workflow member. Save again to retry.',
+  'teamMemberWorkflowStudio.toast.memberCreated': 'Workflow member created.',
+  'teamMemberWorkflowStudio.toast.memberPublished':
+    'Workflow member published.',
+  'teamMemberWorkflowStudio.toast.publishFailed':
+    'Could not publish the workflow member. Review the details and try again.',
+  'teamMemberWorkflowStudio.toast.publishedMemberStatusRefreshed':
+    'Published member status refreshed.',
+  'teamMemberWorkflowStudio.toast.publishedWorkflowSaved':
+    'Published workflow saved.',
+  'teamMemberWorkflowStudio.toast.publishStatusFailed':
+    'Could not refresh the publish status. Review the details and try again.',
+  'teamMemberWorkflowStudio.toast.saveAndPublishFailed':
+    'Could not save and publish the workflow. Review the details and try again.',
+  'teamMemberWorkflowStudio.toast.yamlApplyFailed':
+    'Could not apply the YAML changes. Review the details and try again.',
   'teamMemberWorkflowStudio.yamlPanel.apply': 'Apply to draft',
   'teamMemberWorkflowStudio.yamlPanel.cancel': 'Cancel',
   'teamMemberWorkflowStudio.yamlPanel.closeAria': 'Close YAML editor',
@@ -1507,6 +1572,22 @@ const enUSMessages = {
   'pages.runs.memberPublishedRuns.event': 'Event',
   'pages.runs.memberPublishedRuns.member': 'Team member',
   'pages.runs.memberPublishedRuns.step': 'Step',
+  'pages.runs.index.invocation.accepted.waiting.for.activity':
+    'Invocation accepted. Waiting for activity.',
+  'pages.runs.index.prompt.required.before.sending':
+    'Enter a prompt before sending.',
+  'pages.runs.index.resume.request.accepted.waiting.for.run':
+    'Resume request accepted. Waiting for the run to continue.',
+  'pages.runs.index.resume.request.not.accepted':
+    'The resume request was not accepted. Try again.',
+  'pages.runs.index.run.request.failed': 'Could not start the run.',
+  'pages.runs.index.selected.service.unavailable':
+    'The selected service is unavailable. Retrying with the workspace default.',
+  'pages.runs.index.signal.accepted.waiting.for.run':
+    'Signal accepted. Waiting for the run to continue.',
+  'pages.runs.index.signal.not.accepted':
+    'The signal was not accepted. Try again.',
+  'pages.runs.index.stop.failed': 'Could not stop the run.',
   'pages.runs.runsinspectorpane.actor': 'Actor',
   'pages.runs.runsinspectorpane.command': 'Command',
   'pages.runs.runsinspectorpane.command.accepted': 'Command accepted',
@@ -1540,24 +1621,98 @@ const enUSMessages = {
   'pages.scopes.invoke.selected.service': 'the selected service',
   'pages.scopes.invoke.service': 'Service',
   'pages.scopes.invoke.version.ready': 'Version ready',
-  'pages.scopes.scopeserviceruntimeworkbench.actor.available': 'Actor available',
+  'pages.scopes.scopeserviceruntimeworkbench.actor.available':
+    'Actor available',
   'pages.scopes.scopeserviceruntimeworkbench.binding': 'Binding',
   'pages.scopes.scopeserviceruntimeworkbench.binding.accepted.for.retirement':
     'Binding was accepted for retirement.',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.change.accepted':
+    'Binding change was accepted. Check the list for its current status.',
   'pages.scopes.scopeserviceruntimeworkbench.binding.created':
     'Binding was created.',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.id.label': 'Binding ID',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.id.required':
+    'Enter a binding ID.',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.connector':
+    'Connector',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.label':
+    'Binding type',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.secret': 'Secret',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.service': 'Service',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.retirement.failed':
+    'Unable to request binding retirement. Try again.',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.save.failed':
+    'Unable to save this binding. Try again.',
   'pages.scopes.scopeserviceruntimeworkbench.binding.updated':
     'Binding was updated.',
+  'pages.scopes.scopeserviceruntimeworkbench.bindings.preparing.description':
+    'Refresh to see when bindings are ready.',
+  'pages.scopes.scopeserviceruntimeworkbench.bindings.preparing.title':
+    'Bindings are still being prepared',
+  'pages.scopes.scopeserviceruntimeworkbench.action.accepted.description':
+    'Checking the latest status.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.accepted.title':
+    'Request accepted',
+  'pages.scopes.scopeserviceruntimeworkbench.action.delayed.description':
+    'The latest list has not reflected this request yet. Refresh to check again.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.delayed.title':
+    'Update is still pending.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.failed.description':
+    'Refresh the latest status before trying again.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.failed.title':
+    'Could not confirm the update',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observed.description':
+    'The latest list reflects this change.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observed.title':
+    'Update confirmed.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observing.description':
+    'Waiting for the latest list to update.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observing.title':
+    'Checking current status',
+  'pages.scopes.scopeserviceruntimeworkbench.action.dismiss': 'Dismiss',
+  'pages.scopes.scopeserviceruntimeworkbench.action.refresh': 'Refresh',
+  'pages.scopes.scopeserviceruntimeworkbench.action.refreshing.description':
+    'Checking the latest list.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.refreshing.title':
+    'Refreshing current status',
+  'pages.scopes.scopeserviceruntimeworkbench.action.submitting.description':
+    'Sending your update.',
+  'pages.scopes.scopeserviceruntimeworkbench.action.submitting.title':
+    'Saving update',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.id.label':
+    'Connector ID',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.id.required':
+    'Enter a connector ID.',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.type.label':
+    'Connector type',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.type.required':
+    'Enter a connector type.',
+  'pages.scopes.scopeserviceruntimeworkbench.create.binding': 'Create binding',
+  'pages.scopes.scopeserviceruntimeworkbench.display.name.label':
+    'Display name',
   'pages.scopes.scopeserviceruntimeworkbench.endpoint': 'Endpoint',
   'pages.scopes.scopeserviceruntimeworkbench.endpoints': 'endpoints',
   'pages.scopes.scopeserviceruntimeworkbench.policy.count': '{value1} policies',
+  'pages.scopes.scopeserviceruntimeworkbench.policy.ids.label': 'Policy IDs',
   'pages.scopes.scopeserviceruntimeworkbench.ready': 'Ready',
   'pages.scopes.scopeserviceruntimeworkbench.revision.accepted.for.retirement':
     'Revision was accepted for retirement.',
+  'pages.scopes.scopeserviceruntimeworkbench.revision.retirement.failed':
+    'Unable to request revision retirement. Try again.',
   'pages.scopes.scopeserviceruntimeworkbench.service': 'Service',
   'pages.scopes.scopeserviceruntimeworkbench.service.target': 'Service target',
+  'pages.scopes.scopeserviceruntimeworkbench.save.binding': 'Save binding',
+  'pages.scopes.scopeserviceruntimeworkbench.secret.name.label': 'Secret name',
+  'pages.scopes.scopeserviceruntimeworkbench.secret.name.required':
+    'Enter a secret name.',
   'pages.scopes.scopeserviceruntimeworkbench.serving.version.ready':
     'serving version ready',
+  'pages.scopes.scopeserviceruntimeworkbench.target.endpoint.optional.label':
+    'Target endpoint (optional)',
+  'pages.scopes.scopeserviceruntimeworkbench.target.service.label':
+    'Target service',
+  'pages.scopes.scopeserviceruntimeworkbench.target.service.required':
+    'Select a target service.',
   'pages.scopes.scopeserviceruntimeworkbench.version': 'Version',
   'pages.services.index.artifact.attached': 'Artifact attached',
   'pages.services.index.endpoint': 'Endpoint',
@@ -1574,6 +1729,8 @@ const enUSMessages = {
   'pages.studio.bind.studiomemberbindpanel.revision.ready': 'Revision ready',
   'pages.studio.bind.studiomemberbindpanel.run.completed': 'Run completed',
   'pages.studio.bind.studiomemberbindpanel.service.ready': 'Service ready',
+  'pages.studio.bind.studiomemberbindpanel.smoke.test.request.failed':
+    'Could not complete the smoke test. Try again.',
   'pages.studio.studiobuildpanels.command.accepted': 'command: accepted',
   'pages.studio.studiobuildpanels.current.run.ready': 'current run: ready',
   'pages.studio.studiobuildpanels.events.count': 'events: {count}',
@@ -1587,6 +1744,8 @@ const enUSMessages = {
   'pages.studio.studiobuildpanels.script': 'Script',
   'pages.studio.studiobuildpanels.script.applied': 'Applied script',
   'pages.studio.studiobuildpanels.script.draft': 'Script draft',
+  'pages.studio.studiobuildpanels.workflowActionFailed':
+    'Could not complete the workflow action. Review the details and try again.',
   'pages.studio.studiobuildpanels.script.promotion.version.summary':
     'Script promotion version summary',
   'pages.studio.studiobuildpanels.version.ready': 'version ready',
@@ -1622,8 +1781,7 @@ const enUSMessages = {
   'pages.studio.studioinvokediagnosticsdrawer.endpoint.ready': 'Endpoint ready',
   'pages.studio.studiomemberinvokeinspector.service.ready': 'Service ready',
   'pages.studio.studiomemberinvokeinspector.version.ready': 'Version ready',
-  'pages.studio.studioworkbenchsections.runtime.available':
-    'Runtime available',
+  'pages.studio.studioworkbenchsections.runtime.available': 'Runtime available',
   'pages.studio.studioworkbenchsections.runtime.available.2':
     'Runtime available',
   'pages.studio.studioworkbenchsections.runtime.available.3':
@@ -1632,6 +1790,36 @@ const enUSMessages = {
     'Runtime available',
   'pages.studio.studioworkbenchsections.runtime.facts.available':
     'Runtime facts available',
+  'pages.studio.studiomemberinvokepanel.copyFailed':
+    'Could not copy this value.',
+  'pages.workflows.workflowyamlviewer.copy.success':
+    'YAML copied to clipboard.',
+  'pages.workflows.workflowyamlviewer.failed.to.copy.yaml':
+    'Failed to copy YAML.',
+  'pages.chat.chatadvancedconsole.timelineActionFailed':
+    'Run action could not be completed. Try again.',
+  'pages.deployments.index.actionFailed':
+    'Deployment action could not be completed. Try again.',
+  'pages.gagents.index.bindingActionFailed':
+    'Binding action could not be completed. Try again.',
+  'pages.gagents.index.registryActionFailed':
+    'Actor registry action could not be completed. Try again.',
+  'pages.governance.governanceworkbench.actionFailed':
+    'Governance action could not be completed. Try again.',
+  'pages.studio.bind.studiomemberbindpanel.bindingActionFailed':
+    'Binding action could not be completed. Try again.',
+  'pages.studio.studiobuildpanels.workflowSaveFailed':
+    'Could not save workflow. Try again.',
+  'pages.studio.studiofilesdetailpane.connectorSaveFailed':
+    'Could not save connector catalog. Try again.',
+  'pages.studio.studiofilesdetailpane.conversationDeleteFailed':
+    'Could not delete conversation. Try again.',
+  'pages.studio.studiofilesdetailpane.roleSaveFailed':
+    'Could not save role catalog. Try again.',
+  'pages.studio.studioinspectorpane.nodeActionFailed':
+    'Could not apply node changes. Try again.',
+  'pages.studio.studioworkbenchsections.executionActionFailed':
+    'Execution action could not be completed. Try again.',
   'menu.WorkOrder Details': 'Request details',
   'teams.detail.tabs.workOrders': 'Requests',
   'workOrders.actions.backToRequests': 'Back to requests',
diff --git a/apps/aevatar-console-web/src/locales/projectMessages.en-US.ts b/apps/aevatar-console-web/src/locales/projectMessages.en-US.ts
index 9cbefe0cdd..cd185ce144 100644
--- a/apps/aevatar-console-web/src/locales/projectMessages.en-US.ts
+++ b/apps/aevatar-console-web/src/locales/projectMessages.en-US.ts
@@ -2314,6 +2314,7 @@ const projectMessages = {
   "pages.primitives.index.exposed.parameters": "Exposed parameters",
   "pages.primitives.index.filter.categories": "Filter categories",
   "pages.primitives.index.filter.connector": "Filter connector",
+  "pages.primitives.index.loading.connectors": "Loading connectors",
   "pages.primitives.index.none": "None",
   "pages.primitives.index.open.behavior.definition": "Open behavior definition",
   "pages.primitives.index.optional": "Optional",
@@ -3160,6 +3161,7 @@ const projectMessages = {
   "pages.settings.index.runtime.url": "Runtime URL",
   "pages.settings.index.save.config": "Save config",
   "pages.settings.index.save.failed": "Save failed",
+  "pages.settings.index.save.failed.toast": "Settings could not be saved. Try again.",
   "pages.settings.index.save.not.accepted": "The settings write was not accepted.",
   "pages.settings.index.save.pending": "Save pending",
   "pages.settings.index.saved.route": "Saved route",
@@ -3450,8 +3452,10 @@ const projectMessages = {
   "pages.studio.explorer.explorercontentview.script.package": "Script package",
   "pages.studio.explorer.explorercontentview.thinking": "Thinking",
   "pages.studio.explorer.explorerdetailpane.could.not.delete.file": "Could not delete file",
+  "pages.studio.explorer.explorerdetailpane.could.not.delete.file.toast": "Could not delete file. Try again.",
   "pages.studio.explorer.explorerdetailpane.could.not.load.file": "Could not load file",
   "pages.studio.explorer.explorerdetailpane.could.not.save.file": "Could not save file",
+  "pages.studio.explorer.explorerdetailpane.could.not.save.file.toast": "Could not save file. Try again.",
   "pages.studio.explorer.explorerdetailpane.delete": "Delete",
   "pages.studio.explorer.explorerdetailpane.delete.now": "Delete now",
   "pages.studio.explorer.explorerdetailpane.delete.this.file.from.storage": "Delete this file from Storage Explorer?",
@@ -3491,7 +3495,7 @@ const projectMessages = {
   "pages.studio.index.bind.the.selected.typed.gagent.2": "Bind the selected typed GAgent as this member service, then Studio can reveal the invoke URL and endpoint contract.",
   "pages.studio.index.binding.request.accepted.running": "{displayName} binding request was accepted and is still running.{status} Studio will keep refreshing the status before treating it as bound.",
   "pages.studio.index.binding.request.accepted.running.with.freshness": "{displayName} binding request was accepted and is still running.{freshness} Studio will keep refreshing the status before treating it as bound.",
-  "pages.studio.index.binding.request.was.accepted.and.is": "{value1} binding request was accepted and is still running.{value2}{value3} Studio will keep refreshing the status before treating it as bound.",
+  "pages.studio.index.binding.request.was.accepted.and.is": "{value1} binding request was accepted. Studio is waiting for the published contract before treating it as bound.{value2}{value3}",
   "pages.studio.index.build.gagent.prompt": "Define GAgent type, role, initial prompt, tools and state persistence within Build",
   "pages.studio.index.build.member.workbench.authoring": "The Build phase first determines which implementation method is used for the current member, and then directly completes authoring and dry-run in the same workbench.",
   "pages.studio.index.call.the.current.member": "Call the current member and retain the running observation context",
@@ -4734,7 +4738,6 @@ const projectMessages = {
   "pages.studio.studioworkbenchsections.wait.for.external.signal": "Wait for external signal",
   "pages.studio.studioworkbenchsections.waiting.for.execution": "Waiting for execution",
   "pages.studio.studioworkbenchsections.waiting.for.manual.approval": "Waiting for manual approval",
-  "pages.studio.studioworkbenchsections.waiting.for.manual.input": "Waiting for manual input",
   "pages.studio.studioworkbenchsections.warming.up": "Warming up",
   "pages.studio.studioworkbenchsections.workflow.graph.unavailable": "Workflow graph unavailable.",
   "pages.studio.studioworkbenchsections.workflow.graph.unavailable.for.this": "Workflow graph unavailable for this member.",
diff --git a/apps/aevatar-console-web/src/locales/projectMessages.zh-CN.ts b/apps/aevatar-console-web/src/locales/projectMessages.zh-CN.ts
index d570b469b6..66a9aec042 100644
--- a/apps/aevatar-console-web/src/locales/projectMessages.zh-CN.ts
+++ b/apps/aevatar-console-web/src/locales/projectMessages.zh-CN.ts
@@ -2314,6 +2314,7 @@ const projectMessages = {
   "pages.primitives.index.exposed.parameters": "个已暴露参数",
   "pages.primitives.index.filter.categories": "筛选分类",
   "pages.primitives.index.filter.connector": "筛选连接器",
+  "pages.primitives.index.loading.connectors": "正在加载连接器",
   "pages.primitives.index.none": "无",
   "pages.primitives.index.open.behavior.definition": "打开行为定义",
   "pages.primitives.index.optional": "可选",
@@ -3160,6 +3161,7 @@ const projectMessages = {
   "pages.settings.index.runtime.url": "运行时 URL",
   "pages.settings.index.save.config": "保存配置",
   "pages.settings.index.save.failed": "保存失败",
+  "pages.settings.index.save.failed.toast": "设置无法保存，请重试。",
   "pages.settings.index.save.not.accepted": "设置写入未被接受。",
   "pages.settings.index.save.pending": "保存待确认",
   "pages.settings.index.saved.route": "已保存路由",
@@ -3450,8 +3452,10 @@ const projectMessages = {
   "pages.studio.explorer.explorercontentview.script.package": "脚本包",
   "pages.studio.explorer.explorercontentview.thinking": "思考",
   "pages.studio.explorer.explorerdetailpane.could.not.delete.file": "无法删除文件",
+  "pages.studio.explorer.explorerdetailpane.could.not.delete.file.toast": "无法删除文件，请重试。",
   "pages.studio.explorer.explorerdetailpane.could.not.load.file": "无法加载文件",
   "pages.studio.explorer.explorerdetailpane.could.not.save.file": "无法保存文件",
+  "pages.studio.explorer.explorerdetailpane.could.not.save.file.toast": "无法保存文件，请重试。",
   "pages.studio.explorer.explorerdetailpane.delete": "删除",
   "pages.studio.explorer.explorerdetailpane.delete.now": "立即删除",
   "pages.studio.explorer.explorerdetailpane.delete.this.file.from.storage": "从存储 Explorer 中删除此文件吗？",
@@ -3491,7 +3495,7 @@ const projectMessages = {
   "pages.studio.index.bind.the.selected.typed.gagent.2": "将所选类型的 GAgent 绑定为此成员服务，然后 Studio 可以显示调用 URL 和 Endpoint 合约。",
   "pages.studio.index.binding.request.accepted.running": "{displayName} 的绑定请求已受理，仍在运行中。{status} Studio 会继续刷新状态，确认后再视为已绑定。",
   "pages.studio.index.binding.request.accepted.running.with.freshness": "{displayName} 的绑定请求已受理，仍在运行中。{freshness} Studio 会继续刷新状态，确认后再视为已绑定。",
-  "pages.studio.index.binding.request.was.accepted.and.is": "{value1} 的绑定请求已接受并且仍在运行。{value2}{value3} Studio 会持续刷新状态，确认后再视为已绑定。",
+  "pages.studio.index.binding.request.was.accepted.and.is": "{value1} 的绑定请求已受理。Studio 正在等待已发布的服务合同，在确认之前不会将其视为已绑定。{value2}{value3}",
   "pages.studio.index.build.gagent.prompt": "在 Build 内定义 GAgent 类型、角色、初始 Prompt、工具和状态持久化。",
   "pages.studio.index.build.member.workbench.authoring": "Build 阶段先确定当前成员采用哪种实现方式，然后在同一个工作台里完成创作和试运行。",
   "pages.studio.index.call.the.current.member": "调用当前成员并保留运行观察上下文",
@@ -4734,7 +4738,6 @@ const projectMessages = {
   "pages.studio.studioworkbenchsections.wait.for.external.signal": "等待外部信号",
   "pages.studio.studioworkbenchsections.waiting.for.execution": "等待执行",
   "pages.studio.studioworkbenchsections.waiting.for.manual.approval": "等待人工审批",
-  "pages.studio.studioworkbenchsections.waiting.for.manual.input": "等待人工输入",
   "pages.studio.studioworkbenchsections.warming.up": "预热中",
   "pages.studio.studioworkbenchsections.workflow.graph.unavailable": "Workflow 图不可用。",
   "pages.studio.studioworkbenchsections.workflow.graph.unavailable.for.this": "该成员无法使用 Workflow 图。",
diff --git a/apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts b/apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts
new file mode 100644
index 0000000000..352cc11a9f
--- /dev/null
+++ b/apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts
@@ -0,0 +1,1040 @@
+const workflowActivityVNextMessages = {
+  'workflowActivityVNext.home.loading': 'Opening your workflows…',
+  'workflowActivityVNext.home.unavailable': 'Workflows unavailable',
+  'workflowActivityVNext.home.loadFailed':
+    "We couldn't load your workspace. Try again.",
+  'workflowActivityVNext.home.scopeUnavailable':
+    'Your account has no available workspace. Check your access and try again.',
+  'workflowActivityVNext.home.signInRequired':
+    'Sign in to open your workflows.',
+  'workflowActivityVNext.home.signIn': 'Sign in',
+
+  'workflowActivityVNext.workflows.refreshFailed':
+    "The workflow list couldn't refresh. The last loaded list is still shown.",
+  'workflowActivityVNext.new.cancelGeneration': 'Cancel generation',
+  'workflowActivityVNext.new.generating': 'Generating workflow…',
+  'workflowActivityVNext.new.validating': 'Checking generated workflow…',
+  'workflowActivityVNext.new.savingGenerated': 'Saving workflow…',
+  'workflowActivityVNext.new.generationTimedOut':
+    'Generation took longer than two minutes. No draft was saved. You can try again.',
+  'workflowActivityVNext.new.generationCancelled':
+    'Generation cancelled. Your name and description are kept; no draft was saved.',
+  'workflowActivityVNext.new.generationReceiving':
+    'Generation updates received. Waiting for the completed workflow.',
+  'workflowActivityVNext.new.generationWaiting':
+    'Waiting for generation updates. You can cancel while you wait.',
+  'workflowActivityVNext.new.generationDetails': 'Generation details',
+  'workflowActivityVNext.workflows.deleteSuccess': 'Draft deleted',
+  'workflowActivityVNext.workflows.checkFailed':
+    "Couldn't check whether the change has finished",
+  'workflowActivityVNext.workflows.changeObserving':
+    'Request accepted. Checking for completion…',
+  'workflowActivityVNext.workflows.changeDelayed':
+    'This is taking longer than expected. Completion is still unconfirmed.',
+  'workflowActivityVNext.workflows.checkingDescription':
+    'We will keep checking for up to 30 seconds. Closing this dialog does not undo the request.',
+  'workflowActivityVNext.workflows.checkAgainDescription':
+    'Check again to see the result. This only checks the status and does not submit another request.',
+  'workflowActivityVNext.arguments.addItem': 'Add item',
+  'workflowActivityVNext.arguments.addItemAria': 'Add item to {path}',
+  'workflowActivityVNext.arguments.addProperty': 'Add property',
+  'workflowActivityVNext.arguments.addPropertyAria': 'Add property to {path}',
+  'workflowActivityVNext.arguments.columnProperty': 'Property',
+  'workflowActivityVNext.arguments.columnType': 'Type',
+  'workflowActivityVNext.arguments.emptyArray': 'No items yet',
+  'workflowActivityVNext.arguments.emptyObject': 'No properties yet',
+  'workflowActivityVNext.arguments.duplicateProperty':
+    'Property names must be unique. "{property}" already exists in this object.',
+  'workflowActivityVNext.arguments.invalidObject':
+    'Enter a valid JSON object before switching to Fields.',
+  'workflowActivityVNext.arguments.item': 'Item {number}',
+  'workflowActivityVNext.arguments.jsonAria': 'Arguments JSON',
+  'workflowActivityVNext.arguments.mode.fields': 'Fields',
+  'workflowActivityVNext.arguments.mode.json': 'JSON',
+  'workflowActivityVNext.arguments.nullValue': 'No value',
+  'workflowActivityVNext.arguments.propertyName': 'Property name',
+  'workflowActivityVNext.arguments.propertyNameAria':
+    'Property name for {path}',
+  'workflowActivityVNext.arguments.removeItemAria': 'Remove item {number}',
+  'workflowActivityVNext.arguments.removePropertyAria': 'Remove {path}',
+  'workflowActivityVNext.arguments.type.array': 'Array',
+  'workflowActivityVNext.arguments.type.boolean': 'Boolean',
+  'workflowActivityVNext.arguments.type.null': 'Null',
+  'workflowActivityVNext.arguments.type.number': 'Number',
+  'workflowActivityVNext.arguments.type.object': 'Object',
+  'workflowActivityVNext.arguments.type.string': 'String',
+  'workflowActivityVNext.arguments.unnamedProperty': 'unnamed property',
+  'workflowActivityVNext.arguments.unsupportedNumber':
+    'This JSON contains a number that Fields mode cannot represent safely. Edit it in JSON or use a string.',
+  'workflowActivityVNext.arguments.valueAria': 'Value for {path}',
+  'workflowActivityVNext.arguments.valueTypeAria': 'Value type for {path}',
+  'workflowActivityVNext.activity.allOrigins': 'All sources',
+  'workflowActivityVNext.activity.allStatuses': 'All statuses',
+  'workflowActivityVNext.activity.afterPlaceholder': 'Activity after',
+  'workflowActivityVNext.activity.beforePlaceholder': 'Activity before',
+  'workflowActivityVNext.activity.clearWorkflowFilter': 'Show all workflows',
+  'workflowActivityVNext.activity.columnDuration': 'Duration',
+  'workflowActivityVNext.activity.columnInputPreview': 'Input preview',
+  'workflowActivityVNext.activity.columnOrigin': 'Source',
+  'workflowActivityVNext.activity.columnRun': 'Workflow',
+  'workflowActivityVNext.activity.columnStarted': 'Started',
+  'workflowActivityVNext.activity.columnStatus': 'Status',
+  'workflowActivityVNext.activity.columnUpdated': 'Updated',
+  'workflowActivityVNext.activity.description':
+    'Review recent workflow runs and open one for details.',
+  'workflowActivityVNext.activity.empty': 'No runs yet',
+  'workflowActivityVNext.activity.emptyDescription':
+    'Runs will appear here after a workflow starts.',
+  'workflowActivityVNext.activity.loading': 'Loading activity…',
+  'workflowActivityVNext.activity.noMatch': 'No matching runs',
+  'workflowActivityVNext.activity.originChat': 'Chat',
+  'workflowActivityVNext.activity.originEditor': 'Editor',
+  'workflowActivityVNext.activity.originFilter': 'Run source',
+  'workflowActivityVNext.activity.originMember': 'Team member',
+  'workflowActivityVNext.activity.originSchedule': 'Schedule',
+  'workflowActivityVNext.activity.originService': 'Service',
+  'workflowActivityVNext.activity.nextPage': 'Next page',
+  'workflowActivityVNext.activity.page': 'Page {page}',
+  'workflowActivityVNext.activity.pageOf': 'Page {page} of {total}',
+  'workflowActivityVNext.activity.pageUnavailable': "Couldn't load this page",
+  'workflowActivityVNext.activity.previousPage': 'Previous page',
+  'workflowActivityVNext.activity.search': 'Search runs',
+  'workflowActivityVNext.activity.searchAria': 'Search runs',
+  'workflowActivityVNext.activity.searchButton': 'Search',
+  'workflowActivityVNext.activity.statusCancelled': 'Cancelled',
+  'workflowActivityVNext.activity.statusCompleted': 'Completed',
+  'workflowActivityVNext.activity.statusFilter': 'Run status',
+  'workflowActivityVNext.activity.statusQueued': 'Queued',
+  'workflowActivityVNext.activity.statusRunning': 'Running',
+  'workflowActivityVNext.activity.statusTimedOut': 'Timed out',
+  'workflowActivityVNext.activity.statusWaiting': 'Waiting',
+  'workflowActivityVNext.activity.title': 'Activity',
+  'workflowActivityVNext.activity.unavailable': 'Activity unavailable',
+  'workflowActivityVNext.activity.unnamed': 'Unnamed workflow',
+  'workflowActivityVNext.activity.unavailableDescription':
+    'Try again to load recent workflow runs.',
+  'workflowActivityVNext.activity.removeWorkflowFilterAria':
+    'Remove workflow filter {workflowId}',
+  'workflowActivityVNext.activity.removeScheduleFilterAria':
+    'Remove schedule filter {scheduleId}',
+  'workflowActivityVNext.activity.scheduleFilterLabel':
+    'Schedule: {scheduleId}',
+  'workflowActivityVNext.activity.removeOriginFilterAria':
+    'Remove source filter {origin}',
+  'workflowActivityVNext.activity.originFilterContextLabel': 'Source: {origin}',
+  'workflowActivityVNext.activity.workflowFilterInvalidDescription':
+    'This Activity link does not contain a workflow identity.',
+  'workflowActivityVNext.activity.workflowFilterInvalidTitle':
+    'Choose a workflow to filter Activity',
+  'workflowActivityVNext.activity.workflowFilterLabel':
+    'Workflow: {workflowId}',
+  'workflowActivityVNext.activity.workflowFilterLoading':
+    'Loading workflow activity…',
+  'workflowActivityVNext.activity.workflowFilterResolutionFailed':
+    'Workflow activity unavailable',
+  'workflowActivityVNext.activity.workflowFilterResolutionFailedDescription':
+    'Try again or remove the workflow filter.',
+  'workflowActivityVNext.activity.workflowFilterUnavailableDescription':
+    'No runs are shown because this workflow does not expose an Activity filter.',
+  'workflowActivityVNext.activity.workflowFilterUnavailableTitle':
+    'Activity filtering is unavailable',
+  'workflowActivityVNext.brand.subtitle': 'AUTOMATION LEDGER',
+  'workflowActivityVNext.common.back': 'Back',
+  'workflowActivityVNext.common.cancel': 'Cancel',
+  'workflowActivityVNext.common.close': 'Close',
+  'workflowActivityVNext.common.empty': 'Empty',
+  'workflowActivityVNext.common.failed': 'Failed',
+  'workflowActivityVNext.common.no': 'No',
+  'workflowActivityVNext.common.open': 'Open',
+  'workflowActivityVNext.common.pending': 'Pending',
+  'workflowActivityVNext.common.refresh': 'Refresh',
+  'workflowActivityVNext.common.retry': 'Retry',
+  'workflowActivityVNext.common.run': 'Run',
+  'workflowActivityVNext.common.succeeded': 'Succeeded',
+  'workflowActivityVNext.common.technicalDetails': 'Technical details',
+  'workflowActivityVNext.common.unavailable': 'Unavailable',
+  'workflowActivityVNext.common.unknown': 'Unknown',
+  'workflowActivityVNext.common.yes': 'Yes',
+  'workflowActivityVNext.editor.addNode': 'Add node',
+  'workflowActivityVNext.editor.addNodeFailed': "Couldn't add node",
+  'workflowActivityVNext.editor.activityDelayed':
+    'This run is taking longer to appear in Activity',
+  'workflowActivityVNext.editor.activityDelayedDescription':
+    'Try again to check the latest status.',
+  'workflowActivityVNext.editor.activityObserved': 'Observed in Activity',
+  'workflowActivityVNext.editor.activityObservedDescription':
+    'You can review its details and progress.',
+  'workflowActivityVNext.editor.activityUnavailable': 'Activity unavailable',
+  'workflowActivityVNext.editor.activityUnavailableDescription':
+    'Try again to check the latest status.',
+  'workflowActivityVNext.editor.backAria': 'Back to workflows',
+  'workflowActivityVNext.editor.canvas': 'Canvas',
+  'workflowActivityVNext.editor.canvasAria': 'Workflow canvas',
+  'workflowActivityVNext.editor.canvasUpdateFailed': "Couldn't update workflow",
+  'workflowActivityVNext.editor.description':
+    'Build, test, and refine this workflow.',
+  'workflowActivityVNext.editor.discardLeave': 'Discard and leave',
+  'workflowActivityVNext.editor.emptyCanvas':
+    'Add the first executable node to make this workflow runnable.',
+  'workflowActivityVNext.editor.loading': 'Loading workflow…',
+  'workflowActivityVNext.editor.loadingDescription': 'Preparing the editor…',
+  'workflowActivityVNext.editor.openActivity': 'Open Activity',
+  'workflowActivityVNext.editor.publish': 'Publish',
+  'workflowActivityVNext.editor.publishBeforeRun':
+    'Publish this workflow before running it.',
+  'workflowActivityVNext.editor.publishLatestBeforeRun':
+    'Save and publish the latest changes before running.',
+  'workflowActivityVNext.editor.publicationStatusAria':
+    'Workflow publication status',
+  'workflowActivityVNext.editor.publishUnavailable':
+    "Publishing isn't available for this workflow yet.",
+  'workflowActivityVNext.editor.publishedRunDrawer': 'Run published workflow',
+  'workflowActivityVNext.editor.publishedTargetUnavailable':
+    'Publish this workflow before running it.',
+  'workflowActivityVNext.editor.waitForEditorBeforeRun':
+    'Wait for the workflow update to finish.',
+  'workflowActivityVNext.editor.waitForPublishedRun':
+    'Wait for the published revision to become available.',
+  'workflowActivityVNext.publish.addExecutableStep':
+    'Add at least one executable step before publishing.',
+  'workflowActivityVNext.publish.applyNodeChanges':
+    'Apply or discard node configuration before publishing.',
+  'workflowActivityVNext.publish.blocked': 'Publish blocked · {count} issues',
+  'workflowActivityVNext.publish.blockedOne': 'Publish blocked · 1 issue',
+  'workflowActivityVNext.publish.failed': "Publication couldn't be confirmed",
+  'workflowActivityVNext.publish.failedDescription':
+    'Resolve the error or try publishing again.',
+  'workflowActivityVNext.publish.forbiddenDescription':
+    "You don't have access to check this publication.",
+  'workflowActivityVNext.publish.published': 'Published',
+  'workflowActivityVNext.publish.publishedServiceId': 'Published service ID',
+  'workflowActivityVNext.publish.publishing': 'Publishing',
+  'workflowActivityVNext.publish.revisionId': 'Revision ID',
+  'workflowActivityVNext.publish.readinessIssues': 'Publish readiness issues',
+  'workflowActivityVNext.publish.success': 'Workflow published',
+  'workflowActivityVNext.publish.submissionFailed':
+    "Workflow couldn't be submitted",
+  'workflowActivityVNext.publish.submissionFailedDescription':
+    'Review the error and try publishing again.',
+  'workflowActivityVNext.publish.validationRejected':
+    "Workflow isn't ready to publish",
+  'workflowActivityVNext.publish.validationRejectedDescription':
+    'Fix the workflow configuration below, then publish again.',
+  'workflowActivityVNext.publish.resolvePublication':
+    'Resolve the current publication status before publishing again.',
+  'workflowActivityVNext.publish.saveBeforePublishing':
+    'Save this workflow before publishing.',
+  'workflowActivityVNext.publish.saveChangesBeforePublishing':
+    'Save your changes before publishing.',
+  'workflowActivityVNext.publish.waitForPublication':
+    'Wait for the current publication to finish.',
+  'workflowActivityVNext.publish.waitForEditorUpdate':
+    'Wait for the workflow step update to finish.',
+  'workflowActivityVNext.publish.waitForSave':
+    'Wait for workflow validation and saving to finish.',
+  'workflowActivityVNext.publish.waitForSavedDraft':
+    'Wait for the saved draft to become readable.',
+  'workflowActivityVNext.publish.unauthorizedDescription':
+    'Sign in again to check this publication.',
+  'workflowActivityVNext.editor.checkLatestStatus': 'Check latest status',
+  'workflowActivityVNext.editor.currentStep': 'Current step',
+  'workflowActivityVNext.editor.expandRunConsole': 'Expand workflow logs',
+  'workflowActivityVNext.editor.failureSummary': 'Failure summary',
+  'workflowActivityVNext.editor.fullDetailsNotice':
+    'Open run details for the full timeline, diagnostics, and recovery actions.',
+  'workflowActivityVNext.editor.openRunDetails': 'Open run details',
+  'workflowActivityVNext.editor.outputSummary': 'Output summary',
+  'workflowActivityVNext.editor.publishedRunPanel.inputRequired':
+    'Published workflow runs can start without manual input.',
+  'workflowActivityVNext.editor.publishedRunPanel.removeEmptyFile':
+    'Remove empty file {name} before starting the published run.',
+  'workflowActivityVNext.editor.resizePublishedRunPanel':
+    'Resize published run panel',
+  'workflowActivityVNext.editor.resizeRunConsole':
+    'Resize workflow run console',
+  'workflowActivityVNext.editor.runAgain': 'Run again',
+  'workflowActivityVNext.editor.runFailed': 'Run failed',
+  'workflowActivityVNext.editor.runInput': 'Input',
+  'workflowActivityVNext.editor.runInputExample':
+    'For example: Review order 42',
+  'workflowActivityVNext.editor.runInputHelp':
+    'This workflow accepts one text input. For example: Review order 42.',
+  'workflowActivityVNext.editor.runInputRequired':
+    'Input or an attached file is required.',
+  'workflowActivityVNext.editor.runInputRequiredTag': 'Required',
+  'workflowActivityVNext.editor.runPanel': 'Test run',
+  'workflowActivityVNext.editor.runResult': 'Run result',
+  'workflowActivityVNext.editor.runUnavailable':
+    'Add at least one valid step before running.',
+  'workflowActivityVNext.editor.retryActivityObservation': 'Check again',
+  'workflowActivityVNext.editor.saveDelayed':
+    'Save is taking longer than expected',
+  'workflowActivityVNext.editor.saveFailed': "Workflow couldn't be saved",
+  'workflowActivityVNext.editor.saveStatusAria': 'Workflow save status',
+  'workflowActivityVNext.editor.saveStatusFailed': 'Save failed',
+  'workflowActivityVNext.editor.saveOpenFailed':
+    "Workflow was saved but couldn't be reopened",
+  'workflowActivityVNext.editor.savingProgress': 'Saving workflow…',
+  'workflowActivityVNext.editor.save': 'Save workflow',
+  'workflowActivityVNext.editor.saveLeave': 'Save and leave',
+  'workflowActivityVNext.editor.saveSuccess': 'Workflow saved',
+  'workflowActivityVNext.editor.saved': 'Saved',
+  'workflowActivityVNext.editor.savedAt': 'Saved at {updatedAt}',
+  'workflowActivityVNext.editor.stay': 'Stay',
+  'workflowActivityVNext.editor.submitRun': 'Start run',
+  'workflowActivityVNext.editor.submittedInput': 'Submitted input',
+  'workflowActivityVNext.editor.snapshotNotice':
+    'Run again uses this exact input and workflow snapshot.',
+  'workflowActivityVNext.editor.unavailable': 'Workflow unavailable',
+  'workflowActivityVNext.editor.unavailableDescription':
+    "This workflow couldn't be loaded.",
+  'workflowActivityVNext.editor.unavailableGuidance':
+    'Try again to reopen the workflow.',
+  'workflowActivityVNext.editor.unsaved': 'Unsaved',
+  'workflowActivityVNext.editor.unsavedChanges': 'Unsaved changes',
+  'workflowActivityVNext.editor.updatingNode': 'Updating node…',
+  'workflowActivityVNext.editor.validating': 'Validating workflow…',
+  'workflowActivityVNext.editor.unsavedDescription':
+    'Save your changes, discard them, or stay in the editor.',
+  'workflowActivityVNext.editor.unsavedTitle': 'Unsaved workflow changes',
+  'workflowActivityVNext.editor.untitled': 'Untitled workflow',
+  'workflowActivityVNext.editor.viewRun': 'View run',
+  'workflowActivityVNext.editor.yaml': 'YAML',
+  'workflowActivityVNext.editor.yamlReadFailed':
+    'Workflow YAML could not be read.',
+  'workflowActivityVNext.nodeInspector.advanced': 'Advanced JSON',
+  'workflowActivityVNext.nodeInspector.advancedDescription':
+    "Edit this step's runtime parameters as JSON.",
+  'workflowActivityVNext.nodeInspector.applyChanges': 'Apply step',
+  'workflowActivityVNext.nodeInspector.applyBeforeSave':
+    'Apply this step before saving the workflow.',
+  'workflowActivityVNext.nodeInspector.applyFailed':
+    "Couldn't apply configuration",
+  'workflowActivityVNext.nodeInspector.applyJson': 'Apply JSON',
+  'workflowActivityVNext.nodeInspector.branches': 'Branches',
+  'workflowActivityVNext.nodeInspector.branchesUnavailable':
+    'Branches unavailable',
+  'workflowActivityVNext.nodeInspector.close': 'Close configuration',
+  'workflowActivityVNext.nodeInspector.closeAria': 'Close node configuration',
+  'workflowActivityVNext.nodeInspector.configuration': 'Settings',
+  'workflowActivityVNext.nodeInspector.configurationDescription':
+    'Set what this step needs before the workflow runs.',
+  'workflowActivityVNext.nodeInspector.discard': 'Discard changes',
+  'workflowActivityVNext.nodeInspector.discardDescription':
+    'Your unapplied changes to this step will be lost.',
+  'workflowActivityVNext.nodeInspector.discardTitle': 'Discard node changes?',
+  'workflowActivityVNext.nodeInspector.errorDetails': 'Error details',
+  'workflowActivityVNext.nodeInspector.fieldExample': 'Example: {value}',
+  'workflowActivityVNext.nodeInspector.fieldOptional': 'Optional',
+  'workflowActivityVNext.nodeInspector.fieldRequired': 'Required',
+  'workflowActivityVNext.nodeInspector.nextStep': 'Next step',
+  'workflowActivityVNext.nodeInspector.noBranches': 'No branches',
+  'workflowActivityVNext.nodeInspector.noSettings':
+    'No settings are needed for this step.',
+  'workflowActivityVNext.nodeInspector.notSet': 'Not set',
+  'workflowActivityVNext.nodeInspector.purpose.assign':
+    'Store a value for later steps in this workflow.',
+  'workflowActivityVNext.nodeInspector.purpose.cache':
+    'Reuse a previous result when the same cache key appears.',
+  'workflowActivityVNext.nodeInspector.purpose.checkpoint':
+    'Record a named recovery point in this workflow.',
+  'workflowActivityVNext.nodeInspector.purpose.conditional':
+    'Continue only when the configured condition is true.',
+  'workflowActivityVNext.nodeInspector.purpose.connectorCall':
+    'Call an operation provided by a configured connector.',
+  'workflowActivityVNext.nodeInspector.purpose.default':
+    'Configure how this step behaves when the workflow runs.',
+  'workflowActivityVNext.nodeInspector.purpose.delay':
+    'Pause this workflow before the next step continues.',
+  'workflowActivityVNext.nodeInspector.purpose.dynamicWorkflow':
+    'Create and run workflow steps from generated YAML.',
+  'workflowActivityVNext.nodeInspector.purpose.emit':
+    'Publish an event for another workflow or system listener.',
+  'workflowActivityVNext.nodeInspector.purpose.evaluate':
+    'Score the current result against clear criteria.',
+  'workflowActivityVNext.nodeInspector.purpose.foreach':
+    'Run the same child step for every input item.',
+  'workflowActivityVNext.nodeInspector.purpose.guard':
+    'Check the input before allowing the workflow to continue.',
+  'workflowActivityVNext.nodeInspector.purpose.humanApproval':
+    'Pause until a person approves or rejects the next action.',
+  'workflowActivityVNext.nodeInspector.purpose.humanInput':
+    'Pause and collect information from a person.',
+  'workflowActivityVNext.nodeInspector.purpose.llmCall':
+    'Send an instruction and workflow input to an AI model.',
+  'workflowActivityVNext.nodeInspector.purpose.mapReduce':
+    'Process input chunks separately, then combine the results.',
+  'workflowActivityVNext.nodeInspector.purpose.parallel':
+    'Run several workers at the same time and combine their work.',
+  'workflowActivityVNext.nodeInspector.purpose.race':
+    'Run several workers and continue with the first results.',
+  'workflowActivityVNext.nodeInspector.purpose.reflect':
+    'Review and improve a result for a limited number of rounds.',
+  'workflowActivityVNext.nodeInspector.purpose.retrieveFacts':
+    'Find relevant facts to use in later workflow steps.',
+  'workflowActivityVNext.nodeInspector.purpose.switch':
+    'Choose the next branch by matching the current value.',
+  'workflowActivityVNext.nodeInspector.purpose.toolCall':
+    'Run a registered tool with the input you provide.',
+  'workflowActivityVNext.nodeInspector.purpose.transform':
+    'Transform the current value before the next step uses it.',
+  'workflowActivityVNext.nodeInspector.purpose.vote':
+    'Choose a result from the available worker responses.',
+  'workflowActivityVNext.nodeInspector.purpose.waitSignal':
+    'Pause until the expected signal arrives or time runs out.',
+  'workflowActivityVNext.nodeInspector.purpose.while':
+    'Repeat a child step while the condition remains true.',
+  'workflowActivityVNext.nodeInspector.purpose.workflowCall':
+    'Run another workflow and use its result here.',
+  'workflowActivityVNext.nodeInspector.purpose.workflowYamlValidate':
+    'Check generated workflow YAML before it is used.',
+  'workflowActivityVNext.nodeInspector.rawConfigurationAria':
+    'Raw configuration',
+  'workflowActivityVNext.nodeInspector.rawConfigurationError':
+    'Configuration must be a JSON object.',
+  'workflowActivityVNext.nodeInspector.sectionAria': 'Configure {name}',
+  'workflowActivityVNext.nodeInspector.stepDetails': 'Technical details',
+  'workflowActivityVNext.nodeInspector.stepId': 'Step ID',
+  'workflowActivityVNext.nodeInspector.targetRole': 'Target role',
+  'workflowActivityVNext.nodeInspector.title': 'Configure {name}',
+  'workflowActivityVNext.nodeInspector.type': 'Type',
+  'workflowActivityVNext.failure.accessDenied':
+    'You do not have access to use this service or model.',
+  'workflowActivityVNext.failure.accessDeniedGuidance':
+    'Request access or choose a service and model available to your account.',
+  'workflowActivityVNext.failure.cancelled': 'Run cancelled.',
+  'workflowActivityVNext.failure.cancelledGuidance':
+    'The run stopped without being reported as a system failure.',
+  'workflowActivityVNext.failure.chooseAllowedService':
+    'Choose allowed service',
+  'workflowActivityVNext.failure.copyTrackingId': 'Copy tracking ID',
+  'workflowActivityVNext.failure.internal':
+    'The request could not be completed.',
+  'workflowActivityVNext.failure.internalGuidance':
+    'Try again or contact support with the tracking ID when one is available.',
+  'workflowActivityVNext.failure.invalidInput':
+    'The input or workflow definition needs attention.',
+  'workflowActivityVNext.failure.invalidInputGuidance':
+    'Review the affected input or workflow step before trying again.',
+  'workflowActivityVNext.failure.rateLimited': 'This request was rate limited.',
+  'workflowActivityVNext.failure.rateLimitedGuidance':
+    'Wait for the quota window to reset before trying again.',
+  'workflowActivityVNext.failure.reloadLatest': 'Reload latest',
+  'workflowActivityVNext.failure.resourceMissing':
+    'This run is no longer available.',
+  'workflowActivityVNext.failure.resourceMissingGuidance':
+    'Refresh Activity or return to the run list.',
+  'workflowActivityVNext.failure.retryAfter': 'Try again in {seconds} seconds.',
+  'workflowActivityVNext.failure.reviewInput': 'Review input',
+  'workflowActivityVNext.failure.sessionExpired': 'Your session has expired.',
+  'workflowActivityVNext.failure.sessionExpiredGuidance':
+    'Sign in again to continue.',
+  'workflowActivityVNext.failure.signInAgain': 'Sign in again',
+  'workflowActivityVNext.failure.stateConflict':
+    'This run changed since it was loaded.',
+  'workflowActivityVNext.failure.stateConflictGuidance':
+    'Reload the latest state before continuing.',
+  'workflowActivityVNext.failure.timeoutOrOffline':
+    'The request timed out or the connection was interrupted.',
+  'workflowActivityVNext.failure.timeoutOrOfflineGuidance':
+    'Check the connection, then try again.',
+  'workflowActivityVNext.failure.upstreamUnavailable':
+    'The selected service is temporarily unavailable.',
+  'workflowActivityVNext.failure.upstreamUnavailableGuidance':
+    'Check service status or try again later.',
+  'workflowActivityVNext.nav.activity': 'Activity',
+  'workflowActivityVNext.nav.aria': 'Workflow workbench',
+  'workflowActivityVNext.nav.openMenu': 'Open navigation',
+  'workflowActivityVNext.nav.settings': 'Settings',
+  'workflowActivityVNext.nav.workflows': 'Workflows',
+  'workflowActivityVNext.new.back': 'Back to workflows',
+  'workflowActivityVNext.new.changeMethod': 'Change method',
+  'workflowActivityVNext.new.chooserAria': 'Workflow creation methods',
+  'workflowActivityVNext.new.createBlank': 'Create and open',
+  'workflowActivityVNext.new.createFailed': "Workflow couldn't be created",
+  'workflowActivityVNext.new.createUnconfirmed':
+    "Workflow creation couldn't be confirmed. Check Workflows before trying again.",
+  'workflowActivityVNext.new.creatingDescription':
+    'This usually takes only a moment.',
+  'workflowActivityVNext.new.description': 'Choose how you want to start.',
+  'workflowActivityVNext.new.defaultWorkspace': 'Default workspace',
+  'workflowActivityVNext.new.directory': 'Save to',
+  'workflowActivityVNext.new.generate': 'Generate and open',
+  'workflowActivityVNext.new.goal': 'What should this workflow do?',
+  'workflowActivityVNext.new.mode.blank': 'Start blank',
+  'workflowActivityVNext.new.mode.blank.description':
+    'Start with an empty canvas and add steps yourself.',
+  'workflowActivityVNext.new.mode.describe': 'Describe',
+  'workflowActivityVNext.new.mode.describe.description':
+    'Turn a goal into a workflow you can review and edit.',
+  'workflowActivityVNext.new.mode.import': 'Import YAML',
+  'workflowActivityVNext.new.mode.import.description':
+    'Bring in an existing YAML workflow.',
+  'workflowActivityVNext.new.mode.template': 'Use template',
+  'workflowActivityVNext.new.mode.template.description':
+    'Start from a ready-made workflow and customize it.',
+  'workflowActivityVNext.new.name': 'Workflow name',
+  'workflowActivityVNext.new.noDirectories':
+    'No save location is available. Try again later or contact your administrator.',
+  'workflowActivityVNext.new.noDirectoriesDescription':
+    'A save location is required to own the workflow. You can prepare your input here while access is restored.',
+  'workflowActivityVNext.new.observationFailed': "Workflow couldn't be opened",
+  'workflowActivityVNext.new.observing': 'Creating workflow…',
+  'workflowActivityVNext.new.projectionDelayed':
+    'This is taking longer than expected',
+  'workflowActivityVNext.new.retryDescription':
+    'Your work is safe. Try again to finish opening the workflow.',
+  'workflowActivityVNext.new.retryObservation': 'Try again',
+  'workflowActivityVNext.new.reviewAccess': 'Review access',
+  'workflowActivityVNext.new.saveTargetRequired':
+    'Choose an available save location before creating the workflow.',
+  'workflowActivityVNext.new.templateBrowser.title': 'Start from a template',
+  'workflowActivityVNext.new.templateBrowser.description':
+    'Browse public templates, inspect details, or create a draft directly.',
+  'workflowActivityVNext.new.templateBrowser.changeMethod': 'Change method',
+  'workflowActivityVNext.new.templateBrowser.search': 'Search templates',
+  'workflowActivityVNext.new.templateBrowser.sort': 'Sort templates',
+  'workflowActivityVNext.new.templateBrowser.sortBy': 'Sort by',
+  'workflowActivityVNext.new.templateBrowser.sort.recent':
+    'Last updated: newest first',
+  'workflowActivityVNext.new.templateBrowser.sort.nameAsc': 'Name: A to Z',
+  'workflowActivityVNext.new.templateBrowser.sort.nameDesc': 'Name: Z to A',
+  'workflowActivityVNext.new.templateBrowser.sort.oldest':
+    'Last updated: oldest first',
+  'workflowActivityVNext.new.templateBrowser.loading': 'Loading templates…',
+  'workflowActivityVNext.new.templateBrowser.loadFailed':
+    'Templates could not be loaded',
+  'workflowActivityVNext.new.templateBrowser.unavailable':
+    'Templates are not available in this environment.',
+  'workflowActivityVNext.new.templateBrowser.unavailableDescription':
+    'The template catalog is not available in this environment yet.',
+  'workflowActivityVNext.new.templateBrowser.retry': 'Retry',
+  'workflowActivityVNext.new.templateBrowser.signIn':
+    'Sign in to browse public workflow templates.',
+  'workflowActivityVNext.new.templateBrowser.noSearchResults':
+    'No templates matched your search.',
+  'workflowActivityVNext.new.templateBrowser.noTemplates':
+    'No public workflow templates are available yet.',
+  'workflowActivityVNext.new.templateBrowser.view': 'View',
+  'workflowActivityVNext.new.templateBrowser.viewNamed': 'View {name}',
+  'workflowActivityVNext.new.templateBrowser.use': 'Use template',
+  'workflowActivityVNext.new.templateBrowser.useNamed': 'Use template {name}',
+  'workflowActivityVNext.new.templateBrowser.catalogue':
+    'Workflow template catalogue',
+  'workflowActivityVNext.new.templateBrowser.template': 'Template',
+  'workflowActivityVNext.new.templateBrowser.connection': 'Connection',
+  'workflowActivityVNext.new.templateBrowser.does': 'Does',
+  'workflowActivityVNext.new.templateBrowser.updatedColumn': 'Updated',
+  'workflowActivityVNext.new.templateBrowser.actions': 'Actions',
+  'workflowActivityVNext.new.templateBrowser.none': 'None',
+  'workflowActivityVNext.new.templateBrowser.llmProvider': 'LLM provider',
+  'workflowActivityVNext.new.templateBrowser.runsSteps': 'Runs {count} {unit}',
+  'workflowActivityVNext.new.templateBrowser.stepsTooltipTitle':
+    'Workflow steps ({count})',
+  'workflowActivityVNext.new.templateBrowser.stepsTooltipLoading':
+    'Loading step details…',
+  'workflowActivityVNext.new.templateBrowser.stepsTooltipUnavailable':
+    'Step details are unavailable. Open View to inspect this template.',
+  'workflowActivityVNext.new.templateBrowser.stepsTooltipEmpty':
+    'No workflow steps are exposed for this template.',
+  'workflowActivityVNext.new.templateBrowser.step': 'step',
+  'workflowActivityVNext.new.templateBrowser.steps': 'steps',
+  'workflowActivityVNext.new.templateBrowser.fallbackDescription':
+    'A ready-made workflow for your workspace.',
+  'workflowActivityVNext.new.templateBrowser.contract': '{name} contract',
+  'workflowActivityVNext.new.templateBrowser.detailLoading':
+    'Loading template details…',
+  'workflowActivityVNext.new.templateBrowser.detailFailed':
+    'Template details could not be loaded',
+  'workflowActivityVNext.new.templateBrowser.noLongerAvailable':
+    'This template is no longer available.',
+  'workflowActivityVNext.new.templateBrowser.preview': 'Workflow preview',
+  'workflowActivityVNext.new.templateBrowser.previewDescription':
+    '{count} {unit} and the paths between them.',
+  'workflowActivityVNext.new.templateBrowser.noPreviewSteps':
+    'This template does not expose any workflow steps.',
+  'workflowActivityVNext.new.templateBrowser.source':
+    'Source: public workflow template · version {version}',
+  'workflowActivityVNext.new.templateBrowser.cancel': 'Cancel',
+  'workflowActivityVNext.new.templateBrowser.useThis': 'Use this template',
+  'workflowActivityVNext.new.templateBrowser.templateOutOfDate':
+    'Template is out of date',
+  'workflowActivityVNext.new.templateBrowser.templateOutOfDateDescription':
+    'This template changed while you were viewing it. Refresh the catalog and try again.',
+  'workflowActivityVNext.new.templateBrowser.refreshCatalog': 'Refresh catalog',
+  'workflowActivityVNext.new.templateBrowser.creationFailed':
+    'Template creation failed',
+  'workflowActivityVNext.new.templateBrowser.couldNotUse':
+    'Workflow template could not be used',
+  'workflowActivityVNext.new.templateBrowser.creating': 'Creating workflow…',
+  'workflowActivityVNext.new.templateBrowser.projectionDelayed':
+    'This is taking longer than expected',
+  'workflowActivityVNext.new.templateBrowser.observationFailed':
+    "Workflow couldn't be opened",
+  'workflowActivityVNext.new.templateBrowser.safeToRetry':
+    'Your work is safe. Try again to finish opening the workflow.',
+  'workflowActivityVNext.new.templateBrowser.creatingDescription':
+    'This usually takes only a moment.',
+  'workflowActivityVNext.new.templateBrowser.tryAgain': 'Try again',
+  'workflowActivityVNext.new.title': 'New workflow',
+  'workflowActivityVNext.new.validateCreate': 'Import and open',
+  'workflowActivityVNext.new.workspaceUnavailable':
+    'Save locations unavailable',
+  'workflowActivityVNext.new.workspaceUnavailableDescription':
+    'Choose a creation method now. Your input stays on this page while you restore access.',
+  'workflowActivityVNext.new.yaml': 'Workflow YAML',
+  'workflowActivityVNext.run.backAria': 'Back to Activity',
+  'workflowActivityVNext.run.commandId': 'Request ID',
+  'workflowActivityVNext.run.code': 'Code',
+  'workflowActivityVNext.run.completedSteps': 'Completed steps',
+  'workflowActivityVNext.run.completionTokens': 'Completion tokens',
+  'workflowActivityVNext.run.confirmRetry': 'Confirm retry',
+  'workflowActivityVNext.run.confirmRunAgain': 'Confirm run again',
+  'workflowActivityVNext.run.confirmTitle': 'Confirm new run',
+  'workflowActivityVNext.run.costWarning':
+    'This action may incur model or tool costs again.',
+  'workflowActivityVNext.run.correlationId': 'Tracking ID',
+  'workflowActivityVNext.run.cost': 'Cost',
+  'workflowActivityVNext.run.diagnostics': 'Diagnostics',
+  'workflowActivityVNext.run.error': 'Final error',
+  'workflowActivityVNext.run.failedSummary': 'The run did not complete.',
+  'workflowActivityVNext.run.description':
+    'Review the result, steps, and history for this run.',
+  'workflowActivityVNext.run.title': 'Run details',
+  'workflowActivityVNext.run.forkAccepted': 'New run accepted',
+  'workflowActivityVNext.run.forkAcceptedDescription':
+    'The request was accepted. Open the new run to follow its progress.',
+  'workflowActivityVNext.run.fromStep': 'From step {step}',
+  'workflowActivityVNext.run.graph': 'Graph',
+  'workflowActivityVNext.run.graphEmpty': 'No graph is available yet.',
+  'workflowActivityVNext.run.graphEmptyDescription':
+    'This run has not materialized a graph view yet.',
+  'workflowActivityVNext.run.graphLoading': 'Loading run graph…',
+  'workflowActivityVNext.run.graphSummary': '{nodes} nodes · {edges} edges',
+  'workflowActivityVNext.run.graphUnavailable': 'Run graph unavailable',
+  'workflowActivityVNext.run.historyLoading': 'Loading run history…',
+  'workflowActivityVNext.run.historyUnavailable': 'Run history is unavailable.',
+  'workflowActivityVNext.run.input': 'Input',
+  'workflowActivityVNext.run.loading': 'Loading run…',
+  'workflowActivityVNext.run.loadingDescription': 'Loading run details…',
+  'workflowActivityVNext.run.logs': 'Logs',
+  'workflowActivityVNext.run.newActorId': 'Run address',
+  'workflowActivityVNext.run.noHistory': 'No published runs yet.',
+  'workflowActivityVNext.run.noHistoryDescription':
+    'This workflow has no other runs in the current history context.',
+  'workflowActivityVNext.run.noSteps': 'No steps are available yet.',
+  'workflowActivityVNext.run.noDiagnostics': 'No diagnostics were returned.',
+  'workflowActivityVNext.run.noTimeline': 'No timeline events are visible yet.',
+  'workflowActivityVNext.run.output': 'Final output',
+  'workflowActivityVNext.run.message': 'Message',
+  'workflowActivityVNext.run.openNewRun': 'Open new run',
+  'workflowActivityVNext.run.originalRun': 'Original run',
+  'workflowActivityVNext.run.parentRun': 'Parent run',
+  'workflowActivityVNext.run.parentStep': 'Parent step',
+  'workflowActivityVNext.run.priorOutputs': 'Prior step outputs',
+  'workflowActivityVNext.run.priorOutputsNotReused':
+    'Prior step outputs will not be reused.',
+  'workflowActivityVNext.run.priorOutputsReused':
+    'Prior step outputs will be reused.',
+  'workflowActivityVNext.run.promptTokens': 'Prompt tokens',
+  'workflowActivityVNext.run.requestedSteps': 'Requested steps',
+  'workflowActivityVNext.run.requestParameters': 'Request parameters',
+  'workflowActivityVNext.run.refreshFailed':
+    "Some run details couldn't be refreshed",
+  'workflowActivityVNext.run.refreshing': 'Refreshing…',
+  'workflowActivityVNext.run.refreshingDetail': 'Refreshing run details…',
+  'workflowActivityVNext.run.refreshSucceeded': 'Run details refreshed',
+  'workflowActivityVNext.run.relatedRuns': 'Related runs',
+  'workflowActivityVNext.run.lineageUnavailable':
+    'Related run history is unavailable.',
+  'workflowActivityVNext.run.detailFallbackDescription':
+    'The run detail request is unavailable, but the selected Activity row is still visible.',
+  'workflowActivityVNext.run.detailUnavailableTitle':
+    'Detailed run data is temporarily unavailable.',
+  'workflowActivityVNext.run.detailUnavailableDescription':
+    'The selected run remains highlighted in its workflow history. Retry to load its immutable detail, graph, timeline, and output.',
+  'workflowActivityVNext.run.noRelatedRuns': 'No related runs.',
+  'workflowActivityVNext.run.openRunAria': 'Open {runId}',
+  'workflowActivityVNext.run.retryHistory': 'Retry history',
+  'workflowActivityVNext.run.retry': 'Retry failed step',
+  'workflowActivityVNext.run.retryUnavailable':
+    'Retry is available when one step has failed.',
+  'workflowActivityVNext.run.runAgain': 'Run again',
+  'workflowActivityVNext.run.runAgainUnavailable':
+    "Run again isn't available for this run.",
+  'workflowActivityVNext.run.rootRun': 'Root run',
+  'workflowActivityVNext.run.sourceRun': 'Source run',
+  'workflowActivityVNext.run.sourceImmutable':
+    "This creates a separate run. The source run won't change.",
+  'workflowActivityVNext.run.subWorkflows': 'Sub-workflows',
+  'workflowActivityVNext.run.childRuns': 'Child runs',
+  'workflowActivityVNext.run.details': 'Details',
+  'workflowActivityVNext.run.attempt': 'Attempt',
+  'workflowActivityVNext.run.depth': 'Depth',
+  'workflowActivityVNext.run.definitionRevision': 'Definition revision',
+  'workflowActivityVNext.run.definitionVersion': 'Definition version',
+  'workflowActivityVNext.run.editWorkflow': 'Edit workflow',
+  'workflowActivityVNext.run.reviewInput': 'Review input',
+  'workflowActivityVNext.run.reviewSettings': 'Review settings',
+  'workflowActivityVNext.run.recommendedNextSteps': 'Recommended: {actions}',
+  'workflowActivityVNext.run.roleReplies': 'Role replies',
+  'workflowActivityVNext.run.severity': 'Severity',
+  'workflowActivityVNext.run.startFailed': "The new run couldn't be started",
+  'workflowActivityVNext.run.startingStep': 'Starting step',
+  'workflowActivityVNext.run.statusUrl': 'Status URL',
+  'workflowActivityVNext.run.statisticsUsage': 'Statistics and usage',
+  'workflowActivityVNext.run.step': 'Step',
+  'workflowActivityVNext.run.stepFailedSummary': 'This step did not complete.',
+  'workflowActivityVNext.run.steps': 'Steps',
+  'workflowActivityVNext.run.timeline': 'Timeline',
+  'workflowActivityVNext.run.totalSteps': 'Total steps',
+  'workflowActivityVNext.run.totalTokens': 'Total tokens',
+  'workflowActivityVNext.run.type': 'Type',
+  'workflowActivityVNext.run.unavailable': 'Run unavailable',
+  'workflowActivityVNext.run.unavailableDescription':
+    "This run couldn't be loaded.",
+  'workflowActivityVNext.run.unavailableGuidance':
+    'Try again to load this run.',
+  'workflowActivityVNext.settings.account': 'Account',
+  'workflowActivityVNext.settings.accountDescription':
+    'Your profile and access.',
+  'workflowActivityVNext.settings.accountLoading': 'Loading account…',
+  'workflowActivityVNext.settings.accountUnavailable': 'Account unavailable',
+  'workflowActivityVNext.settings.advanced': 'Advanced',
+  'workflowActivityVNext.settings.advancedDescription':
+    'Read-only execution details used when starting workflows.',
+  'workflowActivityVNext.settings.ai': 'AI defaults',
+  'workflowActivityVNext.settings.aiDescription':
+    'Choose the default service and model for new AI sessions.',
+  'workflowActivityVNext.settings.authenticated': 'Signed in',
+  'workflowActivityVNext.settings.catalogUnavailable':
+    'Your saved choice is unchanged. Try again to load available services.',
+  'workflowActivityVNext.settings.catalogUnavailableTitle':
+    'Services unavailable',
+  'workflowActivityVNext.settings.defaultModel': 'Default model',
+  'workflowActivityVNext.settings.defaultModelHelp':
+    'Leave unset to use the service default.',
+  'workflowActivityVNext.settings.delayed':
+    'Changes are taking longer to appear',
+  'workflowActivityVNext.settings.description': 'Personal defaults and access.',
+  'workflowActivityVNext.settings.discard': 'Restore saved settings',
+  'workflowActivityVNext.settings.discardLeave': 'Discard and leave',
+  'workflowActivityVNext.settings.email': 'Email',
+  'workflowActivityVNext.settings.emailVerification': 'Email verification',
+  'workflowActivityVNext.settings.executionTarget': 'Execution target',
+  'workflowActivityVNext.settings.expires': 'Expires',
+  'workflowActivityVNext.settings.failed': "Changes couldn't be saved",
+  'workflowActivityVNext.settings.groups': 'Groups',
+  'workflowActivityVNext.settings.llmLoading': 'Loading AI defaults…',
+  'workflowActivityVNext.settings.llmUnavailable': 'AI defaults unavailable',
+  'workflowActivityVNext.settings.name': 'Name',
+  'workflowActivityVNext.settings.manageServiceAccess': 'Manage service access',
+  'workflowActivityVNext.settings.localRuntimeLabel': 'Local runtime',
+  'workflowActivityVNext.settings.notLoaded': 'Not loaded',
+  'workflowActivityVNext.settings.notAccepted':
+    'The settings update was not accepted.',
+  'workflowActivityVNext.settings.observed': 'Changes saved',
+  'workflowActivityVNext.settings.providerDefault': 'Provider default',
+  'workflowActivityVNext.settings.preferredService': 'Preferred service',
+  'workflowActivityVNext.settings.preferredServiceHelp':
+    'Choose which service new sessions use.',
+  'workflowActivityVNext.settings.provider': 'Sign-in method',
+  'workflowActivityVNext.settings.profile': 'Profile',
+  'workflowActivityVNext.settings.profileUnavailable':
+    'Profile details are unavailable.',
+  'workflowActivityVNext.settings.remoteRuntimeLabel': 'Remote runtime',
+  'workflowActivityVNext.settings.roles': 'Roles',
+  'workflowActivityVNext.settings.runtimeLoading':
+    'Loading connection details…',
+  'workflowActivityVNext.settings.runtimeUnavailable':
+    'Workflow execution details unavailable',
+  'workflowActivityVNext.settings.runtimeUrl': 'Runtime URL',
+  'workflowActivityVNext.settings.scope': 'Scope',
+  'workflowActivityVNext.settings.serviceAccessFailed':
+    'Could not start service access review. Try again.',
+  'workflowActivityVNext.settings.sessionActive': 'Active',
+  'workflowActivityVNext.settings.sessionExpired': 'Expired',
+  'workflowActivityVNext.settings.sessionExpiringSoon': 'Expiring soon',
+  'workflowActivityVNext.settings.sessionInvalid': 'Invalid',
+  'workflowActivityVNext.settings.sessionState': 'Session state',
+  'workflowActivityVNext.settings.sessionAccess': 'Session & access',
+  'workflowActivityVNext.settings.signInAgain': 'Sign in again',
+  'workflowActivityVNext.settings.signOut': 'Sign out',
+  'workflowActivityVNext.settings.retryGuidance':
+    'Try loading this section again.',
+  'workflowActivityVNext.settings.save': 'Save changes',
+  'workflowActivityVNext.settings.saveLeave': 'Save and leave',
+  'workflowActivityVNext.settings.saveObserved': 'Settings saved',
+  'workflowActivityVNext.settings.savedModelUnavailable':
+    'The saved model is unavailable. Your saved value remains unchanged.',
+  'workflowActivityVNext.settings.sectionsAria': 'Settings sections',
+  'workflowActivityVNext.settings.serviceDefaultModel':
+    'Uses the service default model.',
+  'workflowActivityVNext.settings.stay': 'Stay',
+  'workflowActivityVNext.settings.systemDefault': 'System default',
+  'workflowActivityVNext.settings.systemDefaultModel':
+    'Uses the system-selected service and model.',
+  'workflowActivityVNext.settings.title': 'Settings',
+  'workflowActivityVNext.settings.unauthorized': 'Unauthorized',
+  'workflowActivityVNext.settings.unauthorizedDescription':
+    'Your current session cannot view account or capability details.',
+  'workflowActivityVNext.settings.unsaved': 'Unsaved changes',
+  'workflowActivityVNext.settings.unsavedActionsAria':
+    'Unsaved settings actions',
+  'workflowActivityVNext.settings.unsavedDescription':
+    'Your AI defaults have not been saved.',
+  'workflowActivityVNext.settings.unsavedLeaveDescription':
+    'Save your changes, discard them, or stay in Settings.',
+  'workflowActivityVNext.settings.unsavedLeaveTitle':
+    'Unsaved AI default changes',
+  'workflowActivityVNext.settings.userId': 'User ID',
+  'workflowActivityVNext.settings.verified': 'Verified',
+  'workflowActivityVNext.settings.notVerified': 'Not verified',
+  'workflowActivityVNext.settings.workflowExecution': 'Workflow execution',
+  'workflowActivityVNext.schedule.actionAccepted': 'Schedule action accepted.',
+  'workflowActivityVNext.schedule.backToSchedules': 'Back to schedules',
+  'workflowActivityVNext.schedule.change': 'Change schedule',
+  'workflowActivityVNext.schedule.completedAt': 'Completed {date}',
+  'workflowActivityVNext.schedule.detailLoadFailed':
+    "Schedule couldn't be loaded",
+  'workflowActivityVNext.schedule.detailLoading': 'Loading schedule details…',
+  'workflowActivityVNext.schedule.detailTitle': 'Schedule details',
+  'workflowActivityVNext.schedule.historyLoading': 'Loading history…',
+  'workflowActivityVNext.schedule.historyLoadFailed':
+    "History couldn't be loaded",
+  'workflowActivityVNext.schedule.selectedContextAria':
+    'Schedule {scheduleName} in workflow {workflowName}',
+  'workflowActivityVNext.schedule.scheduleContext': 'Schedule: {name}',
+  'workflowActivityVNext.schedule.workflowContext': 'Workflow: {name}',
+  'workflowActivityVNext.schedule.overview': 'Overview',
+  'workflowActivityVNext.schedule.history': 'History',
+  'workflowActivityVNext.schedule.recentAttempts': 'Recent attempts',
+  'workflowActivityVNext.schedule.historyDescription':
+    'Schedule attempts can fail before a Workflow Run exists.',
+  'workflowActivityVNext.schedule.viewRelatedRuns':
+    'View related runs in Activity',
+  'workflowActivityVNext.schedule.scheduledTime': 'Scheduled time',
+  'workflowActivityVNext.schedule.source': 'Source',
+  'workflowActivityVNext.schedule.outcome': 'Schedule outcome',
+  'workflowActivityVNext.schedule.completedTime': 'Completed time',
+  'workflowActivityVNext.schedule.technicalDetails': 'Technical details',
+  'workflowActivityVNext.schedule.noAttempts': 'No attempts yet',
+  'workflowActivityVNext.schedule.scheduledAttemptFailed':
+    'The scheduled attempt could not start the Workflow.',
+  'workflowActivityVNext.schedule.manualAttemptFailed':
+    'The manual attempt could not start the Workflow.',
+  'workflowActivityVNext.schedule.openRunAria':
+    'Open Run created by the Schedule attempt at {date}',
+  'workflowActivityVNext.schedule.runCreated': 'Run created',
+  'workflowActivityVNext.schedule.failedToStart': 'Failed to start',
+  'workflowActivityVNext.schedule.attemptAccepted': 'Accepted',
+  'workflowActivityVNext.schedule.enable': 'Enable',
+  'workflowActivityVNext.schedule.failed': 'Failed',
+  'workflowActivityVNext.schedule.failedCount': '{count} failed',
+  'workflowActivityVNext.schedule.failedFires': 'Failed fires',
+  'workflowActivityVNext.schedule.lastFire': 'Last fire',
+  'workflowActivityVNext.schedule.manual': 'Manual',
+  'workflowActivityVNext.schedule.nextFireLabel': 'Next fire',
+  'workflowActivityVNext.schedule.noFires': 'No attempts yet',
+  'workflowActivityVNext.schedule.pause': 'Pause',
+  'workflowActivityVNext.schedule.recentFires': 'Recent fires',
+  'workflowActivityVNext.schedule.runNow': 'Run now',
+  'workflowActivityVNext.schedule.scheduled': 'Scheduled',
+  'workflowActivityVNext.schedule.scheduledAt': 'Scheduled {date}',
+  'workflowActivityVNext.schedule.totalCount': '{count} total',
+  'workflowActivityVNext.schedule.totalFires': 'Total fires',
+  'workflowActivityVNext.schedule.viewAria': 'View {name}',
+  'workflowActivityVNext.schedule.create': 'Create schedule',
+  'workflowActivityVNext.schedule.createTitle': 'Create schedule',
+  'workflowActivityVNext.schedule.created':
+    'Schedule request accepted. It will appear in the list shortly.',
+  'workflowActivityVNext.schedule.cron': 'Cron expression',
+  'workflowActivityVNext.schedule.cronSummary': 'Cron: {cron}',
+  'workflowActivityVNext.schedule.runs': 'Runs',
+  'workflowActivityVNext.schedule.technicalFormat': 'Technical format',
+  'workflowActivityVNext.schedule.hourly': 'Every hour',
+  'workflowActivityVNext.schedule.daily': 'Every day',
+  'workflowActivityVNext.schedule.everyWeekdaySummary':
+    'Every weekday at {time}',
+  'workflowActivityVNext.schedule.everyDaySummary': 'Every day at {time}',
+  'workflowActivityVNext.schedule.customRecurrence': 'Custom schedule',
+  'workflowActivityVNext.schedule.deleteAccepted':
+    'Schedule deletion accepted.',
+  'workflowActivityVNext.schedule.deleteAria': 'Delete {name}',
+  'workflowActivityVNext.schedule.disableAria': 'Disable {name}',
+  'workflowActivityVNext.schedule.disabled': 'Disabled',
+  'workflowActivityVNext.schedule.paused': 'Paused',
+  'workflowActivityVNext.schedule.more': 'More',
+  'workflowActivityVNext.schedule.moreActionsAria': 'More schedule actions',
+  'workflowActivityVNext.schedule.editAction': 'Edit schedule',
+  'workflowActivityVNext.schedule.deleteConfirmTitle': 'Delete {name}?',
+  'workflowActivityVNext.schedule.deleteConfirmDescription':
+    '{name} will stop running on schedule.',
+  'workflowActivityVNext.schedule.deleteAction': 'Delete schedule',
+  'workflowActivityVNext.schedule.keepSchedule': 'Keep schedule',
+  'workflowActivityVNext.schedule.editAria': 'Edit {name}',
+  'workflowActivityVNext.schedule.editTitle': 'Edit schedule',
+  'workflowActivityVNext.schedule.empty': 'No schedules yet',
+  'workflowActivityVNext.schedule.emptyDescription':
+    'Create a recurring schedule for this published Workflow.',
+  'workflowActivityVNext.schedule.enableAria': 'Enable {name}',
+  'workflowActivityVNext.schedule.enabled': 'Enabled',
+  'workflowActivityVNext.schedule.howOften': 'How often',
+  'workflowActivityVNext.schedule.loadFailed': "Schedules couldn't be loaded",
+  'workflowActivityVNext.schedule.loading': 'Loading schedules…',
+  'workflowActivityVNext.schedule.name': 'Name',
+  'workflowActivityVNext.schedule.new': 'New schedule',
+  'workflowActivityVNext.schedule.noPrompt': 'No prompt',
+  'workflowActivityVNext.schedule.nextFire': 'Next {date}',
+  'workflowActivityVNext.schedule.noUpcomingAttempt': 'No upcoming attempt',
+  'workflowActivityVNext.schedule.nextScheduled': 'Next scheduled',
+  'workflowActivityVNext.schedule.lastAttempt': 'Last attempt',
+  'workflowActivityVNext.schedule.totalAttempts': 'Total attempts',
+  'workflowActivityVNext.schedule.failedAttempts': 'Failed attempts',
+  'workflowActivityVNext.schedule.advancedDetails': 'Advanced details',
+  'workflowActivityVNext.schedule.nextFiveFires': 'Next five fire times',
+  'workflowActivityVNext.schedule.open': 'Schedules',
+  'workflowActivityVNext.schedule.openAria': 'Manage schedules for {name}',
+  'workflowActivityVNext.schedule.preview': 'Preview next fires',
+  'workflowActivityVNext.schedule.previewTitle': 'Next scheduled fires',
+  'workflowActivityVNext.schedule.previewing': 'Previewing schedule…',
+  'workflowActivityVNext.schedule.published': 'Published',
+  'workflowActivityVNext.schedule.prompt': 'Run input (optional)',
+  'workflowActivityVNext.schedule.promptReview': 'Run input',
+  'workflowActivityVNext.schedule.publishBeforeOpen':
+    'Publish this Workflow before managing schedules.',
+  'workflowActivityVNext.schedule.refreshAria': 'Refresh schedules',
+  'workflowActivityVNext.schedule.refreshing': 'Refreshing schedules…',
+  'workflowActivityVNext.schedule.refreshingDetail':
+    'Refreshing schedule details…',
+  'workflowActivityVNext.schedule.refreshingHistory':
+    'Refreshing schedule history…',
+  'workflowActivityVNext.schedule.overviewRegionAria': 'Schedule overview',
+  'workflowActivityVNext.schedule.historyRegionAria': 'Schedule history',
+  'workflowActivityVNext.schedule.runNowAria': 'Run {name} now',
+  'workflowActivityVNext.schedule.repeat': 'Repeat',
+  'workflowActivityVNext.schedule.repeatSummary': '{repeat} at {time}',
+  'workflowActivityVNext.schedule.weekly': 'Every week',
+  'workflowActivityVNext.schedule.monthly': 'Every month',
+  'workflowActivityVNext.schedule.dayOfWeek': 'Day of week',
+  'workflowActivityVNext.schedule.dayOfMonth': 'Day of month',
+  'workflowActivityVNext.schedule.weeklySummary': 'Every {day} at {time}',
+  'workflowActivityVNext.schedule.monthlySummary':
+    'Every month on day {day} at {time}',
+  'workflowActivityVNext.schedule.weekday.0': 'Sunday',
+  'workflowActivityVNext.schedule.weekday.1': 'Monday',
+  'workflowActivityVNext.schedule.weekday.2': 'Tuesday',
+  'workflowActivityVNext.schedule.weekday.3': 'Wednesday',
+  'workflowActivityVNext.schedule.weekday.4': 'Thursday',
+  'workflowActivityVNext.schedule.weekday.5': 'Friday',
+  'workflowActivityVNext.schedule.weekday.6': 'Saturday',
+  'workflowActivityVNext.schedule.reviewAction': 'Review schedule',
+  'workflowActivityVNext.schedule.reviewTitle': 'Review schedule',
+  'workflowActivityVNext.schedule.save': 'Save changes',
+  'workflowActivityVNext.schedule.scheduleName': 'Schedule name',
+  'workflowActivityVNext.schedule.time': 'Time',
+  'workflowActivityVNext.schedule.timezone': 'Timezone',
+  'workflowActivityVNext.schedule.title': 'Schedules',
+  'workflowActivityVNext.schedule.titleForWorkflow': 'Schedules for {name}',
+  'workflowActivityVNext.schedule.updateAccepted': 'Schedule update accepted.',
+  'workflowActivityVNext.schedule.useRepeatBuilder': 'use the repeat builder',
+  'workflowActivityVNext.schedule.unavailableDescription':
+    'Publish a runnable Workflow before creating a recurring schedule.',
+  'workflowActivityVNext.schedule.unavailableTitle':
+    'Schedule is unavailable until this Workflow is published',
+  'workflowActivityVNext.schedule.updated': 'Schedule update accepted',
+  'workflowActivityVNext.schedule.weekdays': 'Weekdays',
+  'workflowActivityVNext.schedule.writeCron': 'write it as cron instead',
+  'workflowActivityVNext.schedule.workflow': 'Workflow',
+  'workflowActivityVNext.schedule.enabledAfterCreation':
+    'Enabled after creation',
+  'workflowActivityVNext.state.forbidden':
+    "You don't have access to this workspace",
+  'workflowActivityVNext.state.unauthorized': 'Sign in to continue',
+  'workflowActivityVNext.unavailable.body':
+    'Check the address or return to another section.',
+  'workflowActivityVNext.unavailable.description':
+    "The page you requested isn't available.",
+  'workflowActivityVNext.unavailable.title': 'Unavailable',
+  'workflowActivityVNext.workflows.activeView': 'Active workflows',
+  'workflowActivityVNext.workflows.allView': 'All workflows',
+  'workflowActivityVNext.workflows.archive': 'Archive',
+  'workflowActivityVNext.workflows.archiveCheckAgain': 'Check again',
+  'workflowActivityVNext.workflows.archiveConfirm': 'Archive workflow',
+  'workflowActivityVNext.workflows.archiveDescription':
+    'This stops new runs for the published workflow. Its editable draft, published revisions, and Activity history remain available. Publishing it again restores it.',
+  'workflowActivityVNext.workflows.archiveFailed':
+    "Workflow couldn't be archived",
+  'workflowActivityVNext.workflows.archiveSuccess': 'Workflow archived',
+  'workflowActivityVNext.workflows.archiveTitle': 'Archive this workflow?',
+  'workflowActivityVNext.workflows.archiveTryAgain': 'Try again',
+  'workflowActivityVNext.workflows.archivedStatus': 'Archived',
+  'workflowActivityVNext.workflows.archivedView': 'Show archived workflows',
+  'workflowActivityVNext.workflows.clearFilters': 'Clear filters',
+  'workflowActivityVNext.workflows.columnActions': 'Actions',
+  'workflowActivityVNext.workflows.columnStatus': 'Status',
+  'workflowActivityVNext.workflows.columnUpdated': 'Last updated',
+  'workflowActivityVNext.workflows.columnWorkflow': 'Workflow',
+  'workflowActivityVNext.workflows.copyReference': 'Copy workflow reference',
+  'workflowActivityVNext.workflows.description':
+    'Create, edit, and run your workflows.',
+  'workflowActivityVNext.workflows.descriptionAria': 'Description for {name}',
+  'workflowActivityVNext.workflows.draftsUnavailable':
+    'Draft workflows unavailable',
+  'workflowActivityVNext.workflows.draftsUnavailableDescription':
+    'Try again to load draft workflows.',
+  'workflowActivityVNext.workflows.draftsView': 'Drafts',
+  'workflowActivityVNext.workflows.draftStatus': 'Draft',
+  'workflowActivityVNext.workflows.duplicateNameWarning':
+    'Another workflow already uses this name. Duplicate names are allowed.',
+  'workflowActivityVNext.workflows.deleteDescription':
+    'This deletes only the editable draft. Published versions and run history remain available.',
+  'workflowActivityVNext.workflows.deleteDraft': 'Delete draft',
+  'workflowActivityVNext.workflows.deleteFailed': "Draft couldn't be deleted",
+  'workflowActivityVNext.workflows.deleteTitle': 'Delete editable draft?',
+  'workflowActivityVNext.workflows.empty': 'No workflows yet',
+  'workflowActivityVNext.workflows.emptyDescription':
+    'Create a workflow to get started.',
+  'workflowActivityVNext.workflows.loadMore': 'Load more',
+  'workflowActivityVNext.workflows.loadMoreFailed':
+    "More workflows couldn't be loaded",
+  'workflowActivityVNext.workflows.loading': 'Loading workflows…',
+  'workflowActivityVNext.workflows.moreActionsAria':
+    'More actions for {name} in {owner}',
+  'workflowActivityVNext.workflows.new': 'New workflow',
+  'workflowActivityVNext.workflows.noMatch': 'No matching workflows',
+  'workflowActivityVNext.workflows.noMatchDescription':
+    'Try a different search or filter.',
+  'workflowActivityVNext.workflows.openAria': 'Open {name} in {owner}',
+  'workflowActivityVNext.workflows.runAria': 'Run {name}',
+  'workflowActivityVNext.workflows.refreshAria': 'Refresh workflows',
+  'workflowActivityVNext.workflows.retryAria': 'Retry workflows',
+  'workflowActivityVNext.workflows.runFromEditor':
+    'Open the editor to validate and run this workflow.',
+  'workflowActivityVNext.workflows.search': 'Search workflows',
+  'workflowActivityVNext.workflows.searchAria': 'Search workflows',
+  'workflowActivityVNext.workflows.title': 'Workflows',
+  'workflowActivityVNext.workflows.unavailable': 'Workflows unavailable',
+  'workflowActivityVNext.workflows.unavailableDescription':
+    'Try again to load your workflows.',
+  'workflowActivityVNext.workflows.viewFilter': 'Workflow view',
+  'workflowActivityVNext.workflows.partialUnavailable':
+    "Some workflows couldn't be loaded",
+  'workflowActivityVNext.workflows.publishedStatus': 'Published',
+  'workflowActivityVNext.workflows.referenceCopied':
+    'Workflow reference copied',
+  'workflowActivityVNext.workflows.referenceCopyFailed':
+    "Workflow reference couldn't be copied",
+  'workflowActivityVNext.workflows.rename': 'Rename',
+  'workflowActivityVNext.workflows.renameFailed':
+    "Workflow couldn't be renamed",
+  'workflowActivityVNext.workflows.renameSave': 'Save name',
+  'workflowActivityVNext.workflows.renameSuccess': 'Workflow renamed',
+  'workflowActivityVNext.workflows.renameTitle': 'Rename workflow',
+  'workflowActivityVNext.workflows.viewActivity': 'View activity',
+  'workflowActivityVNext.workflows.viewActivityAria':
+    'View activity for {name} in {owner}',
+  'workflowActivityVNext.workflows.workspaceOwner': 'Workspace',
+} as const;
+
+export default workflowActivityVNextMessages;
diff --git a/apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts b/apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts
new file mode 100644
index 0000000000..3b25d49dc6
--- /dev/null
+++ b/apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts
@@ -0,0 +1,975 @@
+import enUSMessages from './workflowActivityVNextMessages.en-US';
+
+const workflowActivityVNextMessages: Record<keyof typeof enUSMessages, string> =
+  {
+    ...enUSMessages,
+    'workflowActivityVNext.home.loading': '正在打开你的工作流…',
+    'workflowActivityVNext.home.unavailable': '暂时无法打开工作流',
+    'workflowActivityVNext.home.loadFailed': '暂时无法获取你的工作区，请重试。',
+    'workflowActivityVNext.home.scopeUnavailable':
+      '当前账号没有可用工作区，请检查访问权限后重试。',
+    'workflowActivityVNext.home.signInRequired': '登录后即可打开你的工作流。',
+    'workflowActivityVNext.home.signIn': '登录',
+
+    'workflowActivityVNext.workflows.refreshFailed':
+      '工作流列表刷新失败，当前仍显示上次加载的列表。',
+    'workflowActivityVNext.new.cancelGeneration': '取消生成',
+    'workflowActivityVNext.new.generating': '正在生成工作流…',
+    'workflowActivityVNext.new.validating': '正在校验生成的工作流…',
+    'workflowActivityVNext.new.savingGenerated': '正在保存工作流…',
+    'workflowActivityVNext.new.generationTimedOut':
+      '生成已超过两分钟，未保存草稿。你可以重试。',
+    'workflowActivityVNext.new.generationCancelled':
+      '已取消生成，名称和描述已保留，未保存草稿。',
+    'workflowActivityVNext.new.generationReceiving':
+      '已收到生成进度，正在等待完整工作流。',
+    'workflowActivityVNext.new.generationWaiting':
+      '正在等待生成进度，你可以随时取消。',
+    'workflowActivityVNext.new.generationDetails': '生成详情',
+    'workflowActivityVNext.workflows.deleteSuccess': '草稿已删除',
+    'workflowActivityVNext.workflows.checkFailed': '暂时无法确认操作是否完成',
+    'workflowActivityVNext.workflows.changeObserving':
+      '请求已接受，正在确认是否完成…',
+    'workflowActivityVNext.workflows.changeDelayed':
+      '处理时间比预期更长，暂时还无法确认是否完成。',
+    'workflowActivityVNext.workflows.checkingDescription':
+      '将持续检查最多 30 秒。关闭弹窗不会撤销已提交的请求。',
+    'workflowActivityVNext.workflows.checkAgainDescription':
+      '点击“再次检查”查看结果，只检查状态，不会重复提交请求。',
+    'workflowActivityVNext.arguments.addItem': '添加一项',
+    'workflowActivityVNext.arguments.addItemAria': '向 {path} 添加一项',
+    'workflowActivityVNext.arguments.addProperty': '添加属性',
+    'workflowActivityVNext.arguments.addPropertyAria': '向 {path} 添加属性',
+    'workflowActivityVNext.arguments.columnProperty': '属性',
+    'workflowActivityVNext.arguments.columnType': '类型',
+    'workflowActivityVNext.arguments.emptyArray': '暂无项目',
+    'workflowActivityVNext.arguments.emptyObject': '暂无属性',
+    'workflowActivityVNext.arguments.duplicateProperty':
+      '属性名不能重复，此对象中已存在“{property}”。',
+    'workflowActivityVNext.arguments.invalidObject':
+      '请先输入有效的 JSON 对象，再切换到字段模式。',
+    'workflowActivityVNext.arguments.item': '第 {number} 项',
+    'workflowActivityVNext.arguments.jsonAria': '参数 JSON',
+    'workflowActivityVNext.arguments.mode.fields': '字段',
+    'workflowActivityVNext.arguments.mode.json': 'JSON',
+    'workflowActivityVNext.arguments.nullValue': '无值',
+    'workflowActivityVNext.arguments.propertyName': '属性名',
+    'workflowActivityVNext.arguments.propertyNameAria': '{path} 的属性名',
+    'workflowActivityVNext.arguments.removeItemAria': '删除第 {number} 项',
+    'workflowActivityVNext.arguments.removePropertyAria': '删除 {path}',
+    'workflowActivityVNext.arguments.type.array': '数组',
+    'workflowActivityVNext.arguments.type.boolean': '布尔值',
+    'workflowActivityVNext.arguments.type.null': '空值',
+    'workflowActivityVNext.arguments.type.number': '数字',
+    'workflowActivityVNext.arguments.type.object': '对象',
+    'workflowActivityVNext.arguments.type.string': '文本',
+    'workflowActivityVNext.arguments.unnamedProperty': '未命名属性',
+    'workflowActivityVNext.arguments.unsupportedNumber':
+      '此 JSON 包含字段模式无法安全表示的数字。请在 JSON 模式中编辑，或将其改为字符串。',
+    'workflowActivityVNext.arguments.valueAria': '{path} 的值',
+    'workflowActivityVNext.arguments.valueTypeAria': '{path} 的值类型',
+    'workflowActivityVNext.activity.allOrigins': '全部来源',
+    'workflowActivityVNext.activity.allStatuses': '全部状态',
+    'workflowActivityVNext.activity.afterPlaceholder': '开始时间之后',
+    'workflowActivityVNext.activity.beforePlaceholder': '开始时间之前',
+    'workflowActivityVNext.activity.clearWorkflowFilter': '显示全部工作流',
+    'workflowActivityVNext.activity.columnDuration': '耗时',
+    'workflowActivityVNext.activity.columnInputPreview': '输入摘要',
+    'workflowActivityVNext.activity.columnOrigin': '来源',
+    'workflowActivityVNext.activity.columnRun': '工作流',
+    'workflowActivityVNext.activity.columnStarted': '开始时间',
+    'workflowActivityVNext.activity.columnStatus': '状态',
+    'workflowActivityVNext.activity.columnUpdated': '更新时间',
+    'workflowActivityVNext.activity.description':
+      '查看最近的工作流运行并打开详情。',
+    'workflowActivityVNext.activity.empty': '暂无运行记录',
+    'workflowActivityVNext.activity.emptyDescription':
+      '工作流开始运行后，记录会显示在这里。',
+    'workflowActivityVNext.activity.loading': '正在加载活动记录…',
+    'workflowActivityVNext.activity.noMatch': '没有匹配的运行记录',
+    'workflowActivityVNext.activity.originChat': '聊天',
+    'workflowActivityVNext.activity.originEditor': '编辑器',
+    'workflowActivityVNext.activity.originFilter': '运行来源',
+    'workflowActivityVNext.activity.originMember': '团队成员',
+    'workflowActivityVNext.activity.originSchedule': '计划任务',
+    'workflowActivityVNext.activity.originService': '服务',
+    'workflowActivityVNext.activity.nextPage': '下一页',
+    'workflowActivityVNext.activity.page': '第 {page} 页',
+    'workflowActivityVNext.activity.pageOf': '第 {page} / {total} 页',
+    'workflowActivityVNext.activity.pageUnavailable': '无法加载当前页',
+    'workflowActivityVNext.activity.previousPage': '上一页',
+    'workflowActivityVNext.activity.search': '搜索运行记录',
+    'workflowActivityVNext.activity.searchAria': '搜索运行记录',
+    'workflowActivityVNext.activity.searchButton': '搜索',
+    'workflowActivityVNext.activity.statusCancelled': '已取消',
+    'workflowActivityVNext.activity.statusCompleted': '已完成',
+    'workflowActivityVNext.activity.statusFilter': '运行状态',
+    'workflowActivityVNext.activity.statusQueued': '排队中',
+    'workflowActivityVNext.activity.statusRunning': '运行中',
+    'workflowActivityVNext.activity.statusTimedOut': '已超时',
+    'workflowActivityVNext.activity.statusWaiting': '等待中',
+    'workflowActivityVNext.activity.title': '活动',
+    'workflowActivityVNext.activity.unavailable': '活动记录不可用',
+    'workflowActivityVNext.activity.unnamed': '未命名工作流',
+    'workflowActivityVNext.activity.unavailableDescription':
+      '请重试加载最近的工作流运行记录。',
+    'workflowActivityVNext.activity.removeWorkflowFilterAria':
+      '移除工作流筛选条件 {workflowId}',
+    'workflowActivityVNext.activity.removeScheduleFilterAria':
+      '移除计划任务筛选条件 {scheduleId}',
+    'workflowActivityVNext.activity.scheduleFilterLabel':
+      '计划任务：{scheduleId}',
+    'workflowActivityVNext.activity.removeOriginFilterAria':
+      '移除来源筛选条件 {origin}',
+    'workflowActivityVNext.activity.originFilterContextLabel': '来源：{origin}',
+    'workflowActivityVNext.activity.workflowFilterInvalidDescription':
+      '此活动链接不包含工作流身份。',
+    'workflowActivityVNext.activity.workflowFilterInvalidTitle':
+      '请选择要筛选活动的工作流',
+    'workflowActivityVNext.activity.workflowFilterLabel':
+      '工作流：{workflowId}',
+    'workflowActivityVNext.activity.workflowFilterLoading':
+      '正在加载工作流活动…',
+    'workflowActivityVNext.activity.workflowFilterResolutionFailed':
+      '工作流活动不可用',
+    'workflowActivityVNext.activity.workflowFilterResolutionFailedDescription':
+      '请重试或移除工作流筛选条件。',
+    'workflowActivityVNext.activity.workflowFilterUnavailableDescription':
+      '此工作流未提供活动筛选条件，因此不显示任何运行记录。',
+    'workflowActivityVNext.activity.workflowFilterUnavailableTitle':
+      '活动筛选不可用',
+    'workflowActivityVNext.brand.subtitle': '自动化账本',
+    'workflowActivityVNext.common.back': '返回',
+    'workflowActivityVNext.common.cancel': '取消',
+    'workflowActivityVNext.common.close': '关闭',
+    'workflowActivityVNext.common.empty': '空',
+    'workflowActivityVNext.common.failed': '失败',
+    'workflowActivityVNext.common.no': '否',
+    'workflowActivityVNext.common.open': '打开',
+    'workflowActivityVNext.common.pending': '等待中',
+    'workflowActivityVNext.common.refresh': '刷新',
+    'workflowActivityVNext.common.retry': '重试',
+    'workflowActivityVNext.common.run': '运行',
+    'workflowActivityVNext.common.succeeded': '成功',
+    'workflowActivityVNext.common.technicalDetails': '技术详情',
+    'workflowActivityVNext.common.unavailable': '不可用',
+    'workflowActivityVNext.common.unknown': '未知',
+    'workflowActivityVNext.common.yes': '是',
+    'workflowActivityVNext.editor.addNode': '添加节点',
+    'workflowActivityVNext.editor.addNodeFailed': '无法添加节点',
+    'workflowActivityVNext.editor.activityDelayed':
+      '此运行显示在活动中所需时间较长',
+    'workflowActivityVNext.editor.activityDelayedDescription':
+      '请再次检查最新状态。',
+    'workflowActivityVNext.editor.activityObserved': '已在活动中记录',
+    'workflowActivityVNext.editor.activityObservedDescription':
+      '你可以查看运行详情和进度。',
+    'workflowActivityVNext.editor.activityUnavailable': '活动暂不可用',
+    'workflowActivityVNext.editor.activityUnavailableDescription':
+      '请再次检查最新状态。',
+    'workflowActivityVNext.editor.backAria': '返回工作流列表',
+    'workflowActivityVNext.editor.canvas': '画布',
+    'workflowActivityVNext.editor.canvasAria': '工作流画布',
+    'workflowActivityVNext.editor.canvasUpdateFailed': '无法更新工作流',
+    'workflowActivityVNext.editor.description': '构建、测试并完善这个工作流。',
+    'workflowActivityVNext.editor.discardLeave': '放弃并离开',
+    'workflowActivityVNext.editor.emptyCanvas':
+      '添加第一个可执行节点，使此工作流可运行。',
+    'workflowActivityVNext.editor.loading': '正在加载工作流…',
+    'workflowActivityVNext.editor.loadingDescription': '正在准备编辑器…',
+    'workflowActivityVNext.editor.openActivity': '打开活动',
+    'workflowActivityVNext.editor.publish': '发布',
+    'workflowActivityVNext.editor.publishBeforeRun':
+      '请先发布此工作流，再运行。',
+    'workflowActivityVNext.editor.publishLatestBeforeRun':
+      '请先保存并发布最新更改，再运行。',
+    'workflowActivityVNext.editor.publicationStatusAria': '工作流发布状态',
+    'workflowActivityVNext.editor.publishUnavailable': '此工作流暂时无法发布。',
+    'workflowActivityVNext.editor.publishedRunDrawer': '运行已发布工作流',
+    'workflowActivityVNext.editor.publishedTargetUnavailable':
+      '请先发布此工作流，再运行。',
+    'workflowActivityVNext.editor.waitForEditorBeforeRun':
+      '请等待工作流更新完成。',
+    'workflowActivityVNext.editor.waitForPublishedRun':
+      '请等待已发布版本可用。',
+    'workflowActivityVNext.publish.addExecutableStep':
+      '发布前请至少添加一个可执行步骤。',
+    'workflowActivityVNext.publish.applyNodeChanges':
+      '发布前请应用或放弃节点配置更改。',
+    'workflowActivityVNext.publish.blocked': '发布受阻 · {count} 个问题',
+    'workflowActivityVNext.publish.blockedOne': '发布受阻 · 1 个问题',
+    'workflowActivityVNext.publish.failed': '无法确认发布状态',
+    'workflowActivityVNext.publish.failedDescription':
+      '请处理错误或再次尝试发布。',
+    'workflowActivityVNext.publish.forbiddenDescription':
+      '你无权查看此发布状态。',
+    'workflowActivityVNext.publish.published': '已发布',
+    'workflowActivityVNext.publish.publishedServiceId': '已发布服务 ID',
+    'workflowActivityVNext.publish.publishing': '正在发布',
+    'workflowActivityVNext.publish.revisionId': '版本 ID',
+    'workflowActivityVNext.publish.readinessIssues': '发布就绪问题',
+    'workflowActivityVNext.publish.success': '工作流已发布',
+    'workflowActivityVNext.publish.submissionFailed': '无法提交工作流发布',
+    'workflowActivityVNext.publish.submissionFailedDescription':
+      '请查看错误后重试发布。',
+    'workflowActivityVNext.publish.validationRejected':
+      '工作流尚未满足发布条件',
+    'workflowActivityVNext.publish.validationRejectedDescription':
+      '请修正下方工作流配置，然后重新发布。',
+    'workflowActivityVNext.publish.resolvePublication':
+      '再次发布前请先处理当前发布状态。',
+    'workflowActivityVNext.publish.saveBeforePublishing':
+      '请先保存此工作流，再发布。',
+    'workflowActivityVNext.publish.saveChangesBeforePublishing':
+      '请先保存更改，再发布。',
+    'workflowActivityVNext.publish.waitForPublication':
+      '请等待当前发布流程完成。',
+    'workflowActivityVNext.publish.waitForEditorUpdate':
+      '请等待工作流步骤更新完成。',
+    'workflowActivityVNext.publish.waitForSave': '请等待工作流验证和保存完成。',
+    'workflowActivityVNext.publish.waitForSavedDraft':
+      '请等待已保存草稿变为可读取状态。',
+    'workflowActivityVNext.publish.unauthorizedDescription':
+      '请重新登录后检查此发布状态。',
+    'workflowActivityVNext.editor.checkLatestStatus': '检查最新状态',
+    'workflowActivityVNext.editor.currentStep': '当前步骤',
+    'workflowActivityVNext.editor.expandRunConsole': '展开工作流日志',
+    'workflowActivityVNext.editor.failureSummary': '失败摘要',
+    'workflowActivityVNext.editor.fullDetailsNotice':
+      '打开运行详情可查看完整时间线、诊断信息和恢复操作。',
+    'workflowActivityVNext.editor.openRunDetails': '打开运行详情',
+    'workflowActivityVNext.editor.outputSummary': '输出摘要',
+    'workflowActivityVNext.editor.publishedRunPanel.inputRequired':
+      '已发布工作流可以在没有手动输入时启动。',
+    'workflowActivityVNext.editor.publishedRunPanel.removeEmptyFile':
+      '启动已发布运行前，请移除空文件 {name}。',
+    'workflowActivityVNext.editor.resizePublishedRunPanel':
+      '调整已发布运行面板大小',
+    'workflowActivityVNext.editor.resizeRunConsole': '调整工作流运行控制台大小',
+    'workflowActivityVNext.editor.runAgain': '再次运行',
+    'workflowActivityVNext.editor.runFailed': '运行失败',
+    'workflowActivityVNext.editor.runInput': '输入',
+    'workflowActivityVNext.editor.runInputExample': '例如：审核订单 42',
+    'workflowActivityVNext.editor.runInputHelp':
+      '此工作流接受一个文本输入。例如：审核订单 42。',
+    'workflowActivityVNext.editor.runInputRequired': '请输入内容或添加附件。',
+    'workflowActivityVNext.editor.runInputRequiredTag': '必填',
+    'workflowActivityVNext.editor.runPanel': '测试运行',
+    'workflowActivityVNext.editor.runResult': '运行结果',
+    'workflowActivityVNext.editor.runUnavailable': '请先添加至少一个有效步骤。',
+    'workflowActivityVNext.editor.retryActivityObservation': '再次检查',
+    'workflowActivityVNext.editor.saveDelayed': '保存时间比预期更长',
+    'workflowActivityVNext.editor.saveFailed': '无法保存工作流',
+    'workflowActivityVNext.editor.saveStatusAria': '工作流保存状态',
+    'workflowActivityVNext.editor.saveStatusFailed': '保存失败',
+    'workflowActivityVNext.editor.saveOpenFailed':
+      '工作流已保存，但暂时无法重新打开',
+    'workflowActivityVNext.editor.savingProgress': '正在保存工作流…',
+    'workflowActivityVNext.editor.save': '保存工作流',
+    'workflowActivityVNext.editor.saveLeave': '保存并离开',
+    'workflowActivityVNext.editor.saveSuccess': '工作流已保存',
+    'workflowActivityVNext.editor.saved': '已保存',
+    'workflowActivityVNext.editor.savedAt': '已保存于 {updatedAt}',
+    'workflowActivityVNext.editor.stay': '留在此处',
+    'workflowActivityVNext.editor.submitRun': '开始运行',
+    'workflowActivityVNext.editor.submittedInput': '已提交输入',
+    'workflowActivityVNext.editor.snapshotNotice':
+      '再次运行将使用完全相同的输入和工作流快照。',
+    'workflowActivityVNext.editor.unavailable': '工作流不可用',
+    'workflowActivityVNext.editor.unavailableDescription': '无法加载此工作流。',
+    'workflowActivityVNext.editor.unavailableGuidance': '请重试打开此工作流。',
+    'workflowActivityVNext.editor.unsaved': '未保存',
+    'workflowActivityVNext.editor.unsavedChanges': '有未保存的更改',
+    'workflowActivityVNext.editor.updatingNode': '正在更新节点…',
+    'workflowActivityVNext.editor.validating': '正在验证工作流…',
+    'workflowActivityVNext.editor.unsavedDescription':
+      '保存更改、放弃更改，或留在编辑器。',
+    'workflowActivityVNext.editor.unsavedTitle': '工作流有未保存更改',
+    'workflowActivityVNext.editor.untitled': '未命名工作流',
+    'workflowActivityVNext.editor.viewRun': '查看运行',
+    'workflowActivityVNext.editor.yaml': 'YAML',
+    'workflowActivityVNext.editor.yamlReadFailed': '无法读取工作流 YAML。',
+    'workflowActivityVNext.nodeInspector.advanced': '高级 JSON',
+    'workflowActivityVNext.nodeInspector.advancedDescription':
+      '以 JSON 编辑此步骤的运行参数。',
+    'workflowActivityVNext.nodeInspector.applyChanges': '应用步骤',
+    'workflowActivityVNext.nodeInspector.applyBeforeSave':
+      '请先应用此步骤，再保存工作流。',
+    'workflowActivityVNext.nodeInspector.applyFailed': '无法应用配置',
+    'workflowActivityVNext.nodeInspector.applyJson': '应用 JSON',
+    'workflowActivityVNext.nodeInspector.branches': '分支',
+    'workflowActivityVNext.nodeInspector.branchesUnavailable': '分支不可用',
+    'workflowActivityVNext.nodeInspector.close': '关闭配置',
+    'workflowActivityVNext.nodeInspector.closeAria': '关闭节点配置',
+    'workflowActivityVNext.nodeInspector.configuration': '设置',
+    'workflowActivityVNext.nodeInspector.configurationDescription':
+      '设置此步骤在工作流运行前所需的内容。',
+    'workflowActivityVNext.nodeInspector.discard': '放弃更改',
+    'workflowActivityVNext.nodeInspector.discardDescription':
+      '此步骤中尚未应用的更改将丢失。',
+    'workflowActivityVNext.nodeInspector.discardTitle': '放弃节点更改？',
+    'workflowActivityVNext.nodeInspector.errorDetails': '错误详情',
+    'workflowActivityVNext.nodeInspector.fieldExample': '示例：{value}',
+    'workflowActivityVNext.nodeInspector.fieldOptional': '选填',
+    'workflowActivityVNext.nodeInspector.fieldRequired': '必填',
+    'workflowActivityVNext.nodeInspector.nextStep': '下一步骤',
+    'workflowActivityVNext.nodeInspector.noBranches': '没有分支',
+    'workflowActivityVNext.nodeInspector.noSettings': '此步骤无需设置。',
+    'workflowActivityVNext.nodeInspector.notSet': '未设置',
+    'workflowActivityVNext.nodeInspector.purpose.assign':
+      '保存一个值，供工作流后续步骤使用。',
+    'workflowActivityVNext.nodeInspector.purpose.cache':
+      '遇到相同缓存键时复用之前的结果。',
+    'workflowActivityVNext.nodeInspector.purpose.checkpoint':
+      '在工作流中记录一个具名恢复点。',
+    'workflowActivityVNext.nodeInspector.purpose.conditional':
+      '仅在配置的条件为真时继续。',
+    'workflowActivityVNext.nodeInspector.purpose.connectorCall':
+      '调用已配置连接器提供的操作。',
+    'workflowActivityVNext.nodeInspector.purpose.default':
+      '设置此步骤在工作流运行时的行为。',
+    'workflowActivityVNext.nodeInspector.purpose.delay':
+      '暂停工作流一段时间后再继续下一步。',
+    'workflowActivityVNext.nodeInspector.purpose.dynamicWorkflow':
+      '根据生成的 YAML 创建并运行工作流步骤。',
+    'workflowActivityVNext.nodeInspector.purpose.emit':
+      '向其他工作流或系统监听器发布事件。',
+    'workflowActivityVNext.nodeInspector.purpose.evaluate':
+      '按照明确标准为当前结果评分。',
+    'workflowActivityVNext.nodeInspector.purpose.foreach':
+      '对每个输入项运行相同的子步骤。',
+    'workflowActivityVNext.nodeInspector.purpose.guard':
+      '在工作流继续前检查输入。',
+    'workflowActivityVNext.nodeInspector.purpose.humanApproval':
+      '暂停并等待人工批准或拒绝下一操作。',
+    'workflowActivityVNext.nodeInspector.purpose.humanInput':
+      '暂停并向用户收集信息。',
+    'workflowActivityVNext.nodeInspector.purpose.llmCall':
+      '将指令和工作流输入发送给 AI 模型。',
+    'workflowActivityVNext.nodeInspector.purpose.mapReduce':
+      '分别处理输入分块，再合并所有结果。',
+    'workflowActivityVNext.nodeInspector.purpose.parallel':
+      '同时运行多个执行者并合并结果。',
+    'workflowActivityVNext.nodeInspector.purpose.race':
+      '同时运行多个执行者，并采用最先返回的结果。',
+    'workflowActivityVNext.nodeInspector.purpose.reflect':
+      '在限定轮次内检查并改进结果。',
+    'workflowActivityVNext.nodeInspector.purpose.retrieveFacts':
+      '查找后续工作流步骤需要的相关事实。',
+    'workflowActivityVNext.nodeInspector.purpose.switch':
+      '根据当前值选择下一分支。',
+    'workflowActivityVNext.nodeInspector.purpose.toolCall':
+      '使用你提供的输入运行一个已注册工具。',
+    'workflowActivityVNext.nodeInspector.purpose.transform':
+      '转换当前值，供下一步骤使用。',
+    'workflowActivityVNext.nodeInspector.purpose.vote':
+      '从可用的执行结果中选出一个结果。',
+    'workflowActivityVNext.nodeInspector.purpose.waitSignal':
+      '暂停并等待指定信号或超时。',
+    'workflowActivityVNext.nodeInspector.purpose.while':
+      '在条件为真时重复执行子步骤。',
+    'workflowActivityVNext.nodeInspector.purpose.workflowCall':
+      '运行另一个工作流并在此使用其结果。',
+    'workflowActivityVNext.nodeInspector.purpose.workflowYamlValidate':
+      '使用生成的工作流 YAML 前先检查其有效性。',
+    'workflowActivityVNext.nodeInspector.rawConfigurationAria': '原始配置',
+    'workflowActivityVNext.nodeInspector.rawConfigurationError':
+      '配置必须为 JSON 对象。',
+    'workflowActivityVNext.nodeInspector.sectionAria': '配置 {name}',
+    'workflowActivityVNext.nodeInspector.stepDetails': '技术详情',
+    'workflowActivityVNext.nodeInspector.stepId': '步骤 ID',
+    'workflowActivityVNext.nodeInspector.targetRole': '目标角色',
+    'workflowActivityVNext.nodeInspector.title': '配置 {name}',
+    'workflowActivityVNext.nodeInspector.type': '类型',
+    'workflowActivityVNext.failure.accessDenied': '你无权使用此服务或模型。',
+    'workflowActivityVNext.failure.accessDeniedGuidance':
+      '请申请权限，或选择你的账户可用的服务和模型。',
+    'workflowActivityVNext.failure.cancelled': '运行已取消。',
+    'workflowActivityVNext.failure.cancelledGuidance':
+      '此次运行已停止，但未被报告为系统故障。',
+    'workflowActivityVNext.failure.chooseAllowedService': '选择可用服务',
+    'workflowActivityVNext.failure.copyTrackingId': '复制跟踪 ID',
+    'workflowActivityVNext.failure.internal': '请求无法完成。',
+    'workflowActivityVNext.failure.internalGuidance':
+      '请重试；如果仍然失败，请在有跟踪 ID 时联系支持。',
+    'workflowActivityVNext.failure.invalidInput': '输入或工作流定义需要处理。',
+    'workflowActivityVNext.failure.invalidInputGuidance':
+      '请检查受影响的输入或工作流步骤后再试。',
+    'workflowActivityVNext.failure.rateLimited': '请求受到速率限制。',
+    'workflowActivityVNext.failure.rateLimitedGuidance':
+      '请等待配额窗口重置后再试。',
+    'workflowActivityVNext.failure.reloadLatest': '加载最新状态',
+    'workflowActivityVNext.failure.resourceMissing': '此次运行已不可用。',
+    'workflowActivityVNext.failure.resourceMissingGuidance':
+      '请刷新活动记录或返回运行列表。',
+    'workflowActivityVNext.failure.retryAfter': '{seconds} 秒后重试。',
+    'workflowActivityVNext.failure.reviewInput': '检查输入',
+    'workflowActivityVNext.failure.sessionExpired': '登录会话已过期。',
+    'workflowActivityVNext.failure.sessionExpiredGuidance':
+      '请重新登录后继续。',
+    'workflowActivityVNext.failure.signInAgain': '重新登录',
+    'workflowActivityVNext.failure.stateConflict': '加载后此次运行已发生变化。',
+    'workflowActivityVNext.failure.stateConflictGuidance':
+      '请加载最新状态后再继续。',
+    'workflowActivityVNext.failure.timeoutOrOffline': '请求超时或连接中断。',
+    'workflowActivityVNext.failure.timeoutOrOfflineGuidance':
+      '请检查网络连接后再试。',
+    'workflowActivityVNext.failure.upstreamUnavailable': '所选服务暂时不可用。',
+    'workflowActivityVNext.failure.upstreamUnavailableGuidance':
+      '请检查服务状态或稍后重试。',
+    'workflowActivityVNext.nav.activity': '活动',
+    'workflowActivityVNext.nav.aria': '工作流工作台',
+    'workflowActivityVNext.nav.openMenu': '打开导航',
+    'workflowActivityVNext.nav.settings': '设置',
+    'workflowActivityVNext.nav.workflows': '工作流',
+    'workflowActivityVNext.new.back': '返回工作流列表',
+    'workflowActivityVNext.new.changeMethod': '更换创建方式',
+    'workflowActivityVNext.new.chooserAria': '工作流创建方式',
+    'workflowActivityVNext.new.createBlank': '创建并打开',
+    'workflowActivityVNext.new.createFailed': '无法创建工作流',
+    'workflowActivityVNext.new.createUnconfirmed':
+      '无法确认工作流是否已创建，请先返回工作流列表检查，再决定是否重试。',
+    'workflowActivityVNext.new.creatingDescription': '通常只需要片刻时间。',
+    'workflowActivityVNext.new.description': '选择一种开始方式。',
+    'workflowActivityVNext.new.defaultWorkspace': '默认工作区',
+    'workflowActivityVNext.new.directory': '保存到',
+    'workflowActivityVNext.new.generate': '生成并打开',
+    'workflowActivityVNext.new.goal': '描述你希望这个工作流完成什么',
+    'workflowActivityVNext.new.mode.blank': '从空白开始',
+    'workflowActivityVNext.new.mode.blank.description':
+      '从空白画布开始，自行添加步骤。',
+    'workflowActivityVNext.new.mode.describe': '描述需求',
+    'workflowActivityVNext.new.mode.describe.description':
+      '把目标转成可检查、可编辑的工作流。',
+    'workflowActivityVNext.new.mode.import': '导入 YAML',
+    'workflowActivityVNext.new.mode.import.description':
+      '导入已有的 YAML 工作流。',
+    'workflowActivityVNext.new.mode.template': '使用模板',
+    'workflowActivityVNext.new.mode.template.description':
+      '从现成工作流开始并按需修改。',
+    'workflowActivityVNext.new.name': '工作流名称',
+    'workflowActivityVNext.new.noDirectories':
+      '没有可用的保存位置，请稍后重试或联系管理员。',
+    'workflowActivityVNext.new.noDirectoriesDescription':
+      '工作流需要明确的保存位置来确定归属；恢复访问权限期间，你可以先在此准备输入。',
+    'workflowActivityVNext.new.observationFailed': '无法打开工作流',
+    'workflowActivityVNext.new.observing': '正在创建工作流…',
+    'workflowActivityVNext.new.projectionDelayed': '所需时间比预期更长',
+    'workflowActivityVNext.new.retryDescription':
+      '你的内容已保留，请重试以完成打开工作流。',
+    'workflowActivityVNext.new.retryObservation': '重试',
+    'workflowActivityVNext.new.reviewAccess': '检查访问权限',
+    'workflowActivityVNext.new.saveTargetRequired':
+      '请先选择可用的保存位置，再创建工作流。',
+    'workflowActivityVNext.new.templateBrowser.title': '从模板开始',
+    'workflowActivityVNext.new.templateBrowser.description':
+      '浏览公开模板、查看详情，或直接创建草稿。',
+    'workflowActivityVNext.new.templateBrowser.changeMethod': '更换创建方式',
+    'workflowActivityVNext.new.templateBrowser.search': '搜索模板',
+    'workflowActivityVNext.new.templateBrowser.sort': '模板排序',
+    'workflowActivityVNext.new.templateBrowser.sortBy': '排序方式',
+    'workflowActivityVNext.new.templateBrowser.sort.recent':
+      '更新时间：最新优先',
+    'workflowActivityVNext.new.templateBrowser.sort.nameAsc': '名称：A 到 Z',
+    'workflowActivityVNext.new.templateBrowser.sort.nameDesc': '名称：Z 到 A',
+    'workflowActivityVNext.new.templateBrowser.sort.oldest':
+      '更新时间：最早优先',
+    'workflowActivityVNext.new.templateBrowser.loading': '正在加载模板…',
+    'workflowActivityVNext.new.templateBrowser.loadFailed': '无法加载模板',
+    'workflowActivityVNext.new.templateBrowser.unavailable':
+      '当前环境暂不提供模板。',
+    'workflowActivityVNext.new.templateBrowser.unavailableDescription':
+      '当前环境尚未部署模板目录服务。',
+    'workflowActivityVNext.new.templateBrowser.retry': '重试',
+    'workflowActivityVNext.new.templateBrowser.signIn':
+      '登录后才能浏览公开工作流模板。',
+    'workflowActivityVNext.new.templateBrowser.noSearchResults':
+      '没有匹配搜索条件的模板。',
+    'workflowActivityVNext.new.templateBrowser.noTemplates':
+      '暂时没有可用的公开工作流模板。',
+    'workflowActivityVNext.new.templateBrowser.view': '查看',
+    'workflowActivityVNext.new.templateBrowser.viewNamed': '查看 {name}',
+    'workflowActivityVNext.new.templateBrowser.use': '使用模板',
+    'workflowActivityVNext.new.templateBrowser.useNamed': '使用模板 {name}',
+    'workflowActivityVNext.new.templateBrowser.catalogue': '工作流模板目录',
+    'workflowActivityVNext.new.templateBrowser.template': '模板',
+    'workflowActivityVNext.new.templateBrowser.connection': '连接',
+    'workflowActivityVNext.new.templateBrowser.does': '执行',
+    'workflowActivityVNext.new.templateBrowser.updatedColumn': '更新时间',
+    'workflowActivityVNext.new.templateBrowser.actions': '操作',
+    'workflowActivityVNext.new.templateBrowser.none': '无',
+    'workflowActivityVNext.new.templateBrowser.llmProvider': 'LLM Provider',
+    'workflowActivityVNext.new.templateBrowser.runsSteps':
+      '运行 {count} 个{unit}',
+    'workflowActivityVNext.new.templateBrowser.stepsTooltipTitle':
+      '工作流步骤（{count}）',
+    'workflowActivityVNext.new.templateBrowser.stepsTooltipLoading':
+      '正在加载步骤详情…',
+    'workflowActivityVNext.new.templateBrowser.stepsTooltipUnavailable':
+      '暂时无法加载步骤详情，请点击“查看”查看完整工作流。',
+    'workflowActivityVNext.new.templateBrowser.stepsTooltipEmpty':
+      '该模板未提供可展示的工作流步骤。',
+    'workflowActivityVNext.new.templateBrowser.step': '步骤',
+    'workflowActivityVNext.new.templateBrowser.steps': '步骤',
+    'workflowActivityVNext.new.templateBrowser.fallbackDescription':
+      '适用于当前工作区的现成工作流。',
+    'workflowActivityVNext.new.templateBrowser.contract': '{name} 契约',
+    'workflowActivityVNext.new.templateBrowser.detailLoading':
+      '正在加载模板详情…',
+    'workflowActivityVNext.new.templateBrowser.detailFailed':
+      '无法加载模板详情',
+    'workflowActivityVNext.new.templateBrowser.noLongerAvailable':
+      '该模板已不可用。',
+    'workflowActivityVNext.new.templateBrowser.preview': '工作流预览',
+    'workflowActivityVNext.new.templateBrowser.previewDescription':
+      '共 {count} 个{unit}及其执行路径。',
+    'workflowActivityVNext.new.templateBrowser.noPreviewSteps':
+      '该模板未提供可预览的工作流步骤。',
+    'workflowActivityVNext.new.templateBrowser.source':
+      '来源：公开工作流模板 · 版本 {version}',
+    'workflowActivityVNext.new.templateBrowser.cancel': '取消',
+    'workflowActivityVNext.new.templateBrowser.useThis': '使用此模板',
+    'workflowActivityVNext.new.templateBrowser.templateOutOfDate': '模板已更新',
+    'workflowActivityVNext.new.templateBrowser.templateOutOfDateDescription':
+      '你查看模板期间它发生了变化，请刷新目录后重试。',
+    'workflowActivityVNext.new.templateBrowser.refreshCatalog': '刷新目录',
+    'workflowActivityVNext.new.templateBrowser.creationFailed': '模板创建失败',
+    'workflowActivityVNext.new.templateBrowser.couldNotUse':
+      '无法使用工作流模板',
+    'workflowActivityVNext.new.templateBrowser.creating': '正在创建工作流…',
+    'workflowActivityVNext.new.templateBrowser.projectionDelayed':
+      '所需时间比预期更长',
+    'workflowActivityVNext.new.templateBrowser.observationFailed':
+      '无法打开工作流',
+    'workflowActivityVNext.new.templateBrowser.safeToRetry':
+      '你的内容已保留，请重试以完成打开工作流。',
+    'workflowActivityVNext.new.templateBrowser.creatingDescription':
+      '通常只需要片刻时间。',
+    'workflowActivityVNext.new.templateBrowser.tryAgain': '重试',
+    'workflowActivityVNext.new.title': '新建工作流',
+    'workflowActivityVNext.new.validateCreate': '导入并打开',
+    'workflowActivityVNext.new.workspaceUnavailable': '保存位置不可用',
+    'workflowActivityVNext.new.workspaceUnavailableDescription':
+      '现在可以先选择创建方式；恢复访问权限期间，你的输入会保留在此页面。',
+    'workflowActivityVNext.new.yaml': '工作流 YAML',
+    'workflowActivityVNext.run.backAria': '返回活动列表',
+    'workflowActivityVNext.run.commandId': '请求 ID',
+    'workflowActivityVNext.run.code': '代码',
+    'workflowActivityVNext.run.completedSteps': '已完成步骤',
+    'workflowActivityVNext.run.completionTokens': '完成 Token',
+    'workflowActivityVNext.run.confirmRetry': '确认重试',
+    'workflowActivityVNext.run.confirmRunAgain': '确认再次运行',
+    'workflowActivityVNext.run.confirmTitle': '确认新运行',
+    'workflowActivityVNext.run.costWarning':
+      '此操作可能再次产生模型或工具费用。',
+    'workflowActivityVNext.run.correlationId': '跟踪 ID',
+    'workflowActivityVNext.run.cost': '费用',
+    'workflowActivityVNext.run.diagnostics': '诊断',
+    'workflowActivityVNext.run.error': '最终错误',
+    'workflowActivityVNext.run.failedSummary': '此次运行未完成。',
+    'workflowActivityVNext.run.description': '查看此次运行的结果、步骤和历史。',
+    'workflowActivityVNext.run.title': '运行详情',
+    'workflowActivityVNext.run.forkAccepted': '新运行请求已接受',
+    'workflowActivityVNext.run.forkAcceptedDescription':
+      '请求已被接受。打开新运行可继续查看进度。',
+    'workflowActivityVNext.run.fromStep': '来自步骤 {step}',
+    'workflowActivityVNext.run.graph': '图',
+    'workflowActivityVNext.run.graphEmpty': '暂时没有可用的运行图。',
+    'workflowActivityVNext.run.graphEmptyDescription':
+      '此次运行尚未物化图视图。',
+    'workflowActivityVNext.run.graphLoading': '正在加载运行图…',
+    'workflowActivityVNext.run.graphSummary': '{nodes} 个节点 · {edges} 条边',
+    'workflowActivityVNext.run.graphUnavailable': '运行图不可用',
+    'workflowActivityVNext.run.historyLoading': '正在加载运行历史…',
+    'workflowActivityVNext.run.historyUnavailable': '运行历史不可用。',
+    'workflowActivityVNext.run.input': '输入',
+    'workflowActivityVNext.run.loading': '正在加载运行…',
+    'workflowActivityVNext.run.loadingDescription': '正在加载运行详情…',
+    'workflowActivityVNext.run.logs': '日志',
+    'workflowActivityVNext.run.newActorId': '运行地址',
+    'workflowActivityVNext.run.noHistory': '暂无已发布运行。',
+    'workflowActivityVNext.run.noHistoryDescription':
+      '此工作流在当前历史上下文中没有其他运行。',
+    'workflowActivityVNext.run.noSteps': '暂时没有可用步骤。',
+    'workflowActivityVNext.run.noDiagnostics': '暂无诊断信息。',
+    'workflowActivityVNext.run.noTimeline': '尚无可见的时间线事件。',
+    'workflowActivityVNext.run.output': '最终输出',
+    'workflowActivityVNext.run.message': '消息',
+    'workflowActivityVNext.run.openNewRun': '打开新运行',
+    'workflowActivityVNext.run.originalRun': '原始运行',
+    'workflowActivityVNext.run.parentRun': '父运行',
+    'workflowActivityVNext.run.parentStep': '父步骤',
+    'workflowActivityVNext.run.priorOutputs': '之前的步骤输出',
+    'workflowActivityVNext.run.priorOutputsNotReused':
+      '不会复用之前的步骤输出。',
+    'workflowActivityVNext.run.priorOutputsReused': '将复用之前的步骤输出。',
+    'workflowActivityVNext.run.promptTokens': '输入 Token',
+    'workflowActivityVNext.run.requestedSteps': '已请求步骤',
+    'workflowActivityVNext.run.requestParameters': '请求参数',
+    'workflowActivityVNext.run.refreshFailed': '部分运行详情刷新失败',
+    'workflowActivityVNext.run.refreshing': '正在刷新…',
+    'workflowActivityVNext.run.refreshingDetail': '正在刷新运行详情…',
+    'workflowActivityVNext.run.refreshSucceeded': '运行详情已刷新',
+    'workflowActivityVNext.run.relatedRuns': '关联运行',
+    'workflowActivityVNext.run.lineageUnavailable': '关联运行历史不可用。',
+    'workflowActivityVNext.run.detailFallbackDescription':
+      '运行详情请求不可用，但仍可查看已选中的 Activity 记录。',
+    'workflowActivityVNext.run.detailUnavailableTitle': '运行详情暂时不可用。',
+    'workflowActivityVNext.run.detailUnavailableDescription':
+      '已选中的运行会继续在所属工作流历史中高亮。请重试加载它的不可变详情、图、时间线和输出。',
+    'workflowActivityVNext.run.noRelatedRuns': '没有关联运行。',
+    'workflowActivityVNext.run.openRunAria': '打开 {runId}',
+    'workflowActivityVNext.run.retryHistory': '重试历史',
+    'workflowActivityVNext.run.retry': '重试失败步骤',
+    'workflowActivityVNext.run.retryUnavailable':
+      '存在一个失败步骤时才能重试。',
+    'workflowActivityVNext.run.runAgain': '再次运行',
+    'workflowActivityVNext.run.runAgainUnavailable':
+      '此次运行暂时无法重新开始。',
+    'workflowActivityVNext.run.rootRun': '根运行',
+    'workflowActivityVNext.run.sourceRun': '来源运行',
+    'workflowActivityVNext.run.sourceImmutable':
+      '这会创建一个独立的新运行，来源运行不会被更改。',
+    'workflowActivityVNext.run.subWorkflows': '子工作流',
+    'workflowActivityVNext.run.childRuns': '子运行',
+    'workflowActivityVNext.run.details': '详情',
+    'workflowActivityVNext.run.attempt': '尝试次数',
+    'workflowActivityVNext.run.depth': '层级深度',
+    'workflowActivityVNext.run.definitionRevision': '定义修订 ID',
+    'workflowActivityVNext.run.definitionVersion': '定义版本',
+    'workflowActivityVNext.run.editWorkflow': '编辑工作流',
+    'workflowActivityVNext.run.reviewInput': '检查输入',
+    'workflowActivityVNext.run.reviewSettings': '检查设置',
+    'workflowActivityVNext.run.recommendedNextSteps': '建议：{actions}',
+    'workflowActivityVNext.run.roleReplies': '角色回复数',
+    'workflowActivityVNext.run.severity': '严重级别',
+    'workflowActivityVNext.run.startFailed': '无法开始新运行',
+    'workflowActivityVNext.run.startingStep': '起始步骤',
+    'workflowActivityVNext.run.statusUrl': '状态 URL',
+    'workflowActivityVNext.run.statisticsUsage': '统计与用量',
+    'workflowActivityVNext.run.step': '步骤',
+    'workflowActivityVNext.run.stepFailedSummary': '此步骤未完成。',
+    'workflowActivityVNext.run.steps': '步骤',
+    'workflowActivityVNext.run.timeline': '时间线',
+    'workflowActivityVNext.run.totalSteps': '步骤总数',
+    'workflowActivityVNext.run.totalTokens': 'Token 总数',
+    'workflowActivityVNext.run.type': '类型',
+    'workflowActivityVNext.run.unavailable': '运行记录不可用',
+    'workflowActivityVNext.run.unavailableDescription': '无法加载此次运行。',
+    'workflowActivityVNext.run.unavailableGuidance': '请重试加载此次运行。',
+    'workflowActivityVNext.settings.account': '账户',
+    'workflowActivityVNext.settings.accountDescription':
+      '你的个人资料与访问权限。',
+    'workflowActivityVNext.settings.accountLoading': '正在加载账户…',
+    'workflowActivityVNext.settings.accountUnavailable': '账户信息不可用',
+    'workflowActivityVNext.settings.advanced': '高级',
+    'workflowActivityVNext.settings.advancedDescription':
+      '启动工作流时使用的只读执行信息。',
+    'workflowActivityVNext.settings.ai': 'AI 默认设置',
+    'workflowActivityVNext.settings.aiDescription':
+      '选择新 AI 会话默认使用的服务与模型。',
+    'workflowActivityVNext.settings.authenticated': '已登录',
+    'workflowActivityVNext.settings.catalogUnavailable':
+      '已保存的选择没有改变，请重试加载可用服务。',
+    'workflowActivityVNext.settings.catalogUnavailableTitle': '服务不可用',
+    'workflowActivityVNext.settings.defaultModel': '默认模型',
+    'workflowActivityVNext.settings.defaultModelHelp':
+      '留空时使用服务默认模型。',
+    'workflowActivityVNext.settings.delayed': '更改显示所需时间比预期更长',
+    'workflowActivityVNext.settings.description': '个人默认设置与访问权限。',
+    'workflowActivityVNext.settings.discard': '恢复已保存设置',
+    'workflowActivityVNext.settings.discardLeave': '放弃并离开',
+    'workflowActivityVNext.settings.email': '邮箱',
+    'workflowActivityVNext.settings.emailVerification': '邮箱验证',
+    'workflowActivityVNext.settings.executionTarget': '执行目标',
+    'workflowActivityVNext.settings.expires': '过期时间',
+    'workflowActivityVNext.settings.failed': '无法保存更改',
+    'workflowActivityVNext.settings.groups': '群组',
+    'workflowActivityVNext.settings.llmLoading': '正在加载 AI 默认设置…',
+    'workflowActivityVNext.settings.llmUnavailable': 'AI 默认设置不可用',
+    'workflowActivityVNext.settings.name': '名称',
+    'workflowActivityVNext.settings.manageServiceAccess': '管理服务访问权限',
+    'workflowActivityVNext.settings.localRuntimeLabel': '本地运行时',
+    'workflowActivityVNext.settings.notLoaded': '未加载',
+    'workflowActivityVNext.settings.notAccepted': '设置更新未被接受。',
+    'workflowActivityVNext.settings.observed': '更改已保存',
+    'workflowActivityVNext.settings.providerDefault': 'Provider 默认值',
+    'workflowActivityVNext.settings.preferredService': '首选服务',
+    'workflowActivityVNext.settings.preferredServiceHelp':
+      '选择新会话默认使用的服务。',
+    'workflowActivityVNext.settings.provider': '登录方式',
+    'workflowActivityVNext.settings.profile': '个人资料',
+    'workflowActivityVNext.settings.profileUnavailable': '个人资料详情不可用。',
+    'workflowActivityVNext.settings.remoteRuntimeLabel': '远端运行时',
+    'workflowActivityVNext.settings.roles': '角色',
+    'workflowActivityVNext.settings.runtimeLoading': '正在加载连接信息…',
+    'workflowActivityVNext.settings.runtimeUnavailable': '工作流执行信息不可用',
+    'workflowActivityVNext.settings.runtimeUrl': '运行时 URL',
+    'workflowActivityVNext.settings.scope': 'Scope',
+    'workflowActivityVNext.settings.serviceAccessFailed':
+      '无法启动服务访问权限检查，请重试。',
+    'workflowActivityVNext.settings.sessionActive': '有效',
+    'workflowActivityVNext.settings.sessionExpired': '已过期',
+    'workflowActivityVNext.settings.sessionExpiringSoon': '即将过期',
+    'workflowActivityVNext.settings.sessionInvalid': '无效',
+    'workflowActivityVNext.settings.sessionState': '会话状态',
+    'workflowActivityVNext.settings.sessionAccess': '会话与访问权限',
+    'workflowActivityVNext.settings.signInAgain': '重新登录',
+    'workflowActivityVNext.settings.signOut': '退出登录',
+    'workflowActivityVNext.settings.retryGuidance': '请重试加载此部分。',
+    'workflowActivityVNext.settings.save': '保存更改',
+    'workflowActivityVNext.settings.saveLeave': '保存并离开',
+    'workflowActivityVNext.settings.saveObserved': '设置已保存',
+    'workflowActivityVNext.settings.savedModelUnavailable':
+      '已保存的模型当前不可用，保存的值不会被更改。',
+    'workflowActivityVNext.settings.sectionsAria': '设置分类',
+    'workflowActivityVNext.settings.serviceDefaultModel': '使用服务默认模型。',
+    'workflowActivityVNext.settings.stay': '留在此页',
+    'workflowActivityVNext.settings.systemDefault': '系统默认值',
+    'workflowActivityVNext.settings.systemDefaultModel':
+      '使用系统选择的服务和模型。',
+    'workflowActivityVNext.settings.title': '设置',
+    'workflowActivityVNext.settings.unauthorized': '无访问权限',
+    'workflowActivityVNext.settings.unauthorizedDescription':
+      '当前会话无权查看账户或能力详情。',
+    'workflowActivityVNext.settings.unsaved': '未保存的更改',
+    'workflowActivityVNext.settings.unsavedActionsAria': '未保存设置操作',
+    'workflowActivityVNext.settings.unsavedDescription':
+      'AI 默认设置尚未保存。',
+    'workflowActivityVNext.settings.unsavedLeaveDescription':
+      '保存更改、放弃更改，或留在设置页面。',
+    'workflowActivityVNext.settings.unsavedLeaveTitle':
+      'AI 默认设置有未保存的更改',
+    'workflowActivityVNext.settings.userId': '用户 ID',
+    'workflowActivityVNext.settings.verified': '已验证',
+    'workflowActivityVNext.settings.notVerified': '未验证',
+    'workflowActivityVNext.settings.workflowExecution': '工作流执行',
+    'workflowActivityVNext.schedule.actionAccepted': '计划任务操作已受理。',
+    'workflowActivityVNext.schedule.backToSchedules': '返回计划任务列表',
+    'workflowActivityVNext.schedule.change': '修改计划任务',
+    'workflowActivityVNext.schedule.completedAt': '完成于 {date}',
+    'workflowActivityVNext.schedule.detailLoadFailed': '无法加载计划任务',
+    'workflowActivityVNext.schedule.detailLoading': '正在加载计划任务详情…',
+    'workflowActivityVNext.schedule.detailTitle': '计划任务详情',
+    'workflowActivityVNext.schedule.historyLoading': '正在加载历史记录…',
+    'workflowActivityVNext.schedule.historyLoadFailed': '无法加载历史记录',
+    'workflowActivityVNext.schedule.selectedContextAria':
+      '工作流 {workflowName} 中的计划任务 {scheduleName}',
+    'workflowActivityVNext.schedule.scheduleContext': '计划任务：{name}',
+    'workflowActivityVNext.schedule.workflowContext': '工作流：{name}',
+    'workflowActivityVNext.schedule.overview': '概览',
+    'workflowActivityVNext.schedule.history': '历史记录',
+    'workflowActivityVNext.schedule.recentAttempts': '最近尝试',
+    'workflowActivityVNext.schedule.historyDescription':
+      '计划任务尝试可能在创建工作流运行之前失败。',
+    'workflowActivityVNext.schedule.viewRelatedRuns':
+      '在活动记录中查看相关运行',
+    'workflowActivityVNext.schedule.scheduledTime': '计划时间',
+    'workflowActivityVNext.schedule.source': '来源',
+    'workflowActivityVNext.schedule.outcome': '计划任务结果',
+    'workflowActivityVNext.schedule.completedTime': '完成时间',
+    'workflowActivityVNext.schedule.technicalDetails': '技术详情',
+    'workflowActivityVNext.schedule.noAttempts': '暂无尝试记录',
+    'workflowActivityVNext.schedule.scheduledAttemptFailed':
+      '定时尝试未能启动工作流。',
+    'workflowActivityVNext.schedule.manualAttemptFailed':
+      '手动尝试未能启动工作流。',
+    'workflowActivityVNext.schedule.openRunAria':
+      '打开由 {date} 的计划任务尝试创建的运行记录',
+    'workflowActivityVNext.schedule.runCreated': '已创建运行',
+    'workflowActivityVNext.schedule.failedToStart': '启动失败',
+    'workflowActivityVNext.schedule.attemptAccepted': '已接受',
+    'workflowActivityVNext.schedule.enable': '启用',
+    'workflowActivityVNext.schedule.failed': '失败',
+    'workflowActivityVNext.schedule.failedCount': '{count} 次失败',
+    'workflowActivityVNext.schedule.failedFires': '失败次数',
+    'workflowActivityVNext.schedule.lastFire': '上次触发',
+    'workflowActivityVNext.schedule.manual': '手动触发',
+    'workflowActivityVNext.schedule.nextFireLabel': '下次触发',
+    'workflowActivityVNext.schedule.noFires': '暂无尝试记录',
+    'workflowActivityVNext.schedule.pause': '暂停',
+    'workflowActivityVNext.schedule.recentFires': '最近触发记录',
+    'workflowActivityVNext.schedule.runNow': '立即运行',
+    'workflowActivityVNext.schedule.scheduled': '定时触发',
+    'workflowActivityVNext.schedule.scheduledAt': '计划于 {date}',
+    'workflowActivityVNext.schedule.totalCount': '共 {count} 次',
+    'workflowActivityVNext.schedule.totalFires': '触发总数',
+    'workflowActivityVNext.schedule.viewAria': '查看 {name}',
+    'workflowActivityVNext.schedule.create': '创建计划任务',
+    'workflowActivityVNext.schedule.createTitle': '创建计划任务',
+    'workflowActivityVNext.schedule.created':
+      '计划任务请求已受理，稍后会出现在列表中。',
+    'workflowActivityVNext.schedule.cron': 'Cron 表达式',
+    'workflowActivityVNext.schedule.cronSummary': 'Cron：{cron}',
+    'workflowActivityVNext.schedule.runs': '运行周期',
+    'workflowActivityVNext.schedule.technicalFormat': '技术格式',
+    'workflowActivityVNext.schedule.hourly': '每小时',
+    'workflowActivityVNext.schedule.daily': '每天',
+    'workflowActivityVNext.schedule.everyWeekdaySummary': '每个工作日 {time}',
+    'workflowActivityVNext.schedule.everyDaySummary': '每天 {time}',
+    'workflowActivityVNext.schedule.customRecurrence': '自定义计划',
+    'workflowActivityVNext.schedule.deleteAccepted': '计划任务删除请求已受理。',
+    'workflowActivityVNext.schedule.deleteAria': '删除 {name}',
+    'workflowActivityVNext.schedule.disableAria': '停用 {name}',
+    'workflowActivityVNext.schedule.disabled': '已停用',
+    'workflowActivityVNext.schedule.paused': '已暂停',
+    'workflowActivityVNext.schedule.more': '更多',
+    'workflowActivityVNext.schedule.moreActionsAria': '更多计划任务操作',
+    'workflowActivityVNext.schedule.editAction': '编辑计划任务',
+    'workflowActivityVNext.schedule.deleteConfirmTitle': '删除 {name}？',
+    'workflowActivityVNext.schedule.deleteConfirmDescription':
+      '{name} 将停止按计划运行。',
+    'workflowActivityVNext.schedule.deleteAction': '删除计划任务',
+    'workflowActivityVNext.schedule.keepSchedule': '保留计划任务',
+    'workflowActivityVNext.schedule.editAria': '编辑 {name}',
+    'workflowActivityVNext.schedule.editTitle': '编辑计划任务',
+    'workflowActivityVNext.schedule.empty': '暂无计划任务',
+    'workflowActivityVNext.schedule.emptyDescription':
+      '为此已发布工作流创建一个周期性计划任务。',
+    'workflowActivityVNext.schedule.enableAria': '启用 {name}',
+    'workflowActivityVNext.schedule.enabled': '已启用',
+    'workflowActivityVNext.schedule.howOften': '频率',
+    'workflowActivityVNext.schedule.loadFailed': '无法加载计划任务',
+    'workflowActivityVNext.schedule.loading': '正在加载计划任务…',
+    'workflowActivityVNext.schedule.name': '名称',
+    'workflowActivityVNext.schedule.new': '新建计划任务',
+    'workflowActivityVNext.schedule.noPrompt': '无运行输入',
+    'workflowActivityVNext.schedule.nextFire': '下次 {date}',
+    'workflowActivityVNext.schedule.noUpcomingAttempt': '暂无后续尝试',
+    'workflowActivityVNext.schedule.nextScheduled': '下次计划时间',
+    'workflowActivityVNext.schedule.lastAttempt': '上次尝试',
+    'workflowActivityVNext.schedule.totalAttempts': '尝试总数',
+    'workflowActivityVNext.schedule.failedAttempts': '失败尝试',
+    'workflowActivityVNext.schedule.advancedDetails': '高级详情',
+    'workflowActivityVNext.schedule.nextFiveFires': '接下来的五次触发时间',
+    'workflowActivityVNext.schedule.open': '计划任务',
+    'workflowActivityVNext.schedule.openAria': '管理 {name} 的计划任务',
+    'workflowActivityVNext.schedule.preview': '预览下次运行',
+    'workflowActivityVNext.schedule.previewTitle': '接下来的计划运行',
+    'workflowActivityVNext.schedule.previewing': '正在预览计划任务…',
+    'workflowActivityVNext.schedule.published': '已发布',
+    'workflowActivityVNext.schedule.prompt': '运行输入（可选）',
+    'workflowActivityVNext.schedule.promptReview': '运行输入',
+    'workflowActivityVNext.schedule.publishBeforeOpen':
+      '请先发布此工作流，再管理计划任务。',
+    'workflowActivityVNext.schedule.refreshAria': '刷新计划任务',
+    'workflowActivityVNext.schedule.refreshing': '正在刷新计划任务…',
+    'workflowActivityVNext.schedule.refreshingDetail': '正在刷新计划任务详情…',
+    'workflowActivityVNext.schedule.refreshingHistory': '正在刷新计划任务历史…',
+    'workflowActivityVNext.schedule.overviewRegionAria': '计划任务概览',
+    'workflowActivityVNext.schedule.historyRegionAria': '计划任务历史',
+    'workflowActivityVNext.schedule.runNowAria': '立即运行 {name}',
+    'workflowActivityVNext.schedule.repeat': '重复',
+    'workflowActivityVNext.schedule.repeatSummary': '{repeat} 于 {time}',
+    'workflowActivityVNext.schedule.weekly': '每周',
+    'workflowActivityVNext.schedule.monthly': '每月',
+    'workflowActivityVNext.schedule.dayOfWeek': '星期几',
+    'workflowActivityVNext.schedule.dayOfMonth': '每月几号',
+    'workflowActivityVNext.schedule.weeklySummary': '每周 {day} 于 {time}',
+    'workflowActivityVNext.schedule.monthlySummary': '每月 {day} 日于 {time}',
+    'workflowActivityVNext.schedule.weekday.0': '星期日',
+    'workflowActivityVNext.schedule.weekday.1': '星期一',
+    'workflowActivityVNext.schedule.weekday.2': '星期二',
+    'workflowActivityVNext.schedule.weekday.3': '星期三',
+    'workflowActivityVNext.schedule.weekday.4': '星期四',
+    'workflowActivityVNext.schedule.weekday.5': '星期五',
+    'workflowActivityVNext.schedule.weekday.6': '星期六',
+    'workflowActivityVNext.schedule.reviewAction': '复核计划任务',
+    'workflowActivityVNext.schedule.reviewTitle': '复核计划任务',
+    'workflowActivityVNext.schedule.save': '保存更改',
+    'workflowActivityVNext.schedule.scheduleName': '计划任务名称',
+    'workflowActivityVNext.schedule.time': '时间',
+    'workflowActivityVNext.schedule.timezone': '时区',
+    'workflowActivityVNext.schedule.title': '计划任务',
+    'workflowActivityVNext.schedule.titleForWorkflow': '{name} 的计划任务',
+    'workflowActivityVNext.schedule.updateAccepted': '计划任务更新请求已受理。',
+    'workflowActivityVNext.schedule.useRepeatBuilder': '使用重复规则构建器',
+    'workflowActivityVNext.schedule.unavailableDescription':
+      '请先发布可运行的工作流，再创建周期性计划任务。',
+    'workflowActivityVNext.schedule.unavailableTitle':
+      '工作流发布后才能使用计划任务',
+    'workflowActivityVNext.schedule.updated': '计划任务更新请求已受理',
+    'workflowActivityVNext.schedule.weekdays': '工作日',
+    'workflowActivityVNext.schedule.writeCron': '改用 Cron 表达式',
+    'workflowActivityVNext.schedule.workflow': '工作流',
+    'workflowActivityVNext.schedule.enabledAfterCreation': '创建后启用',
+    'workflowActivityVNext.state.forbidden': '你无权访问此工作区',
+    'workflowActivityVNext.state.unauthorized': '请登录后继续',
+    'workflowActivityVNext.unavailable.body': '请检查地址或返回其他页面。',
+    'workflowActivityVNext.unavailable.description': '你请求的页面不可用。',
+    'workflowActivityVNext.unavailable.title': '不可用',
+    'workflowActivityVNext.workflows.activeView': '活跃工作流',
+    'workflowActivityVNext.workflows.allView': '全部工作流',
+    'workflowActivityVNext.workflows.archive': '归档',
+    'workflowActivityVNext.workflows.archiveCheckAgain': '再次检查',
+    'workflowActivityVNext.workflows.archiveConfirm': '归档工作流',
+    'workflowActivityVNext.workflows.archiveDescription':
+      '这会停止已发布工作流的新运行。可编辑草稿、已发布修订和活动历史仍会保留。再次发布即可恢复。',
+    'workflowActivityVNext.workflows.archiveFailed': '无法归档工作流',
+    'workflowActivityVNext.workflows.archiveSuccess': '工作流已归档',
+    'workflowActivityVNext.workflows.archiveTitle': '确认归档此工作流？',
+    'workflowActivityVNext.workflows.archiveTryAgain': '重试',
+    'workflowActivityVNext.workflows.archivedStatus': '已归档',
+    'workflowActivityVNext.workflows.archivedView': '显示已归档工作流',
+    'workflowActivityVNext.workflows.clearFilters': '清除筛选',
+    'workflowActivityVNext.workflows.columnActions': '操作',
+    'workflowActivityVNext.workflows.columnStatus': '状态',
+    'workflowActivityVNext.workflows.columnUpdated': '最近更新',
+    'workflowActivityVNext.workflows.columnWorkflow': '工作流',
+    'workflowActivityVNext.workflows.copyReference': '复制工作流引用',
+    'workflowActivityVNext.workflows.description':
+      '创建、编辑并运行你的工作流。',
+    'workflowActivityVNext.workflows.descriptionAria': '{name} 的描述',
+    'workflowActivityVNext.workflows.draftsUnavailable': '草稿工作流不可用',
+    'workflowActivityVNext.workflows.draftsUnavailableDescription':
+      '请重试加载草稿工作流。',
+    'workflowActivityVNext.workflows.draftsView': '草稿',
+    'workflowActivityVNext.workflows.draftStatus': '草稿',
+    'workflowActivityVNext.workflows.duplicateNameWarning':
+      '另一个工作流已使用此名称。允许使用重复名称。',
+    'workflowActivityVNext.workflows.deleteDescription':
+      '此操作只删除可编辑草稿，已发布版本和运行历史会继续保留。',
+    'workflowActivityVNext.workflows.deleteDraft': '删除草稿',
+    'workflowActivityVNext.workflows.deleteFailed': '无法删除草稿',
+    'workflowActivityVNext.workflows.deleteTitle': '删除可编辑草稿？',
+    'workflowActivityVNext.workflows.empty': '暂无工作流',
+    'workflowActivityVNext.workflows.emptyDescription':
+      '创建一个工作流即可开始。',
+    'workflowActivityVNext.workflows.loadMore': '加载更多',
+    'workflowActivityVNext.workflows.loadMoreFailed': '无法加载更多工作流',
+    'workflowActivityVNext.workflows.loading': '正在加载工作流…',
+    'workflowActivityVNext.workflows.moreActionsAria':
+      '{owner}中{name}的更多操作',
+    'workflowActivityVNext.workflows.new': '新建工作流',
+    'workflowActivityVNext.workflows.noMatch': '没有匹配的工作流',
+    'workflowActivityVNext.workflows.noMatchDescription':
+      '请尝试其他搜索或筛选条件。',
+    'workflowActivityVNext.workflows.openAria': '打开{owner}中的{name}',
+    'workflowActivityVNext.workflows.runAria': '运行 {name}',
+    'workflowActivityVNext.workflows.refreshAria': '刷新工作流',
+    'workflowActivityVNext.workflows.retryAria': '重试加载工作流',
+    'workflowActivityVNext.workflows.runFromEditor':
+      '请打开编辑器验证并运行此工作流。',
+    'workflowActivityVNext.workflows.search': '搜索工作流',
+    'workflowActivityVNext.workflows.searchAria': '搜索工作流',
+    'workflowActivityVNext.workflows.title': '工作流',
+    'workflowActivityVNext.workflows.unavailable': '工作流不可用',
+    'workflowActivityVNext.workflows.unavailableDescription':
+      '请重试加载工作流。',
+    'workflowActivityVNext.workflows.viewFilter': '工作流视图',
+    'workflowActivityVNext.workflows.partialUnavailable': '部分工作流无法加载',
+    'workflowActivityVNext.workflows.publishedStatus': '已发布',
+    'workflowActivityVNext.workflows.referenceCopied': '已复制工作流引用',
+    'workflowActivityVNext.workflows.referenceCopyFailed': '无法复制工作流引用',
+    'workflowActivityVNext.workflows.rename': '重命名',
+    'workflowActivityVNext.workflows.renameFailed': '无法重命名工作流',
+    'workflowActivityVNext.workflows.renameSave': '保存名称',
+    'workflowActivityVNext.workflows.renameSuccess': '工作流已重命名',
+    'workflowActivityVNext.workflows.renameTitle': '重命名工作流',
+    'workflowActivityVNext.workflows.viewActivity': '查看活动',
+    'workflowActivityVNext.workflows.viewActivityAria':
+      '查看{owner}中{name}的活动',
+    'workflowActivityVNext.workflows.workspaceOwner': '工作区',
+  };
+
+export default workflowActivityVNextMessages;
diff --git a/apps/aevatar-console-web/src/locales/zh-CN.ts b/apps/aevatar-console-web/src/locales/zh-CN.ts
index 6a5d8d526c..fa43ee8bd2 100644
--- a/apps/aevatar-console-web/src/locales/zh-CN.ts
+++ b/apps/aevatar-console-web/src/locales/zh-CN.ts
@@ -1,12 +1,20 @@
+import channelMessages from './channelMessages.zh-CN';
 import projectMessages from './projectMessages.zh-CN';
+import workflowActivityVNextMessages from './workflowActivityVNextMessages.zh-CN';
 
 const zhCNMessages = {
   ...projectMessages,
+  ...channelMessages,
+  'workflowCanvasBenchmark.title': '工作流画布基准测试',
+  ...workflowActivityVNextMessages,
   'common.appName': 'Aevatar',
+  'console.home.unavailable': '暂时无法打开你的工作区',
+  'console.home.retry': '重试',
   'common.language.english': 'English',
   'common.language.label': '语言',
   'common.language.switch': '切换语言',
   'common.language.zhCN': '中文',
+  'common.user.account': '账户',
   'common.user.logout': '退出登录',
   'common.user.settings': '设置',
   'common.user.signIn': '登录',
@@ -55,7 +63,8 @@ const zhCNMessages = {
     '永久删除“{title}”？此会话无法恢复。',
   'pages.chat.index.deleteChatFailed': '无法删除会话',
   'pages.chat.index.deleteChatTitle': '删除会话？',
-  'pages.chat.index.emptyDescription': '描述你想创建的 Team、Member 或 Workflow。',
+  'pages.chat.index.emptyDescription':
+    '描述你想创建的 Team、Member 或 Workflow。',
   'pages.chat.index.failedToLoadConversation': '无法加载会话',
   'pages.chat.index.failedToLoadHistory': '无法加载会话历史',
   'pages.chat.index.historyStoredInWorkspace': '历史记录会保存到当前工作区。',
@@ -65,7 +74,8 @@ const zhCNMessages = {
   'pages.chat.index.loadingConversation': '正在加载会话',
   'pages.chat.index.loadingHistory': '正在加载会话历史',
   'pages.chat.index.historySynchronizing': '会话历史仍在同步，请稍后重试。',
-  'pages.chat.index.missingChatHistoryContext': 'Chat 已完成，但未返回会话上下文。',
+  'pages.chat.index.missingChatHistoryContext':
+    'Chat 已完成，但未返回会话上下文。',
   'pages.chat.index.newChat': '新会话',
   'pages.chat.index.newChatAction': '新建会话',
   'pages.chat.index.noChatHistory': '暂无会话历史',
@@ -114,8 +124,7 @@ const zhCNMessages = {
   'pages.missionwall.latencySeconds': '{latency}s',
   'pages.missionwall.liveState.connected':
     '已连接到已发布 workflow run read models。',
-  'pages.missionwall.liveState.empty':
-    '暂无可见的已发布 workflow runs。',
+  'pages.missionwall.liveState.empty': '暂无可见的已发布 workflow runs。',
   'pages.missionwall.liveState.loading': '正在加载已发布 workflow runs。',
   'pages.missionwall.liveState.partialRunError':
     '部分已发布 service runs 无法加载。',
@@ -167,8 +176,7 @@ const zhCNMessages = {
   'pages.missionwall.status.unknown': '未知',
   'pages.missionwall.status.waiting': '等待',
   'pages.missionwall.state.auditLoading': '正在加载选中 run',
-  'pages.missionwall.state.auditPendingTitle':
-    '这个 run 暂无步骤流',
+  'pages.missionwall.state.auditPendingTitle': '这个 run 暂无步骤流',
   'pages.missionwall.state.emptyKicker': '等待运行记录',
   'pages.missionwall.state.emptyTitle': '暂无可见的已发布 workflow',
   'pages.missionwall.state.loadingKicker': '加载运行态',
@@ -176,6 +184,7 @@ const zhCNMessages = {
   'pages.missionwall.state.publishedWorkflowTitle': '暂无可见 run',
   'pages.missionwall.stageSubtitle': 'Team {teamName} · {memberName}',
   'pages.missionwall.stageTitle': '{workflowName} · Step Flow',
+  'pages.missionwall.stepFlow': 'Step Flow',
   'pages.missionwall.stepStatus.active': '运行中',
   'pages.missionwall.stepStatus.completed': '已完成',
   'pages.missionwall.stepStatus.failed': '失败',
@@ -676,7 +685,14 @@ const zhCNMessages = {
     '用于匹配 bug、feature 或 _default 等分支 key 的值。',
   'shared.studio.nodeConfiguration.switch.on.label': '分支输入',
   'shared.studio.nodeConfiguration.switch.on.placeholder': '$input',
-  'shared.studio.nodeConfiguration.toolCall.tool.label': '工具',
+  'shared.studio.nodeConfiguration.toolCall.arguments.description':
+    '属性名和值类型必须与工具要求的输入一致。',
+  'shared.studio.nodeConfiguration.toolCall.arguments.label': '参数',
+  'shared.studio.nodeConfiguration.toolCall.arguments.placeholder':
+    '\'{\'"query":"$input"\'}\'',
+  'shared.studio.nodeConfiguration.toolCall.tool.description':
+    '使用工作流模板或目标角色工具设置中的准确名称，例如 web_search。',
+  'shared.studio.nodeConfiguration.toolCall.tool.label': '工具名称',
   'shared.studio.nodeConfiguration.toolCall.tool.placeholder': 'web_search',
   'shared.studio.nodeConfiguration.transform.operation.label': '操作',
   'shared.studio.nodeConfiguration.transform.operation.option.count':
@@ -717,6 +733,9 @@ const zhCNMessages = {
   'shared.studio.nodeConfiguration.workflowCall.workflow.label': 'Workflow',
   'shared.studio.nodeConfiguration.workflowCall.workflow.placeholder':
     'child_workflow',
+  'shared.workflowExecutionLogs.collapse': '收起工作流日志',
+  'shared.workflowExecutionLogs.consoleAria': '工作流运行控制台',
+  'shared.workflowExecutionLogs.tokenUsage': '令牌用量',
   'teams.members.actions.build': '构建',
   'teams.members.actions.clearEntry': '清除入口成员',
   'teams.members.actions.create': '创建成员',
@@ -769,8 +788,10 @@ const zhCNMessages = {
   'teams.automations.authorization.error': '无法继续授权',
   'teams.automations.authorization.exactAccess': '精确权限',
   'teams.automations.authorization.expiry': '凭证有效期',
-  'teams.automations.authorization.noExternalGrants': '无需外部 NyxID 服务或所有者 LLM 模型授权。',
-  'teams.automations.authorization.noOwnerLLMGrant': '此工作流无需所有者 LLM 模型授权。',
+  'teams.automations.authorization.noExternalGrants':
+    '无需外部 NyxID 服务或所有者 LLM 模型授权。',
+  'teams.automations.authorization.noOwnerLLMGrant':
+    '此工作流无需所有者 LLM 模型授权。',
   'teams.automations.authorization.preparing': '正在准备授权检查',
   'teams.automations.authorization.review': '检查授权',
   'teams.automations.authorization.reviewAgain': '重新检查',
@@ -886,12 +907,14 @@ const zhCNMessages = {
   'teams.automations.messages.createFailed': '自动化未创建：{message}',
   'teams.automations.messages.createSuccess': '自动化已创建。',
   'teams.automations.messages.authorizationAccepted': '授权请求已受理',
+  'teams.automations.messages.actionFailed': '无法完成自动化操作。',
   'teams.automations.messages.deleteAccepted': '删除请求已受理',
   'teams.automations.messages.cronRequired': '请先填写 Cron 表达式。',
   'teams.automations.messages.deleteSuccess': '自动化已删除。',
   'teams.automations.messages.disableSuccess': '自动化已暂停。',
   'teams.automations.messages.enableSuccess': '自动化已恢复。',
   'teams.automations.messages.previewFailed': '预览失败：{message}',
+  'teams.automations.messages.previewFailedGeneric': '无法预览后续计划运行。',
   'teams.automations.messages.promptTooLong':
     '周期 Prompt 最多 {maxLength} 个字符。',
   'teams.automations.messages.runNowFailed': '立即运行请求失败：{message}',
@@ -905,6 +928,7 @@ const zhCNMessages = {
   'teams.automations.messages.serviceIdentityMissing':
     '所选成员还没有服务身份。',
   'teams.automations.messages.updateFailed': '自动化未更新：{message}',
+  'teams.automations.messages.updateFailedGeneric': '无法更新自动化。',
   'teams.automations.messages.updateSuccess': '自动化已更新。',
   'teams.automations.noPublishedMember.description':
     '自动化需要成员拥有已发布的服务身份后才能运行。',
@@ -1079,6 +1103,15 @@ const zhCNMessages = {
     'Studio resolved draft workflow {workflowId}, but loading it failed: {reason}',
   'teamMemberWorkflowStudio.alerts.linkedWorkflowLoadFailed.title':
     'Workflow draft could not be loaded.',
+  'teamMemberWorkflowStudio.alerts.actionError.title': 'Workflow 修改需要处理',
+  'teamMemberWorkflowStudio.alerts.draftSaveFailed.description':
+    '无法保存 Workflow 草稿。请检查修改后重试。',
+  'teamMemberWorkflowStudio.alerts.memberCreateFailed.description':
+    '无法创建 Workflow 成员。请检查修改后重试。',
+  'teamMemberWorkflowStudio.alerts.memberLinkFailed.description':
+    '暂时无法完成 Workflow 成员关联。草稿仍已保留，请再次保存以重试。',
+  'teamMemberWorkflowStudio.alerts.saveAndPublishFailed.description':
+    '无法验证并发布该 Workflow。请检查 Workflow 后重试。',
   'teamMemberWorkflowStudio.common.close': '关闭',
   'teamMemberWorkflowStudio.executionPanel.consoleAria': '草稿运行控制台',
   'teamMemberWorkflowStudio.explicitRequest.approval': '审批要求',
@@ -1101,6 +1134,7 @@ const zhCNMessages = {
   'teamMemberWorkflowStudio.executionPanel.clear': '清空日志',
   'teamMemberWorkflowStudio.executionPanel.copyAll': '复制全部日志',
   'teamMemberWorkflowStudio.executionPanel.copyAllDone': '已复制全部日志。',
+  'teamMemberWorkflowStudio.executionPanel.copyFailed': '无法复制日志。',
   'teamMemberWorkflowStudio.executionPanel.copySelected': '复制选中日志',
   'teamMemberWorkflowStudio.executionPanel.copySelectedDone':
     '已复制选中日志。',
@@ -1136,13 +1170,14 @@ const zhCNMessages = {
   'teamMemberWorkflowStudio.executionPanel.output': '输出',
   'teamMemberWorkflowStudio.executionPanel.overview': '概览',
   'teamMemberWorkflowStudio.executionPanel.rawFrames':
-    '已收到 {count} 个运行事件，但暂时还没有节点输出。',
+    '已收到 {count} 个运行事件，正在等待第一个节点开始。',
   'teamMemberWorkflowStudio.executionPanel.resultFirst': '结果',
   'teamMemberWorkflowStudio.executionPanel.runLog': '运行日志',
   'teamMemberWorkflowStudio.executionPanel.selectLog':
     '选择一条日志查看它的输入、输出和原始事件数据。',
   'teamMemberWorkflowStudio.executionPanel.steps': '步骤',
   'teamMemberWorkflowStudio.executionPanel.status.error': '错误',
+  'teamMemberWorkflowStudio.executionPanel.status.notRun': '未运行',
   'teamMemberWorkflowStudio.executionPanel.status.pending': '待运行',
   'teamMemberWorkflowStudio.executionPanel.status.recorded': '已记录',
   'teamMemberWorkflowStudio.executionPanel.status.running': '运行中',
@@ -1157,10 +1192,8 @@ const zhCNMessages = {
     '当前 Workflow 成员还没有可安全归属的执行记录。',
   'teamMemberWorkflowStudio.executionsPanel.fallbackName': 'Workflow 执行',
   'teamMemberWorkflowStudio.executionsPanel.inspect': '查看',
-  'teamMemberWorkflowStudio.executionsPanel.sectionAria':
-    'Workflow 执行记录',
-  'teamMemberWorkflowStudio.executionsPanel.serviceMeta':
-    '服务已就绪',
+  'teamMemberWorkflowStudio.executionsPanel.sectionAria': 'Workflow 执行记录',
+  'teamMemberWorkflowStudio.executionsPanel.serviceMeta': '服务已就绪',
   'teamMemberWorkflowStudio.executionsPanel.title': '执行记录',
   'teamMemberWorkflowStudio.executionsPanel.unknownStatus': '未知',
   'teamMemberWorkflowStudio.graph.branchCount.one': '1 个分支',
@@ -1191,8 +1224,7 @@ const zhCNMessages = {
   'teamMemberWorkflowStudio.header.identityAria': 'Workflow 身份信息',
   'teamMemberWorkflowStudio.header.inputSet': '已设置输入',
   'teamMemberWorkflowStudio.header.invoke': '调用',
-  'teamMemberWorkflowStudio.header.invoke.open':
-    '打开已发布成员的调用工作台。',
+  'teamMemberWorkflowStudio.header.invoke.open': '打开已发布成员的调用工作台。',
   'teamMemberWorkflowStudio.header.invoke.publishFirst':
     '先发布这个成员，再调用它。',
   'teamMemberWorkflowStudio.header.invoke.saveFirst':
@@ -1314,6 +1346,30 @@ const zhCNMessages = {
   'teamMemberWorkflowStudio.runsPanel.sectionAria': '成员运行记录',
   'teamMemberWorkflowStudio.runsPanel.title': '成员运行记录',
   'teamMemberWorkflowStudio.runsPanel.unknownStatus': '未知',
+  'teamMemberWorkflowStudio.toast.draftRunCompleted': '草稿运行已完成。',
+  'teamMemberWorkflowStudio.toast.draftRunFailed':
+    '草稿运行失败。请查看结果后重试。',
+  'teamMemberWorkflowStudio.toast.draftSaveFailed':
+    '无法保存 Workflow 草稿。请查看详细信息后重试。',
+  'teamMemberWorkflowStudio.toast.draftSaved': 'Workflow 草稿已保存。',
+  'teamMemberWorkflowStudio.toast.memberCreateFailed':
+    '无法创建 Workflow 成员。请查看详细信息后重试。',
+  'teamMemberWorkflowStudio.toast.memberLinkFailed':
+    '暂时无法完成 Workflow 成员关联。请再次保存以重试。',
+  'teamMemberWorkflowStudio.toast.memberCreated': 'Workflow 成员已创建。',
+  'teamMemberWorkflowStudio.toast.memberPublished': 'Workflow 成员已发布。',
+  'teamMemberWorkflowStudio.toast.publishFailed':
+    '无法发布 Workflow 成员。请查看详细信息后重试。',
+  'teamMemberWorkflowStudio.toast.publishedMemberStatusRefreshed':
+    '已刷新已发布成员的状态。',
+  'teamMemberWorkflowStudio.toast.publishedWorkflowSaved':
+    '已保存发布后的 Workflow。',
+  'teamMemberWorkflowStudio.toast.publishStatusFailed':
+    '无法刷新发布状态。请查看详细信息后重试。',
+  'teamMemberWorkflowStudio.toast.saveAndPublishFailed':
+    '无法保存并发布 Workflow。请查看详细信息后重试。',
+  'teamMemberWorkflowStudio.toast.yamlApplyFailed':
+    '无法应用 YAML 修改。请查看详细信息后重试。',
   'teamMemberWorkflowStudio.yamlPanel.apply': '应用到草稿',
   'teamMemberWorkflowStudio.yamlPanel.cancel': '取消',
   'teamMemberWorkflowStudio.yamlPanel.closeAria': '关闭 YAML 编辑器',
@@ -1393,27 +1449,53 @@ const zhCNMessages = {
   'pages.governance.columns.service.endpoint.target': 'Service endpoint target',
   'pages.governance.columns.service.target': 'Service target',
   'pages.governance.governanceinspectordrawer.version.ready': 'Version ready',
-  'pages.governance.governanceworkbench.binding.accepted.for.creation': 'Binding was accepted for governance creation.',
-  'pages.governance.governanceworkbench.binding.accepted.for.retirement': 'Binding was accepted for retirement.',
-  'pages.governance.governanceworkbench.binding.accepted.for.update': 'Binding was accepted for update.',
-  'pages.governance.governanceworkbench.endpoint.accepted.for.creation': 'Endpoint was accepted for governance creation.',
-  'pages.governance.governanceworkbench.endpoint.accepted.for.exposure': 'Endpoint was accepted for {value1} exposure.',
-  'pages.governance.governanceworkbench.endpoint.accepted.for.update': 'Endpoint was accepted for update.',
+  'pages.governance.governanceworkbench.binding.accepted.for.creation':
+    'Binding was accepted for governance creation.',
+  'pages.governance.governanceworkbench.binding.accepted.for.retirement':
+    'Binding was accepted for retirement.',
+  'pages.governance.governanceworkbench.binding.accepted.for.update':
+    'Binding was accepted for update.',
+  'pages.governance.governanceworkbench.endpoint.accepted.for.creation':
+    'Endpoint was accepted for governance creation.',
+  'pages.governance.governanceworkbench.endpoint.accepted.for.exposure':
+    'Endpoint was accepted for {value1} exposure.',
+  'pages.governance.governanceworkbench.endpoint.accepted.for.update':
+    'Endpoint was accepted for update.',
   'pages.governance.governanceworkbench.policy': 'Policy',
-  'pages.governance.governanceworkbench.policy.accepted.for.creation': 'Policy was accepted for governance creation.',
-  'pages.governance.governanceworkbench.policy.accepted.for.retirement': 'Policy was accepted for retirement.',
-  'pages.governance.governanceworkbench.policy.accepted.for.update': 'Policy was accepted for update.',
+  'pages.governance.governanceworkbench.policy.accepted.for.creation':
+    'Policy was accepted for governance creation.',
+  'pages.governance.governanceworkbench.policy.accepted.for.retirement':
+    'Policy was accepted for retirement.',
+  'pages.governance.governanceworkbench.policy.accepted.for.update':
+    'Policy was accepted for update.',
   'pages.governance.governanceworkbench.service': 'Service',
-  'pages.governance.governanceworkbench.service.endpoint.target': 'Service endpoint target',
+  'pages.governance.governanceworkbench.service.endpoint.target':
+    'Service endpoint target',
   'pages.governance.governanceworkbench.service.target': 'Service target',
   'pages.governance.governanceworkbench.version.pending': 'Version pending',
   'pages.governance.governanceworkbench.version.ready': 'Version ready',
-  'pages.governance.governanceworkbench.revision.was.published.for.governance.evaluation': 'Revision was published for governance evaluation.',
-  'pages.governance.governanceworkbench.revision.is.prepared.and.waiting.for': 'Revision is prepared and waiting for promotion decisions.',
-  'pages.governance.governanceworkbench.revision.missing.policies': 'Revision is missing {value1} required policies.',
+  'pages.governance.governanceworkbench.revision.was.published.for.governance.evaluation':
+    'Revision was published for governance evaluation.',
+  'pages.governance.governanceworkbench.revision.is.prepared.and.waiting.for':
+    'Revision is prepared and waiting for promotion decisions.',
+  'pages.governance.governanceworkbench.revision.missing.policies':
+    'Revision is missing {value1} required policies.',
   'pages.runs.memberPublishedRuns.event': 'Event',
   'pages.runs.memberPublishedRuns.member': 'Team member',
   'pages.runs.memberPublishedRuns.step': 'Step',
+  'pages.runs.index.invocation.accepted.waiting.for.activity':
+    '调用请求已受理，正在等待活动。',
+  'pages.runs.index.prompt.required.before.sending': '请输入提示后再发送。',
+  'pages.runs.index.resume.request.accepted.waiting.for.run':
+    '恢复请求已受理，正在等待运行继续。',
+  'pages.runs.index.resume.request.not.accepted': '恢复请求未被受理，请重试。',
+  'pages.runs.index.run.request.failed': '无法启动运行。',
+  'pages.runs.index.selected.service.unavailable':
+    '所选服务当前不可用，正在使用工作区默认服务重试。',
+  'pages.runs.index.signal.accepted.waiting.for.run':
+    '信号已受理，正在等待运行继续。',
+  'pages.runs.index.signal.not.accepted': '信号未被受理，请重试。',
+  'pages.runs.index.stop.failed': '无法停止运行。',
   'pages.runs.runsinspectorpane.actor': 'Actor',
   'pages.runs.runsinspectorpane.command': 'Command',
   'pages.runs.runsinspectorpane.command.accepted': 'Command accepted',
@@ -1422,7 +1504,8 @@ const zhCNMessages = {
   'pages.runs.runsinspectorpane.current.run.2': 'Current run',
   'pages.runs.runsinspectorpane.current.run.ready': 'Current run ready',
   'pages.runs.runsinspectorpane.event.recorded': 'Event recorded',
-  'pages.runs.runsinspectorpane.no.user.visible.payload': 'No user-visible payload fields.',
+  'pages.runs.runsinspectorpane.no.user.visible.payload':
+    'No user-visible payload fields.',
   'pages.runs.runsinspectorpane.runtime.actor.ready': 'Runtime actor ready',
   'pages.runs.runsinspectorpane.runtime.actor.ready.2': 'Runtime actor ready',
   'pages.runs.runsinspectorpane.runtime.actor.ready.3': 'Runtime actor ready',
@@ -1446,19 +1529,93 @@ const zhCNMessages = {
   'pages.scopes.invoke.selected.service': 'the selected service',
   'pages.scopes.invoke.service': 'Service',
   'pages.scopes.invoke.version.ready': 'Version ready',
-  'pages.scopes.scopeserviceruntimeworkbench.actor.available': 'Actor available',
+  'pages.scopes.scopeserviceruntimeworkbench.actor.available':
+    'Actor available',
   'pages.scopes.scopeserviceruntimeworkbench.binding': 'Binding',
-  'pages.scopes.scopeserviceruntimeworkbench.binding.accepted.for.retirement': 'Binding was accepted for retirement.',
-  'pages.scopes.scopeserviceruntimeworkbench.binding.created': 'Binding was created.',
-  'pages.scopes.scopeserviceruntimeworkbench.binding.updated': 'Binding was updated.',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.accepted.for.retirement':
+    'Binding was accepted for retirement.',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.change.accepted':
+    '绑定变更已受理。请查看列表中的当前状态。',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.created':
+    'Binding was created.',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.id.label': '绑定 ID',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.id.required':
+    '请输入绑定 ID。',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.connector': '连接器',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.label': '绑定类型',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.secret': '密钥',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.kind.service': '服务',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.retirement.failed':
+    '暂时无法提交绑定退役请求，请重试。',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.save.failed':
+    '暂时无法保存此绑定，请重试。',
+  'pages.scopes.scopeserviceruntimeworkbench.binding.updated':
+    'Binding was updated.',
+  'pages.scopes.scopeserviceruntimeworkbench.bindings.preparing.description':
+    '刷新以查看绑定何时可用。',
+  'pages.scopes.scopeserviceruntimeworkbench.bindings.preparing.title':
+    '绑定仍在准备中',
+  'pages.scopes.scopeserviceruntimeworkbench.action.accepted.description':
+    '正在检查最新状态。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.accepted.title':
+    '请求已受理',
+  'pages.scopes.scopeserviceruntimeworkbench.action.delayed.description':
+    '最新列表尚未反映此请求。请刷新后再次检查。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.delayed.title':
+    '更新仍在等待中。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.failed.description':
+    '请先刷新最新状态，再决定是否重试。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.failed.title':
+    '暂时无法确认更新状态',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observed.description':
+    '最新列表已反映此项变更。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observed.title':
+    '更新已确认。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observing.description':
+    '正在等待最新列表更新。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.observing.title':
+    '正在检查当前状态',
+  'pages.scopes.scopeserviceruntimeworkbench.action.dismiss': '关闭',
+  'pages.scopes.scopeserviceruntimeworkbench.action.refresh': '刷新',
+  'pages.scopes.scopeserviceruntimeworkbench.action.refreshing.description':
+    '正在检查最新列表。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.refreshing.title':
+    '正在刷新当前状态',
+  'pages.scopes.scopeserviceruntimeworkbench.action.submitting.description':
+    '正在提交更新。',
+  'pages.scopes.scopeserviceruntimeworkbench.action.submitting.title':
+    '正在保存更新',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.id.label': '连接器 ID',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.id.required':
+    '请输入连接器 ID。',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.type.label':
+    '连接器类型',
+  'pages.scopes.scopeserviceruntimeworkbench.connector.type.required':
+    '请输入连接器类型。',
+  'pages.scopes.scopeserviceruntimeworkbench.create.binding': '创建绑定',
+  'pages.scopes.scopeserviceruntimeworkbench.display.name.label': '显示名称',
   'pages.scopes.scopeserviceruntimeworkbench.endpoint': 'Endpoint',
   'pages.scopes.scopeserviceruntimeworkbench.endpoints': 'endpoints',
   'pages.scopes.scopeserviceruntimeworkbench.policy.count': '{value1} policies',
+  'pages.scopes.scopeserviceruntimeworkbench.policy.ids.label': '策略 ID',
   'pages.scopes.scopeserviceruntimeworkbench.ready': 'Ready',
-  'pages.scopes.scopeserviceruntimeworkbench.revision.accepted.for.retirement': 'Revision was accepted for retirement.',
+  'pages.scopes.scopeserviceruntimeworkbench.revision.accepted.for.retirement':
+    'Revision was accepted for retirement.',
+  'pages.scopes.scopeserviceruntimeworkbench.revision.retirement.failed':
+    '暂时无法提交版本退役请求，请重试。',
   'pages.scopes.scopeserviceruntimeworkbench.service': 'Service',
   'pages.scopes.scopeserviceruntimeworkbench.service.target': 'Service target',
-  'pages.scopes.scopeserviceruntimeworkbench.serving.version.ready': 'serving version ready',
+  'pages.scopes.scopeserviceruntimeworkbench.save.binding': '保存绑定',
+  'pages.scopes.scopeserviceruntimeworkbench.secret.name.label': '密钥名称',
+  'pages.scopes.scopeserviceruntimeworkbench.secret.name.required':
+    '请输入密钥名称。',
+  'pages.scopes.scopeserviceruntimeworkbench.serving.version.ready':
+    'serving version ready',
+  'pages.scopes.scopeserviceruntimeworkbench.target.endpoint.optional.label':
+    '目标端点（可选）',
+  'pages.scopes.scopeserviceruntimeworkbench.target.service.label': '目标服务',
+  'pages.scopes.scopeserviceruntimeworkbench.target.service.required':
+    '请选择目标服务。',
   'pages.scopes.scopeserviceruntimeworkbench.version': 'Version',
   'pages.services.index.artifact.attached': 'Artifact attached',
   'pages.services.index.endpoint': 'Endpoint',
@@ -1475,18 +1632,25 @@ const zhCNMessages = {
   'pages.studio.bind.studiomemberbindpanel.revision.ready': 'Revision ready',
   'pages.studio.bind.studiomemberbindpanel.run.completed': 'Run completed',
   'pages.studio.bind.studiomemberbindpanel.service.ready': 'Service ready',
+  'pages.studio.bind.studiomemberbindpanel.smoke.test.request.failed':
+    '无法完成冒烟测试，请重试。',
   'pages.studio.studiobuildpanels.command.accepted': 'command: accepted',
   'pages.studio.studiobuildpanels.current.run.ready': 'current run: ready',
   'pages.studio.studiobuildpanels.events.count': 'events: {count}',
   'pages.studio.studiobuildpanels.runtime.actor.ready': 'runtime actor: ready',
-  'pages.studio.studiobuildpanels.save.accepted.checking.again': 'Save accepted. Waiting for catalog; checking again in {value1}s.',
-  'pages.studio.studiobuildpanels.save.accepted.waiting.for.catalog': 'Save accepted. Still waiting for catalog; use Refresh catalog to check again.',
+  'pages.studio.studiobuildpanels.save.accepted.checking.again':
+    'Save accepted. Waiting for catalog; checking again in {value1}s.',
+  'pages.studio.studiobuildpanels.save.accepted.waiting.for.catalog':
+    'Save accepted. Still waiting for catalog; use Refresh catalog to check again.',
   'pages.studio.studiobuildpanels.save.applied': 'Save applied.',
   'pages.studio.studiobuildpanels.save.rejected': 'Save rejected.',
   'pages.studio.studiobuildpanels.script': 'Script',
   'pages.studio.studiobuildpanels.script.applied': 'Applied script',
   'pages.studio.studiobuildpanels.script.draft': 'Script draft',
-  'pages.studio.studiobuildpanels.script.promotion.version.summary': 'Script promotion version summary',
+  'pages.studio.studiobuildpanels.workflowActionFailed':
+    '无法完成工作流操作。请查看详细信息后重试。',
+  'pages.studio.studiobuildpanels.script.promotion.version.summary':
+    'Script promotion version summary',
   'pages.studio.studiobuildpanels.version.ready': 'version ready',
   'pages.studio.studiofilesdetailpane.chat.author.assistant': '助手',
   'pages.studio.studiofilesdetailpane.chat.author.unknown': '未知作者',
@@ -1520,10 +1684,39 @@ const zhCNMessages = {
   'pages.studio.studiomemberinvokeinspector.service.ready': 'Service ready',
   'pages.studio.studiomemberinvokeinspector.version.ready': 'Version ready',
   'pages.studio.studioworkbenchsections.runtime.available': 'Runtime available',
-  'pages.studio.studioworkbenchsections.runtime.available.2': 'Runtime available',
-  'pages.studio.studioworkbenchsections.runtime.available.3': 'Runtime available',
-  'pages.studio.studioworkbenchsections.runtime.available.4': 'Runtime available',
-  'pages.studio.studioworkbenchsections.runtime.facts.available': 'Runtime facts available',
+  'pages.studio.studioworkbenchsections.runtime.available.2':
+    'Runtime available',
+  'pages.studio.studioworkbenchsections.runtime.available.3':
+    'Runtime available',
+  'pages.studio.studioworkbenchsections.runtime.available.4':
+    'Runtime available',
+  'pages.studio.studioworkbenchsections.runtime.facts.available':
+    'Runtime facts available',
+  'pages.studio.studiomemberinvokepanel.copyFailed': '无法复制该内容。',
+  'pages.workflows.workflowyamlviewer.copy.success': 'YAML 已复制到剪贴板。',
+  'pages.workflows.workflowyamlviewer.failed.to.copy.yaml': '复制 YAML 失败。',
+  'pages.chat.chatadvancedconsole.timelineActionFailed':
+    '无法完成运行操作，请重试。',
+  'pages.deployments.index.actionFailed': '无法完成部署操作，请重试。',
+  'pages.gagents.index.bindingActionFailed': '无法完成绑定操作，请重试。',
+  'pages.gagents.index.registryActionFailed':
+    '无法完成 Actor 注册表操作，请重试。',
+  'pages.governance.governanceworkbench.actionFailed':
+    '无法完成治理操作，请重试。',
+  'pages.studio.bind.studiomemberbindpanel.bindingActionFailed':
+    '无法完成绑定操作，请重试。',
+  'pages.studio.studiobuildpanels.workflowSaveFailed':
+    '无法保存工作流，请重试。',
+  'pages.studio.studiofilesdetailpane.connectorSaveFailed':
+    '无法保存连接器目录，请重试。',
+  'pages.studio.studiofilesdetailpane.conversationDeleteFailed':
+    '无法删除会话，请重试。',
+  'pages.studio.studiofilesdetailpane.roleSaveFailed':
+    '无法保存角色目录，请重试。',
+  'pages.studio.studioinspectorpane.nodeActionFailed':
+    '无法应用节点更改，请重试。',
+  'pages.studio.studioworkbenchsections.executionActionFailed':
+    '无法完成运行操作，请重试。',
   'menu.WorkOrder Details': '请求详情',
   'teams.detail.tabs.workOrders': '请求',
   'workOrders.actions.backToRequests': '返回请求列表',
diff --git a/apps/aevatar-console-web/src/pages/Deployments/index.test.tsx b/apps/aevatar-console-web/src/pages/Deployments/index.test.tsx
index dfd7337a5a..b800c5ab68 100644
--- a/apps/aevatar-console-web/src/pages/Deployments/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/Deployments/index.test.tsx
@@ -324,10 +324,16 @@ describe('DeploymentsPage', () => {
 
     renderDeploymentsPage();
 
-    expect(await screen.findByText('正在加载发布服务')).toBeInTheDocument();
+    expect(await screen.findByRole('status')).toHaveAttribute(
+      'data-variant',
+      'table',
+    );
+    expect(screen.getByText('正在加载发布服务')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
     expect(
-      screen.getByText('发布对象清单仍在加载，返回前不会把当前范围误判为空。'),
-    ).toBeInTheDocument();
+      screen.queryByText('发布对象清单仍在加载，返回前不会把当前范围误判为空。'),
+    ).toBeNull();
     expect(screen.getAllByText('—').length).toBeGreaterThanOrEqual(4);
     expect(screen.queryByText('当前范围没有服务')).toBeNull();
 
diff --git a/apps/aevatar-console-web/src/pages/Deployments/index.tsx b/apps/aevatar-console-web/src/pages/Deployments/index.tsx
index dc649dfba7..40cb7d14a7 100644
--- a/apps/aevatar-console-web/src/pages/Deployments/index.tsx
+++ b/apps/aevatar-console-web/src/pages/Deployments/index.tsx
@@ -19,12 +19,12 @@ import {
   Table,
   Tabs,
   Tag,
-  Tooltip,
   Typography,
   theme,
 } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import {
   readServiceQueryDraft,
   trimServiceQuery,
@@ -75,6 +75,7 @@ import {
   type AevatarThemeSurfaceToken,
 } from '@/shared/ui/aevatarWorkbench';
 import ConsoleMenuPageShell from '@/shared/ui/ConsoleMenuPageShell';
+import ConsoleOperationNotice from '@/shared/ui/ConsoleOperationNotice';
 import {
   cardStackStyle,
   summaryFieldLabelStyle,
@@ -713,7 +714,7 @@ const DeploymentsScopeCard: React.FC<{
         >
           {t("pages.deployments.index.team.application.namespace.2", "team/Application/Namespace")}</span>
       </Space>
-      <Tooltip title={scopeLabel}>
+      <AevatarTooltip title={scopeLabel}>
         <div
           style={{
             alignItems: 'center',
@@ -735,7 +736,7 @@ const DeploymentsScopeCard: React.FC<{
         >
           {scopeLabel}
         </div>
-      </Tooltip>
+      </AevatarTooltip>
     </div>
 
     <div
@@ -2116,15 +2117,16 @@ const DeploymentsPage: React.FC = () => {
       title="Deployments"
     >
       <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
-        {notice ? (
-          <Alert
-            closable
-            message={notice.message}
-            showIcon
-            type={notice.tone}
-            onClose={() => setNotice(null)}
-          />
-        ) : null}
+        <ConsoleOperationNotice
+          errorMessage={t(
+            'pages.deployments.index.actionFailed',
+            'Deployment action could not be completed. Try again.',
+          )}
+          notice={
+            notice ? { message: notice.message, type: notice.tone } : null
+          }
+          onClose={() => setNotice(null)}
+        />
 
         <DeploymentsScopeCard
           draft={draft}
@@ -2326,7 +2328,7 @@ const DeploymentsPage: React.FC = () => {
                           </div>
                         </td>
                         <td style={tableCellStyle}>
-                          <Tooltip
+                          <AevatarTooltip
                             title={`${service.tenantId}/${service.appId}/${service.namespace}`}
                           >
                             <Typography.Text
@@ -2341,7 +2343,7 @@ const DeploymentsPage: React.FC = () => {
                                 service.namespace,
                               )}
                             </Typography.Text>
-                          </Tooltip>
+                          </AevatarTooltip>
                         </td>
                         <td style={tableCellStyle}>
                           {service.activeServingRevisionId ||
@@ -2426,7 +2428,7 @@ const DeploymentsPage: React.FC = () => {
                 type="primary"
               >
                 {t("pages.deployments.index.deploy.release.candidate.3", "Deploy a release candidate")}</Button>
-              <Tooltip title={servingEntryAvailability.reason}>
+              <AevatarTooltip title={servingEntryAvailability.reason}>
                 <span>
                   <Button
                     disabled={!servingEntryAvailability.enabled}
@@ -2438,8 +2440,8 @@ const DeploymentsPage: React.FC = () => {
                       : t("pages.deployments.index.view.traffic.status", "View traffic status")}
                   </Button>
                 </span>
-              </Tooltip>
-              <Tooltip title={rolloutControlEntryAvailability.reason}>
+              </AevatarTooltip>
+              <AevatarTooltip title={rolloutControlEntryAvailability.reason}>
                 <span>
                   <Button
                     disabled={!rolloutControlEntryAvailability.enabled}
@@ -2451,7 +2453,7 @@ const DeploymentsPage: React.FC = () => {
                       : t("pages.deployments.index.no.activity.control", "No activity control")}
                   </Button>
                 </span>
-              </Tooltip>
+              </AevatarTooltip>
             </Space>
           ) : null
         }
@@ -2627,7 +2629,7 @@ const DeploymentsPage: React.FC = () => {
                                 {t("pages.deployments.index.rollout.active", "Rollout active")}
                               </Tag>
                             ) : null}
-                            <Tooltip title={servingEntryAvailability.reason}>
+                            <AevatarTooltip title={servingEntryAvailability.reason}>
                               <span>
                                 <Button
                                   disabled={!servingEntryAvailability.enabled}
@@ -2639,7 +2641,7 @@ const DeploymentsPage: React.FC = () => {
                                     : t("pages.deployments.index.view.traffic.status.2", "View traffic status")}
                                 </Button>
                               </span>
-                            </Tooltip>
+                            </AevatarTooltip>
                           </Space>
                         }
                       >
@@ -2680,7 +2682,7 @@ const DeploymentsPage: React.FC = () => {
                             <Tag>
                               {t("pages.deployments.index.generation.4", "Generation")}{trafficQuery.data?.generation ?? 0}
                             </Tag>
-                            <Tooltip title={servingEntryAvailability.reason}>
+                            <AevatarTooltip title={servingEntryAvailability.reason}>
                               <span>
                                 <Button
                                   disabled={!servingEntryAvailability.enabled}
@@ -2692,7 +2694,7 @@ const DeploymentsPage: React.FC = () => {
                                     : t("pages.deployments.index.view.traffic.status.3", "View traffic status")}
                                 </Button>
                               </span>
-                            </Tooltip>
+                            </AevatarTooltip>
                           </Space>
                         }
                       >
@@ -3059,7 +3061,7 @@ const DeploymentsPage: React.FC = () => {
                         servingTargetPlanStatus.enabled ? 'info' : 'warning'
                       }
                     />
-                    <Tooltip title={servingTargetPlanStatus.reason}>
+                    <AevatarTooltip title={servingTargetPlanStatus.reason}>
                       <span
                         style={{ display: 'inline-flex', width: 'fit-content' }}
                       >
@@ -3072,7 +3074,7 @@ const DeploymentsPage: React.FC = () => {
                         >
                           {t("pages.deployments.index.apply.weights.2", "Apply weights")}</Button>
                       </span>
-                    </Tooltip>
+                    </AevatarTooltip>
                   </div>
                 ),
                 key: 'weights',
@@ -3122,7 +3124,7 @@ const DeploymentsPage: React.FC = () => {
                           rolloutActionAvailability[definition.action];
 
                         return (
-                          <Tooltip
+                          <AevatarTooltip
                             key={definition.action}
                             title={availability.reason}
                           >
@@ -3142,7 +3144,7 @@ const DeploymentsPage: React.FC = () => {
                                 {formatConsoleMessage(definition.label)}
                               </Button>
                             </span>
-                          </Tooltip>
+                          </AevatarTooltip>
                         );
                       })}
                     </Space>
@@ -3370,7 +3372,7 @@ const DeploymentsPage: React.FC = () => {
                       }}
                     >
                       {t("pages.deployments.index.adjust.flow.10", "Adjust flow")}</Button>
-                    <Tooltip title={deploymentDeactivateAvailability.reason}>
+                    <AevatarTooltip title={deploymentDeactivateAvailability.reason}>
                       <span>
                         <Button
                           danger
@@ -3392,7 +3394,7 @@ const DeploymentsPage: React.FC = () => {
                             : t("pages.deployments.index.cannot.be.deactivated", "Cannot be deactivated")}
                         </Button>
                       </span>
-                    </Tooltip>
+                    </AevatarTooltip>
                   </Space>
                 </DrawerSection>
               </div>
diff --git a/apps/aevatar-console-web/src/pages/MissionControl/TopologyCanvas.tsx b/apps/aevatar-console-web/src/pages/MissionControl/TopologyCanvas.tsx
index bbc0bbeecb..4a54e6e7d5 100644
--- a/apps/aevatar-console-web/src/pages/MissionControl/TopologyCanvas.tsx
+++ b/apps/aevatar-console-web/src/pages/MissionControl/TopologyCanvas.tsx
@@ -15,8 +15,9 @@ import {
   type NodeProps,
 } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
-import { Tag, Tooltip, Typography, theme } from 'antd';
+import { Tag, Typography, theme } from 'antd';
 import React, { useMemo } from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import type {
   MissionControlSnapshot,
   MissionObservationStatus,
@@ -154,7 +155,7 @@ function TopologyNodeCard({
         }}
         type="target"
       />
-      <Tooltip
+      <AevatarTooltip
         title={`Observation: ${formatMissionLabel(node.observationStatus)} · freshness ${node.freshnessLabel}`}
       >
         <div
@@ -173,7 +174,7 @@ function TopologyNodeCard({
             width: 10,
           }}
         />
-      </Tooltip>
+      </AevatarTooltip>
       <div
         style={{
           alignItems: 'flex-start',
@@ -234,7 +235,7 @@ function TopologyNodeCard({
       >
         {node.summary}
       </Typography.Paragraph>
-      <Tooltip title={node.handoff.nextStep}>
+      <AevatarTooltip title={node.handoff.nextStep}>
         <div
           aria-label={t("pages.missioncontrol.topologycanvas.mission.control.node.handoff", "Mission Control node handoff")}
           style={{
@@ -266,7 +267,7 @@ function TopologyNodeCard({
             {node.handoff.evidence}
           </Typography.Text>
         </div>
-      </Tooltip>
+      </AevatarTooltip>
       <div
         style={{
           borderTop: `1px solid ${token.colorBorderSecondary}`,
diff --git a/apps/aevatar-console-web/src/pages/MissionControl/index.tsx b/apps/aevatar-console-web/src/pages/MissionControl/index.tsx
index e145b0b949..3c3d8319d4 100644
--- a/apps/aevatar-console-web/src/pages/MissionControl/index.tsx
+++ b/apps/aevatar-console-web/src/pages/MissionControl/index.tsx
@@ -12,7 +12,6 @@ import {
   Segmented,
   Space,
   Tag,
-  Tooltip,
   Typography,
   theme,
 } from 'antd';
@@ -24,6 +23,7 @@ import React, {
   useMemo,
   useState,
 } from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { history } from '@/shared/navigation/history';
 import { buildRuntimeRunsHref } from '@/shared/navigation/runtimeRoutes';
 import { buildTeamDetailHref } from '@/shared/navigation/teamRoutes';
@@ -735,20 +735,20 @@ function MissionDock({
         }}
       >
         <Space wrap size={[8, 8]}>
-          <Tooltip title={t("pages.missioncontrol.index.key.events.2", "Key events")}>
+          <AevatarTooltip title={t("pages.missioncontrol.index.key.events.2", "Key events")}>
             <Button
               icon={<ClockCircleOutlined />}
               onClick={() => onTabChange('timeline')}
               type={activeTab === 'timeline' ? 'primary' : 'default'}
             />
-          </Tooltip>
-          <Tooltip title={t("pages.missioncontrol.index.raw.logs.2", "Raw logs")}>
+          </AevatarTooltip>
+          <AevatarTooltip title={t("pages.missioncontrol.index.raw.logs.2", "Raw logs")}>
             <Button
               icon={<BorderBottomOutlined />}
               onClick={() => onTabChange('logs')}
               type={activeTab === 'logs' ? 'primary' : 'default'}
             />
-          </Tooltip>
+          </AevatarTooltip>
           <Typography.Text style={{ color: token.colorTextHeading }}>
             {t("pages.missioncontrol.index.event.dock.2", "Event Dock")}</Typography.Text>
         </Space>
diff --git a/apps/aevatar-console-web/src/pages/MissionWall/components/MissionStage.tsx b/apps/aevatar-console-web/src/pages/MissionWall/components/MissionStage.tsx
index b379ae7cd3..d8d0efc3c3 100644
--- a/apps/aevatar-console-web/src/pages/MissionWall/components/MissionStage.tsx
+++ b/apps/aevatar-console-web/src/pages/MissionWall/components/MissionStage.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import { t } from "@/shared/i18n/messages";
+import AevatarContentSkeleton from "@/shared/ui/AevatarContentSkeleton";
 import type { MissionWallRun, MissionWallSnapshot } from "../models";
 import { WorkflowReplayCanvas } from "./WorkflowReplayCanvas";
 
@@ -23,7 +24,9 @@ export function MissionStage({
       <header className="mission-wall-stage-head">
         <div style={{ minWidth: 0 }}>
           <h2 className="mission-wall-stage-title">
-            {focusRun
+            {isRuntimeLoading
+              ? t("pages.missionwall.stepFlow", "Step Flow")
+              : focusRun
               ? t(
                   "pages.missionwall.stageTitle",
                   "{workflowName} · Step Flow",
@@ -31,57 +34,61 @@ export function MissionStage({
                 )
               : t("pages.missionwall.noFocusRun", "No focus run")}
           </h2>
-          <div className="mission-wall-stage-subtitle">
-            {focusRun
-              ? t(
-                  "pages.missionwall.stageSubtitle",
-                  "Team {teamName} · {memberName}",
-                  {
-                    memberName:
-                      focusRun.entryMemberName ||
-                      t(
-                        "pages.missionwall.unknownEntryMember",
-                        "Unknown entry member",
-                      ),
-                    teamName:
-                      focusRun.teamName ||
-                      t("pages.missionwall.unknownTeam", "Unknown team"),
-                  },
-                )
-              : t(
-                  "pages.missionwall.noFocusExplain",
-                  "Select a workflow.",
-                )}
-          </div>
+          {isRuntimeLoading ? null : (
+            <div className="mission-wall-stage-subtitle">
+              {focusRun
+                ? t(
+                    "pages.missionwall.stageSubtitle",
+                    "Team {teamName} · {memberName}",
+                    {
+                      memberName:
+                        focusRun.entryMemberName ||
+                        t(
+                          "pages.missionwall.unknownEntryMember",
+                          "Unknown entry member",
+                        ),
+                      teamName:
+                        focusRun.teamName ||
+                        t("pages.missionwall.unknownTeam", "Unknown team"),
+                    },
+                  )
+                : t(
+                    "pages.missionwall.noFocusExplain",
+                    "Select a workflow.",
+                  )}
+            </div>
+          )}
         </div>
       </header>
-      {isRuntimeLoading || !focusRun || !graphHasNodes ? (
+      {isRuntimeLoading ? (
+        <AevatarContentSkeleton
+          ariaLabel={t(
+            "pages.missionwall.state.loadingTitle",
+            "Loading workflow runs",
+          )}
+          className="mission-wall-stage-skeleton"
+          variant="canvas"
+        />
+      ) : !focusRun || !graphHasNodes ? (
         <div className="mission-wall-state-panel">
           <div className="mission-wall-state-panel__kicker">
-            {isRuntimeLoading
-              ? t("pages.missionwall.state.loadingKicker", "Loading runtime")
-              : t("pages.missionwall.state.emptyKicker", "Waiting for runs")}
+            {t("pages.missionwall.state.emptyKicker", "Waiting for runs")}
           </div>
           <div className="mission-wall-state-panel__title">
-            {isRuntimeLoading
-              ? t(
-                  "pages.missionwall.state.loadingTitle",
-                  "Loading workflow runs",
-                )
-              : focusRun
-                ? selectedPublishedWorkflowWithoutRun
-                  ? t(
-                      "pages.missionwall.state.publishedWorkflowTitle",
-                      "No visible run",
-                    )
-                  : t(
-                      "pages.missionwall.state.auditPendingTitle",
-                      "No step flow for this run yet",
-                    )
+            {focusRun
+              ? selectedPublishedWorkflowWithoutRun
+                ? t(
+                    "pages.missionwall.state.publishedWorkflowTitle",
+                    "No visible run",
+                  )
                 : t(
-                    "pages.missionwall.state.emptyTitle",
-                    "No published workflows are visible",
-                  )}
+                    "pages.missionwall.state.auditPendingTitle",
+                    "No step flow for this run yet",
+                  )
+              : t(
+                  "pages.missionwall.state.emptyTitle",
+                  "No published workflows are visible",
+                )}
           </div>
         </div>
       ) : (
diff --git a/apps/aevatar-console-web/src/pages/MissionWall/components/WorkflowReplayCanvas.test.tsx b/apps/aevatar-console-web/src/pages/MissionWall/components/WorkflowReplayCanvas.test.tsx
index f74b5b91ec..221a6957d0 100644
--- a/apps/aevatar-console-web/src/pages/MissionWall/components/WorkflowReplayCanvas.test.tsx
+++ b/apps/aevatar-console-web/src/pages/MissionWall/components/WorkflowReplayCanvas.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/react";
+import { render, screen, waitFor } from "@testing-library/react";
 import React from "react";
 import { WorkflowReplayCanvas } from "./WorkflowReplayCanvas";
 
@@ -41,7 +41,7 @@ jest.mock("@xyflow/react", () => {
       }, []);
       return React.createElement(
         "div",
-        { "data-testid": "react-flow-mock" },
+        null,
         props.nodes?.map((node: any) =>
           React.createElement("div", { key: node.id }, node.data.node.stepId),
         ),
@@ -160,7 +160,6 @@ describe("WorkflowReplayCanvas", () => {
   it("renders the workflow flow with directional runtime edges", () => {
     render(React.createElement(WorkflowReplayCanvas, { graph: graphFixture() }));
 
-    expect(screen.getByTestId("react-flow-mock")).toBeInTheDocument();
     expect(screen.getByText("validate_input")).toBeInTheDocument();
     expect(screen.getByText("validate_report")).toBeInTheDocument();
     expect(screen.queryByText(/Focused steps/i)).not.toBeInTheDocument();
@@ -199,8 +198,9 @@ describe("WorkflowReplayCanvas", () => {
       React.createElement(WorkflowReplayCanvas, { graph: graphFixture() }),
     );
 
-    await screen.findByTestId("react-flow-mock");
-    expect(mockFitView).toHaveBeenCalledTimes(FIT_VIEW_ATTEMPT_COUNT);
+    await waitFor(() =>
+      expect(mockFitView).toHaveBeenCalledTimes(FIT_VIEW_ATTEMPT_COUNT),
+    );
 
     const reactFlowProps = mockReactFlowRender.mock.calls.at(-1)?.[0] as any;
     expect(reactFlowProps.fitView).toBe(true);
@@ -232,8 +232,9 @@ describe("WorkflowReplayCanvas", () => {
       React.createElement(WorkflowReplayCanvas, { graph: graphFixture() }),
     );
 
-    await screen.findByTestId("react-flow-mock");
-    expect(mockFitView).toHaveBeenCalledTimes(FIT_VIEW_ATTEMPT_COUNT);
+    await waitFor(() =>
+      expect(mockFitView).toHaveBeenCalledTimes(FIT_VIEW_ATTEMPT_COUNT),
+    );
 
     const reactFlowProps = mockReactFlowRender.mock.calls.at(-1)?.[0] as any;
     reactFlowProps.onMove?.({ type: "mousemove" }, { x: 120, y: 0, zoom: 1 });
@@ -253,10 +254,11 @@ describe("WorkflowReplayCanvas", () => {
   it("retries the initial fit across several animation frames so late node measurement cannot leave a blank grid", async () => {
     render(React.createElement(WorkflowReplayCanvas, { graph: graphFixture() }));
 
-    await screen.findByTestId("react-flow-mock");
+    await waitFor(() =>
+      expect(mockFitView).toHaveBeenCalledTimes(FIT_VIEW_ATTEMPT_COUNT),
+    );
 
     expect(mockRequestAnimationFrame).toHaveBeenCalledTimes(FIT_VIEW_ATTEMPT_COUNT);
-    expect(mockFitView).toHaveBeenCalledTimes(FIT_VIEW_ATTEMPT_COUNT);
     expect(mockFitView).toHaveBeenLastCalledWith(
       expect.objectContaining({
         nodes: expect.arrayContaining([
diff --git a/apps/aevatar-console-web/src/pages/MissionWall/index.test.tsx b/apps/aevatar-console-web/src/pages/MissionWall/index.test.tsx
index 80219a2f86..217e600d20 100644
--- a/apps/aevatar-console-web/src/pages/MissionWall/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/MissionWall/index.test.tsx
@@ -281,6 +281,27 @@ describe("MissionWallPage", () => {
     clearStoredAuthSession();
   });
 
+  it("renders a dark canvas skeleton while runtime data is loading", async () => {
+    (studioApi.getAuthSession as jest.Mock).mockImplementationOnce(
+      () => new Promise(() => {}),
+    );
+
+    renderWithQueryClient(React.createElement(MissionWallPage));
+
+    const loadingStage = await screen.findByRole("status");
+    expect(loadingStage).toHaveAttribute("data-variant", "canvas");
+    expect(loadingStage).toHaveClass("mission-wall-stage-skeleton");
+    expect(screen.getByText("Loading workflow runs")).toHaveClass(
+      "aevatar-loading-visually-hidden",
+    );
+    expect(screen.queryByText("Loading runtime")).toBeNull();
+    expect(screen.queryByText("No focus run")).toBeNull();
+    expect(screen.queryByText("Select a workflow.")).toBeNull();
+    expect(
+      screen.getByRole("heading", { name: "Step Flow" }),
+    ).toBeInTheDocument();
+  });
+
   it("renders the shared language switch and authenticated user entry in fullscreen mode", async () => {
     persistAuthSession({
       tokens: {
diff --git a/apps/aevatar-console-web/src/pages/MissionWall/missionWallStyles.ts b/apps/aevatar-console-web/src/pages/MissionWall/missionWallStyles.ts
index f4de1ad6ca..6029d6aa99 100644
--- a/apps/aevatar-console-web/src/pages/MissionWall/missionWallStyles.ts
+++ b/apps/aevatar-console-web/src/pages/MissionWall/missionWallStyles.ts
@@ -589,6 +589,41 @@ export const missionWallStyles = `
   padding: 56px;
 }
 
+.mission-wall-stage-skeleton {
+  background:
+    linear-gradient(var(--wall-grid) 1px, transparent 1px),
+    linear-gradient(90deg, var(--wall-grid) 1px, transparent 1px),
+    var(--wall-canvas);
+  background-size: 34px 34px, 34px 34px, auto;
+  min-height: 0;
+  overflow: hidden;
+  padding: 18px;
+}
+
+.mission-wall-stage-skeleton > div[aria-hidden="true"],
+.mission-wall-stage-skeleton .aevatar-content-skeleton-canvas {
+  height: 100%;
+  min-height: 0;
+}
+
+.mission-wall-stage-skeleton .aevatar-content-skeleton-canvas-surface {
+  background: var(--wall-panel-soft) !important;
+  border-color: var(--wall-line) !important;
+  flex: 1;
+  min-height: 0 !important;
+}
+
+.mission-wall-stage-skeleton .aevatar-content-skeleton-node {
+  background: var(--wall-panel-strong) !important;
+  border-color: var(--wall-line-strong) !important;
+}
+
+.mission-wall-stage-skeleton .aevatar-content-skeleton-connector,
+.mission-wall-stage-skeleton .ant-skeleton-button,
+.mission-wall-stage-skeleton .ant-skeleton-input {
+  background: var(--wall-line-strong) !important;
+}
+
 .mission-wall-state-panel__kicker {
   color: var(--wall-live);
   font-size: 12px;
diff --git a/apps/aevatar-console-web/src/pages/actors/index.test.tsx b/apps/aevatar-console-web/src/pages/actors/index.test.tsx
index be146a311a..916634d714 100644
--- a/apps/aevatar-console-web/src/pages/actors/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/actors/index.test.tsx
@@ -152,6 +152,30 @@ describe("ActorsPage", () => {
     setLocale("en-US", false);
   });
 
+  it("renders a table skeleton before deciding whether traceable actors are empty", async () => {
+    let resolveActors: (value: unknown[]) => void = () => {};
+    (runtimeQueryApi.listAgents as jest.Mock).mockImplementationOnce(
+      () =>
+        new Promise((resolve) => {
+          resolveActors = resolve;
+        }),
+    );
+
+    renderWithQueryClient(React.createElement(ActorsPage));
+
+    expect(await screen.findByText("选择追查对象")).toBeTruthy();
+    expect(await screen.findByRole("status")).toHaveAttribute(
+      "data-variant",
+      "table",
+    );
+    expect(screen.queryByText("暂无可追查对象")).toBeNull();
+
+    resolveActors([]);
+
+    expect(await screen.findByText("暂无可追查对象")).toBeTruthy();
+    expect(screen.queryByRole("status")).toBeNull();
+  });
+
   it("renders the live runtime explorer shell and actor list", async () => {
     const { container } = renderWithQueryClient(React.createElement(ActorsPage));
 
diff --git a/apps/aevatar-console-web/src/pages/actors/index.tsx b/apps/aevatar-console-web/src/pages/actors/index.tsx
index 6cded59895..49a007691e 100644
--- a/apps/aevatar-console-web/src/pages/actors/index.tsx
+++ b/apps/aevatar-console-web/src/pages/actors/index.tsx
@@ -51,6 +51,7 @@ import {
   truncateMiddle,
 } from "@/shared/ui/compactText";
 import ConsoleMenuPageShell from "@/shared/ui/ConsoleMenuPageShell";
+import AevatarContentSkeleton from "@/shared/ui/AevatarContentSkeleton";
 import {
   buildAevatarPanelStyle,
   buildAevatarTagStyle,
@@ -1486,7 +1487,15 @@ export const TopologyExplorerPage: React.FC<{
             title={t("pages.actors.index.traceable.objects.2", "Traceable objects")}
             extra={<Tag color="default">{t("pages.actors.index.real.time", "real time")}</Tag>}
           >
-            {displayActors.length > 0 ? (
+            {actorsQuery.isLoading ? (
+              <AevatarContentSkeleton
+                ariaLabel={t("pages.actors.index.reading", "Reading traceable objects")}
+                columnWidths={["1.4fr", "1fr", "1fr", "1.2fr", 160]}
+                rows={4}
+                tableMinWidth={actorTableMinWidth}
+                variant="table"
+              />
+            ) : displayActors.length > 0 ? (
               <div className="topology-actor-table-shell" style={actorTableShellStyle}>
                 <Table<DisplayActorRecord>
                   className="topology-actor-table"
diff --git a/apps/aevatar-console-web/src/pages/auth/callback/index.test.tsx b/apps/aevatar-console-web/src/pages/auth/callback/index.test.tsx
index d486e97a32..4465693fa8 100644
--- a/apps/aevatar-console-web/src/pages/auth/callback/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/auth/callback/index.test.tsx
@@ -1,20 +1,23 @@
 import { fireEvent, render, waitFor } from '@testing-library/react';
 import React from 'react';
-import CallbackPage from './index';
 import { NyxIDAuthClient } from '@/shared/auth/client';
-import { CONSOLE_HOME_ROUTE } from '@/shared/navigation/consoleHome';
 import { persistAuthSession } from '@/shared/auth/session';
+import { CONSOLE_HOME_ROUTE } from '@/shared/navigation/consoleHome';
+import CallbackPage from './index';
 
 const replaceLocation = jest.fn();
 const handleRedirectCallback = jest.fn();
 const loginWithRedirect = jest.fn();
+const reviewReturnTo =
+  '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account';
 
 jest.mock('@/shared/auth/client', () => ({
   NyxIDAuthClient: jest.fn(),
-  SERVICE_ACCESS_REVIEW_RETURN_TO: '/settings?section=account',
 }));
 
-function mockLocationReplace(path = '/auth/callback?code=auth-code&state=state-1') {
+function mockLocationReplace(
+  path = '/auth/callback?code=auth-code&state=state-1',
+) {
   const url = new URL(path, 'http://localhost:8000');
 
   Object.defineProperty(window, 'location', {
@@ -107,7 +110,7 @@ describe('NyxID callback page', () => {
   it('returns to Account settings after service access review succeeds', async () => {
     handleRedirectCallback.mockResolvedValue({
       flow: 'serviceAccessReview',
-      returnTo: '/settings?section=account',
+      returnTo: reviewReturnTo,
       session: {
         tokens: {
           accessToken: 'review-access-token',
@@ -124,66 +127,163 @@ describe('NyxID callback page', () => {
     render(React.createElement(CallbackPage));
 
     await waitFor(() => {
-      expect(replaceLocation).toHaveBeenCalledWith('/settings?section=account');
+      expect(replaceLocation).toHaveBeenCalledWith(reviewReturnTo);
     });
   });
 
   it('shows retryable service access review cancellation without replacing the session route', async () => {
     handleRedirectCallback.mockRejectedValue(
-      Object.assign(
-        new Error('OAuth error: access_denied'),
-        {
-          flow: 'serviceAccessReview',
-          reason: 'oauthDenied',
-          returnTo: '/settings?section=account',
-        },
-      ),
+      Object.assign(new Error('OAuth error: access_denied'), {
+        flow: 'serviceAccessReview',
+        reason: 'oauthDenied',
+        returnTo: reviewReturnTo,
+      }),
     );
 
-    const { findByRole, findByText } = render(React.createElement(CallbackPage));
+    const { findByRole, findByText } = render(
+      React.createElement(CallbackPage),
+    );
 
     expect(
       await findByText(
         'NyxID service access review was cancelled or denied. Your current Studio session is still active.',
       ),
     ).toBeTruthy();
-    const retryButton = await findByRole('button', { name: 'Retry service access review' });
+    const retryButton = await findByRole('button', {
+      name: 'Retry service access review',
+    });
     fireEvent.click(retryButton);
     expect(loginWithRedirect).toHaveBeenCalledWith({
-      flow: 'serviceAccessReview', returnTo: '/settings?section=account',
+      flow: 'serviceAccessReview',
+      returnTo: reviewReturnTo,
     });
     expect(
       await findByRole('link', { name: 'Back to Account settings' }),
-    ).toHaveAttribute('href', '/settings?section=account');
+    ).toHaveAttribute('href', reviewReturnTo);
     expect(replaceLocation).not.toHaveBeenCalled();
   });
 
   it.each([
-    ['requiredServiceAccessMissing', 'Required service access is still missing. Return to NyxID and keep every service marked as required by Aevatar selected.'],
-    ['issuedBindingInvalid', 'The new NyxID authorization expired before Aevatar could use it. Start the review again.'],
-    ['issuedBindingProbeFailed', 'NyxID could not verify the new service authorization. Try again in a moment.'],
-    ['bindingProbeFailed', 'NyxID could not verify the current service authorization. Try again in a moment.'],
+    [
+      'requiredServiceAccessMissing',
+      'Required service access is still missing. Return to NyxID and keep every service marked as required by Aevatar selected.',
+    ],
+    [
+      'issuedBindingInvalid',
+      'The new NyxID authorization expired before Aevatar could use it. Start the review again.',
+    ],
+    [
+      'issuedBindingProbeFailed',
+      'NyxID could not verify the new service authorization. Try again in a moment.',
+    ],
+    [
+      'bindingProbeFailed',
+      'NyxID could not verify the current service authorization. Try again in a moment.',
+    ],
   ])('shows localized review guidance for %s', async (reason, message) => {
-    handleRedirectCallback.mockRejectedValue(Object.assign(new Error('raw'), {
-      flow: 'serviceAccessReview', reason, returnTo: '/settings?section=account',
-    }));
+    handleRedirectCallback.mockRejectedValue(
+      Object.assign(new Error('raw'), {
+        flow: 'serviceAccessReview',
+        reason,
+        returnTo: reviewReturnTo,
+      }),
+    );
     const { findByRole } = render(React.createElement(CallbackPage));
     expect(await findByRole('alert')).toHaveTextContent(message);
   });
 
+  it('requests consent when sign-in is missing required service access', async () => {
+    handleRedirectCallback.mockRejectedValue(
+      Object.assign(new Error('required_service_access_missing'), {
+        flow: 'signIn',
+        reason: 'requiredServiceAccessMissing',
+        returnTo: '/scopes/scope-1/workflow-activity-vnext/workflows',
+      }),
+    );
+
+    const { findByRole } = render(React.createElement(CallbackPage));
+    const retryButton = await findByRole('button', {
+      name: 'Try sign-in again',
+    });
+
+    fireEvent.click(retryButton);
+
+    expect(loginWithRedirect).toHaveBeenCalledWith({
+      flow: 'signIn',
+      prompt: 'consent',
+      returnTo: '/scopes/scope-1/workflow-activity-vnext/workflows',
+    });
+  });
+
+  it('preserves auth finalization network details for callback failures', async () => {
+    handleRedirectCallback.mockRejectedValue(
+      Object.assign(
+        new Error(
+          'Error occurred while trying to proxy: localhost:5174/api/auth/nyxid/finalize to https://aevatar-console-backend-api.aevatar.ai/ [ECONNRESET]',
+        ),
+        {
+          flow: 'signIn',
+          reason: 'signInFailed',
+          returnTo: '/login',
+        },
+      ),
+    );
+
+    const { findByRole } = render(React.createElement(CallbackPage));
+
+    const alert = await findByRole('alert');
+    expect(alert).toHaveTextContent('/api/auth/nyxid/finalize');
+    expect(alert).toHaveTextContent('ECONNRESET');
+    expect(alert).not.toHaveTextContent(
+      'The login status is temporarily unavailable, please refresh and try again.',
+    );
+  });
+
   it('keeps service access review retryable when authorization restart fails', async () => {
-    handleRedirectCallback.mockRejectedValue(Object.assign(new Error('raw'), {
-      flow: 'serviceAccessReview', reason: 'serviceAccessReviewUnavailable',
-      returnTo: '/settings?section=account',
-    }));
+    handleRedirectCallback.mockRejectedValue(
+      Object.assign(new Error('raw'), {
+        flow: 'serviceAccessReview',
+        reason: 'serviceAccessReviewUnavailable',
+        returnTo: reviewReturnTo,
+      }),
+    );
     loginWithRedirect.mockRejectedValueOnce(new Error('config unavailable'));
     const { findByRole } = render(React.createElement(CallbackPage));
-    const retryButton = await findByRole('button', { name: 'Retry service access review' });
+    const retryButton = await findByRole('button', {
+      name: 'Retry service access review',
+    });
     fireEvent.click(retryButton);
-    expect(await findByRole('alert')).toHaveTextContent('Could not restart service access review. Try again.');
+    expect(await findByRole('alert')).toHaveTextContent(
+      'Could not restart service access review. Try again.',
+    );
     await waitFor(() => expect(retryButton).not.toHaveClass('ant-btn-loading'));
   });
 
+  it('sanitizes unsafe review error navigation before back or retry', async () => {
+    handleRedirectCallback.mockRejectedValue(
+      Object.assign(new Error('OAuth error: access_denied'), {
+        flow: 'serviceAccessReview',
+        reason: 'oauthDenied',
+        returnTo: '//evil.example/account',
+      }),
+    );
+
+    const { findByRole } = render(React.createElement(CallbackPage));
+    const retryButton = await findByRole('button', {
+      name: 'Retry service access review',
+    });
+
+    fireEvent.click(retryButton);
+
+    expect(loginWithRedirect).toHaveBeenCalledWith({
+      flow: 'serviceAccessReview',
+      returnTo: CONSOLE_HOME_ROUTE,
+    });
+    expect(
+      await findByRole('link', { name: 'Back to Account settings' }),
+    ).toHaveAttribute('href', CONSOLE_HOME_ROUTE);
+  });
+
   it('skips callback finalization when no callback payload is present and a session exists', async () => {
     mockLocationReplace('/auth/callback');
     persistAuthSession({
diff --git a/apps/aevatar-console-web/src/pages/auth/callback/index.tsx b/apps/aevatar-console-web/src/pages/auth/callback/index.tsx
index 4ae24c2a4a..649aef3716 100644
--- a/apps/aevatar-console-web/src/pages/auth/callback/index.tsx
+++ b/apps/aevatar-console-web/src/pages/auth/callback/index.tsx
@@ -1,17 +1,16 @@
 import { Button, Result } from 'antd';
 import React, { useEffect, useMemo, useState } from 'react';
 import {
-  NyxIDAuthClient,
-  SERVICE_ACCESS_REVIEW_RETURN_TO,
   type AuthFlow,
   type NyxIDAuthCallbackErrorReason,
+  NyxIDAuthClient,
 } from '@/shared/auth/client';
 import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
-import { loadStoredAuthSession } from '@/shared/auth/session';
+import { loadStoredAuthSession, sanitizeReturnTo } from '@/shared/auth/session';
+import { t } from '@/shared/i18n/messages';
 import { CONSOLE_HOME_ROUTE } from '@/shared/navigation/consoleHome';
 import { AevatarPageLoading } from '@/shared/ui/AevatarLoading';
 import { describeError } from '@/shared/ui/errorText';
-import { t } from "@/shared/i18n/messages";
 
 type CallbackErrorState = {
   readonly flow: AuthFlow;
@@ -21,50 +20,125 @@ type CallbackErrorState = {
 };
 
 const callbackErrorReasons = new Set<NyxIDAuthCallbackErrorReason>([
-  "oauthDenied", "requiredServiceAccessMissing", "issuedBindingInvalid",
-  "issuedBindingProbeFailed", "bindingProbeFailed",
-  "serviceAccessReviewRequired", "serviceAccessReviewUnavailable",
-  "serviceAccessReviewFailed", "signInFailed",
+  'oauthDenied',
+  'requiredServiceAccessMissing',
+  'issuedBindingInvalid',
+  'issuedBindingProbeFailed',
+  'bindingProbeFailed',
+  'serviceAccessReviewRequired',
+  'serviceAccessReviewUnavailable',
+  'serviceAccessReviewFailed',
+  'signInFailed',
 ]);
 
-function describeCallbackError(error: unknown, reason: NyxIDAuthCallbackErrorReason): string {
+function describeCallbackError(
+  error: unknown,
+  reason: NyxIDAuthCallbackErrorReason,
+): string {
   switch (reason) {
-    case "oauthDenied":
-      return t("pages.auth.callback.index.service.access.review.cancelled", "NyxID service access review was cancelled or denied. Your current Studio session is still active.");
-    case "requiredServiceAccessMissing":
-      return t("pages.auth.callback.index.required.service.access.missing", "Required service access is still missing. Return to NyxID and keep every service marked as required by Aevatar selected.");
-    case "issuedBindingInvalid":
-      return t("pages.auth.callback.index.issued.binding.invalid", "The new NyxID authorization expired before Aevatar could use it. Start the review again.");
-    case "issuedBindingProbeFailed":
-      return t("pages.auth.callback.index.issued.binding.probe.failed", "NyxID could not verify the new service authorization. Try again in a moment.");
-    case "bindingProbeFailed":
-      return t("pages.auth.callback.index.binding.probe.failed", "NyxID could not verify the current service authorization. Try again in a moment.");
-    case "serviceAccessReviewRequired":
-      return t("pages.auth.callback.index.service.access.review.required", "Service access review needs to be run again.");
-    case "serviceAccessReviewUnavailable":
-      return t("pages.auth.callback.index.service.access.review.unavailable", "Service access review is temporarily unavailable. Try again in a moment.");
-    case "serviceAccessReviewFailed":
-      return t("pages.auth.callback.index.service.access.review.failed", "Service access review failed. Try again.");
-    case "signInFailed":
-      return describeError(error);
+    case 'oauthDenied':
+      return t(
+        'pages.auth.callback.index.service.access.review.cancelled',
+        'NyxID service access review was cancelled or denied. Your current Studio session is still active.',
+      );
+    case 'requiredServiceAccessMissing':
+      return t(
+        'pages.auth.callback.index.required.service.access.missing',
+        'Required service access is still missing. Return to NyxID and keep every service marked as required by Aevatar selected.',
+      );
+    case 'issuedBindingInvalid':
+      return t(
+        'pages.auth.callback.index.issued.binding.invalid',
+        'The new NyxID authorization expired before Aevatar could use it. Start the review again.',
+      );
+    case 'issuedBindingProbeFailed':
+      return t(
+        'pages.auth.callback.index.issued.binding.probe.failed',
+        'NyxID could not verify the new service authorization. Try again in a moment.',
+      );
+    case 'bindingProbeFailed':
+      return t(
+        'pages.auth.callback.index.binding.probe.failed',
+        'NyxID could not verify the current service authorization. Try again in a moment.',
+      );
+    case 'serviceAccessReviewRequired':
+      return t(
+        'pages.auth.callback.index.service.access.review.required',
+        'Service access review needs to be run again.',
+      );
+    case 'serviceAccessReviewUnavailable':
+      return t(
+        'pages.auth.callback.index.service.access.review.unavailable',
+        'Service access review is temporarily unavailable. Try again in a moment.',
+      );
+    case 'serviceAccessReviewFailed':
+      return t(
+        'pages.auth.callback.index.service.access.review.failed',
+        'Service access review failed. Try again.',
+      );
+    case 'signInFailed':
+      return describeSignInCallbackError(error);
   }
 }
 
+function normalizeCallbackErrorMessage(value: string): string {
+  return value.replace(/\s+/g, ' ').trim();
+}
+
+function readCallbackErrorMessage(error: unknown): string {
+  if (error instanceof Error) {
+    return normalizeCallbackErrorMessage(error.message || error.name || '');
+  }
+
+  if (error && typeof error === 'object' && !Array.isArray(error)) {
+    const record = error as { message?: unknown };
+    if (typeof record.message === 'string') {
+      return normalizeCallbackErrorMessage(record.message);
+    }
+  }
+
+  return normalizeCallbackErrorMessage(String(error ?? ''));
+}
+
+function isAuthFinalizationNetworkDetail(message: string): boolean {
+  const lower = message.toLowerCase();
+  const isNetworkOrProxyFailure =
+    lower.includes('error occurred while trying to proxy') ||
+    lower.includes('failed to fetch') ||
+    lower.includes('network error') ||
+    lower.includes('econnreset');
+
+  return isNetworkOrProxyFailure && lower.includes('/api/auth/nyxid/finalize');
+}
+
+function describeSignInCallbackError(error: unknown): string {
+  const message = readCallbackErrorMessage(error);
+  if (isAuthFinalizationNetworkDetail(message)) {
+    return message;
+  }
+
+  return describeError(error);
+}
+
 function readCallbackErrorState(error: unknown): CallbackErrorState {
   const record =
-    error && typeof error === "object" && !Array.isArray(error)
+    error && typeof error === 'object' && !Array.isArray(error)
       ? (error as { flow?: unknown; reason?: unknown; returnTo?: unknown })
       : null;
   const flow =
-    record?.flow === "serviceAccessReview" ? "serviceAccessReview" : "signIn";
-  const reason = callbackErrorReasons.has(record?.reason as NyxIDAuthCallbackErrorReason)
+    record?.flow === 'serviceAccessReview' ? 'serviceAccessReview' : 'signIn';
+  const reason = callbackErrorReasons.has(
+    record?.reason as NyxIDAuthCallbackErrorReason,
+  )
     ? (record?.reason as NyxIDAuthCallbackErrorReason)
-    : flow === "serviceAccessReview" ? "serviceAccessReviewFailed" : "signInFailed";
+    : flow === 'serviceAccessReview'
+      ? 'serviceAccessReviewFailed'
+      : 'signInFailed';
   const fallbackReturnTo =
-    flow === "serviceAccessReview" ? SERVICE_ACCESS_REVIEW_RETURN_TO : "/login";
+    flow === 'serviceAccessReview' ? CONSOLE_HOME_ROUTE : '/login';
   const returnTo =
-    typeof record?.returnTo === "string" && record.returnTo.startsWith("/")
-      ? record.returnTo
+    typeof record?.returnTo === 'string'
+      ? sanitizeReturnTo(record.returnTo)
       : fallbackReturnTo;
 
   return {
@@ -128,23 +202,37 @@ const CallbackPage: React.FC = () => {
     try {
       setRetrying(true);
       const client = new NyxIDAuthClient(config);
-      await client.loginWithRedirect({
-        flow: callbackError.flow,
-        returnTo: callbackError.returnTo,
-      });
+      if (callbackError.flow === 'serviceAccessReview') {
+        await client.loginWithRedirect({
+          flow: 'serviceAccessReview',
+          returnTo: callbackError.returnTo,
+        });
+      } else {
+        await client.loginWithRedirect({
+          flow: 'signIn',
+          ...(callbackError.reason === 'requiredServiceAccessMissing'
+            ? { prompt: 'consent' as const }
+            : {}),
+          returnTo: callbackError.returnTo,
+        });
+      }
     } catch (error) {
       setRetrying(false);
       setCallbackError({
         ...callbackError,
-        message: callbackError.flow === "serviceAccessReview"
-          ? t("pages.auth.callback.index.service.access.review.restart.failed", "Could not restart service access review. Try again.")
-          : describeError(error),
+        message:
+          callbackError.flow === 'serviceAccessReview'
+            ? t(
+                'pages.auth.callback.index.service.access.review.restart.failed',
+                'Could not restart service access review. Try again.',
+              )
+            : describeError(error),
       });
     }
   };
 
   if (callbackError) {
-    const isReviewFlow = callbackError.flow === "serviceAccessReview";
+    const isReviewFlow = callbackError.flow === 'serviceAccessReview';
     return (
       <Result
         extra={[
@@ -155,21 +243,37 @@ const CallbackPage: React.FC = () => {
             type="primary"
           >
             {isReviewFlow
-              ? t("pages.auth.callback.index.retry.service.access.review", "Retry service access review")
-              : t("pages.auth.callback.index.try.sign.in.again", "Try sign-in again")}
+              ? t(
+                  'pages.auth.callback.index.retry.service.access.review',
+                  'Retry service access review',
+                )
+              : t(
+                  'pages.auth.callback.index.try.sign.in.again',
+                  'Try sign-in again',
+                )}
           </Button>,
           <Button
-            href={isReviewFlow ? callbackError.returnTo : "/login"}
+            href={isReviewFlow ? callbackError.returnTo : '/login'}
             key="back"
           >
             {isReviewFlow
-              ? t("pages.auth.callback.index.back.to.account.settings", "Back to Account settings")
-              : t("pages.auth.callback.index.back.to.login", "Back to login")}
+              ? t(
+                  'pages.auth.callback.index.back.to.account.settings',
+                  'Back to Account settings',
+                )
+              : t('pages.auth.callback.index.back.to.login', 'Back to login')}
           </Button>,
         ]}
         status="error"
-        subTitle={<span aria-live="assertive" role="alert">{callbackError.message}</span>}
-        title={t("pages.auth.callback.index.nyxid.callback.failed", "NyxID callback failed")}
+        subTitle={
+          <span aria-live="assertive" role="alert">
+            {callbackError.message}
+          </span>
+        }
+        title={t(
+          'pages.auth.callback.index.nyxid.callback.failed',
+          'NyxID callback failed',
+        )}
       />
     );
   }
@@ -177,7 +281,10 @@ const CallbackPage: React.FC = () => {
   return (
     <AevatarPageLoading
       fullscreen
-      tip={t("pages.auth.callback.index.completing.nyxid.authorization", "Completing NyxID authorization...")}
+      tip={t(
+        'pages.auth.callback.index.completing.nyxid.authorization',
+        'Completing NyxID authorization...',
+      )}
     />
   );
 };
diff --git a/apps/aevatar-console-web/src/pages/chat/ChatActorControls.tsx b/apps/aevatar-console-web/src/pages/chat/ChatActorControls.tsx
index 72e1f45d67..970d05f4ce 100644
--- a/apps/aevatar-console-web/src/pages/chat/ChatActorControls.tsx
+++ b/apps/aevatar-console-web/src/pages/chat/ChatActorControls.tsx
@@ -3,15 +3,16 @@ import {
   RedoOutlined,
   StopOutlined,
 } from '@ant-design/icons';
-import { Button, InputNumber, Tag, Tooltip } from 'antd';
+import { Button, InputNumber, Tag } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { t } from '@/shared/i18n/messages';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import type {
   ChatActionSummary,
   ChatActorProjection,
   ChatActorStep,
-  ChatPendingInput,
   ChatNyxIdActionRequest,
+  ChatPendingInput,
 } from './chatActorState';
 import { chatActionIdentityKey } from './chatActorState';
 import type { ChatInputAnswer } from './chatApi';
@@ -115,9 +116,7 @@ export function ChatActorControls({
       aria-label={t('pages.chat.actorControls.actorControls', 'Actor controls')}
       style={{ display: 'flex', flexDirection: 'column', gap: 10 }}
     >
-      {projection.task ? (
-        <TaskPlanLedger projection={projection} />
-      ) : null}
+      {projection.task ? <TaskPlanLedger projection={projection} /> : null}
 
       <CommittedResults projection={projection} />
 
@@ -745,14 +744,14 @@ function EffectTag({
           ? 'blue'
           : 'default';
   return (
-    <Tooltip
+    <AevatarTooltip
       title={t(
         'pages.chat.actorControls.externalEffect',
         'External effect evidence',
       )}
     >
       <Tag color={color}>{effect}</Tag>
-    </Tooltip>
+    </AevatarTooltip>
   );
 }
 
@@ -802,10 +801,16 @@ function isActorReportedStalled(step: ChatActorStep): boolean {
 
 function formatStepSourceLabel(source: ChatTaskStepSource): string {
   if (source.kind === 'browserAction' && !source.label) {
-    return t('pages.chat.actorControls.stepSourceBrowserAction', 'Browser action');
+    return t(
+      'pages.chat.actorControls.stepSourceBrowserAction',
+      'Browser action',
+    );
   }
   if (source.kind === 'postcondition' && !source.label) {
-    return t('pages.chat.actorControls.stepSourcePostcondition', 'Postcondition');
+    return t(
+      'pages.chat.actorControls.stepSourcePostcondition',
+      'Postcondition',
+    );
   }
   if (source.kind === 'input') {
     return t('pages.chat.actorControls.stepSourceUserInput', 'User input');
diff --git a/apps/aevatar-console-web/src/pages/chat/chatAdvancedConsole.tsx b/apps/aevatar-console-web/src/pages/chat/chatAdvancedConsole.tsx
index 4531d94c05..1817082172 100644
--- a/apps/aevatar-console-web/src/pages/chat/chatAdvancedConsole.tsx
+++ b/apps/aevatar-console-web/src/pages/chat/chatAdvancedConsole.tsx
@@ -28,6 +28,7 @@ import {
 } from "@/shared/runs/scopeConsole";
 import { studioApi } from "@/shared/studio/api";
 import { AevatarContextDrawer } from "@/shared/ui/aevatarPageShells";
+import { useConsoleToast } from "@/shared/ui/ConsoleToast";
 import {
   AEVATAR_INTERACTIVE_BUTTON_CLASS,
   AEVATAR_INTERACTIVE_CHIP_CLASS,
@@ -467,8 +468,8 @@ export function ChatAdvancedConsole({
   );
   const [timelineActionInput, setTimelineActionInput] = useState("");
   const [timelineActionLoading, setTimelineActionLoading] = useState(false);
-  const [timelineActionError, setTimelineActionError] = useState("");
   const [timelineActionNotice, setTimelineActionNotice] = useState("");
+  const toast = useConsoleToast();
 
   const [executeServiceId, setExecuteServiceId] = useState(defaultServiceId || "");
   const [executeEndpointId, setExecuteEndpointId] = useState("chat");
@@ -758,7 +759,6 @@ export function ChatAdvancedConsole({
   }, [timelineRows]);
 
   useEffect(() => {
-    setTimelineActionError("");
     setTimelineActionInput("");
     setTimelineActionNotice("");
   }, [timelineBlockingSummary?.kind, timelineBlockingSummary?.stepId]);
@@ -1078,7 +1078,6 @@ export function ChatAdvancedConsole({
       }
 
       setTimelineActionLoading(true);
-      setTimelineActionError("");
       setTimelineActionNotice("");
 
       try {
@@ -1156,7 +1155,12 @@ export function ChatAdvancedConsole({
         }
       } catch (error) {
         const errorMessage = error instanceof Error ? error.message : String(error);
-        setTimelineActionError(errorMessage);
+        toast.error(
+          t(
+            "pages.chat.chatadvancedconsole.timelineActionFailed",
+            "Run action could not be completed. Try again.",
+          ),
+        );
         onTimelineActionResult?.({
           action,
           actorId: effectiveTimelineActorId,
@@ -2393,10 +2397,6 @@ export function ChatAdvancedConsole({
                       {t("pages.chat.chatadvancedconsole.run.actions.become.available.after", "Run actions become available after the console has a run ID and service context.")}</Typography.Text>
                   ) : null}
 
-                  {timelineActionError ? (
-                    <Alert showIcon title={timelineActionError} type="error" />
-                  ) : null}
-
                   {timelineActionNotice ? (
                     <Alert showIcon title={timelineActionNotice} type="success" />
                   ) : null}
diff --git a/apps/aevatar-console-web/src/pages/chat/index.test.tsx b/apps/aevatar-console-web/src/pages/chat/index.test.tsx
index 10021f46c5..ae3b9fe30b 100644
--- a/apps/aevatar-console-web/src/pages/chat/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/chat/index.test.tsx
@@ -8,6 +8,9 @@ import { chatHistoryApi } from './chatHistoryApi';
 import ChatPage, { hydrateStoredMessages } from './index';
 import { createNyxIdCatalogKey, listNyxIdConnectors } from './nyxIdServiceApi';
 
+const mockConsoleToast = { error: jest.fn(), info: jest.fn(), success: jest.fn(), warning: jest.fn() };
+jest.mock('@/shared/ui/ConsoleToast', () => ({ useConsoleToast: () => mockConsoleToast }));
+
 jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
 jest.mock('./chatHistoryApi', () => ({
   chatHistoryApi: {
@@ -2242,6 +2245,29 @@ describe('ChatPage canonical NyxID Assistant', () => {
     expect(screen.getByRole('button', { name: 'Decline' })).toBeInTheDocument();
   });
 
+  it('reports deletion failures with a toast and keeps history visible', async () => {
+    (chatHistoryApi.listConversationMetas as jest.Mock).mockResolvedValue([
+      serverConversation,
+    ]);
+    (chatHistoryApi.deleteConversation as jest.Mock).mockRejectedValueOnce(
+      new Error('Delete request failed'),
+    );
+
+    renderWithQueryClient(<ChatPage />);
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Delete Canonical conversation' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Delete' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Conversation could not be deleted',
+      ),
+    );
+    expect(screen.queryByText('Delete request failed')).not.toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Canonical conversation' })).toBeInTheDocument();
+  });
+
   it('submits canonical delete and never infers approval from assistant prose', async () => {
     (chatHistoryApi.listConversationMetas as jest.Mock).mockResolvedValue([
       serverConversation,
diff --git a/apps/aevatar-console-web/src/pages/chat/index.tsx b/apps/aevatar-console-web/src/pages/chat/index.tsx
index 98fcc7aa0d..5c55c4aa16 100644
--- a/apps/aevatar-console-web/src/pages/chat/index.tsx
+++ b/apps/aevatar-console-web/src/pages/chat/index.tsx
@@ -15,7 +15,6 @@ import {
   Space,
   Spin,
   Tag,
-  Tooltip,
   Typography,
   theme,
 } from 'antd';
@@ -36,6 +35,8 @@ import {
 } from '@/shared/navigation/teamRoutes';
 import { NyxIDAuthClient } from '@/shared/auth/client';
 import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
 import { studioApi } from '@/shared/studio/api';
 import { AevatarPageShell } from '@/shared/ui/aevatarPageShells';
 import { resolveStudioScopeContext } from '../scopes/components/resolvedScope';
@@ -430,6 +431,7 @@ function actionReportResource(userServiceId: string): ChatActionResource {
 }
 
 const ChatPage: React.FC = () => {
+  const toast = useConsoleToast();
   const { token } = theme.useToken();
   const queryClient = useQueryClient();
   const activeConversationRef = useRef<ConversationState | null>(null);
@@ -451,7 +453,6 @@ const ChatPage: React.FC = () => {
     null,
   );
   const [deletingConversation, setDeletingConversation] = useState(false);
-  const [deleteError, setDeleteError] = useState('');
   const [detailLoadState, setDetailLoadState] = useState<DetailLoadState>({
     status: 'idle',
   });
@@ -557,7 +558,6 @@ const ChatPage: React.FC = () => {
     applyProjection(null);
     setActionJourneys(new Map());
     setDeleteTarget(null);
-    setDeleteError('');
     setDetailLoadState({ status: 'idle' });
     setHistoryDrawerOpen(false);
     setNotice(null);
@@ -785,7 +785,6 @@ const ChatPage: React.FC = () => {
   const handleDeleteConversation = useCallback(async () => {
     if (!deleteTarget || deletingConversation || isStreaming) return;
     setDeletingConversation(true);
-    setDeleteError('');
     try {
       await chatHistoryApi.deleteConversation(deleteTarget.id);
       setNotice({
@@ -799,12 +798,12 @@ const ChatPage: React.FC = () => {
       await queryClient.invalidateQueries({
         queryKey: ['chat-conversations', scopeId],
       });
-    } catch (error) {
-      setDeleteError(errorMessage(error));
+    } catch {
+      toast.error(t('pages.chat.index.deleteChatFailed', 'Conversation could not be deleted'));
     } finally {
       setDeletingConversation(false);
     }
-  }, [deleteTarget, deletingConversation, isStreaming, queryClient, scopeId]);
+  }, [deleteTarget, deletingConversation, isStreaming, queryClient, scopeId, toast]);
 
   const streamCommand = useCallback(
     async (
@@ -1669,7 +1668,7 @@ const ChatPage: React.FC = () => {
                       </span>
                     </span>
                   </button>
-                  <Tooltip
+                  <AevatarTooltip
                     title={t('pages.chat.index.deleteChat', 'Delete {title}', {
                       title: conversation.title,
                     })}
@@ -1686,13 +1685,12 @@ const ChatPage: React.FC = () => {
                       disabled={isStreaming}
                       icon={<DeleteOutlined />}
                       onClick={() => {
-                        setDeleteError('');
                         setDeleteTarget(conversation);
                       }}
                       style={{ minHeight: 40, minWidth: 40 }}
                       type="text"
                     />
-                  </Tooltip>
+                  </AevatarTooltip>
                 </div>
               );
             })}
@@ -1755,7 +1753,7 @@ const ChatPage: React.FC = () => {
               padding: '10px 14px',
             }}
           >
-            <Tooltip
+            <AevatarTooltip
               title={t('pages.chat.index.openHistory', 'Open chat history')}
             >
               <Button
@@ -1769,7 +1767,7 @@ const ChatPage: React.FC = () => {
                 style={{ minHeight: 44, minWidth: 44 }}
                 type="text"
               />
-            </Tooltip>
+            </AevatarTooltip>
             <div style={{ flex: 1, minWidth: 0 }}>
               <Typography.Text
                 strong
@@ -2042,7 +2040,6 @@ const ChatPage: React.FC = () => {
         onCancel={() => {
           if (!deletingConversation) {
             setDeleteTarget(null);
-            setDeleteError('');
           }
         }}
         onOk={() => void handleDeleteConversation()}
@@ -2057,17 +2054,6 @@ const ChatPage: React.FC = () => {
             { title: deleteTarget?.title || '' },
           )}
         </Typography.Paragraph>
-        {deleteError ? (
-          <Alert
-            description={deleteError}
-            message={t(
-              'pages.chat.index.deleteChatFailed',
-              'Conversation could not be deleted',
-            )}
-            showIcon
-            type="error"
-          />
-        ) : null}
       </Modal>
     </AevatarPageShell>
   );
diff --git a/apps/aevatar-console-web/src/pages/gagents/index.test.tsx b/apps/aevatar-console-web/src/pages/gagents/index.test.tsx
index 480cec602d..999512bbc9 100644
--- a/apps/aevatar-console-web/src/pages/gagents/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/gagents/index.test.tsx
@@ -248,6 +248,50 @@ describe("GAgentsPage", () => {
     });
   });
 
+  it("renders stack skeletons for the initial kind and actor inventories", async () => {
+    let resolveKinds: (value: unknown[]) => void = () => {};
+    mockedRuntimeGAgentApi.listKinds.mockImplementationOnce(
+      () =>
+        new Promise((resolve) => {
+          resolveKinds = resolve;
+        }),
+    );
+    mockedRuntimeGAgentApi.listActors.mockImplementationOnce(
+      () => new Promise(() => {}),
+    );
+
+    renderWithQueryClient(React.createElement(GAgentsPage));
+
+    const loadingKinds = await screen.findByRole("status");
+    expect(loadingKinds).toHaveAttribute("data-list-layout", "stack");
+    expect(loadingKinds).toHaveAttribute("data-variant", "list");
+    expect(screen.queryByText("Loading runtime GAgent kinds.")).toBeNull();
+
+    resolveKinds([
+      {
+        agentKind: "Tests.OrdersGAgent",
+        displayName: "Orders Assistant",
+        diagnosticClrTypeName: "Tests.OrdersGAgent, Tests",
+        endpoints: [],
+      },
+    ]);
+
+    await waitFor(() => {
+      expect(
+        screen.getAllByRole("button", { name: "Manage actors" })[0],
+      ).not.toBeDisabled();
+    });
+    const manageActors = screen.getAllByRole("button", {
+      name: "Manage actors",
+    });
+    fireEvent.click(manageActors[0]);
+
+    const loadingRegistry = await screen.findByRole("status");
+    expect(loadingRegistry).toHaveAttribute("data-list-layout", "stack");
+    expect(loadingRegistry).toHaveAttribute("data-variant", "list");
+    expect(screen.queryByText("Loading actor registry.")).toBeNull();
+  });
+
   it("switches existing actor suggestions to the clicked GAgent type", async () => {
     window.history.replaceState(
       {},
@@ -488,9 +532,14 @@ describe("GAgentsPage", () => {
 
     expect(
       await screen.findByText(
-        "Acknowledge the replacement impact before publishing a new binding revision."
+        "Binding action could not be completed. Try again."
       )
     ).toBeTruthy();
+    expect(
+      screen.queryByText(
+        "Acknowledge the replacement impact before publishing a new binding revision."
+      )
+    ).toBeNull();
     expect(mockedRuntimeGAgentApi.bindScopeGAgent).not.toHaveBeenCalled();
 
     fireEvent.click(
diff --git a/apps/aevatar-console-web/src/pages/gagents/index.tsx b/apps/aevatar-console-web/src/pages/gagents/index.tsx
index 49f1487f67..73b36d004b 100644
--- a/apps/aevatar-console-web/src/pages/gagents/index.tsx
+++ b/apps/aevatar-console-web/src/pages/gagents/index.tsx
@@ -58,7 +58,9 @@ import {
   AevatarStatusTag,
   AevatarWorkbenchLayout,
 } from '@/shared/ui/aevatarPageShells';
+import AevatarContentSkeleton from '@/shared/ui/AevatarContentSkeleton';
 import { describeError } from '@/shared/ui/errorText';
+import ConsoleOperationNotice from '@/shared/ui/ConsoleOperationNotice';
 import { getUserFacingIdentifierLabel } from '@/shared/ui/userFacingIdentifiers';
 import { resolveStudioScopeContext } from '@/pages/scopes/components/resolvedScope';
 import { t } from "@/shared/i18n/messages";
@@ -1448,7 +1450,14 @@ const GAgentsPage: React.FC = () => {
           ) : null}
         </div>
 
-        {filteredKinds.length === 0 ? (
+        {gAgentKindsQuery.isLoading ? (
+          <AevatarContentSkeleton
+            ariaLabel="Loading runtime GAgent kinds"
+            listLayout="stack"
+            rows={5}
+            variant="list"
+          />
+        ) : filteredKinds.length === 0 ? (
           <div style={{ padding: 16 }}>
             <Empty
               description={
@@ -1756,15 +1765,14 @@ const GAgentsPage: React.FC = () => {
       title={t("pages.gagents.index.actor.registry", "Actor Registry")}
     >
       <Space orientation="vertical" size={12} style={{ width: '100%' }}>
-        {registryNotice ? (
-          <Alert
-            closable
-            onClose={() => setRegistryNotice(null)}
-            showIcon
-            title={registryNotice.message}
-            type={registryNotice.type}
-          />
-        ) : null}
+        <ConsoleOperationNotice
+          errorMessage={t(
+            'pages.gagents.index.registryActionFailed',
+            'Actor registry action could not be completed. Try again.',
+          )}
+          notice={registryNotice}
+          onClose={() => setRegistryNotice(null)}
+        />
 
         {gAgentActorsQuery.error ? (
           <Alert
@@ -1772,6 +1780,13 @@ const GAgentsPage: React.FC = () => {
             title={describeError(gAgentActorsQuery.error)}
             type="warning"
           />
+        ) : gAgentActorsQuery.isLoading ? (
+          <AevatarContentSkeleton
+            ariaLabel="Loading actor registry"
+            listLayout="stack"
+            rows={4}
+            variant="list"
+          />
         ) : actorGroups.length === 0 ? (
           <Empty
             description={
@@ -2197,7 +2212,7 @@ const GAgentsPage: React.FC = () => {
                         <Space orientation="vertical" size={12} style={{ width: '100%' }}>
                           {bindingDraft.endpoints.map((endpoint, index) => (
                             <div
-                              key={`binding-endpoint-${index}`}
+                              key={endpoint.endpointId}
                               style={{
                                 ...summaryMetricStyle,
                                 display: 'flex',
@@ -2704,15 +2719,14 @@ const GAgentsPage: React.FC = () => {
       }}
     >
       {selectedTypePanel}
-      {bindingNotice ? (
-        <Alert
-          closable
-          onClose={() => setBindingNotice(null)}
-          showIcon
-          type={bindingNotice.type}
-          title={bindingNotice.message}
-        />
-      ) : null}
+      <ConsoleOperationNotice
+        errorMessage={t(
+          'pages.gagents.index.bindingActionFailed',
+          'Binding action could not be completed. Try again.',
+        )}
+        notice={bindingNotice}
+        onClose={() => setBindingNotice(null)}
+      />
       <Tabs
         activeKey={activeWorkbenchTab}
         items={workbenchTabs}
diff --git a/apps/aevatar-console-web/src/pages/governance/components/GovernanceWorkbench.tsx b/apps/aevatar-console-web/src/pages/governance/components/GovernanceWorkbench.tsx
index b7a4fa1eaf..8cd5ad37c1 100644
--- a/apps/aevatar-console-web/src/pages/governance/components/GovernanceWorkbench.tsx
+++ b/apps/aevatar-console-web/src/pages/governance/components/GovernanceWorkbench.tsx
@@ -44,8 +44,10 @@ import {
   type AevatarThemeSurfaceToken,
 } from "@/shared/ui/aevatarWorkbench";
 import { AevatarCompactText } from "@/shared/ui/compactText";
+import AevatarContentSkeleton from "@/shared/ui/AevatarContentSkeleton";
 import type { AevatarBreadcrumbItem } from "@/shared/ui/aevatarPageShells";
 import ConsoleMenuPageShell from "@/shared/ui/ConsoleMenuPageShell";
+import ConsoleOperationNotice from "@/shared/ui/ConsoleOperationNotice";
 import GovernanceAuditTimeline, {
   type GovernanceAuditEvent,
 } from "./GovernanceAuditTimeline";
@@ -1770,18 +1772,25 @@ const GovernanceWorkbench: React.FC = () => {
             ]}
           />
           <div style={stageTableShellStyle}>
-            <Table<ServicePolicySnapshot>
-              columns={policyTableColumns}
-              dataSource={policiesQuery.data?.policies ?? []}
-              locale={{
-                emptyText: policiesQuery.isLoading
-                  ? t("pages.governance.governanceworkbench.copy.77", "Loading policies...")
-                  : t("pages.governance.governanceworkbench.copy.78", "This service has no governance policies yet."),
-              }}
-              pagination={{ pageSize: 8, showSizeChanger: false }}
-              rowKey="policyId"
-              size="middle"
-            />
+            {policiesQuery.isLoading ? (
+              <AevatarContentSkeleton
+                ariaLabel={t("pages.governance.governanceworkbench.copy.77", "Loading policies...")}
+                columnWidths={["1.4fr", "1fr", "1fr", 120]}
+                rows={4}
+                variant="table"
+              />
+            ) : (
+              <Table<ServicePolicySnapshot>
+                columns={policyTableColumns}
+                dataSource={policiesQuery.data?.policies ?? []}
+                locale={{
+                  emptyText: t("pages.governance.governanceworkbench.copy.78", "This service has no governance policies yet."),
+                }}
+                pagination={{ pageSize: 8, showSizeChanger: false }}
+                rowKey="policyId"
+                size="middle"
+              />
+            )}
           </div>
         </div>
       );
@@ -1814,18 +1823,25 @@ const GovernanceWorkbench: React.FC = () => {
             ]}
           />
           <div style={stageTableShellStyle}>
-            <Table<ServiceBindingSnapshot>
-              columns={bindingTableColumns}
-              dataSource={bindingsQuery.data?.bindings ?? []}
-              locale={{
-                emptyText: bindingsQuery.isLoading
-                  ? t("pages.governance.governanceworkbench.copy.80", "Loading bindings...")
-                  : t("pages.governance.governanceworkbench.copy.81", "This service has no binding dependencies yet."),
-              }}
-              pagination={{ pageSize: 8, showSizeChanger: false }}
-              rowKey="bindingId"
-              size="middle"
-            />
+            {bindingsQuery.isLoading ? (
+              <AevatarContentSkeleton
+                ariaLabel={t("pages.governance.governanceworkbench.copy.80", "Loading bindings...")}
+                columnWidths={["1.2fr", "1fr", "1.4fr", 120]}
+                rows={4}
+                variant="table"
+              />
+            ) : (
+              <Table<ServiceBindingSnapshot>
+                columns={bindingTableColumns}
+                dataSource={bindingsQuery.data?.bindings ?? []}
+                locale={{
+                  emptyText: t("pages.governance.governanceworkbench.copy.81", "This service has no binding dependencies yet."),
+                }}
+                pagination={{ pageSize: 8, showSizeChanger: false }}
+                rowKey="bindingId"
+                size="middle"
+              />
+            )}
           </div>
         </div>
       );
@@ -1843,18 +1859,25 @@ const GovernanceWorkbench: React.FC = () => {
             ]}
           />
           <div style={stageTableShellStyle}>
-            <Table<ServiceEndpointExposureSnapshot>
-              columns={endpointTableColumns}
-              dataSource={endpointsQuery.data?.endpoints ?? []}
-              locale={{
-                emptyText: endpointsQuery.isLoading
-                  ? t("pages.governance.governanceworkbench.copy.86", "Loading endpoint catalog...")
-                  : t("pages.governance.governanceworkbench.copy.87", "This service has no endpoint catalog yet."),
-              }}
-              pagination={{ pageSize: 8, showSizeChanger: false }}
-              rowKey="endpointId"
-              size="middle"
-            />
+            {endpointsQuery.isLoading ? (
+              <AevatarContentSkeleton
+                ariaLabel={t("pages.governance.governanceworkbench.copy.86", "Loading endpoint catalog...")}
+                columnWidths={["1.2fr", "1fr", "1.4fr", "1fr", 120]}
+                rows={4}
+                variant="table"
+              />
+            ) : (
+              <Table<ServiceEndpointExposureSnapshot>
+                columns={endpointTableColumns}
+                dataSource={endpointsQuery.data?.endpoints ?? []}
+                locale={{
+                  emptyText: t("pages.governance.governanceworkbench.copy.87", "This service has no endpoint catalog yet."),
+                }}
+                pagination={{ pageSize: 8, showSizeChanger: false }}
+                rowKey="endpointId"
+                size="middle"
+              />
+            )}
           </div>
         </div>
       );
@@ -1992,15 +2015,16 @@ const GovernanceWorkbench: React.FC = () => {
       title="Governance"
     >
       <div style={buildAevatarViewportStyle(surfaceToken)}>
-        {notice ? (
-          <Alert
-            closable
-            message={notice.message}
-            showIcon
-            type={notice.tone}
-            onClose={() => setNotice(null)}
-          />
-        ) : null}
+        <ConsoleOperationNotice
+          errorMessage={t(
+            "pages.governance.governanceworkbench.actionFailed",
+            "Governance action could not be completed. Try again.",
+          )}
+          notice={
+            notice ? { message: notice.message, type: notice.tone } : null
+          }
+          onClose={() => setNotice(null)}
+        />
         {commandReceipt && commandReceiptObservation ? (
           <Alert
             closable
diff --git a/apps/aevatar-console-web/src/pages/governance/index.test.tsx b/apps/aevatar-console-web/src/pages/governance/index.test.tsx
index 4d891199f2..6442fa7b53 100644
--- a/apps/aevatar-console-web/src/pages/governance/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/governance/index.test.tsx
@@ -151,6 +151,39 @@ describe('GovernanceIndexPage', () => {
     expect(screen.getByRole('button', { name: '打开部署' })).toBeTruthy();
   });
 
+  it.each([
+    ['policies', 'getPolicies', '新建策略', '正在加载策略...'],
+    ['bindings', 'getBindings', '新建绑定', '正在加载绑定...'],
+    ['endpoints', 'getEndpointCatalog', '新建入口', '正在加载入口目录...'],
+  ])(
+    'renders a table skeleton while the %s catalog is loading',
+    async (view, queryName, actionName, loadingLabel) => {
+      (
+        (governanceApi as unknown as Record<string, jest.Mock>)[queryName]
+      ).mockImplementationOnce(
+        () => new Promise(() => {}),
+      );
+      window.history.replaceState(
+        {},
+        '',
+        `/governance?tenantId=tenant-a&appId=app-a&namespace=default&serviceId=service-alpha&view=${view}`,
+      );
+
+      renderWithQueryClient(React.createElement(GovernanceIndexPage));
+
+      expect(
+        await screen.findByRole('button', { name: actionName }),
+      ).toBeInTheDocument();
+      expect(await screen.findByRole('status')).toHaveAttribute(
+        'data-variant',
+        'table',
+      );
+      expect(screen.getByText(loadingLabel)).toHaveClass(
+        'aevatar-loading-visually-hidden',
+      );
+    },
+  );
+
   it('does not auto-select the first service when service context is missing', async () => {
     window.history.replaceState(
       {},
diff --git a/apps/aevatar-console-web/src/pages/primitives/index.test.tsx b/apps/aevatar-console-web/src/pages/primitives/index.test.tsx
index 7b6d560615..a770596046 100644
--- a/apps/aevatar-console-web/src/pages/primitives/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/primitives/index.test.tsx
@@ -38,6 +38,25 @@ describe("PrimitivesPage", () => {
     setLocale("en-US", false);
   });
 
+  it("renders a card-grid skeleton while the connector catalog is loading", async () => {
+    (runtimeQueryApi.listPrimitives as jest.Mock).mockImplementationOnce(
+      () => new Promise(() => {}),
+    );
+
+    renderWithQueryClient(React.createElement(PrimitivesPage));
+
+    expect(screen.getByText("可用连接器")).toBeInTheDocument();
+    expect(await screen.findByRole("status")).toHaveAttribute(
+      "data-list-layout",
+      "grid",
+    );
+    expect(screen.getByRole("status")).toHaveAttribute(
+      "data-variant",
+      "list",
+    );
+    expect(screen.queryByText("当前筛选条件下没有匹配的连接器。")).toBeNull();
+  });
+
   it("keeps primitive examples inside runtime and scope surfaces", async () => {
     renderWithQueryClient(React.createElement(PrimitivesPage));
 
diff --git a/apps/aevatar-console-web/src/pages/primitives/index.tsx b/apps/aevatar-console-web/src/pages/primitives/index.tsx
index 53ee6759e1..2b5e546bec 100644
--- a/apps/aevatar-console-web/src/pages/primitives/index.tsx
+++ b/apps/aevatar-console-web/src/pages/primitives/index.tsx
@@ -15,6 +15,8 @@ import {
   AevatarStatusTag,
   AevatarWorkbenchLayout,
 } from "@/shared/ui/aevatarPageShells";
+import AevatarContentSkeleton from "@/shared/ui/AevatarContentSkeleton";
+import AevatarTooltip from "@/shared/ui/AevatarTooltip";
 import {
   cardListActionStyle,
   cardListStyle,
@@ -131,15 +133,17 @@ const PrimitiveCatalogCard: React.FC<{
         <Typography.Text strong style={{ fontSize: 16, lineHeight: 1.4 }}>
           {primitive.name}
         </Typography.Text>
-        <Typography.Paragraph
-          ellipsis={{ rows: 2, tooltip: summary }}
-          style={{
-            color: "var(--ant-color-text-secondary)",
-            margin: 0,
-          }}
-        >
-          {summary}
-        </Typography.Paragraph>
+        <AevatarTooltip title={summary}>
+          <Typography.Paragraph
+            ellipsis={{ rows: 2 }}
+            style={{
+              color: "var(--ant-color-text-secondary)",
+              margin: 0,
+            }}
+          >
+            {summary}
+          </Typography.Paragraph>
+        </AevatarTooltip>
       </div>
 
       <div
@@ -320,7 +324,14 @@ const PrimitivesPage: React.FC = () => {
             title={t("pages.primitives.index.available.connectors", "Available connectors")}
             titleHelp={t("pages.primitives.index.the.card.flow.catalog", "The card flow catalog helps you quickly browse capability categories, parameter contracts, and sample behavior definitions.")}
           >
-            {filteredRows.length === 0 ? (
+            {primitivesQuery.isLoading ? (
+              <AevatarContentSkeleton
+                ariaLabel={t("pages.primitives.index.loading.connectors", "Loading connectors")}
+                listLayout="grid"
+                rows={4}
+                variant="list"
+              />
+            ) : filteredRows.length === 0 ? (
               <Empty
                 description={t("pages.primitives.index.there.are.no.matching", "There are no matching connectors under the current filter criteria.")}
                 image={Empty.PRESENTED_IMAGE_SIMPLE}
diff --git a/apps/aevatar-console-web/src/pages/runs/index.test.tsx b/apps/aevatar-console-web/src/pages/runs/index.test.tsx
index 9edadbb778..b30c477431 100644
--- a/apps/aevatar-console-web/src/pages/runs/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/runs/index.test.tsx
@@ -1,19 +1,19 @@
-import { fireEvent, screen, waitFor } from "@testing-library/react";
-import { Grid } from "antd";
-import React from "react";
+import { fireEvent, screen, waitFor } from '@testing-library/react';
+import { Grid } from 'antd';
+import React from 'react';
+import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
+import { runtimeActorsApi } from '@/shared/api/runtimeActorsApi';
+import { runtimeCatalogApi } from '@/shared/api/runtimeCatalogApi';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
 import {
   loadDraftRunPayload,
   saveDraftRunPayload,
   saveEndpointInvocationDraftPayload,
   saveObservedRunSessionPayload,
-} from "@/shared/runs/draftRunSession";
-import { saveRecentRun } from "@/shared/runs/recentRuns";
-import { runtimeCatalogApi } from "@/shared/api/runtimeCatalogApi";
-import { runtimeActorsApi } from "@/shared/api/runtimeActorsApi";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
-import { parseBackendSSEStream } from "@/shared/agui/sseFrameNormalizer";
-import { renderWithQueryClient } from "../../../tests/reactQueryTestUtils";
-import RunsPage from "./index";
+} from '@/shared/runs/draftRunSession';
+import { saveRecentRun } from '@/shared/runs/recentRuns';
+import { renderWithQueryClient } from '../../../tests/reactQueryTestUtils';
+import RunsPage from './index';
 
 const mockDispatch = jest.fn();
 const mockReset = jest.fn();
@@ -34,21 +34,29 @@ type MockRunSession = {
 
 const mockSession: MockRunSession = {
   context: undefined,
-  status: "idle",
+  status: 'idle',
   messages: [],
   events: [],
   activeSteps: new Set<string>(),
   pendingHumanInput: undefined,
-  runId: "",
+  runId: '',
   error: undefined,
 };
 
-jest.mock("@aevatar-react-sdk/agui", () => ({
+jest.mock('@aevatar-react-sdk/agui', () => ({
   connectChatWebSocket: jest.fn(),
+  parseCustomEvent: (event: {
+    data?: unknown;
+    name?: string;
+    value?: unknown;
+  }) => ({
+    data: event.data ?? event.value,
+    name: event.name,
+  }),
   parseSSEStream: jest.fn(() => (async function* () {})()),
-  useHumanInteraction: jest.fn(() => ({
-    resume: jest.fn(),
-    signal: jest.fn(),
+  useHumanInteraction: jest.fn((handlers: any) => ({
+    resume: handlers.resume,
+    signal: handlers.signal,
     resuming: false,
     signaling: false,
   })),
@@ -59,37 +67,37 @@ jest.mock("@aevatar-react-sdk/agui", () => ({
   })),
 }));
 
-jest.mock("@aevatar-react-sdk/types", () => ({
+jest.mock('@aevatar-react-sdk/types', () => ({
   AGUIEventType: {
-    CUSTOM: "CUSTOM",
-    RUN_FINISHED: "RUN_FINISHED",
-    RUN_STARTED: "RUN_STARTED",
-    RUN_ERROR: "RUN_ERROR",
+    CUSTOM: 'CUSTOM',
+    RUN_FINISHED: 'RUN_FINISHED',
+    RUN_STARTED: 'RUN_STARTED',
+    RUN_ERROR: 'RUN_ERROR',
   },
   CustomEventName: {
-    RunContext: "aevatar.run.context",
-    WaitingSignal: "WaitingSignal",
-    StepRequest: "StepRequest",
+    RunContext: 'aevatar.run.context',
+    WaitingSignal: 'WaitingSignal',
+    StepRequest: 'StepRequest',
   },
 }));
 
-jest.mock("@/shared/api/runtimeCatalogApi", () => ({
+jest.mock('@/shared/api/runtimeCatalogApi', () => ({
   runtimeCatalogApi: {
     listWorkflowCatalog: jest.fn(async () => []),
   },
 }));
 
-jest.mock("@/shared/agui/sseFrameNormalizer", () => ({
+jest.mock('@/shared/agui/sseFrameNormalizer', () => ({
   parseBackendSSEStream: jest.fn(() => (async function* () {})()),
 }));
 
-jest.mock("@/shared/api/runtimeActorsApi", () => ({
+jest.mock('@/shared/api/runtimeActorsApi', () => ({
   runtimeActorsApi: {
     getActorSnapshot: jest.fn(),
   },
 }));
 
-jest.mock("@/shared/api/runtimeRunsApi", () => ({
+jest.mock('@/shared/api/runtimeRunsApi', () => ({
   runtimeRunsApi: {
     invokeEndpoint: jest.fn(),
     streamChat: jest.fn(),
@@ -100,100 +108,103 @@ jest.mock("@/shared/api/runtimeRunsApi", () => ({
   },
 }));
 
-jest.mock("./components/RunsLaunchRail", () => {
-  const React = require("react");
+jest.mock('./components/RunsLaunchRail', () => {
+  const React = require('react');
 
   type MockRunFormValues = {
     actorId?: string;
     endpointId?: string;
-    endpointKind?: "chat" | "command";
+    endpointKind?: 'chat' | 'command';
     payloadBase64?: string;
     payloadTypeUrl?: string;
     prompt: string;
     routeName?: string;
     scopeId?: string;
     serviceOverrideId?: string;
-    transport: "sse" | "ws";
+    transport: 'sse' | 'ws';
   };
 
   const normalizeValues = (
-    value: Record<string, unknown> = {}
+    value: Record<string, unknown> = {},
   ): MockRunFormValues => ({
-    actorId:
-      typeof value.actorId === "string" ? value.actorId : undefined,
+    actorId: typeof value.actorId === 'string' ? value.actorId : undefined,
     endpointId:
-      typeof value.endpointId === "string" ? value.endpointId : "chat",
-    endpointKind:
-      value.endpointKind === "command" ? "command" : "chat",
+      typeof value.endpointId === 'string' ? value.endpointId : 'chat',
+    endpointKind: value.endpointKind === 'command' ? 'command' : 'chat',
     payloadBase64:
-      typeof value.payloadBase64 === "string" ? value.payloadBase64 : undefined,
+      typeof value.payloadBase64 === 'string' ? value.payloadBase64 : undefined,
     payloadTypeUrl:
-      typeof value.payloadTypeUrl === "string" ? value.payloadTypeUrl : undefined,
-    prompt: typeof value.prompt === "string" ? value.prompt : "",
+      typeof value.payloadTypeUrl === 'string'
+        ? value.payloadTypeUrl
+        : undefined,
+    prompt: typeof value.prompt === 'string' ? value.prompt : '',
     routeName:
-      typeof value.routeName === "string" ? value.routeName : undefined,
-    scopeId: typeof value.scopeId === "string" ? value.scopeId : undefined,
+      typeof value.routeName === 'string' ? value.routeName : undefined,
+    scopeId: typeof value.scopeId === 'string' ? value.scopeId : undefined,
     serviceOverrideId:
-      typeof value.serviceOverrideId === "string"
+      typeof value.serviceOverrideId === 'string'
         ? value.serviceOverrideId
         : undefined,
-    transport: value.transport === "ws" ? "ws" : "sse",
+    transport: value.transport === 'ws' ? 'ws' : 'sse',
   });
 
   const normalizePatch = (
-    value: Record<string, unknown> = {}
+    value: Record<string, unknown> = {},
   ): Partial<MockRunFormValues> => ({
-    ...(Object.hasOwn(value, "actorId")
+    ...(Object.hasOwn(value, 'actorId')
       ? { actorId: normalizeValues({ actorId: value.actorId }).actorId }
       : {}),
-    ...(Object.hasOwn(value, "endpointId")
-      ? { endpointId: normalizeValues({ endpointId: value.endpointId }).endpointId }
+    ...(Object.hasOwn(value, 'endpointId')
+      ? {
+          endpointId: normalizeValues({ endpointId: value.endpointId })
+            .endpointId,
+        }
       : {}),
-    ...(Object.hasOwn(value, "endpointKind")
+    ...(Object.hasOwn(value, 'endpointKind')
       ? {
           endpointKind: normalizeValues({
             endpointKind: value.endpointKind,
           }).endpointKind,
         }
       : {}),
-    ...(Object.hasOwn(value, "payloadBase64")
+    ...(Object.hasOwn(value, 'payloadBase64')
       ? {
           payloadBase64: normalizeValues({
             payloadBase64: value.payloadBase64,
           }).payloadBase64,
         }
       : {}),
-    ...(Object.hasOwn(value, "payloadTypeUrl")
+    ...(Object.hasOwn(value, 'payloadTypeUrl')
       ? {
           payloadTypeUrl: normalizeValues({
             payloadTypeUrl: value.payloadTypeUrl,
           }).payloadTypeUrl,
         }
       : {}),
-    ...(Object.hasOwn(value, "prompt")
+    ...(Object.hasOwn(value, 'prompt')
       ? { prompt: normalizeValues({ prompt: value.prompt }).prompt }
       : {}),
-    ...(Object.hasOwn(value, "routeName")
+    ...(Object.hasOwn(value, 'routeName')
       ? { routeName: normalizeValues({ routeName: value.routeName }).routeName }
       : {}),
-    ...(Object.hasOwn(value, "scopeId")
+    ...(Object.hasOwn(value, 'scopeId')
       ? { scopeId: normalizeValues({ scopeId: value.scopeId }).scopeId }
       : {}),
-    ...(Object.hasOwn(value, "serviceOverrideId")
+    ...(Object.hasOwn(value, 'serviceOverrideId')
       ? {
           serviceOverrideId: normalizeValues({
             serviceOverrideId: value.serviceOverrideId,
           }).serviceOverrideId,
         }
       : {}),
-    ...(Object.hasOwn(value, "transport")
+    ...(Object.hasOwn(value, 'transport')
       ? { transport: normalizeValues({ transport: value.transport }).transport }
       : {}),
   });
 
   const RunsLaunchRail = (props: any) => {
     const [values, setValues] = React.useState(() =>
-      normalizeValues(props.initialFormValues)
+      normalizeValues(props.initialFormValues),
     );
 
     React.useEffect(() => {
@@ -209,7 +220,8 @@ jest.mock("./components/RunsLaunchRail", () => {
       }
 
       props.composerFormRef.current = {
-        getFieldValue: (name: string) => (values as Record<string, unknown>)[name],
+        getFieldValue: (name: string) =>
+          (values as Record<string, unknown>)[name],
         getFieldsValue: () => values,
         resetFields: () => setValues(normalizeValues(props.initialFormValues)),
         setFieldValue: (name: string, value: unknown) =>
@@ -229,45 +241,35 @@ jest.mock("./components/RunsLaunchRail", () => {
       return () => {
         props.composerFormRef.current = undefined;
       };
-    }, [props.composerFormRef, props.initialFormValues, props.onSubmitRun, values]);
+    }, [
+      props.composerFormRef,
+      props.initialFormValues,
+      props.onSubmitRun,
+      values,
+    ]);
 
     return React.createElement(
-      "section",
+      'section',
       null,
       React.createElement(
-        "div",
+        'div',
         null,
-        props.variant === "chat" ? "Run context" : "Run setup"
+        props.variant === 'chat' ? 'Run context' : 'Run setup',
       ),
-      props.runReadiness
-        ? React.createElement(
-            "div",
-            {
-              "data-testid": "mock-run-readiness",
-            },
-            [
-              props.runReadiness.ready ? "Ready to send" : "Send readiness",
-              props.runReadiness.blockingReason ?? "",
-              ...props.runReadiness.items.map(
-                (item: any) => `${item.label}: ${item.value}`
-              ),
-            ].join(" | ")
-          )
-        : null,
       props.showPromptField !== false
-        ? React.createElement("textarea", {
-            "aria-label": "Prompt",
+        ? React.createElement('textarea', {
+            'aria-label': 'Prompt',
             onChange: (event: any) =>
               setValues((current: Record<string, unknown>) => ({
                 ...current,
                 prompt: event.target.value,
               })),
-            placeholder: "Describe the task to run.",
+            placeholder: 'Describe the task to run.',
             value: values.prompt,
           })
         : null,
-      React.createElement("input", {
-        "aria-label": "Workspace ID",
+      React.createElement('input', {
+        'aria-label': 'Workspace ID',
         onChange: (event: any) => {
           props.onScopeIdChange?.(event.target.value);
           setValues((current: Record<string, unknown>) => ({
@@ -275,29 +277,29 @@ jest.mock("./components/RunsLaunchRail", () => {
             scopeId: event.target.value,
           }));
         },
-        value: values.scopeId ?? "",
+        value: values.scopeId ?? '',
       }),
       props.showSubmitActions !== false
         ? React.createElement(
-            "button",
+            'button',
             {
               onClick: () => props.onSubmitRun(values),
-              type: "button",
+              type: 'button',
             },
-            "Start run"
+            'Start run',
           )
         : null,
       props.recentRunRows.map((row: any) =>
         React.createElement(
-          "button",
+          'button',
           {
             key: row.key,
             onClick: () => row.onRestore?.(),
-            type: "button",
+            type: 'button',
           },
-          "Restore"
-        )
-      )
+          'Restore',
+        ),
+      ),
     );
   };
 
@@ -307,7 +309,7 @@ jest.mock("./components/RunsLaunchRail", () => {
   };
 });
 
-describe("RunsPage", () => {
+describe('RunsPage', () => {
   const mockedRuntimeCatalogApi = runtimeCatalogApi as unknown as {
     listWorkflowCatalog: jest.Mock;
   };
@@ -326,24 +328,24 @@ describe("RunsPage", () => {
 
   beforeEach(() => {
     jest.restoreAllMocks();
-    window.history.replaceState({}, "", "/runtime/runs");
+    window.history.replaceState({}, '', '/runtime/runs');
     window.sessionStorage.clear();
     window.localStorage.clear();
     jest.clearAllMocks();
     mockDispatch.mockReset();
     mockReset.mockReset();
     mockSession.context = undefined;
-    mockSession.status = "idle";
+    mockSession.status = 'idle';
     mockSession.messages = [];
     mockSession.events = [];
     mockSession.activeSteps = new Set<string>();
     mockSession.pendingHumanInput = undefined;
-    mockSession.runId = "";
+    mockSession.runId = '';
     mockSession.error = undefined;
     mockedRuntimeRunsApi.invokeEndpoint.mockResolvedValue({
-      requestId: "cmd-1",
-      targetActorId: "actor-1",
-      endpointId: "aevatar.tools.cli.hosting.AppScriptCommand",
+      requestId: 'cmd-1',
+      targetActorId: 'actor-1',
+      endpointId: 'aevatar.tools.cli.hosting.AppScriptCommand',
     });
     mockedRuntimeRunsApi.streamChat.mockResolvedValue({
       ok: true,
@@ -351,109 +353,85 @@ describe("RunsPage", () => {
     });
     mockedRuntimeRunsApi.streamDraftRun.mockResolvedValue({});
     mockedRuntimeActorsApi.getActorSnapshot.mockResolvedValue({
-      actorId: "actor-1",
-      workflowName: "Test workflow",
-      lastCommandId: "cmd-1",
+      actorId: 'actor-1',
+      workflowName: 'Test workflow',
+      lastCommandId: 'cmd-1',
       completionStatusValue: 0,
       stateVersion: 1,
-      lastEventId: "event-1",
-      lastUpdatedAt: "2026-06-30T00:00:00Z",
+      lastEventId: 'event-1',
+      lastUpdatedAt: '2026-06-30T00:00:00Z',
       lastSuccess: true,
-      lastOutput: "",
-      lastError: "",
+      lastOutput: '',
+      lastError: '',
       totalSteps: 0,
       requestedSteps: 0,
       completedSteps: 0,
       roleReplyCount: 0,
-      currentStateJson: "{}",
+      currentStateJson: '{}',
       timelineCount: 0,
       parentActorId: null,
       childActorIds: [],
       latestEvents: [],
     });
     mockedRuntimeCatalogApi.listWorkflowCatalog.mockResolvedValue([]);
-    mockedParseBackendSSEStream.mockImplementation(
-      () => (async function* () {})()
+    mockedParseBackendSSEStream.mockImplementation(() =>
+      (async function* () {})(),
     );
   });
 
-  it("renders the run console header and setup-first state before any run starts", async () => {
-    const consoleError = jest.spyOn(console, "error");
+  it('renders the run console header and setup-first state before any run starts', async () => {
+    const consoleError = jest.spyOn(console, 'error');
     const { container } = renderWithQueryClient(React.createElement(RunsPage));
 
-    expect(container.textContent).toContain("Run Console");
+    expect(container.textContent).toContain('Run Console');
     expect(consoleError).not.toHaveBeenCalledWith(
-      expect.stringContaining("`NaN` is an invalid value for the `height`")
+      expect.stringContaining('`NaN` is an invalid value for the `height`'),
     );
+    expect(screen.getByRole('button', { name: 'Open runtime console guide' }));
     expect(
-      screen.getByRole("button", { name: "Open runtime console guide" })
-    );
-    expect(
-      screen.getByRole("button", { name: "Workflow catalog" })
+      screen.getByRole('button', { name: 'Workflow catalog' }),
     ).toBeTruthy();
     expect(
-      screen.queryByRole("button", { name: "Back to advanced team editing" })
-    ).toBeNull();
-    expect(
-      screen.queryByRole("button", { name: "Actor explorer" })
+      screen.queryByRole('button', { name: 'Back to advanced team editing' }),
     ).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Actor explorer' })).toBeNull();
     expect(
-      screen.queryByRole("button", { name: "Mission Control" })
+      screen.queryByRole('button', { name: 'Mission Control' }),
     ).toBeNull();
     expect(
-      screen.queryByRole("button", { name: "Open observability hub" })
+      screen.queryByRole('button', { name: 'Open observability hub' }),
     ).toBeNull();
     expect(
-      screen.getByPlaceholderText("Describe the task to run.")
+      screen.getByPlaceholderText('Describe the task to run.'),
     ).toBeTruthy();
-    expect(container.textContent).toContain("Run context");
-    expect(container.textContent).toContain("Conversation");
-    expect(container.textContent).toContain("Workspace: required");
-    expect(container.textContent).toContain("Route: direct");
-    expect(container.textContent).toContain("Endpoint: chat");
+    expect(container.textContent).toContain('Run context');
+    expect(container.textContent).toContain('Conversation');
+    expect(container.textContent).toContain('Workspace: required');
+    expect(container.textContent).toContain('Route: direct');
+    expect(container.textContent).toContain('Endpoint: chat');
     expect(container.textContent).toContain(
-      "Workspace is required before the prompt can be sent."
-    );
-    expect(screen.getByTestId("mock-run-readiness").textContent).toContain(
-      "Send readiness"
+      'Workspace is required before the prompt can be sent.',
     );
-    expect(screen.getByTestId("mock-run-readiness").textContent).toContain(
-      "Workspace: Required"
-    );
-    expect(screen.getByRole("button", { name: "Send" })).toBeDisabled();
-    expect(screen.queryByRole("button", { name: "Details" })).toBeNull();
+    expect(screen.getByRole('button', { name: 'Send' })).toBeDisabled();
+    expect(screen.queryByRole('button', { name: 'Details' })).toBeNull();
   });
 
-  it("enables the conversation composer only after a workspace is set", async () => {
-    window.history.replaceState(
-      {},
-      "",
-      "/runtime/runs?prompt=Run%20it"
-    );
+  it('enables the conversation composer only after a workspace is set', async () => {
+    window.history.replaceState({}, '', '/runtime/runs?prompt=Run%20it');
 
     const { container } = renderWithQueryClient(React.createElement(RunsPage));
 
-    await screen.findByDisplayValue("Run it");
-    expect(container.textContent).toContain("Workspace: required");
-    const sendButton = screen.getByRole("button", { name: "Send" });
+    await screen.findByDisplayValue('Run it');
+    expect(container.textContent).toContain('Workspace: required');
+    const sendButton = screen.getByRole('button', { name: 'Send' });
     expect(sendButton).toBeDisabled();
-    expect(screen.getByTestId("mock-run-readiness").textContent).toContain(
-      "Send readiness"
-    );
-
-    fireEvent.change(screen.getByLabelText("Workspace ID"), {
-      target: { value: "scope-1" },
+    fireEvent.change(screen.getByLabelText('Workspace ID'), {
+      target: { value: 'scope-1' },
     });
 
-    expect(container.textContent).toContain("Workspace: scope-1");
+    expect(container.textContent).toContain('Workspace: scope-1');
     expect(container.textContent).not.toContain(
-      "Workspace is required before the prompt can be sent."
-    );
-    expect(screen.getByTestId("mock-run-readiness").textContent).toContain(
-      "Ready to send"
-    );
-    expect(screen.getByTestId("mock-run-readiness").textContent).toContain(
-      "Workspace: scope-1"
+      'Workspace is required before the prompt can be sent.',
     );
     expect(sendButton).toBeEnabled();
 
@@ -461,20 +439,20 @@ describe("RunsPage", () => {
 
     await waitFor(() => {
       expect(mockedRuntimeRunsApi.streamChat).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
-          prompt: "Run it",
+          prompt: 'Run it',
         }),
         expect.any(AbortSignal),
         {
-          serviceId: "direct",
-        }
+          serviceId: 'direct',
+        },
       );
     });
   });
 
-  it("stacks the chat setup and conversation panes on compact screens", async () => {
-    jest.spyOn(Grid, "useBreakpoint").mockReturnValue({
+  it('stacks the chat setup and conversation panes on compact screens', async () => {
+    jest.spyOn(Grid, 'useBreakpoint').mockReturnValue({
       xs: true,
       sm: true,
       md: false,
@@ -485,240 +463,429 @@ describe("RunsPage", () => {
 
     renderWithQueryClient(React.createElement(RunsPage));
 
-    expect(await screen.findByTestId("runs-chat-layout")).toHaveStyle({
-      gridTemplateColumns: "minmax(0, 1fr)",
-      overflowY: "auto",
+    expect(await screen.findByTestId('runs-chat-layout')).toHaveStyle({
+      gridTemplateColumns: 'minmax(0, 1fr)',
+      overflowY: 'auto',
     });
-    expect(screen.getByPlaceholderText("Describe the task to run.")).toBeTruthy();
+    expect(
+      screen.getByPlaceholderText('Describe the task to run.'),
+    ).toBeTruthy();
   });
 
-  it("navigates back to the team advanced tab from the runs console", async () => {
-    window.history.replaceState(
-      {},
-      "",
-      "/runtime/runs?scopeId=scope-1"
-    );
+  it('navigates back to the team advanced tab from the runs console', async () => {
+    window.history.replaceState({}, '', '/runtime/runs?scopeId=scope-1');
 
     renderWithQueryClient(React.createElement(RunsPage));
 
     fireEvent.click(
-      await screen.findByRole("button", { name: "Back to advanced team editing" })
+      await screen.findByRole('button', {
+        name: 'Back to advanced team editing',
+      }),
     );
 
-    expect(window.location.pathname).toBe("/scopes/scope-1/teams");
-    expect(window.location.search).toBe("");
+    expect(window.location.pathname).toBe('/scopes/scope-1/teams');
+    expect(window.location.search).toBe('');
   });
 
-  it("returns to the originating studio route when a return target is provided", async () => {
+  it('returns to the originating studio route when a return target is provided', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/runtime/runs?scopeId=scope-1&returnTo=%2Fstudio%3FscopeId%3Dscope-1%26tab%3Dstudio%26template%3Dhello-chat"
+      '',
+      '/runtime/runs?scopeId=scope-1&returnTo=%2Fstudio%3FscopeId%3Dscope-1%26tab%3Dstudio%26template%3Dhello-chat',
     );
 
     renderWithQueryClient(React.createElement(RunsPage));
 
     fireEvent.click(
-      await screen.findByRole("button", { name: "Back to Studio" })
+      await screen.findByRole('button', { name: 'Back to Studio' }),
     );
 
-    expect(window.location.pathname).toBe("/studio");
-    expect(new URLSearchParams(window.location.search).get("scopeId")).toBe(
-      "scope-1"
+    expect(window.location.pathname).toBe('/studio');
+    expect(new URLSearchParams(window.location.search).get('scopeId')).toBe(
+      'scope-1',
     );
-    expect(new URLSearchParams(window.location.search).get("tab")).toBe(
-      "studio"
+    expect(new URLSearchParams(window.location.search).get('tab')).toBe(
+      'studio',
     );
-    expect(new URLSearchParams(window.location.search).get("template")).toBe(
-      "hello-chat"
+    expect(new URLSearchParams(window.location.search).get('template')).toBe(
+      'hello-chat',
     );
   });
 
-  it("returns to the originating workflow inspector when a workflow handoff provides return context", async () => {
+  it('returns to the originating workflow inspector when a workflow handoff provides return context', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/runtime/runs?route=demo_flow&returnTo=%2Fruntime%2Fworkflows%3Fworkflow%3Ddemo_flow"
+      '',
+      '/runtime/runs?route=demo_flow&returnTo=%2Fruntime%2Fworkflows%3Fworkflow%3Ddemo_flow',
     );
 
     renderWithQueryClient(React.createElement(RunsPage));
 
     fireEvent.click(
-      await screen.findByRole("button", { name: "Back to Workflow Library" })
+      await screen.findByRole('button', { name: 'Back to Workflow Library' }),
     );
 
-    expect(window.location.pathname).toBe("/runtime/workflows");
-    expect(new URLSearchParams(window.location.search).get("workflow")).toBe(
-      "demo_flow"
+    expect(window.location.pathname).toBe('/runtime/workflows');
+    expect(new URLSearchParams(window.location.search).get('workflow')).toBe(
+      'demo_flow',
     );
   });
 
-  it("keeps the trace workspace viewport stretchable once a run is active", async () => {
-    mockSession.status = "running";
-    mockSession.runId = "run-1";
+  it('keeps the trace workspace viewport stretchable once a run is active', async () => {
+    mockSession.status = 'running';
+    mockSession.runId = 'run-1';
     const { container } = renderWithQueryClient(React.createElement(RunsPage));
 
-    const tabs = container.querySelectorAll(".ant-tabs");
+    const tabs = container.querySelectorAll('.ant-tabs');
     expect(tabs[0]).toHaveStyle({
-      flex: "1",
-      minHeight: "0",
+      flex: '1',
+      minHeight: '0',
     });
 
-    const contentHolder = tabs[0]?.querySelector(".ant-tabs-content-holder");
+    const contentHolder = tabs[0]?.querySelector('.ant-tabs-content-holder');
     expect(contentHolder).not.toBeNull();
     expect(contentHolder).toHaveStyle({
-      flex: "1",
-      minHeight: "0",
-      overflow: "hidden",
+      flex: '1',
+      minHeight: '0',
+      overflow: 'hidden',
     });
   });
 
-  it("shows the trace workbench and primary run actions after the run starts", async () => {
+  it('shows the trace workbench and primary run actions after the run starts', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/runtime/runs?scopeId=scope-1&prompt=Watch%20this%20run",
+      '',
+      '/runtime/runs?scopeId=scope-1&prompt=Watch%20this%20run',
     );
-    mockSession.status = "running";
-    mockSession.runId = "run-1";
+    mockSession.status = 'running';
+    mockSession.runId = 'run-1';
     mockSession.context = {
-      actorId: "actor-1",
-      commandId: "cmd-1",
-      workflowName: "direct",
+      actorId: 'actor-1',
+      commandId: 'cmd-1',
+      workflowName: 'direct',
     };
 
     const { container } = renderWithQueryClient(React.createElement(RunsPage));
 
-    expect(container.textContent).toContain("Conversation");
-    expect(screen.queryByRole("button", { name: "Run setup" })).toBeNull();
-    expect(screen.getByRole("button", { name: "Details" })).toBeTruthy();
-    expect(screen.getByRole("tab", { name: "Conversation" })).toBeTruthy();
+    expect(container.textContent).toContain('Conversation');
+    expect(screen.queryByRole('button', { name: 'Run setup' })).toBeNull();
+    expect(screen.getByRole('button', { name: 'Details' })).toBeTruthy();
+    expect(screen.getByRole('tab', { name: 'Conversation' })).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Mission Control" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Mission Control' }));
 
-    expect(window.location.pathname).toBe("/runtime/mission-control");
+    expect(window.location.pathname).toBe('/runtime/mission-control');
     const params = new URLSearchParams(window.location.search);
-    expect(params.get("actorId")).toBe("actor-1");
-    expect(params.get("autoStream")).toBe("true");
-    expect(params.get("prompt")).toBe("Watch this run");
-    expect(params.get("runId")).toBe("run-1");
-    expect(params.get("scopeId")).toBe("scope-1");
+    expect(params.get('actorId')).toBe('actor-1');
+    expect(params.get('autoStream')).toBe('true');
+    expect(params.get('prompt')).toBe('Watch this run');
+    expect(params.get('runId')).toBe('run-1');
+    expect(params.get('scopeId')).toBe('scope-1');
   });
 
-  it("surfaces pending human interaction inline in the main workspace", async () => {
-    mockSession.status = "running";
-    mockSession.runId = "run-1";
+  it('surfaces pending human interaction inline in the main workspace', async () => {
+    mockSession.status = 'running';
+    mockSession.runId = 'run-1';
     mockSession.pendingHumanInput = {
-      prompt: "Approve the release summary.",
-      runId: "run-1",
-      stepId: "review-step",
-      suspensionType: "human_approval",
+      prompt: 'Approve the release summary.',
+      runId: 'run-1',
+      stepId: 'review-step',
+      suspensionType: 'human_approval',
       timeoutSeconds: 600,
     } as any;
 
     renderWithQueryClient(React.createElement(RunsPage));
 
-    expect(screen.getAllByText("Action required").length).toBeGreaterThan(0);
-    expect(screen.getByText("Review and continue the run")).toBeInTheDocument();
+    expect(screen.getAllByText('Action required').length).toBeGreaterThan(0);
+    expect(screen.getByText('Review and continue the run')).toBeInTheDocument();
     expect(
-      screen.getByRole("switch", { name: "Approved" })
+      screen.getByRole('switch', { name: 'Approved' }),
     ).toBeInTheDocument();
     expect(
-      screen.getByRole("textbox", { name: "Operator response" })
+      screen.getByRole('textbox', { name: 'Operator response' }),
     ).toBeInTheDocument();
   });
 
-  it("uses the generic invoke path for prepared service invocation drafts", async () => {
+  it('keeps an accepted resume informational while the run still needs action', async () => {
+    window.history.replaceState({}, '', '/runtime/runs?scopeId=scope-1');
+    mockSession.status = 'running';
+    mockSession.runId = 'run-1';
+    mockSession.context = {
+      actorId: 'actor-1',
+      commandId: 'cmd-1',
+      workflowName: 'direct',
+    };
+    mockSession.pendingHumanInput = {
+      prompt: 'Approve the release summary.',
+      runId: 'run-1',
+      stepId: 'review-step',
+      suspensionType: 'human_approval',
+      timeoutSeconds: 600,
+    } as any;
+    mockedRuntimeRunsApi.resume.mockResolvedValue({
+      accepted: true,
+      actorId: 'actor-1',
+      runId: 'run-1',
+      stepId: 'review-step',
+    });
+
+    renderWithQueryClient(React.createElement(RunsPage));
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Approve and continue' }),
+    );
+
+    await waitFor(() => {
+      expect(mockedRuntimeRunsApi.resume).toHaveBeenCalledWith(
+        'scope-1',
+        expect.objectContaining({
+          actorId: 'actor-1',
+          approved: true,
+          commandId: 'cmd-1',
+          runId: 'run-1',
+          stepId: 'review-step',
+        }),
+        { serviceId: undefined },
+      );
+    });
+    expect(
+      await screen.findByText(
+        'Resume request accepted. Waiting for the run to continue.',
+      ),
+    ).toBeInTheDocument();
+    expect(screen.getAllByText('Action required').length).toBeGreaterThan(0);
+  });
+
+  it('keeps an accepted signal informational while the run still needs action', async () => {
+    window.history.replaceState({}, '', '/runtime/runs?scopeId=scope-1');
+    mockSession.status = 'running';
+    mockSession.runId = 'run-1';
+    mockSession.context = {
+      actorId: 'actor-1',
+      commandId: 'cmd-1',
+      workflowName: 'direct',
+    };
+    mockSession.events = [
+      {
+        type: 'CUSTOM',
+        name: 'WaitingSignal',
+        value: {
+          prompt: 'Send the release signal.',
+          runId: 'run-1',
+          signalName: 'release_approved',
+          stepId: 'release-step',
+        },
+      },
+    ];
+    mockedRuntimeRunsApi.signal.mockResolvedValue({
+      accepted: true,
+      actorId: 'actor-1',
+      runId: 'run-1',
+      signalName: 'release_approved',
+      stepId: 'release-step',
+    });
+
+    renderWithQueryClient(React.createElement(RunsPage));
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Send signal' }));
+
+    await waitFor(() => {
+      expect(mockedRuntimeRunsApi.signal).toHaveBeenCalledWith(
+        'scope-1',
+        expect.objectContaining({
+          actorId: 'actor-1',
+          commandId: 'cmd-1',
+          runId: 'run-1',
+          signalName: 'release_approved',
+          stepId: 'release-step',
+        }),
+        { serviceId: undefined },
+      );
+    });
+    expect(
+      await screen.findByText(
+        'Signal accepted. Waiting for the run to continue.',
+      ),
+    ).toBeInTheDocument();
+    expect(screen.getAllByText('Action required').length).toBeGreaterThan(0);
+  });
+
+  it('keeps a rejected resume retryable instead of claiming acceptance', async () => {
+    window.history.replaceState({}, '', '/runtime/runs?scopeId=scope-1');
+    mockSession.status = 'running';
+    mockSession.runId = 'run-1';
+    mockSession.context = {
+      actorId: 'actor-1',
+      commandId: 'cmd-1',
+      workflowName: 'direct',
+    };
+    mockSession.pendingHumanInput = {
+      prompt: 'Approve the release summary.',
+      runId: 'run-1',
+      stepId: 'review-step',
+      suspensionType: 'human_approval',
+      timeoutSeconds: 600,
+    } as any;
+    mockedRuntimeRunsApi.resume.mockResolvedValue({
+      accepted: false,
+      actorId: 'actor-1',
+      runId: 'run-1',
+      stepId: 'review-step',
+    });
+
+    renderWithQueryClient(React.createElement(RunsPage));
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Approve and continue' }),
+    );
+
+    expect(
+      await screen.findByText(
+        'The resume request was not accepted. Try again.',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText(
+        'Resume request accepted. Waiting for the run to continue.',
+      ),
+    ).toBeNull();
+    expect(screen.getAllByText('Action required').length).toBeGreaterThan(0);
+  });
+
+  it('keeps a rejected signal retryable instead of claiming acceptance', async () => {
+    window.history.replaceState({}, '', '/runtime/runs?scopeId=scope-1');
+    mockSession.status = 'running';
+    mockSession.runId = 'run-1';
+    mockSession.context = {
+      actorId: 'actor-1',
+      commandId: 'cmd-1',
+      workflowName: 'direct',
+    };
+    mockSession.events = [
+      {
+        type: 'CUSTOM',
+        name: 'WaitingSignal',
+        value: {
+          prompt: 'Send the release signal.',
+          runId: 'run-1',
+          signalName: 'release_approved',
+          stepId: 'release-step',
+        },
+      },
+    ];
+    mockedRuntimeRunsApi.signal.mockResolvedValue({
+      accepted: false,
+      actorId: 'actor-1',
+      runId: 'run-1',
+      signalName: 'release_approved',
+      stepId: 'release-step',
+    });
+
+    renderWithQueryClient(React.createElement(RunsPage));
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Send signal' }));
+
+    expect(
+      await screen.findByText('The signal was not accepted. Try again.'),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText('Signal accepted. Waiting for the run to continue.'),
+    ).toBeNull();
+    expect(screen.getAllByText('Action required').length).toBeGreaterThan(0);
+  });
+
+  it('uses the generic invoke path for prepared service invocation drafts', async () => {
     const draftKey = saveEndpointInvocationDraftPayload({
-      endpointId: "aevatar.tools.cli.hosting.AppScriptCommand",
-      prompt: "script payload",
-      payloadTypeUrl: "type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand",
-      payloadBase64: "CgBSCnNjcmlwdCBwYXlsb2Fk",
+      endpointId: 'aevatar.tools.cli.hosting.AppScriptCommand',
+      prompt: 'script payload',
+      payloadTypeUrl:
+        'type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand',
+      payloadBase64: 'CgBSCnNjcmlwdCBwYXlsb2Fk',
     });
     window.history.replaceState(
       {},
-      "",
-      `/runtime/runs?scopeId=scope-1&endpointId=aevatar.tools.cli.hosting.AppScriptCommand&draftKey=${draftKey}`
+      '',
+      `/runtime/runs?scopeId=scope-1&endpointId=aevatar.tools.cli.hosting.AppScriptCommand&draftKey=${draftKey}`,
     );
 
     renderWithQueryClient(React.createElement(RunsPage));
 
-    await screen.findByDisplayValue("script payload");
-    fireEvent.click(screen.getByRole("button", { name: "Start run" }));
+    await screen.findByDisplayValue('script payload');
+    fireEvent.click(screen.getByRole('button', { name: 'Start run' }));
 
     await waitFor(() => {
       expect(mockedRuntimeRunsApi.invokeEndpoint).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
-          endpointId: "aevatar.tools.cli.hosting.AppScriptCommand",
-          prompt: "script payload",
+          endpointId: 'aevatar.tools.cli.hosting.AppScriptCommand',
+          prompt: 'script payload',
           payloadTypeUrl:
-            "type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand",
-          payloadBase64: "CgBSCnNjcmlwdCBwYXlsb2Fk",
+            'type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand',
+          payloadBase64: 'CgBSCnNjcmlwdCBwYXlsb2Fk',
         }),
         {
           serviceId: undefined,
-        }
+        },
       );
     });
     expect(mockedRuntimeRunsApi.streamChat).not.toHaveBeenCalled();
     expect(mockedRuntimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
     expect(mockDispatch).toHaveBeenCalledWith(
       expect.objectContaining({
-        type: "RUN_STARTED",
-        runId: "cmd-1",
-      })
+        type: 'RUN_STARTED',
+        runId: 'cmd-1',
+      }),
     );
     expect(mockDispatch).not.toHaveBeenCalledWith(
       expect.objectContaining({
-        type: "RUN_FINISHED",
-      })
+        type: 'RUN_FINISHED',
+      }),
     );
   });
 
-  it("auto-starts workflow draft runs handed off from Studio", async () => {
+  it('auto-starts workflow draft runs handed off from Studio', async () => {
     const draftKey = saveDraftRunPayload({
-      workflowName: "workspace-demo",
-      workflowYamls: ["name: workspace-demo\nsteps:\n  - id: review_step\n"],
+      workflowName: 'workspace-demo',
+      workflowYamls: ['name: workspace-demo\nsteps:\n  - id: review_step\n'],
     });
     window.history.replaceState(
       {},
-      "",
-      `/runtime/runs?scopeId=scope-1&route=workspace-demo&prompt=Run%20the%20draft&draftKey=${draftKey}`
+      '',
+      `/runtime/runs?scopeId=scope-1&route=workspace-demo&prompt=Run%20the%20draft&draftKey=${draftKey}`,
     );
 
     renderWithQueryClient(React.createElement(RunsPage));
 
     await waitFor(() => {
       expect(mockedRuntimeRunsApi.streamDraftRun).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
-          prompt: "Run the draft",
-          workflowYamls: [
-            expect.stringContaining("name: workspace-demo"),
-          ],
+          prompt: 'Run the draft',
+          workflowYamls: [expect.stringContaining('name: workspace-demo')],
         }),
-        expect.any(AbortSignal)
+        expect.any(AbortSignal),
       );
     });
-    expect(screen.getAllByText("Conversation").length).toBeGreaterThan(0);
+    expect(screen.getAllByText('Conversation').length).toBeGreaterThan(0);
 
-    expect(new URLSearchParams(window.location.search).get("draftKey")).toBeNull();
+    expect(
+      new URLSearchParams(window.location.search).get('draftKey'),
+    ).toBeNull();
     expect(loadDraftRunPayload(draftKey)).toBeNull();
   });
 
-  it("retries chat runs against the scope default binding when a stale service id is missing", async () => {
+  it('retries chat runs against the scope default binding when a stale service id is missing', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/runtime/runs?scopeId=scope-1&route=hello-chat&serviceOverrideId=scope-1:default:default:hello-chat&prompt=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E8%AF%B7%E5%81%9A%E4%B8%AA%E8%87%AA%E6%88%91%E4%BB%8B%E7%BB%8D"
+      '',
+      '/runtime/runs?scopeId=scope-1&route=hello-chat&serviceOverrideId=scope-1:default:default:hello-chat&prompt=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E8%AF%B7%E5%81%9A%E4%B8%AA%E8%87%AA%E6%88%91%E4%BB%8B%E7%BB%8D',
     );
 
     mockedRuntimeRunsApi.streamChat
       .mockRejectedValueOnce(
         new Error(
-          "Service 'scope-1:default:default:hello-chat' was not found."
-        )
+          "Service 'scope-1:default:default:hello-chat' was not found.",
+        ),
       )
       .mockResolvedValueOnce({
         ok: true,
@@ -727,8 +894,8 @@ describe("RunsPage", () => {
 
     renderWithQueryClient(React.createElement(RunsPage));
 
-    await screen.findByDisplayValue("scope-1");
-    fireEvent.click(screen.getByRole("button", { name: "Send" }));
+    await screen.findByDisplayValue('scope-1');
+    fireEvent.click(screen.getByRole('button', { name: 'Send' }));
 
     await waitFor(() => {
       expect(mockedRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(2);
@@ -736,34 +903,34 @@ describe("RunsPage", () => {
 
     expect(mockedRuntimeRunsApi.streamChat).toHaveBeenNthCalledWith(
       1,
-      "scope-1",
+      'scope-1',
       expect.objectContaining({
-        prompt: "你好，请做个自我介绍",
+        prompt: '你好，请做个自我介绍',
       }),
       expect.any(AbortSignal),
       {
-        serviceId: "scope-1:default:default:hello-chat",
-      }
+        serviceId: 'scope-1:default:default:hello-chat',
+      },
     );
 
     expect(mockedRuntimeRunsApi.streamChat).toHaveBeenNthCalledWith(
       2,
-      "scope-1",
+      'scope-1',
       expect.objectContaining({
-        prompt: "你好，请做个自我介绍",
+        prompt: '你好，请做个自我介绍',
       }),
       expect.any(AbortSignal),
       {
         serviceId: undefined,
-      }
+      },
     );
   });
 
-  it("retries streamed chat runs against the scope default binding when the stream reports a missing service", async () => {
+  it('retries streamed chat runs against the scope default binding when the stream reports a missing service', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/runtime/runs?scopeId=scope-1&route=hello-chat&serviceOverrideId=scope-1:default:default:hello-chat&prompt=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E8%AF%B7%E5%81%9A%E4%B8%AA%E8%87%AA%E6%88%91%E4%BB%8B%E7%BB%8D"
+      '',
+      '/runtime/runs?scopeId=scope-1&route=hello-chat&serviceOverrideId=scope-1:default:default:hello-chat&prompt=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E8%AF%B7%E5%81%9A%E4%B8%AA%E8%87%AA%E6%88%91%E4%BB%8B%E7%BB%8D',
     );
 
     mockedRuntimeRunsApi.streamChat
@@ -776,21 +943,21 @@ describe("RunsPage", () => {
         body: {},
       });
     mockedParseBackendSSEStream
-      .mockImplementationOnce(
-        () =>
-          (async function* () {
-            yield {
-              type: "RUN_ERROR",
-              message: "Service 'scope-1:default:default:hello-chat' was not found.",
-            };
-          })()
+      .mockImplementationOnce(() =>
+        (async function* () {
+          yield {
+            type: 'RUN_ERROR',
+            message:
+              "Service 'scope-1:default:default:hello-chat' was not found.",
+          };
+        })(),
       )
       .mockImplementationOnce(() => (async function* () {})());
 
     renderWithQueryClient(React.createElement(RunsPage));
 
-    await screen.findByDisplayValue("scope-1");
-    fireEvent.click(screen.getByRole("button", { name: "Send" }));
+    await screen.findByDisplayValue('scope-1');
+    fireEvent.click(screen.getByRole('button', { name: 'Send' }));
 
     await waitFor(() => {
       expect(mockedRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(2);
@@ -798,52 +965,52 @@ describe("RunsPage", () => {
 
     expect(mockedRuntimeRunsApi.streamChat).toHaveBeenNthCalledWith(
       1,
-      "scope-1",
+      'scope-1',
       expect.objectContaining({
-        prompt: "你好，请做个自我介绍",
+        prompt: '你好，请做个自我介绍',
       }),
       expect.any(AbortSignal),
       {
-        serviceId: "scope-1:default:default:hello-chat",
-      }
+        serviceId: 'scope-1:default:default:hello-chat',
+      },
     );
 
     expect(mockedRuntimeRunsApi.streamChat).toHaveBeenNthCalledWith(
       2,
-      "scope-1",
+      'scope-1',
       expect.objectContaining({
-        prompt: "你好，请做个自我介绍",
+        prompt: '你好，请做个自我介绍',
       }),
       expect.any(AbortSignal),
       {
         serviceId: undefined,
-      }
+      },
     );
   });
 
-  it("hydrates observed run sessions without starting a new invoke", async () => {
+  it('hydrates observed run sessions without starting a new invoke', async () => {
     const draftKey = saveObservedRunSessionPayload({
-      scopeId: "scope-1",
-      serviceOverrideId: "svc-1",
-      endpointId: "chat",
-      prompt: "hello observed run",
-      actorId: "actor-1",
-      commandId: "cmd-1",
-      runId: "run-1",
+      scopeId: 'scope-1',
+      serviceOverrideId: 'svc-1',
+      endpointId: 'chat',
+      prompt: 'hello observed run',
+      actorId: 'actor-1',
+      commandId: 'cmd-1',
+      runId: 'run-1',
       events: [
         {
-          type: "RUN_STARTED",
-          runId: "run-1",
-          threadId: "thread-1",
+          type: 'RUN_STARTED',
+          runId: 'run-1',
+          threadId: 'thread-1',
           timestamp: Date.now(),
         } as any,
         {
-          type: "CUSTOM",
-          name: "aevatar.run.context",
+          type: 'CUSTOM',
+          name: 'aevatar.run.context',
           value: {
-            actorId: "actor-1",
-            commandId: "cmd-1",
-            workflowName: "chat",
+            actorId: 'actor-1',
+            commandId: 'cmd-1',
+            workflowName: 'chat',
           },
           timestamp: Date.now(),
         } as any,
@@ -851,8 +1018,8 @@ describe("RunsPage", () => {
     });
     window.history.replaceState(
       {},
-      "",
-      `/runtime/runs?scopeId=scope-1&endpointId=chat&draftKey=${draftKey}`
+      '',
+      `/runtime/runs?scopeId=scope-1&endpointId=chat&draftKey=${draftKey}`,
     );
 
     renderWithQueryClient(React.createElement(RunsPage));
@@ -861,54 +1028,56 @@ describe("RunsPage", () => {
       expect(mockReset).toHaveBeenCalled();
       expect(mockDispatch).toHaveBeenCalledTimes(2);
     });
-    expect(screen.getAllByText("Conversation").length).toBeGreaterThan(0);
+    expect(screen.getAllByText('Conversation').length).toBeGreaterThan(0);
 
     expect(mockDispatch).toHaveBeenNthCalledWith(
       1,
       expect.objectContaining({
-        type: "RUN_STARTED",
-        runId: "run-1",
-      })
+        type: 'RUN_STARTED',
+        runId: 'run-1',
+      }),
     );
     expect(mockDispatch).toHaveBeenNthCalledWith(
       2,
       expect.objectContaining({
-        type: "CUSTOM",
-        name: "aevatar.run.context",
-      })
+        type: 'CUSTOM',
+        name: 'aevatar.run.context',
+      }),
     );
     expect(mockedRuntimeRunsApi.invokeEndpoint).not.toHaveBeenCalled();
     expect(mockedRuntimeRunsApi.streamChat).not.toHaveBeenCalled();
     expect(mockedRuntimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
-    expect(new URLSearchParams(window.location.search).get("draftKey")).toBeNull();
+    expect(
+      new URLSearchParams(window.location.search).get('draftKey'),
+    ).toBeNull();
     expect(loadDraftRunPayload(draftKey)).toBeNull();
   });
 
-  it("replays observed logs when restoring a recent run", async () => {
+  it('replays observed logs when restoring a recent run', async () => {
     saveRecentRun({
-      id: "cmd-recent",
-      scopeId: "scope-1",
-      routeName: "direct",
-      endpointId: "chat",
-      prompt: "recent replay",
-      actorId: "actor-1",
-      commandId: "cmd-1",
-      runId: "run-1",
-      status: "finished",
+      id: 'cmd-recent',
+      scopeId: 'scope-1',
+      routeName: 'direct',
+      endpointId: 'chat',
+      prompt: 'recent replay',
+      actorId: 'actor-1',
+      commandId: 'cmd-1',
+      runId: 'run-1',
+      status: 'finished',
       observedEvents: [
         {
-          type: "RUN_STARTED",
-          runId: "run-1",
-          threadId: "thread-1",
+          type: 'RUN_STARTED',
+          runId: 'run-1',
+          threadId: 'thread-1',
           timestamp: Date.now(),
         } as any,
         {
-          type: "CUSTOM",
-          name: "aevatar.run.context",
+          type: 'CUSTOM',
+          name: 'aevatar.run.context',
           value: {
-            actorId: "actor-1",
-            commandId: "cmd-1",
-            workflowName: "direct",
+            actorId: 'actor-1',
+            commandId: 'cmd-1',
+            workflowName: 'direct',
           },
           timestamp: Date.now(),
         } as any,
@@ -920,7 +1089,7 @@ describe("RunsPage", () => {
     mockDispatch.mockClear();
     mockReset.mockClear();
 
-    fireEvent.click(screen.getAllByRole("button", { name: "Restore" })[0]);
+    fireEvent.click(screen.getAllByRole('button', { name: 'Restore' })[0]);
 
     await waitFor(() => {
       expect(mockReset).toHaveBeenCalled();
@@ -930,33 +1099,33 @@ describe("RunsPage", () => {
     expect(mockDispatch).toHaveBeenNthCalledWith(
       1,
       expect.objectContaining({
-        type: "RUN_STARTED",
-        runId: "run-1",
-      })
+        type: 'RUN_STARTED',
+        runId: 'run-1',
+      }),
     );
     expect(mockDispatch).toHaveBeenNthCalledWith(
       2,
       expect.objectContaining({
-        type: "CUSTOM",
-        name: "aevatar.run.context",
-      })
+        type: 'CUSTOM',
+        name: 'aevatar.run.context',
+      }),
     );
     expect(mockedRuntimeRunsApi.invokeEndpoint).not.toHaveBeenCalled();
     expect(mockedRuntimeRunsApi.streamChat).not.toHaveBeenCalled();
     expect(mockedRuntimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
   });
 
-  it("routes chat runs through the selected workflow service when endpoint kind is chat", async () => {
+  it('routes chat runs through the selected workflow service when endpoint kind is chat', async () => {
     mockedRuntimeCatalogApi.listWorkflowCatalog.mockResolvedValue([
       {
-        name: "direct",
-        description: "Direct chat workflow",
-        category: "core",
-        group: "default",
-        groupLabel: "Default",
+        name: 'direct',
+        description: 'Direct chat workflow',
+        category: 'core',
+        group: 'default',
+        groupLabel: 'Default',
         sortOrder: 0,
-        source: "built-in",
-        sourceLabel: "Built-in",
+        source: 'built-in',
+        sourceLabel: 'Built-in',
         showInLibrary: true,
         isPrimitiveExample: false,
         requiresLlmProvider: true,
@@ -966,25 +1135,25 @@ describe("RunsPage", () => {
 
     window.history.replaceState(
       {},
-      "",
-      "/runtime/runs?scopeId=scope-1&route=direct&endpointId=support-chat&endpointKind=chat&prompt=Run%20it"
+      '',
+      '/runtime/runs?scopeId=scope-1&route=direct&endpointId=support-chat&endpointKind=chat&prompt=Run%20it',
     );
 
     renderWithQueryClient(React.createElement(RunsPage));
 
-    await screen.findByDisplayValue("Run it");
-    fireEvent.click(screen.getByRole("button", { name: "Send" }));
+    await screen.findByDisplayValue('Run it');
+    fireEvent.click(screen.getByRole('button', { name: 'Send' }));
 
     await waitFor(() => {
       expect(mockedRuntimeRunsApi.streamChat).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
-          prompt: "Run it",
+          prompt: 'Run it',
         }),
         expect.any(AbortSignal),
         {
-          serviceId: "direct",
-        }
+          serviceId: 'direct',
+        },
       );
     });
     expect(mockedRuntimeRunsApi.invokeEndpoint).not.toHaveBeenCalled();
diff --git a/apps/aevatar-console-web/src/pages/runs/index.tsx b/apps/aevatar-console-web/src/pages/runs/index.tsx
index ebea2c9be4..84a5187143 100644
--- a/apps/aevatar-console-web/src/pages/runs/index.tsx
+++ b/apps/aevatar-console-web/src/pages/runs/index.tsx
@@ -1,15 +1,11 @@
-import {
-  useHumanInteraction,
-  useRunSession,
-} from "@aevatar-react-sdk/agui";
-import { parseBackendSSEStream } from "@/shared/agui/sseFrameNormalizer";
+import { useHumanInteraction, useRunSession } from '@aevatar-react-sdk/agui';
 import {
   type AGUIEvent,
   AGUIEventType,
   CustomEventName,
   type WorkflowResumeRequest,
   type WorkflowSignalRequest,
-} from "@aevatar-react-sdk/types";
+} from '@aevatar-react-sdk/types';
 import {
   AppstoreOutlined,
   ArrowLeftOutlined,
@@ -17,158 +13,146 @@ import {
   DeploymentUnitOutlined,
   InfoCircleOutlined,
   SendOutlined,
-} from "@ant-design/icons";
-import type { ProFormInstance } from "@ant-design/pro-components";
-import {
-  PageContainer,
-} from "@ant-design/pro-components";
-import { useQuery } from "@tanstack/react-query";
-import {
-  history,
-} from "@/shared/navigation/history";
-import { sanitizeReturnTo } from "@/shared/auth/session";
-import { buildTeamDetailHref } from "@/shared/navigation/teamRoutes";
-import {
-  buildRuntimeExplorerHref,
-  buildRuntimeMissionControlHref,
-  buildRuntimeWorkflowsHref,
-} from "@/shared/navigation/runtimeRoutes";
-import {
-  Button,
-  Drawer,
-  Grid,
-  Input,
-  message,
-  Popover,
-  Space,
-  Typography,
-} from "antd";
+} from '@ant-design/icons';
+import type { ProFormInstance } from '@ant-design/pro-components';
+import { PageContainer } from '@ant-design/pro-components';
+import { useQuery } from '@tanstack/react-query';
+import { Button, Drawer, Grid, Input, Popover, Typography } from 'antd';
 import React, {
   useCallback,
   useEffect,
   useMemo,
   useRef,
   useState,
-} from "react";
+} from 'react';
 import {
   getLatestCustomEventData,
   parseStepRequestData,
   parseWaitingSignalData,
-} from "@/shared/agui/customEventData";
-import { runtimeActorsApi } from "@/shared/api/runtimeActorsApi";
-import { runtimeCatalogApi } from "@/shared/api/runtimeCatalogApi";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
-import { formatDateTime } from "@/shared/datetime/dateTime";
+} from '@/shared/agui/customEventData';
+import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
+import { runtimeActorsApi } from '@/shared/api/runtimeActorsApi';
+import { runtimeCatalogApi } from '@/shared/api/runtimeCatalogApi';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { sanitizeReturnTo } from '@/shared/auth/session';
+import { formatDateTime } from '@/shared/datetime/dateTime';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
 import {
-  clearRecentRuns,
-  loadRecentRuns,
-  type RecentRunEntry,
-  saveRecentRun,
-} from "@/shared/runs/recentRuns";
-import {
-  type RunEndpointKind,
-  normalizeRunEndpointKind,
-  resolveRunEndpointId as resolveStoredRunEndpointId,
-} from "@/shared/runs/endpointKinds";
-import { isAutoEncodableTextPayloadTypeUrl } from "@/shared/runs/protobufPayload";
+  buildRuntimeExplorerHref,
+  buildRuntimeMissionControlHref,
+  buildRuntimeWorkflowsHref,
+} from '@/shared/navigation/runtimeRoutes';
+import { buildTeamDetailHref } from '@/shared/navigation/teamRoutes';
 import {
   deleteDraftRunPayload as deleteQueuedDraftRunPayload,
   isEndpointInvocationDraftPayload,
   isObservedRunSessionPayload,
   isScopeDraftRunPayload,
   loadDraftRunPayload as loadQueuedDraftRunPayload,
-} from "@/shared/runs/draftRunSession";
+} from '@/shared/runs/draftRunSession';
 import {
-  buildWorkflowCatalogOptions,
-  findWorkflowCatalogItem,
-  listVisibleWorkflowCatalogItems,
-} from "@/shared/workflows/catalogVisibility";
+  normalizeRunEndpointKind,
+  type RunEndpointKind,
+  resolveRunEndpointId as resolveStoredRunEndpointId,
+} from '@/shared/runs/endpointKinds';
+import { isAutoEncodableTextPayloadTypeUrl } from '@/shared/runs/protobufPayload';
+import {
+  clearRecentRuns,
+  loadRecentRuns,
+  type RecentRunEntry,
+  saveRecentRun,
+} from '@/shared/runs/recentRuns';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
 import {
   cardStackStyle,
   drawerBodyStyle,
   drawerScrollStyle,
-} from "@/shared/ui/proComponents";
-import RunsInspectorPane from "./components/RunsInspectorPane";
-import RunsActionRequiredPanel from "./components/RunsActionRequiredPanel";
-import RunsEventsView from "./components/RunsEventsView";
-import RunsLaunchRail from "./components/RunsLaunchRail";
-import RunsMessagesView from "./components/RunsMessagesView";
-import RunsStatusStrip from "./components/RunsStatusStrip";
-import RunsTracePane from "./components/RunsTracePane";
-import RunsTimelineView from "./components/RunsTimelineView";
+} from '@/shared/ui/proComponents';
+import {
+  buildWorkflowCatalogOptions,
+  findWorkflowCatalogItem,
+  listVisibleWorkflowCatalogItems,
+} from '@/shared/workflows/catalogVisibility';
+import RunsActionRequiredPanel from './components/RunsActionRequiredPanel';
+import RunsEventsView from './components/RunsEventsView';
+import RunsInspectorPane from './components/RunsInspectorPane';
+import RunsLaunchRail from './components/RunsLaunchRail';
+import RunsMessagesView from './components/RunsMessagesView';
+import RunsStatusStrip from './components/RunsStatusStrip';
+import RunsTimelineView from './components/RunsTimelineView';
+import RunsTracePane from './components/RunsTracePane';
 import {
-  buildTimelineGroups,
   buildEventRows,
-  resolveRunMessageFallback,
+  buildTimelineGroups,
   isHumanApprovalSuspension,
   type RunEventRow,
   type RunTimelineGroup,
   type RunTransport,
-} from "./runEventPresentation";
+  resolveRunMessageFallback,
+} from './runEventPresentation';
 import {
-  builtInPresets,
   buildRunReadinessSummary,
+  builtInPresets,
   type ConsoleViewKey,
   defaultRunRouteName,
+  describeRunReturnTarget,
   formatElapsedDuration,
+  getRunStatusLabel,
   type HumanInputRecord,
-  readInitialRunFormValues,
-  describeRunReturnTarget,
   type RecentRunTableRow,
   type ResumeFormValues,
   type RunFocusRecord,
   type RunFormValues,
   type RunStatusValue,
-  runStatusValueEnum,
+  type RunSummaryRecord,
+  readInitialRunFormValues,
   runsWorkbenchMonitorStyle,
   runsWorkbenchShellStyle,
-  type RunSummaryRecord,
   type SelectedRouteRecord,
   type SignalFormValues,
-  getRunStatusLabel,
   trimOptional,
   type WaitingSignalRecord,
   workbenchOverviewGridStyle,
-} from "./runWorkbenchConfig";
-import { t } from "@/shared/i18n/messages";
+} from './runWorkbenchConfig';
 
 const runsWorkbenchHeaderBarStyle: React.CSSProperties = {
-  alignItems: "center",
-  background: "var(--ant-color-bg-container)",
-  border: "1px solid var(--ant-color-border-secondary)",
+  alignItems: 'center',
+  background: 'var(--ant-color-bg-container)',
+  border: '1px solid var(--ant-color-border-secondary)',
   borderRadius: 10,
-  display: "flex",
-  flexWrap: "wrap",
+  display: 'flex',
+  flexWrap: 'wrap',
   gap: 12,
-  justifyContent: "space-between",
-  padding: "10px 12px",
+  justifyContent: 'space-between',
+  padding: '10px 12px',
 };
 
 const runsWorkbenchHeaderTitleStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "flex",
+  alignItems: 'center',
+  display: 'flex',
   gap: 8,
   minWidth: 0,
 };
 
 const runsWorkbenchHeaderActionStyle: React.CSSProperties = {
-  alignItems: "center",
-  backdropFilter: "blur(10px)",
+  alignItems: 'center',
+  backdropFilter: 'blur(10px)',
   background:
-    "linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(255, 255, 255, 0.78) 100%)",
-  border: "1px solid rgba(226, 232, 240, 0.95)",
+    'linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(255, 255, 255, 0.78) 100%)',
+  border: '1px solid rgba(226, 232, 240, 0.95)',
   borderRadius: 16,
-  display: "flex",
-  flexWrap: "wrap",
+  display: 'flex',
+  flexWrap: 'wrap',
   gap: 8,
-  justifyContent: "flex-end",
+  justifyContent: 'flex-end',
   padding: 4,
 };
 
-const runsWorkbenchHeaderToolbarClassName = "runs-workbench-header-toolbar";
-const runsWorkbenchHeaderButtonClassName = "runs-workbench-header-button";
+const runsWorkbenchHeaderToolbarClassName = 'runs-workbench-header-toolbar';
+const runsWorkbenchHeaderButtonClassName = 'runs-workbench-header-button';
 const runsWorkbenchHeaderButtonAccentClassName =
-  "runs-workbench-header-button-accent";
+  'runs-workbench-header-button-accent';
 
 const runsWorkbenchHeaderToolbarCss = `
 .${runsWorkbenchHeaderToolbarClassName} .${runsWorkbenchHeaderButtonClassName} {
@@ -242,89 +226,89 @@ const runsWorkbenchHeaderToolbarCss = `
 `;
 
 const runsSetupStateStyle: React.CSSProperties = {
-  display: "flex",
+  display: 'flex',
   flex: 1,
-  justifyContent: "center",
+  justifyContent: 'center',
   minHeight: 0,
-  overflow: "hidden",
+  overflow: 'hidden',
 };
 
 const runsSetupRailViewportStyle: React.CSSProperties = {
-  display: "flex",
+  display: 'flex',
   flex: 1,
   maxWidth: 920,
   minHeight: 0,
-  overflow: "hidden",
-  width: "100%",
+  overflow: 'hidden',
+  width: '100%',
 };
 
 const runsRunStateStyle: React.CSSProperties = {
-  display: "flex",
+  display: 'flex',
   flex: 1,
   minHeight: 0,
-  overflow: "hidden",
+  overflow: 'hidden',
 };
 
 const runsChatLayoutStyle: React.CSSProperties = {
-  display: "grid",
+  display: 'grid',
   flex: 1,
   gap: 16,
-  gridTemplateColumns: "minmax(272px, 320px) minmax(0, 1fr)",
+  gridTemplateColumns: 'minmax(272px, 320px) minmax(0, 1fr)',
   minHeight: 0,
-  overflow: "hidden",
+  overflow: 'hidden',
 };
 
 const runsChatCompactLayoutStyle: React.CSSProperties = {
   ...runsChatLayoutStyle,
-  gridTemplateColumns: "minmax(0, 1fr)",
-  overflowX: "hidden",
-  overflowY: "auto",
+  gridTemplateColumns: 'minmax(0, 1fr)',
+  overflowX: 'hidden',
+  overflowY: 'auto',
 };
 
 const runsChatSidebarStyle: React.CSSProperties = {
-  display: "flex",
+  display: 'flex',
   flex: 1,
-  flexDirection: "column",
+  flexDirection: 'column',
   minHeight: 0,
   minWidth: 0,
-  overflow: "hidden",
+  overflow: 'hidden',
 };
 
 const runsChatMainStyle: React.CSSProperties = {
-  display: "flex",
+  display: 'flex',
   flex: 1,
-  flexDirection: "column",
+  flexDirection: 'column',
   gap: 12,
   minHeight: 0,
   minWidth: 0,
-  overflow: "hidden",
+  overflow: 'hidden',
 };
 
 const runsChatTraceWrapStyle: React.CSSProperties = {
-  display: "flex",
+  display: 'flex',
   flex: 1,
   minHeight: 0,
   minWidth: 0,
-  overflow: "hidden",
+  overflow: 'hidden',
 };
 
 const runsChatComposerCardStyle: React.CSSProperties = {
   background:
-    "linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%)",
-  border: "1px solid rgba(148, 163, 184, 0.18)",
+    'linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%)',
+  border: '1px solid rgba(148, 163, 184, 0.18)',
   borderRadius: 20,
-  boxShadow: "0 18px 40px rgba(15, 23, 42, 0.08)",
-  display: "flex",
-  flexDirection: "column",
+  boxShadow: '0 18px 40px rgba(15, 23, 42, 0.08)',
+  display: 'flex',
+  flexDirection: 'column',
   gap: 12,
-  padding: "14px 16px 16px",
-  position: "relative",
+  padding: '14px 16px 16px',
+  position: 'relative',
 };
 
 const runsChatComposerActionsStyle: React.CSSProperties = {
-  display: "flex",
-  flex: "0 0 auto",
-  flexDirection: "column",
+  display: 'flex',
+  flex: '0 0 auto',
+  flexDirection: 'column',
   gap: 10,
 };
 
@@ -334,80 +318,80 @@ const runsChatComposerInputWrapStyle: React.CSSProperties = {
 };
 
 const runsChatComposerHeaderStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "flex",
-  flexWrap: "wrap",
+  alignItems: 'center',
+  display: 'flex',
+  flexWrap: 'wrap',
   gap: 12,
-  justifyContent: "space-between",
+  justifyContent: 'space-between',
 };
 
 const runsChatComposerLabelStyle: React.CSSProperties = {
-  color: "var(--ant-color-primary)",
+  color: 'var(--ant-color-primary)',
   fontSize: 12,
   fontWeight: 700,
-  letterSpacing: "0.08em",
+  letterSpacing: '0.08em',
   lineHeight: 1,
-  textTransform: "uppercase",
+  textTransform: 'uppercase',
 };
 
 const runsChatComposerHintStyle: React.CSSProperties = {
-  color: "var(--ant-color-text-secondary)",
+  color: 'var(--ant-color-text-secondary)',
   fontSize: 12,
 };
 
 const runsChatComposerContextStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "flex",
-  flexWrap: "wrap",
+  alignItems: 'center',
+  display: 'flex',
+  flexWrap: 'wrap',
   gap: 6,
-  justifyContent: "flex-end",
+  justifyContent: 'flex-end',
 };
 
 const runsChatComposerContextTagStyle: React.CSSProperties = {
-  background: "rgba(255, 255, 255, 0.78)",
-  border: "1px solid rgba(148, 163, 184, 0.22)",
+  background: 'rgba(255, 255, 255, 0.78)',
+  border: '1px solid rgba(148, 163, 184, 0.22)',
   borderRadius: 999,
-  color: "var(--ant-color-text-secondary)",
+  color: 'var(--ant-color-text-secondary)',
   fontSize: 12,
   fontWeight: 600,
-  lineHeight: "18px",
+  lineHeight: '18px',
   maxWidth: 240,
-  overflow: "hidden",
-  padding: "3px 8px",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
+  overflow: 'hidden',
+  padding: '3px 8px',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
 };
 
 const runsChatComposerWarningStyle: React.CSSProperties = {
-  color: "var(--ant-color-warning-text)",
+  color: 'var(--ant-color-warning-text)',
   fontSize: 12,
-  lineHeight: "18px",
-  textAlign: "right",
+  lineHeight: '18px',
+  textAlign: 'right',
 };
 
 const runsChatComposerSendButtonStyle: React.CSSProperties = {
   borderRadius: 14,
-  boxShadow: "0 12px 24px rgba(22, 119, 255, 0.2)",
+  boxShadow: '0 12px 24px rgba(22, 119, 255, 0.2)',
   fontWeight: 600,
   height: 46,
   paddingInline: 20,
 };
 
 const runsChatComposerTextareaStyle: React.CSSProperties = {
-  background: "transparent",
-  border: "none",
-  boxShadow: "none",
-  color: "var(--ant-color-text)",
+  background: 'transparent',
+  border: 'none',
+  boxShadow: 'none',
+  color: 'var(--ant-color-text)',
   fontSize: 15,
   lineHeight: 1.65,
   padding: 0,
 };
 
-const runsChatComposerClassName = "runs-chat-composer";
-const runsChatComposerBodyClassName = "runs-chat-composer-body";
-const runsChatComposerInputShellClassName = "runs-chat-composer-input-shell";
-const runsChatComposerInputClassName = "runs-chat-composer-input";
-const runsChatComposerActionsClassName = "runs-chat-composer-actions";
+const runsChatComposerClassName = 'runs-chat-composer';
+const runsChatComposerBodyClassName = 'runs-chat-composer-body';
+const runsChatComposerInputShellClassName = 'runs-chat-composer-input-shell';
+const runsChatComposerInputClassName = 'runs-chat-composer-input';
+const runsChatComposerActionsClassName = 'runs-chat-composer-actions';
 
 const runsChatComposerCss = `
 .${runsChatComposerClassName} {
@@ -509,30 +493,30 @@ const runsChatComposerCss = `
 function resolveRequestedServiceId(
   request: Pick<
     RunFormValues,
-    "endpointId" | "endpointKind" | "routeName" | "serviceOverrideId"
+    'endpointId' | 'endpointKind' | 'routeName' | 'serviceOverrideId'
   >,
-  draftMode: boolean
+  draftMode: boolean,
 ): string {
   if (draftMode) {
-    return "";
+    return '';
   }
 
   const normalizedEndpointKind = normalizeRunEndpointKind(
     request.endpointKind,
-    request.endpointId
+    request.endpointId,
   );
   const normalizedServiceOverrideId =
-    trimOptional(request.serviceOverrideId) || "";
-  if (normalizedEndpointKind !== "chat") {
+    trimOptional(request.serviceOverrideId) || '';
+  if (normalizedEndpointKind !== 'chat') {
     return normalizedServiceOverrideId;
   }
 
-  return normalizedServiceOverrideId || trimOptional(request.routeName) || "";
+  return normalizedServiceOverrideId || trimOptional(request.routeName) || '';
 }
 
 function extractMissingServiceId(messageText: string): string {
   const match = messageText.match(/Service '([^']+)' was not found/i);
-  return match?.[1]?.trim() ?? "";
+  return match?.[1]?.trim() ?? '';
 }
 
 function isMissingScopeServiceError(messageText: string): boolean {
@@ -540,54 +524,56 @@ function isMissingScopeServiceError(messageText: string): boolean {
 }
 
 function resolveConsoleViewForEndpoint(
-  endpointKind: RunEndpointKind
+  endpointKind: RunEndpointKind,
 ): ConsoleViewKey {
-  return endpointKind === "chat" ? "messages" : "timeline";
+  return endpointKind === 'chat' ? 'messages' : 'timeline';
 }
 
 const RunsPage: React.FC = () => {
   const screens = Grid.useBreakpoint();
   const hasResolvedBreakpoint = Object.values(screens).some(Boolean);
   const useCompactChatLayout = hasResolvedBreakpoint && screens.md === false;
-  const [messageApi, messageContextHolder] = message.useMessage();
+  const toast = useConsoleToast();
   const urlInitialFormValues = useMemo(() => readInitialRunFormValues(), []);
   const draftRunKey = useMemo(() => {
-    if (typeof window === "undefined") {
-      return "";
+    if (typeof window === 'undefined') {
+      return '';
     }
 
-    return new URLSearchParams(window.location.search).get("draftKey") ?? "";
+    return new URLSearchParams(window.location.search).get('draftKey') ?? '';
   }, []);
   const requestedReturnTo = useMemo(() => {
-    if (typeof window === "undefined") {
-      return "";
+    if (typeof window === 'undefined') {
+      return '';
     }
 
-    const returnTo = new URLSearchParams(window.location.search).get("returnTo");
-    return returnTo ? sanitizeReturnTo(returnTo) : "";
+    const returnTo = new URLSearchParams(window.location.search).get(
+      'returnTo',
+    );
+    return returnTo ? sanitizeReturnTo(returnTo) : '';
   }, []);
   const draftRunPayload = useMemo(
     () => loadQueuedDraftRunPayload(draftRunKey),
-    [draftRunKey]
+    [draftRunKey],
   );
   const scopeDraftPayload = useMemo(
     () =>
       isScopeDraftRunPayload(draftRunPayload) ? draftRunPayload : undefined,
-    [draftRunPayload]
+    [draftRunPayload],
   );
   const endpointInvocationDraftPayload = useMemo(
     () =>
       isEndpointInvocationDraftPayload(draftRunPayload)
         ? draftRunPayload
         : undefined,
-    [draftRunPayload]
+    [draftRunPayload],
   );
   const observedRunDraftPayload = useMemo(
     () =>
       isObservedRunSessionPayload(draftRunPayload)
         ? draftRunPayload
         : undefined,
-    [draftRunPayload]
+    [draftRunPayload],
   );
   const initialFormValues = useMemo(
     () => ({
@@ -601,8 +587,7 @@ const RunsPage: React.FC = () => {
         observedRunDraftPayload?.prompt ??
         endpointInvocationDraftPayload?.prompt ??
         urlInitialFormValues.prompt,
-      scopeId:
-        observedRunDraftPayload?.scopeId ?? urlInitialFormValues.scopeId,
+      scopeId: observedRunDraftPayload?.scopeId ?? urlInitialFormValues.scopeId,
       serviceOverrideId:
         observedRunDraftPayload?.serviceOverrideId ??
         endpointInvocationDraftPayload?.serviceOverrideId ??
@@ -623,112 +608,111 @@ const RunsPage: React.FC = () => {
         observedRunDraftPayload?.payloadBase64 ??
         endpointInvocationDraftPayload?.payloadBase64 ??
         urlInitialFormValues.payloadBase64,
-      actorId:
-        observedRunDraftPayload?.actorId ?? urlInitialFormValues.actorId,
+      actorId: observedRunDraftPayload?.actorId ?? urlInitialFormValues.actorId,
     }),
     [
       endpointInvocationDraftPayload,
       observedRunDraftPayload,
       urlInitialFormValues,
-    ]
+    ],
   );
   const composerFormRef = useRef<ProFormInstance<RunFormValues> | undefined>(
-    undefined
+    undefined,
   );
-  const [catalogSearch, setCatalogSearch] = useState("");
+  const [catalogSearch, setCatalogSearch] = useState('');
   const [selectedRouteName, setSelectedRouteName] = useState(
     scopeDraftPayload?.bundleName ??
       (endpointInvocationDraftPayload || observedRunDraftPayload
-        ? ""
+        ? ''
         : undefined) ??
       initialFormValues.routeName ??
-      defaultRunRouteName
+      defaultRunRouteName,
   );
   const [recentRuns, setRecentRuns] = useState<RecentRunEntry[]>(() =>
-    loadRecentRuns()
+    loadRecentRuns(),
   );
   const [selectedTransport, setSelectedTransport] = useState<RunTransport>(
-    initialFormValues.transport
+    initialFormValues.transport,
   );
-  const [selectedTraceItemKey, setSelectedTraceItemKey] = useState("");
+  const [selectedTraceItemKey, setSelectedTraceItemKey] = useState('');
   const [activeTransport, setActiveTransport] = useState<RunTransport>(
-    initialFormValues.transport
+    initialFormValues.transport,
   );
   const [consoleView, setConsoleView] = useState<ConsoleViewKey>(() =>
     resolveConsoleViewForEndpoint(
       normalizeRunEndpointKind(
         initialFormValues.endpointKind,
-        initialFormValues.endpointId
-      )
-    )
+        initialFormValues.endpointId,
+      ),
+    ),
   );
   const [hasStartedRun, setHasStartedRun] = useState(false);
   const [isInspectorDrawerOpen, setIsInspectorDrawerOpen] = useState(false);
   const [isSetupDrawerOpen, setIsSetupDrawerOpen] = useState(false);
   const [runStartedAtMs, setRunStartedAtMs] = useState<number | undefined>(
-    undefined
+    undefined,
   );
   const [elapsedNow, setElapsedNow] = useState(() => Date.now());
   const [transportIssue, setTransportIssue] = useState<
     { code?: string; message: string } | undefined
   >(undefined);
   const [activeScopeId, setActiveScopeId] = useState(
-    initialFormValues.scopeId ?? ""
+    initialFormValues.scopeId ?? '',
   );
   const [activeServiceOverrideId, setActiveServiceOverrideId] = useState(
-    initialFormValues.serviceOverrideId ?? ""
+    initialFormValues.serviceOverrideId ?? '',
   );
   const [activeEndpointKind, setActiveEndpointKind] = useState<RunEndpointKind>(
     normalizeRunEndpointKind(
       initialFormValues.endpointKind,
-      initialFormValues.endpointId
-    )
+      initialFormValues.endpointId,
+    ),
   );
   const [activeEndpointId, setActiveEndpointId] = useState(
     resolveStoredRunEndpointId(
       initialFormValues.endpointKind,
-      initialFormValues.endpointId
-    )
+      initialFormValues.endpointId,
+    ),
   );
   const [composerPrompt, setComposerPrompt] = useState(
-    initialFormValues.prompt ?? ""
+    initialFormValues.prompt ?? '',
   );
   const [activePrompt, setActivePrompt] = useState(
-    initialFormValues.prompt ?? ""
+    initialFormValues.prompt ?? '',
   );
   const [activePayloadTypeUrl, setActivePayloadTypeUrl] = useState(
-    initialFormValues.payloadTypeUrl ?? ""
+    initialFormValues.payloadTypeUrl ?? '',
   );
   const [activePayloadBase64, setActivePayloadBase64] = useState(
-    initialFormValues.payloadBase64 ?? ""
+    initialFormValues.payloadBase64 ?? '',
   );
   const handleRouteSelection = useCallback((value: string) => {
-    const normalizedValue = value ?? "";
+    const normalizedValue = value ?? '';
     setSelectedRouteName((currentValue) =>
-      currentValue === normalizedValue ? currentValue : normalizedValue
+      currentValue === normalizedValue ? currentValue : normalizedValue,
     );
   }, []);
   const handleEndpointKindChange = useCallback((value: RunEndpointKind) => {
     setActiveEndpointKind((currentValue) =>
-      currentValue === value ? currentValue : value
+      currentValue === value ? currentValue : value,
     );
   }, []);
   const handleEndpointChange = useCallback((value: string) => {
     const normalizedValue = value.trim();
     setActiveEndpointId((currentValue) =>
-      currentValue === normalizedValue ? currentValue : normalizedValue
+      currentValue === normalizedValue ? currentValue : normalizedValue,
     );
   }, []);
   const handleScopeIdChange = useCallback((value: string) => {
     const normalizedValue = value.trim();
     setActiveScopeId((currentValue) =>
-      currentValue === normalizedValue ? currentValue : normalizedValue
+      currentValue === normalizedValue ? currentValue : normalizedValue,
     );
   }, []);
   const handleComposerPromptChange = useCallback((value: string) => {
     setComposerPrompt(value);
     if (composerFormRef.current?.setFieldValue) {
-      composerFormRef.current.setFieldValue("prompt", value);
+      composerFormRef.current.setFieldValue('prompt', value);
       return;
     }
 
@@ -738,7 +722,7 @@ const RunsPage: React.FC = () => {
   }, []);
   const handleTransportChange = useCallback((value: RunTransport) => {
     setSelectedTransport((currentValue) =>
-      currentValue === value ? currentValue : value
+      currentValue === value ? currentValue : value,
     );
   }, []);
   const stopActiveRunRef = useRef<(() => void) | undefined>(undefined);
@@ -746,7 +730,7 @@ const RunsPage: React.FC = () => {
   const hydratedObservedRunRef = useRef(false);
 
   const workflowCatalogQuery = useQuery({
-    queryKey: ["workflow-catalog"],
+    queryKey: ['workflow-catalog'],
     queryFn: () => runtimeCatalogApi.listWorkflowCatalog(),
   });
 
@@ -779,24 +763,24 @@ const RunsPage: React.FC = () => {
       setHasStartedRun(true);
       setActiveTransport(selectedTransport);
       setActiveScopeId(snapshot.scopeId);
-      setActiveServiceOverrideId(snapshot.serviceOverrideId ?? "");
+      setActiveServiceOverrideId(snapshot.serviceOverrideId ?? '');
       setActiveEndpointKind(
-        normalizeRunEndpointKind(snapshot.endpointKind, snapshot.endpointId)
+        normalizeRunEndpointKind(snapshot.endpointKind, snapshot.endpointId),
       );
       setActiveEndpointId(
-        resolveStoredRunEndpointId(snapshot.endpointKind, snapshot.endpointId)
+        resolveStoredRunEndpointId(snapshot.endpointKind, snapshot.endpointId),
       );
-      setSelectedRouteName(snapshot.routeName ?? "");
-      setSelectedTraceItemKey("");
+      setSelectedRouteName(snapshot.routeName ?? '');
+      setSelectedTraceItemKey('');
       setConsoleView(
         resolveConsoleViewForEndpoint(
-          normalizeRunEndpointKind(snapshot.endpointKind, snapshot.endpointId)
-        )
+          normalizeRunEndpointKind(snapshot.endpointKind, snapshot.endpointId),
+        ),
       );
       setComposerPrompt(snapshot.prompt);
       setActivePrompt(snapshot.prompt);
-      setActivePayloadTypeUrl(snapshot.payloadTypeUrl ?? "");
-      setActivePayloadBase64(snapshot.payloadBase64 ?? "");
+      setActivePayloadTypeUrl(snapshot.payloadTypeUrl ?? '');
+      setActivePayloadBase64(snapshot.payloadBase64 ?? '');
       setRunStartedAtMs(Date.now());
 
       composerFormRef.current?.setFieldsValue({
@@ -805,7 +789,7 @@ const RunsPage: React.FC = () => {
         endpointId: snapshot.endpointId,
         endpointKind: normalizeRunEndpointKind(
           snapshot.endpointKind,
-          snapshot.endpointId
+          snapshot.endpointId,
         ),
         payloadBase64: snapshot.payloadBase64,
         payloadTypeUrl: snapshot.payloadTypeUrl,
@@ -820,7 +804,7 @@ const RunsPage: React.FC = () => {
         dispatch(event);
       });
     },
-    [abortRun, dispatch, initialFormValues, reset, selectedTransport]
+    [abortRun, dispatch, initialFormValues, reset, selectedTransport],
   );
 
   const reportTransportError = useCallback(
@@ -831,43 +815,41 @@ const RunsPage: React.FC = () => {
         message: messageText,
         code,
       });
-      messageApi.error(code ? `${code}: ${messageText}` : messageText);
+      toast.error(
+        t('pages.runs.index.run.request.failed', 'Could not start the run.'),
+      );
     },
-    [dispatch, messageApi]
+    [dispatch, toast],
   );
 
   const sendRun = useCallback(
-    async (
-      scopeId: string,
-      request: RunFormValues
-    ) => {
+    async (scopeId: string, request: RunFormValues) => {
       const runAttempt = async (
         requestedRun: RunFormValues,
-        allowMissingServiceRecovery: boolean
+        allowMissingServiceRecovery: boolean,
       ): Promise<void> => {
         const normalizedScopeId = scopeId.trim();
         const normalizedEndpointKind = normalizeRunEndpointKind(
           requestedRun.endpointKind,
-          requestedRun.endpointId
+          requestedRun.endpointId,
         );
         const normalizedEndpointId = resolveStoredRunEndpointId(
           normalizedEndpointKind,
-          requestedRun.endpointId
+          requestedRun.endpointId,
         );
         const resolvedServiceId = resolveRequestedServiceId(
           requestedRun,
-          Boolean(scopeDraftPayload)
+          Boolean(scopeDraftPayload),
         );
         const requestedPayloadTypeUrl =
-          requestedRun.payloadTypeUrl?.trim() ?? "";
-        const requestedPayloadBase64 =
-          requestedRun.payloadBase64?.trim() ?? "";
+          requestedRun.payloadTypeUrl?.trim() ?? '';
+        const requestedPayloadBase64 = requestedRun.payloadBase64?.trim() ?? '';
 
         if (!normalizedScopeId) {
-          throw new Error("Workspace ID is required.");
+          throw new Error('Workspace ID is required.');
         }
-        if (normalizedEndpointKind === "command" && !normalizedEndpointId) {
-          throw new Error("Endpoint ID is required for command invokes.");
+        if (normalizedEndpointKind === 'command' && !normalizedEndpointId) {
+          throw new Error('Endpoint ID is required for command invokes.');
         }
         if (
           requestedPayloadTypeUrl &&
@@ -875,7 +857,7 @@ const RunsPage: React.FC = () => {
           !isAutoEncodableTextPayloadTypeUrl(requestedPayloadTypeUrl)
         ) {
           throw new Error(
-            `payloadBase64 is required for payloadTypeUrl '${requestedPayloadTypeUrl}'.`
+            `payloadBase64 is required for payloadTypeUrl '${requestedPayloadTypeUrl}'.`,
           );
         }
 
@@ -890,8 +872,8 @@ const RunsPage: React.FC = () => {
         setActiveEndpointId(normalizedEndpointId);
         setComposerPrompt(requestedRun.prompt);
         setActivePrompt(requestedRun.prompt);
-        setActivePayloadTypeUrl(requestedRun.payloadTypeUrl ?? "");
-        setActivePayloadBase64(requestedRun.payloadBase64 ?? "");
+        setActivePayloadTypeUrl(requestedRun.payloadTypeUrl ?? '');
+        setActivePayloadBase64(requestedRun.payloadBase64 ?? '');
         setConsoleView(resolveConsoleViewForEndpoint(normalizedEndpointKind));
         setRunStartedAtMs(Date.now());
         setStreaming(true);
@@ -907,9 +889,9 @@ const RunsPage: React.FC = () => {
                   prompt: requestedRun.prompt,
                   workflowYamls: scopeDraftPayload.bundleYamls,
                 },
-                controller.signal
+                controller.signal,
               )
-            : normalizedEndpointKind === "chat" &&
+            : normalizedEndpointKind === 'chat' &&
                 !requestedRun.payloadTypeUrl?.trim() &&
                 !requestedRun.payloadBase64?.trim()
               ? await runtimeRunsApi.streamChat(
@@ -921,7 +903,7 @@ const RunsPage: React.FC = () => {
                   controller.signal,
                   {
                     serviceId: resolvedServiceId || undefined,
-                  }
+                  },
                 )
               : null;
 
@@ -935,21 +917,22 @@ const RunsPage: React.FC = () => {
 
               if (
                 allowMissingServiceRecovery &&
-                normalizedEndpointKind === "chat" &&
+                normalizedEndpointKind === 'chat' &&
                 resolvedServiceId &&
                 event.type === AGUIEventType.RUN_ERROR &&
-                isMissingScopeServiceError(event.message ?? "")
+                isMissingScopeServiceError(event.message ?? '')
               ) {
                 composerFormRef.current?.setFieldsValue({
                   routeName: undefined,
                   serviceOverrideId: undefined,
                 });
-                setSelectedRouteName("");
-                setActiveServiceOverrideId("");
-                messageApi.warning(
-                  `Selected service '${extractMissingServiceId(
-                    event.message ?? ""
-                  )}' is no longer available. Retrying with the workspace default binding.`
+                setSelectedRouteName('');
+                setActiveServiceOverrideId('');
+                toast.warning(
+                  t(
+                    'pages.runs.index.selected.service.unavailable',
+                    'The selected service is unavailable. Retrying with the workspace default.',
+                  ),
                 );
                 await runAttempt(
                   {
@@ -957,7 +940,7 @@ const RunsPage: React.FC = () => {
                     routeName: undefined,
                     serviceOverrideId: undefined,
                   },
-                  false
+                  false,
                 );
                 return;
               }
@@ -976,26 +959,24 @@ const RunsPage: React.FC = () => {
               },
               {
                 serviceId: resolvedServiceId || undefined,
-              }
+              },
             );
             const receiptRunId =
               String(
                 receipt.request_id ??
                   receipt.requestId ??
                   receipt.commandId ??
-                  ""
+                  '',
               ).trim() || `${normalizedEndpointId}-${Date.now().toString(36)}`;
             const receiptActorId = String(
               receipt.target_actor_id ??
                 receipt.targetActorId ??
                 receipt.actorId ??
-                ""
+                '',
             ).trim();
             const receiptCorrelationId =
               String(
-                receipt.correlation_id ??
-                  receipt.correlationId ??
-                  receiptRunId
+                receipt.correlation_id ?? receipt.correlationId ?? receiptRunId,
               ).trim() || receiptRunId;
 
             dispatch({
@@ -1011,23 +992,26 @@ const RunsPage: React.FC = () => {
                 workflowName: normalizedEndpointId,
                 commandId:
                   String(
-                    receipt.command_id ?? receipt.commandId ?? ""
+                    receipt.command_id ?? receipt.commandId ?? '',
                   ).trim() || undefined,
               },
             });
-            messageApi.success(
-              `Endpoint ${normalizedEndpointId} accepted with request ${receiptRunId}.`
+            toast.info(
+              t(
+                'pages.runs.index.invocation.accepted.waiting.for.activity',
+                'Invocation accepted. Waiting for activity.',
+              ),
             );
           }
         } catch (error) {
-          if (error instanceof Error && error.name === "AbortError") {
+          if (error instanceof Error && error.name === 'AbortError') {
             return;
           }
 
           const text = error instanceof Error ? error.message : String(error);
           if (
             allowMissingServiceRecovery &&
-            normalizedEndpointKind === "chat" &&
+            normalizedEndpointKind === 'chat' &&
             resolvedServiceId &&
             isMissingScopeServiceError(text)
           ) {
@@ -1035,12 +1019,13 @@ const RunsPage: React.FC = () => {
               routeName: undefined,
               serviceOverrideId: undefined,
             });
-            setSelectedRouteName("");
-            setActiveServiceOverrideId("");
-            messageApi.warning(
-              `Selected service '${extractMissingServiceId(
-                text
-              )}' is no longer available. Retrying with the workspace default binding.`
+            setSelectedRouteName('');
+            setActiveServiceOverrideId('');
+            toast.warning(
+              t(
+                'pages.runs.index.selected.service.unavailable',
+                'The selected service is unavailable. Retrying with the workspace default.',
+              ),
             );
             await runAttempt(
               {
@@ -1048,7 +1033,7 @@ const RunsPage: React.FC = () => {
                 routeName: undefined,
                 serviceOverrideId: undefined,
               },
-              false
+              false,
             );
             return;
           }
@@ -1066,18 +1051,18 @@ const RunsPage: React.FC = () => {
       abortRun,
       composerFormRef,
       dispatch,
-      messageApi,
       reportTransportError,
       reset,
       scopeDraftPayload,
-    ]
+      toast,
+    ],
   );
 
   const resolveRunScopeId = useCallback(() => {
     return (
       activeScopeId.trim() ||
-      composerFormRef.current?.getFieldValue("scopeId")?.trim?.() ||
-      ""
+      composerFormRef.current?.getFieldValue('scopeId')?.trim?.() ||
+      ''
     );
   }, [activeScopeId]);
 
@@ -1088,25 +1073,25 @@ const RunsPage: React.FC = () => {
 
     const scopeId = resolveRunScopeId();
     if (!scopeId) {
-      return "";
+      return '';
     }
 
     return buildTeamDetailHref({
       scopeId,
-      tab: "overview",
+      tab: 'overview',
       runId: session.runId || undefined,
     });
   }, [requestedReturnTo, resolveRunScopeId, session.runId]);
   const returnTargetLabel = useMemo(
     () => describeRunReturnTarget(teamAdvancedHref),
-    [teamAdvancedHref]
+    [teamAdvancedHref],
   );
 
   const resolveRunServiceOverrideId = useCallback(() => {
     return (
       activeServiceOverrideId.trim() ||
-      composerFormRef.current?.getFieldValue("serviceOverrideId")?.trim?.() ||
-      ""
+      composerFormRef.current?.getFieldValue('serviceOverrideId')?.trim?.() ||
+      ''
     );
   }, [activeServiceOverrideId]);
 
@@ -1114,7 +1099,7 @@ const RunsPage: React.FC = () => {
     return normalizeRunEndpointKind(
       activeEndpointKind,
       activeEndpointId ||
-        composerFormRef.current?.getFieldValue("endpointId")?.trim?.()
+        composerFormRef.current?.getFieldValue('endpointId')?.trim?.(),
     );
   }, [activeEndpointId, activeEndpointKind]);
 
@@ -1122,7 +1107,7 @@ const RunsPage: React.FC = () => {
     return resolveStoredRunEndpointId(
       resolveRunEndpointKind(),
       activeEndpointId ||
-        composerFormRef.current?.getFieldValue("endpointId")?.trim?.()
+        composerFormRef.current?.getFieldValue('endpointId')?.trim?.(),
     );
   }, [activeEndpointId, resolveRunEndpointKind]);
 
@@ -1131,7 +1116,7 @@ const RunsPage: React.FC = () => {
       const scopeId = resolveRunScopeId();
       const serviceOverrideId = resolveRunServiceOverrideId();
       if (!scopeId) {
-        throw new Error("Workspace ID is required to resume a run.");
+        throw new Error('Workspace ID is required to resume a run.');
       }
 
       return runtimeRunsApi.resume(scopeId, request, {
@@ -1142,7 +1127,7 @@ const RunsPage: React.FC = () => {
       const scopeId = resolveRunScopeId();
       const serviceOverrideId = resolveRunServiceOverrideId();
       if (!scopeId) {
-        throw new Error("Workspace ID is required to signal a run.");
+        throw new Error('Workspace ID is required to signal a run.');
       }
 
       return runtimeRunsApi.signal(scopeId, request, {
@@ -1165,15 +1150,15 @@ const RunsPage: React.FC = () => {
     hydratedObservedRunRef.current = true;
     deleteQueuedDraftRunPayload(draftRunKey);
 
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
       const searchParams = new URLSearchParams(window.location.search);
-      searchParams.delete("draftKey");
+      searchParams.delete('draftKey');
       const search = searchParams.toString();
       // Avoid router remount during observed-session handoff; we only need to clean the URL.
       window.history.replaceState(
         window.history.state,
-        "",
-        `${window.location.pathname}${search ? `?${search}` : ""}${window.location.hash}`
+        '',
+        `${window.location.pathname}${search ? `?${search}` : ''}${window.location.hash}`,
       );
     }
 
@@ -1189,19 +1174,15 @@ const RunsPage: React.FC = () => {
       scopeId: observedRunDraftPayload.scopeId,
       serviceOverrideId: observedRunDraftPayload.serviceOverrideId,
     });
-  }, [
-    draftRunKey,
-    hydrateObservedSession,
-    observedRunDraftPayload,
-  ]);
+  }, [draftRunKey, hydrateObservedSession, observedRunDraftPayload]);
 
   useEffect(() => {
     if (!scopeDraftPayload || !draftRunKey || autoStartedDraftRunRef.current) {
       return;
     }
 
-    const scopeId = initialFormValues.scopeId?.trim() ?? "";
-    const prompt = initialFormValues.prompt?.trim() ?? "";
+    const scopeId = initialFormValues.scopeId?.trim() ?? '';
+    const prompt = initialFormValues.prompt?.trim() ?? '';
     if (!scopeId || !prompt) {
       return;
     }
@@ -1209,30 +1190,30 @@ const RunsPage: React.FC = () => {
     autoStartedDraftRunRef.current = true;
     deleteQueuedDraftRunPayload(draftRunKey);
 
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
       const searchParams = new URLSearchParams(window.location.search);
-      searchParams.delete("draftKey");
+      searchParams.delete('draftKey');
       const search = searchParams.toString();
       // Avoid router remount during auto-start handoff; we only need to clean the URL.
       window.history.replaceState(
         window.history.state,
-        "",
-        `${window.location.pathname}${search ? `?${search}` : ""}${window.location.hash}`
+        '',
+        `${window.location.pathname}${search ? `?${search}` : ''}${window.location.hash}`,
       );
     }
 
     void sendRun(scopeId, {
       ...initialFormValues,
       actorId: undefined,
-      endpointId: "chat",
-      endpointKind: "chat",
+      endpointId: 'chat',
+      endpointKind: 'chat',
       payloadBase64: undefined,
       payloadTypeUrl: undefined,
       prompt,
       scopeId,
       serviceOverrideId: undefined,
       routeName: scopeDraftPayload.bundleName,
-      transport: initialFormValues.transport ?? "sse",
+      transport: initialFormValues.transport ?? 'sse',
     });
   }, [draftRunKey, initialFormValues, scopeDraftPayload, sendRun]);
 
@@ -1248,7 +1229,7 @@ const RunsPage: React.FC = () => {
       return scopeDraftPayload.bundleName;
     }
 
-    if (endpointKind !== "chat") {
+    if (endpointKind !== 'chat') {
       return endpointName;
     }
 
@@ -1261,7 +1242,7 @@ const RunsPage: React.FC = () => {
     session.context?.workflowName,
   ]);
   const actorId = session.context?.actorId;
-  const commandId = session.context?.commandId ?? "";
+  const commandId = session.context?.commandId ?? '';
   const canOpenMissionControl = Boolean(activeScopeId.trim() && session.runId);
   const hasRunInspectorTarget = Boolean(actorId || session.runId);
   const handleOpenMissionControl = useCallback(() => {
@@ -1294,41 +1275,41 @@ const RunsPage: React.FC = () => {
   ]);
   const payloadTypeUrl =
     activePayloadTypeUrl.trim() ||
-    composerFormRef.current?.getFieldValue("payloadTypeUrl")?.trim?.() ||
+    composerFormRef.current?.getFieldValue('payloadTypeUrl')?.trim?.() ||
     initialFormValues.payloadTypeUrl ||
-    "";
+    '';
 
   const waitingSignal = useMemo(
     () =>
       getLatestCustomEventData(
         session.events,
         CustomEventName.WaitingSignal,
-        parseWaitingSignalData
+        parseWaitingSignalData,
       ),
-    [session.events]
+    [session.events],
   );
   const latestStepRequest = useMemo(
     () =>
       getLatestCustomEventData(
         session.events,
         CustomEventName.StepRequest,
-        parseStepRequestData
+        parseStepRequestData,
       ),
-    [session.events]
+    [session.events],
   );
 
   const actorSnapshotQuery = useQuery({
-    queryKey: ["run-actor-snapshot", actorId],
+    queryKey: ['run-actor-snapshot', actorId],
     enabled: Boolean(actorId),
-    queryFn: () => runtimeActorsApi.getActorSnapshot(actorId || ""),
+    queryFn: () => runtimeActorsApi.getActorSnapshot(actorId || ''),
     refetchInterval:
-      actorId && (streaming || session.status === "running") ? 2_000 : false,
+      actorId && (streaming || session.status === 'running') ? 2_000 : false,
   });
 
   const filteredCatalog = useMemo(() => {
     const keyword = catalogSearch.trim().toLowerCase();
     const items = listVisibleWorkflowCatalogItems(
-      workflowCatalogQuery.data ?? []
+      workflowCatalogQuery.data ?? [],
     );
     if (!keyword) {
       return items;
@@ -1336,9 +1317,9 @@ const RunsPage: React.FC = () => {
 
     return items.filter((item) =>
       [item.name, item.description, item.groupLabel, item.category]
-        .join(" ")
+        .join(' ')
         .toLowerCase()
-        .includes(keyword)
+        .includes(keyword),
     );
   }, [catalogSearch, workflowCatalogQuery.data]);
 
@@ -1346,10 +1327,10 @@ const RunsPage: React.FC = () => {
     const visibleNames = new Set(filteredCatalog.map((item) => item.name));
     return buildWorkflowCatalogOptions(
       workflowCatalogQuery.data ?? [],
-      selectedRouteName
+      selectedRouteName,
     ).filter(
       (option) =>
-        option.value === selectedRouteName || visibleNames.has(option.value)
+        option.value === selectedRouteName || visibleNames.has(option.value),
     );
   }, [filteredCatalog, selectedRouteName, workflowCatalogQuery.data]);
 
@@ -1357,41 +1338,43 @@ const RunsPage: React.FC = () => {
     () =>
       findWorkflowCatalogItem(
         workflowCatalogQuery.data ?? [],
-        selectedRouteName
+        selectedRouteName,
       ),
-    [selectedRouteName, workflowCatalogQuery.data]
+    [selectedRouteName, workflowCatalogQuery.data],
   );
 
-  const selectedRouteRecord = useMemo<
-    SelectedRouteRecord | undefined
-  >(() => {
+  const selectedRouteRecord = useMemo<SelectedRouteRecord | undefined>(() => {
     if (!selectedRouteDetails) {
       if (scopeDraftPayload) {
         return {
           routeName: scopeDraftPayload.bundleName,
-          groupLabel: "Studio",
-          sourceLabel: "Draft bundle",
-          llmStatus: "success",
-          description:
-            t("pages.runs.index.executing.the.current.studio.draft.2", "Executing the current Studio draft bundle through the scope draft-run endpoint."),
+          groupLabel: 'Studio',
+          sourceLabel: 'Draft bundle',
+          llmStatus: 'success',
+          description: t(
+            'pages.runs.index.executing.the.current.studio.draft.2',
+            'Executing the current Studio draft bundle through the scope draft-run endpoint.',
+          ),
         };
       }
 
-      if (!endpointName || endpointKind === "chat") {
+      if (!endpointName || endpointKind === 'chat') {
         return undefined;
       }
 
       return {
         routeName: endpointName,
-        groupLabel: endpointInvocationDraftPayload ? "Workspace" : "Workspace binding",
+        groupLabel: endpointInvocationDraftPayload
+          ? 'Workspace'
+          : 'Workspace binding',
         sourceLabel: endpointInvocationDraftPayload
-          ? "Invocation draft"
+          ? 'Invocation draft'
           : payloadTypeUrl
-          ? "Typed payload"
-          : "StringValue default",
-        llmStatus: "success",
+            ? 'Typed payload'
+            : 'StringValue default',
+        llmStatus: 'success',
         description: endpointInvocationDraftPayload
-          ? "Invoking the scoped endpoint with a prepared protobuf payload."
+          ? 'Invoking the scoped endpoint with a prepared protobuf payload.'
           : `Invoking the scoped endpoint '${endpointName}' through the generic invoke path.`,
       };
     }
@@ -1401,8 +1384,8 @@ const RunsPage: React.FC = () => {
       groupLabel: selectedRouteDetails.groupLabel,
       sourceLabel: selectedRouteDetails.sourceLabel,
       llmStatus: selectedRouteDetails.requiresLlmProvider
-        ? "processing"
-        : "success",
+        ? 'processing'
+        : 'success',
       description: selectedRouteDetails.description,
     };
   }, [
@@ -1417,24 +1400,24 @@ const RunsPage: React.FC = () => {
   const visiblePresets = useMemo(() => {
     const available = new Set(
       listVisibleWorkflowCatalogItems(workflowCatalogQuery.data ?? []).map(
-        (item) => item.name
-      )
+        (item) => item.name,
+      ),
     );
     return builtInPresets.filter((preset) => available.has(preset.routeName));
   }, [workflowCatalogQuery.data]);
 
   const snapshotMessageFallback = useMemo(() => {
     const snapshot = actorSnapshotQuery.data;
-    if (!snapshot || session.status !== "finished") {
-      return "";
+    if (!snapshot || session.status !== 'finished') {
+      return '';
     }
 
-    const snapshotCommandId = snapshot.lastCommandId?.trim() ?? "";
+    const snapshotCommandId = snapshot.lastCommandId?.trim() ?? '';
     if (commandId && snapshotCommandId && snapshotCommandId !== commandId) {
-      return "";
+      return '';
     }
 
-    return snapshot.lastOutput?.trim() ?? "";
+    return snapshot.lastOutput?.trim() ?? '';
   }, [actorSnapshotQuery.data, commandId, session.status]);
 
   const displayedMessages = useMemo(() => {
@@ -1444,7 +1427,7 @@ const RunsPage: React.FC = () => {
 
     const fallbackContent = resolveRunMessageFallback(
       session.events,
-      snapshotMessageFallback
+      snapshotMessageFallback,
     );
     if (!fallbackContent) {
       return session.messages;
@@ -1452,8 +1435,8 @@ const RunsPage: React.FC = () => {
 
     return [
       {
-        messageId: `final-output:${session.runId || commandId || actorId || "latest"}`,
-        role: "assistant",
+        messageId: `final-output:${session.runId || commandId || actorId || 'latest'}`,
+        role: 'assistant',
         content: fallbackContent,
         complete: true,
       },
@@ -1471,7 +1454,7 @@ const RunsPage: React.FC = () => {
     const lastWithContent = [...displayedMessages]
       .reverse()
       .find((item) => item.content?.trim());
-    return lastWithContent?.content?.trim() ?? "";
+    return lastWithContent?.content?.trim() ?? '';
   }, [displayedMessages]);
 
   const recentRunRows = useMemo<RecentRunTableRow[]>(
@@ -1479,11 +1462,11 @@ const RunsPage: React.FC = () => {
       recentRuns.map((entry) => ({
         ...entry,
         key: entry.id,
-        statusValue: ["idle", "running", "finished", "error"].includes(
-          entry.status
+        statusValue: ['idle', 'running', 'finished', 'error'].includes(
+          entry.status,
         )
           ? (entry.status as RunStatusValue)
-          : "unknown",
+          : 'unknown',
         onOpenActor: entry.actorId
           ? () =>
               history.push(
@@ -1495,22 +1478,21 @@ const RunsPage: React.FC = () => {
                     entry.serviceOverrideId === entry.routeName
                       ? undefined
                       : entry.serviceOverrideId || undefined,
-                })
+                }),
               )
           : undefined,
         onRestore: () => {
           const restoredEndpointKind = normalizeRunEndpointKind(
             entry.endpointKind,
-            entry.endpointId
+            entry.endpointId,
           );
           const restoredEndpointId = resolveStoredRunEndpointId(
             restoredEndpointKind,
-            entry.endpointId
+            entry.endpointId,
           );
-          const isChatEndpoint = restoredEndpointKind === "chat";
+          const isChatEndpoint = restoredEndpointKind === 'chat';
           const restoredServiceOverrideId =
-            isChatEndpoint &&
-            entry.serviceOverrideId === entry.routeName
+            isChatEndpoint && entry.serviceOverrideId === entry.routeName
               ? undefined
               : entry.serviceOverrideId || undefined;
           const restoredRouteName = isChatEndpoint
@@ -1525,11 +1507,11 @@ const RunsPage: React.FC = () => {
               events: entry.observedEvents,
               payloadBase64: entry.payloadBase64 || undefined,
               payloadTypeUrl: entry.payloadTypeUrl || undefined,
-            prompt: entry.prompt,
-            routeName: restoredRouteName,
-            scopeId: entry.scopeId,
-            serviceOverrideId: restoredServiceOverrideId,
-          });
+              prompt: entry.prompt,
+              routeName: restoredRouteName,
+              scopeId: entry.scopeId,
+              serviceOverrideId: restoredServiceOverrideId,
+            });
             return;
           }
 
@@ -1546,25 +1528,25 @@ const RunsPage: React.FC = () => {
             transport: selectedTransport,
           });
           setComposerPrompt(entry.prompt);
-          setSelectedRouteName(isChatEndpoint ? entry.routeName : "");
+          setSelectedRouteName(isChatEndpoint ? entry.routeName : '');
           setActiveEndpointKind(restoredEndpointKind);
           setActiveEndpointId(restoredEndpointId);
         },
       })),
-    [hydrateObservedSession, recentRuns, selectedTransport]
+    [hydrateObservedSession, recentRuns, selectedTransport],
   );
 
   const eventRows = useMemo<RunEventRow[]>(
     () => buildEventRows(session.events),
-    [session.events]
+    [session.events],
   );
   const timelineGroups = useMemo<RunTimelineGroup[]>(
     () => buildTimelineGroups(eventRows),
-    [eventRows]
+    [eventRows],
   );
   const selectedTraceItem = useMemo(
     () => eventRows.find((item) => item.key === selectedTraceItemKey),
-    [eventRows, selectedTraceItemKey]
+    [eventRows, selectedTraceItemKey],
   );
   const waitingSignalRecord = useMemo<WaitingSignalRecord | undefined>(() => {
     if (!waitingSignal) {
@@ -1572,17 +1554,17 @@ const RunsPage: React.FC = () => {
     }
 
     return {
-      signalName: waitingSignal.signalName ?? "",
-      stepId: waitingSignal.stepId ?? "",
-      runId: waitingSignal.runId ?? "",
-      prompt: waitingSignal.prompt ?? "",
+      signalName: waitingSignal.signalName ?? '',
+      stepId: waitingSignal.stepId ?? '',
+      runId: waitingSignal.runId ?? '',
+      prompt: waitingSignal.prompt ?? '',
     };
   }, [waitingSignal]);
 
   useEffect(() => {
     if (eventRows.length === 0) {
       if (selectedTraceItemKey) {
-        setSelectedTraceItemKey("");
+        setSelectedTraceItemKey('');
       }
       return;
     }
@@ -1599,13 +1581,13 @@ const RunsPage: React.FC = () => {
 
     return {
       stepId:
-        session.pendingHumanInput.stepId ?? latestStepRequest?.stepId ?? "",
-      runId: session.pendingHumanInput.runId ?? session.runId ?? "",
+        session.pendingHumanInput.stepId ?? latestStepRequest?.stepId ?? '',
+      runId: session.pendingHumanInput.runId ?? session.runId ?? '',
       suspensionType:
         session.pendingHumanInput.suspensionType ??
         latestStepRequest?.stepType ??
-        "",
-      prompt: session.pendingHumanInput.prompt ?? "",
+        '',
+      prompt: session.pendingHumanInput.prompt ?? '',
       timeoutSeconds: session.pendingHumanInput.timeoutSeconds ?? 0,
     };
   }, [
@@ -1616,90 +1598,115 @@ const RunsPage: React.FC = () => {
   ]);
 
   const runFocus = useMemo<RunFocusRecord>(() => {
-    if (transportIssue || session.error || session.status === "error") {
+    if (transportIssue || session.error || session.status === 'error') {
       return {
-        status: "error" as const,
+        status: 'error' as const,
         label:
-          transportIssue?.message || session.error?.message || "Run failed",
-        alertType: "error" as const,
-        title: transportIssue?.code ?? session.error?.code ?? "Run error",
+          transportIssue?.message || session.error?.message || 'Run failed',
+        alertType: 'error' as const,
+        title: transportIssue?.code ?? session.error?.code ?? 'Run error',
         description:
           transportIssue?.message ||
           session.error?.message ||
-          "The run ended with an error.",
+          'The run ended with an error.',
       };
     }
 
     if (humanInputRecord) {
       const approval = isHumanApprovalSuspension(
-        humanInputRecord.suspensionType
+        humanInputRecord.suspensionType,
       );
       return {
         status: approval
-          ? ("human_approval" as const)
-          : ("human_input" as const),
+          ? ('human_approval' as const)
+          : ('human_input' as const),
         label: approval
-          ? `Awaiting approval on ${humanInputRecord.stepId || "current step"}`
+          ? `Awaiting approval on ${humanInputRecord.stepId || 'current step'}`
           : `Awaiting human input on ${
-              humanInputRecord.stepId || "current step"
+              humanInputRecord.stepId || 'current step'
             }`,
-        alertType: "warning" as const,
-        title: approval ? "Approval required" : "Human input required",
+        alertType: 'warning' as const,
+        title: approval ? 'Approval required' : 'Human input required',
         description:
-          humanInputRecord.prompt || "Operator action is required to continue.",
+          humanInputRecord.prompt || 'Operator action is required to continue.',
       };
     }
 
     if (waitingSignalRecord) {
       return {
-        status: "wait_signal" as const,
-        label: t("pages.runs.index.waiting.for.signal", "Waiting for signal {value1}", { value1: waitingSignalRecord.signalName || "unknown" }),
-        alertType: "warning" as const,
-        title: t("pages.runs.index.waiting.for.external.signal.2", "Waiting for external signal"),
+        status: 'wait_signal' as const,
+        label: t(
+          'pages.runs.index.waiting.for.signal',
+          'Waiting for signal {value1}',
+          { value1: waitingSignalRecord.signalName || 'unknown' },
+        ),
+        alertType: 'warning' as const,
+        title: t(
+          'pages.runs.index.waiting.for.external.signal.2',
+          'Waiting for external signal',
+        ),
         description:
           waitingSignalRecord.prompt ||
-          "The run is paused until the expected signal arrives.",
+          'The run is paused until the expected signal arrives.',
       };
     }
 
     if (streaming) {
       return {
-        status: "running" as const,
-        label: t("pages.runs.index.streaming.over", "Streaming over {value1}", { value1: activeTransport.toUpperCase() }),
-        alertType: "info" as const,
-        title: t("pages.runs.index.run.in.progress.2", "Run in progress"),
-        description: t("pages.runs.index.messages.and.events.are.still.2", "Messages and events are still arriving from the backend."),
+        status: 'running' as const,
+        label: t('pages.runs.index.streaming.over', 'Streaming over {value1}', {
+          value1: activeTransport.toUpperCase(),
+        }),
+        alertType: 'info' as const,
+        title: t('pages.runs.index.run.in.progress.2', 'Run in progress'),
+        description: t(
+          'pages.runs.index.messages.and.events.are.still.2',
+          'Messages and events are still arriving from the backend.',
+        ),
       };
     }
 
-    if (session.status === "running") {
+    if (session.status === 'running') {
       return {
-        status: "running" as const,
-        label: t("pages.runs.index.invocation.accepted.2", "Invocation accepted"),
-        alertType: "info" as const,
-        title: t("pages.runs.index.awaiting.observation.2", "Awaiting observation"),
-        description:
-          t("pages.runs.index.the.backend.accepted.the.command.2", "The backend accepted the command. This console will stay pending until observed events arrive."),
+        status: 'running' as const,
+        label: t(
+          'pages.runs.index.invocation.accepted.2',
+          'Invocation accepted',
+        ),
+        alertType: 'info' as const,
+        title: t(
+          'pages.runs.index.awaiting.observation.2',
+          'Awaiting observation',
+        ),
+        description: t(
+          'pages.runs.index.the.backend.accepted.the.command.2',
+          'The backend accepted the command. This console will stay pending until observed events arrive.',
+        ),
       };
     }
 
-    if (session.status === "finished") {
+    if (session.status === 'finished') {
       return {
-        status: "finished" as const,
-        label: t("pages.runs.index.run.completed.2", "Run completed"),
-        alertType: "success" as const,
-        title: t("pages.runs.index.run.finished.2", "Run finished"),
-        description: t("pages.runs.index.the.backend.reported.completed.run.2", "The backend reported a completed run."),
+        status: 'finished' as const,
+        label: t('pages.runs.index.run.completed.2', 'Run completed'),
+        alertType: 'success' as const,
+        title: t('pages.runs.index.run.finished.2', 'Run finished'),
+        description: t(
+          'pages.runs.index.the.backend.reported.completed.run.2',
+          'The backend reported a completed run.',
+        ),
       };
     }
 
     return {
-      status: "idle" as const,
-      label: t("pages.runs.index.ready.to.start.run.2", "Ready to start a run"),
-      alertType: "info" as const,
-      title: "Idle",
-      description:
-        t("pages.runs.index.compose.prompt.or.payload.and.2", "Compose a prompt or payload and start a scoped endpoint run."),
+      status: 'idle' as const,
+      label: t('pages.runs.index.ready.to.start.run.2', 'Ready to start a run'),
+      alertType: 'info' as const,
+      title: 'Idle',
+      description: t(
+        'pages.runs.index.compose.prompt.or.payload.and.2',
+        'Compose a prompt or payload and start a scoped endpoint run.',
+      ),
     };
   }, [
     activeTransport,
@@ -1712,12 +1719,12 @@ const RunsPage: React.FC = () => {
   ]);
 
   const hasPendingInteraction = Boolean(
-    humanInputRecord || waitingSignalRecord
+    humanInputRecord || waitingSignalRecord,
   );
   const hasRunActivity =
     hasStartedRun ||
     streaming ||
-    session.status !== "idle" ||
+    session.status !== 'idle' ||
     session.events.length > 0 ||
     displayedMessages.length > 0 ||
     Boolean(session.runId) ||
@@ -1754,21 +1761,21 @@ const RunsPage: React.FC = () => {
       hasRunActivity,
       initialFormValues,
       selectedRouteName,
-    ]
+    ],
   );
   const runStatusText = getRunStatusLabel(session.status);
   const isRunLive =
     streaming ||
-    session.status === "running" ||
+    session.status === 'running' ||
     hasPendingInteraction ||
-    runFocus.status === "wait_signal";
+    runFocus.status === 'wait_signal';
   const runStatusTone = isRunLive
-    ? ("processing" as const)
-    : session.status === "finished"
-    ? ("success" as const)
-    : session.status === "error"
-    ? ("error" as const)
-    : ("default" as const);
+    ? ('processing' as const)
+    : session.status === 'finished'
+      ? ('success' as const)
+      : session.status === 'error'
+        ? ('error' as const)
+        : ('default' as const);
 
   useEffect(() => {
     if (hasRunActivity) {
@@ -1797,23 +1804,23 @@ const RunsPage: React.FC = () => {
 
   const elapsedLabel = runStartedAtMs
     ? formatElapsedDuration(elapsedNow - runStartedAtMs)
-    : "00:00";
+    : '00:00';
 
   const lastEventAt = useMemo(() => {
     const latest = session.events[session.events.length - 1];
-    return formatDateTime(latest?.timestamp, "");
+    return formatDateTime(latest?.timestamp, '');
   }, [session.events]);
 
   const runSummaryRecord = useMemo<RunSummaryRecord>(
     () => ({
       status: session.status,
       transport: activeTransport,
-      routeName: routeName ?? "",
+      routeName: routeName ?? '',
       endpointId: endpointName,
       endpointKind,
-      actorId: actorId ?? "",
+      actorId: actorId ?? '',
       commandId,
-      runId: session.runId ?? "",
+      runId: session.runId ?? '',
       focusStatus: runFocus.status,
       focusLabel: runFocus.label,
       lastEventAt,
@@ -1836,7 +1843,7 @@ const RunsPage: React.FC = () => {
       endpointKind,
       endpointName,
       routeName,
-    ]
+    ],
   );
 
   useEffect(() => {
@@ -1849,7 +1856,7 @@ const RunsPage: React.FC = () => {
     const candidateId =
       commandId ??
       session.runId ??
-      (actorId && routeName ? `${routeName}:${actorId}` : "");
+      (actorId && routeName ? `${routeName}:${actorId}` : '');
 
     if (!candidateId || (!routeName && !prompt)) {
       return;
@@ -1860,9 +1867,9 @@ const RunsPage: React.FC = () => {
         id: candidateId,
         scopeId: resolveRunScopeId(),
         serviceOverrideId:
-          currentEndpointKind === "chat" &&
+          currentEndpointKind === 'chat' &&
           currentServiceOverrideId === routeName
-            ? ""
+            ? ''
             : currentServiceOverrideId,
         endpointId: currentEndpointId,
         endpointKind: currentEndpointKind,
@@ -1870,13 +1877,13 @@ const RunsPage: React.FC = () => {
         payloadBase64: currentPayloadBase64,
         routeName,
         prompt,
-        actorId: actorId ?? "",
+        actorId: actorId ?? '',
         commandId,
-        runId: session.runId ?? "",
+        runId: session.runId ?? '',
         status: session.status,
         lastMessagePreview: latestMessagePreview,
         observedEvents: session.events.map((event) => ({ ...event })),
-      })
+      }),
     );
   }, [
     activePayloadBase64,
@@ -1898,22 +1905,27 @@ const RunsPage: React.FC = () => {
   const handleAbortRun = useCallback(async () => {
     const scopeId = resolveRunScopeId();
     const serviceOverrideId = resolveRunServiceOverrideId();
-    const runId = session.runId?.trim() ?? "";
-    const currentActorId = actorId?.trim() ?? "";
+    const runId = session.runId?.trim() ?? '';
+    const currentActorId = actorId?.trim() ?? '';
 
     if (scopeId && runId) {
       try {
-        await runtimeRunsApi.stop(scopeId, {
-          actorId: currentActorId || undefined,
-          runId,
-          commandId: commandId || undefined,
-          reason: "aborted from runtime console",
-        }, {
-          serviceId: serviceOverrideId || undefined,
-        });
-      } catch (error) {
-        const text = error instanceof Error ? error.message : String(error);
-        messageApi.error(`Failed to stop remote run: ${text}`);
+        await runtimeRunsApi.stop(
+          scopeId,
+          {
+            actorId: currentActorId || undefined,
+            runId,
+            commandId: commandId || undefined,
+            reason: 'aborted from runtime console',
+          },
+          {
+            serviceId: serviceOverrideId || undefined,
+          },
+        );
+      } catch {
+        toast.error(
+          t('pages.runs.index.stop.failed', 'Could not stop the run.'),
+        );
       }
     }
 
@@ -1922,15 +1934,15 @@ const RunsPage: React.FC = () => {
     abortRun,
     actorId,
     commandId,
-    messageApi,
     resolveRunScopeId,
     resolveRunServiceOverrideId,
     session.runId,
+    toast,
   ]);
 
   const submitPathLabel = scopeDraftPayload
-    ? "/api/scopes/{scopeId}/workflow/draft-run"
-    : endpointKind === "chat"
+    ? '/api/scopes/{scopeId}/workflow/draft-run'
+    : endpointKind === 'chat'
       ? resolveRequestedServiceId(
           {
             endpointId: endpointName,
@@ -1940,23 +1952,24 @@ const RunsPage: React.FC = () => {
               ? activeServiceOverrideId || undefined
               : initialFormValues.serviceOverrideId,
           },
-          false
+          false,
         )
-        ? "/api/scopes/{scopeId}/services/{serviceId}/invoke/chat:stream"
-        : "/api/scopes/{scopeId}/invoke/chat:stream"
+        ? '/api/scopes/{scopeId}/services/{serviceId}/invoke/chat:stream'
+        : '/api/scopes/{scopeId}/invoke/chat:stream'
       : trimOptional(
-          hasRunActivity
-            ? activeServiceOverrideId || undefined
-            : initialFormValues.serviceOverrideId
-        )
-        ? "/api/scopes/{scopeId}/services/{serviceId}/invoke/{endpointId}"
-        : "/api/scopes/{scopeId}/invoke/{endpointId}";
+            hasRunActivity
+              ? activeServiceOverrideId || undefined
+              : initialFormValues.serviceOverrideId,
+          )
+        ? '/api/scopes/{scopeId}/services/{serviceId}/invoke/{endpointId}'
+        : '/api/scopes/{scopeId}/invoke/{endpointId}';
 
-  const isChatConsole = endpointKind === "chat";
+  const isChatConsole = endpointKind === 'chat';
   const composerScopeId = resolveRunScopeId();
   const composerRouteLabel =
-    routeName || (scopeDraftPayload ? scopeDraftPayload.bundleName : "Workspace default");
-  const composerEndpointLabel = endpointName || "chat";
+    routeName ||
+    (scopeDraftPayload ? scopeDraftPayload.bundleName : 'Workspace default');
+  const composerEndpointLabel = endpointName || 'chat';
   const runReadiness = useMemo(
     () =>
       buildRunReadinessSummary({
@@ -1964,7 +1977,7 @@ const RunsPage: React.FC = () => {
         routeLabel: composerRouteLabel,
         scopeId: composerScopeId,
       }),
-    [composerEndpointLabel, composerRouteLabel, composerScopeId]
+    [composerEndpointLabel, composerRouteLabel, composerScopeId],
   );
   const composerReady = runReadiness.ready;
 
@@ -1974,7 +1987,7 @@ const RunsPage: React.FC = () => {
         return false;
       }
 
-      await resume({
+      const response = await resume({
         actorId,
         runId: humanInputRecord.runId,
         stepId: humanInputRecord.stepId,
@@ -1983,23 +1996,34 @@ const RunsPage: React.FC = () => {
         commandId,
       });
 
-      messageApi.success("Resume request accepted.");
+      if (!response.accepted) {
+        toast.warning(
+          t(
+            'pages.runs.index.resume.request.not.accepted',
+            'The resume request was not accepted. Try again.',
+          ),
+        );
+        return false;
+      }
+
+      toast.info(
+        t(
+          'pages.runs.index.resume.request.accepted.waiting.for.run',
+          'Resume request accepted. Waiting for the run to continue.',
+        ),
+      );
       return true;
     },
-    [actorId, commandId, humanInputRecord, messageApi, resume]
+    [actorId, commandId, humanInputRecord, resume, toast],
   );
 
   const handleSubmitSignal = useCallback(
     async (values: SignalFormValues) => {
-      if (
-        !actorId ||
-        !waitingSignal?.runId ||
-        !waitingSignal.signalName
-      ) {
+      if (!actorId || !waitingSignal?.runId || !waitingSignal.signalName) {
         return false;
       }
 
-      await signal({
+      const response = await signal({
         actorId,
         runId: waitingSignal.runId,
         stepId: waitingSignal.stepId,
@@ -2008,10 +2032,25 @@ const RunsPage: React.FC = () => {
         commandId,
       });
 
-      messageApi.success("Signal accepted.");
+      if (!response.accepted) {
+        toast.warning(
+          t(
+            'pages.runs.index.signal.not.accepted',
+            'The signal was not accepted. Try again.',
+          ),
+        );
+        return false;
+      }
+
+      toast.info(
+        t(
+          'pages.runs.index.signal.accepted.waiting.for.run',
+          'Signal accepted. Waiting for the run to continue.',
+        ),
+      );
       return true;
     },
-    [actorId, commandId, messageApi, signal, waitingSignal]
+    [actorId, commandId, signal, toast, waitingSignal],
   );
 
   const chatActionRequiredCard = hasPendingInteraction ? (
@@ -2030,12 +2069,12 @@ const RunsPage: React.FC = () => {
     <RunsMessagesView
       emptyDescription={
         isChatConsole
-          ? "No conversation yet. Send a prompt to start the run."
-          : "No message output yet."
+          ? 'No conversation yet. Send a prompt to start the run.'
+          : 'No message output yet.'
       }
       messages={displayedMessages}
       topAccessory={isChatConsole ? chatActionRequiredCard : undefined}
-      title={isChatConsole ? "Conversation" : "Message stream"}
+      title={isChatConsole ? 'Conversation' : 'Message stream'}
     />
   );
 
@@ -2053,7 +2092,12 @@ const RunsPage: React.FC = () => {
   const handleSubmitComposer = useCallback(async () => {
     const prompt = composerPrompt.trim();
     if (!prompt) {
-      messageApi.warning("Prompt is required.");
+      toast.warning(
+        t(
+          'pages.runs.index.prompt.required.before.sending',
+          'Enter a prompt before sending.',
+        ),
+      );
       return;
     }
 
@@ -2062,44 +2106,43 @@ const RunsPage: React.FC = () => {
       ({} as Partial<RunFormValues>);
     const nextEndpointKind = normalizeRunEndpointKind(
       currentValues.endpointKind ?? activeEndpointKind,
-      currentValues.endpointId ?? activeEndpointId
+      currentValues.endpointId ?? activeEndpointId,
     );
     const nextValues: RunFormValues = {
       actorId:
-        typeof currentValues.actorId === "string"
+        typeof currentValues.actorId === 'string'
           ? currentValues.actorId
-          : actorId ?? undefined,
+          : (actorId ?? undefined),
       endpointId:
-        typeof currentValues.endpointId === "string"
+        typeof currentValues.endpointId === 'string'
           ? currentValues.endpointId
-          : activeEndpointId || "chat",
+          : activeEndpointId || 'chat',
       endpointKind: nextEndpointKind,
       payloadBase64:
-        typeof currentValues.payloadBase64 === "string"
+        typeof currentValues.payloadBase64 === 'string'
           ? currentValues.payloadBase64
           : activePayloadBase64 || undefined,
       payloadTypeUrl:
-        typeof currentValues.payloadTypeUrl === "string"
+        typeof currentValues.payloadTypeUrl === 'string'
           ? currentValues.payloadTypeUrl
           : activePayloadTypeUrl || undefined,
       prompt,
       routeName:
-        typeof currentValues.routeName === "string"
+        typeof currentValues.routeName === 'string'
           ? currentValues.routeName
           : selectedRouteName || undefined,
       scopeId:
-        typeof currentValues.scopeId === "string"
+        typeof currentValues.scopeId === 'string'
           ? currentValues.scopeId
-          : activeScopeId || "",
+          : activeScopeId || '',
       serviceOverrideId:
-        typeof currentValues.serviceOverrideId === "string"
+        typeof currentValues.serviceOverrideId === 'string'
           ? currentValues.serviceOverrideId
           : activeServiceOverrideId || undefined,
-      transport:
-        currentValues.transport === "ws" ? "ws" : selectedTransport,
+      transport: currentValues.transport === 'ws' ? 'ws' : selectedTransport,
     };
 
-    await sendRun(nextValues.scopeId ?? "", nextValues);
+    await sendRun(nextValues.scopeId ?? '', nextValues);
   }, [
     activeEndpointId,
     activeEndpointKind,
@@ -2109,10 +2152,10 @@ const RunsPage: React.FC = () => {
     activeServiceOverrideId,
     actorId,
     composerPrompt,
-    messageApi,
     selectedRouteName,
     selectedTransport,
     sendRun,
+    toast,
   ]);
 
   const launchRailContent = (
@@ -2132,8 +2175,16 @@ const RunsPage: React.FC = () => {
       showSubmitActions={!isChatConsole}
       streaming={streaming}
       submitPathLabel={submitPathLabel}
-      transportOptions={[{ label: t("pages.runs.index.service.sse.stream.2", "Service SSE stream"), value: "sse" }]}
-      variant={isChatConsole ? "chat" : "default"}
+      transportOptions={[
+        {
+          label: t(
+            'pages.runs.index.service.sse.stream.2',
+            'Service SSE stream',
+          ),
+          value: 'sse',
+        },
+      ]}
+      variant={isChatConsole ? 'chat' : 'default'}
       visiblePresets={visiblePresets}
       workflowCatalogLoading={workflowCatalogQuery.isLoading}
       routeOptions={routeOptions}
@@ -2146,7 +2197,7 @@ const RunsPage: React.FC = () => {
       onSelectRouteName={handleRouteSelection}
       onScopeIdChange={handleScopeIdChange}
       onSubmitRun={async (values) => {
-        await sendRun(values.scopeId ?? "", values);
+        await sendRun(values.scopeId ?? '', values);
       }}
       onTransportChange={handleTransportChange}
       onUsePreset={(record) => {
@@ -2154,12 +2205,11 @@ const RunsPage: React.FC = () => {
           prompt: record.prompt,
           routeName: scopeDraftPayload?.bundleName ?? record.routeName,
           scopeId:
-            composerFormRef.current?.getFieldValue("scopeId") ??
+            composerFormRef.current?.getFieldValue('scopeId') ??
             composerRailInitialValues.scopeId,
           serviceOverrideId: undefined,
-          endpointId:
-            endpointKind === "chat" ? endpointName || "chat" : "chat",
-          endpointKind: "chat",
+          endpointId: endpointKind === 'chat' ? endpointName || 'chat' : 'chat',
+          endpointKind: 'chat',
           payloadTypeUrl: undefined,
           payloadBase64: undefined,
           actorId: undefined,
@@ -2167,11 +2217,11 @@ const RunsPage: React.FC = () => {
         });
         setComposerPrompt(record.prompt);
         setSelectedRouteName(scopeDraftPayload?.bundleName ?? record.routeName);
-        setActiveEndpointKind("chat");
+        setActiveEndpointKind('chat');
         setActiveEndpointId(
-          endpointKind === "chat" ? endpointName || "chat" : "chat"
+          endpointKind === 'chat' ? endpointName || 'chat' : 'chat',
         );
-        setCatalogSearch("");
+        setCatalogSearch('');
       }}
     />
   );
@@ -2180,30 +2230,38 @@ const RunsPage: React.FC = () => {
     : runsChatLayoutStyle;
 
   return (
-    <PageContainer pageHeaderRender={false} style={{ overflow: "hidden" }}>
-      {messageContextHolder}
+    <PageContainer pageHeaderRender={false} style={{ overflow: 'hidden' }}>
       <div style={runsWorkbenchShellStyle}>
         <div style={runsWorkbenchHeaderBarStyle}>
           <div style={runsWorkbenchHeaderTitleStyle}>
             <Typography.Title level={5} style={{ margin: 0 }}>
-              {t("pages.runs.index.run.console.2", "Run Console")}</Typography.Title>
+              {t('pages.runs.index.run.console.2', 'Run Console')}
+            </Typography.Title>
             <Popover
               content={
                 <Typography.Paragraph
                   style={{ margin: 0, maxWidth: 360 }}
                   type="secondary"
                 >
-                  {t("pages.runs.index.start.scoped.run.over.2", "Start a scoped run over")}{" "}
-                  <Typography.Text code>
-                    {submitPathLabel}
-                  </Typography.Text>{" "}
-                  {t("pages.runs.index.and.stay.in.one.place.2", "and stay in one place for conversation, events, trace, and operator actions.")}</Typography.Paragraph>
+                  {t(
+                    'pages.runs.index.start.scoped.run.over.2',
+                    'Start a scoped run over',
+                  )}{' '}
+                  <Typography.Text code>{submitPathLabel}</Typography.Text>{' '}
+                  {t(
+                    'pages.runs.index.and.stay.in.one.place.2',
+                    'and stay in one place for conversation, events, trace, and operator actions.',
+                  )}
+                </Typography.Paragraph>
               }
               placement="bottomLeft"
-              trigger={["hover", "click"]}
+              trigger={['hover', 'click']}
             >
               <Button
-                aria-label={t("pages.runs.index.open.runtime.console.guide.2", "Open runtime console guide")}
+                aria-label={t(
+                  'pages.runs.index.open.runtime.console.guide.2',
+                  'Open runtime console guide',
+                )}
                 icon={<InfoCircleOutlined />}
                 shape="circle"
                 type="text"
@@ -2229,7 +2287,8 @@ const RunsPage: React.FC = () => {
               icon={<AppstoreOutlined />}
               onClick={() => history.push(buildRuntimeWorkflowsHref())}
             >
-              {t("pages.runs.index.workflow.catalog.2", "Workflow catalog")}</Button>
+              {t('pages.runs.index.workflow.catalog.2', 'Workflow catalog')}
+            </Button>
             {hasRunInspectorTarget ? (
               <Button
                 className={runsWorkbenchHeaderButtonClassName}
@@ -2241,11 +2300,12 @@ const RunsPage: React.FC = () => {
                       runId: session.runId || undefined,
                       scopeId: activeScopeId || undefined,
                       serviceOverrideId: activeServiceOverrideId || undefined,
-                    })
+                    }),
                   )
                 }
               >
-                {t("pages.runs.index.actor.explorer.2", "Actor explorer")}</Button>
+                {t('pages.runs.index.actor.explorer.2', 'Actor explorer')}
+              </Button>
             ) : null}
             {canOpenMissionControl ? (
               <Button
@@ -2253,7 +2313,8 @@ const RunsPage: React.FC = () => {
                 icon={<ControlOutlined />}
                 onClick={handleOpenMissionControl}
               >
-                {t("pages.runs.index.mission.control.2", "Mission Control")}</Button>
+                {t('pages.runs.index.mission.control.2', 'Mission Control')}
+              </Button>
             ) : null}
           </div>
         </div>
@@ -2273,7 +2334,7 @@ const RunsPage: React.FC = () => {
                   onAbort={handleAbortRun}
                   onOpenDetails={() => setIsInspectorDrawerOpen(true)}
                   onOpenSetup={() => setIsSetupDrawerOpen(true)}
-                  runId={session.runId || commandId || "Not started"}
+                  runId={session.runId || commandId || 'Not started'}
                   runStatusLabel={runStatusText}
                   showSetupAction={false}
                   statusTone={runStatusTone}
@@ -2311,10 +2372,12 @@ const RunsPage: React.FC = () => {
               >
                 <style>{runsChatComposerCss}</style>
                 <div style={runsChatComposerHeaderStyle}>
-                  <div style={runsChatComposerLabelStyle}>{t("pages.runs.index.prompt.2", "Prompt")}</div>
+                  <div style={runsChatComposerLabelStyle}>
+                    {t('pages.runs.index.prompt.2', 'Prompt')}
+                  </div>
                   <div style={runsChatComposerContextStyle}>
                     <span style={runsChatComposerContextTagStyle}>
-                      Workspace: {composerScopeId || "required"}
+                      Workspace: {composerScopeId || 'required'}
                     </span>
                     <span style={runsChatComposerContextTagStyle}>
                       Route: {composerRouteLabel}
@@ -2323,7 +2386,8 @@ const RunsPage: React.FC = () => {
                       Endpoint: {composerEndpointLabel}
                     </span>
                     <Typography.Text style={runsChatComposerHintStyle}>
-                      {t("pages.runs.index.enter.to.send.2", "Enter to send")}</Typography.Text>
+                      {t('pages.runs.index.enter.to.send.2', 'Enter to send')}
+                    </Typography.Text>
                   </div>
                 </div>
                 {!composerReady ? (
@@ -2333,9 +2397,7 @@ const RunsPage: React.FC = () => {
                 ) : null}
                 <div className={runsChatComposerBodyClassName}>
                   <div style={runsChatComposerInputWrapStyle}>
-                    <div
-                      className={runsChatComposerInputShellClassName}
-                    >
+                    <div className={runsChatComposerInputShellClassName}>
                       <Input.TextArea
                         aria-label="Prompt"
                         autoSize={{ minRows: 2, maxRows: 6 }}
@@ -2345,7 +2407,7 @@ const RunsPage: React.FC = () => {
                         }
                         onKeyDown={(event) => {
                           if (
-                            event.key === "Enter" &&
+                            event.key === 'Enter' &&
                             !event.shiftKey &&
                             !event.nativeEvent.isComposing
                           ) {
@@ -2355,7 +2417,10 @@ const RunsPage: React.FC = () => {
                             }
                           }
                         }}
-                        placeholder={t("pages.runs.index.describe.the.task.to.run.2", "Describe the task to run.")}
+                        placeholder={t(
+                          'pages.runs.index.describe.the.task.to.run.2',
+                          'Describe the task to run.',
+                        )}
                         style={runsChatComposerTextareaStyle}
                         value={composerPrompt}
                       />
@@ -2373,7 +2438,8 @@ const RunsPage: React.FC = () => {
                       style={runsChatComposerSendButtonStyle}
                       type="primary"
                     >
-                      {t("pages.runs.index.send.2", "Send")}</Button>
+                      {t('pages.runs.index.send.2', 'Send')}
+                    </Button>
                   </div>
                 </div>
               </div>
@@ -2392,7 +2458,7 @@ const RunsPage: React.FC = () => {
                 onAbort={handleAbortRun}
                 onOpenDetails={() => setIsInspectorDrawerOpen(true)}
                 onOpenSetup={() => setIsSetupDrawerOpen(true)}
-                runId={session.runId || commandId || "Not started"}
+                runId={session.runId || commandId || 'Not started'}
                 runStatusLabel={runStatusText}
                 statusTone={runStatusTone}
                 transport={activeTransport}
@@ -2430,7 +2496,10 @@ const RunsPage: React.FC = () => {
                       selectedItemKey={selectedTraceItemKey}
                     />
                   }
-                  title={t("pages.runs.index.invocation.trace.2", "Invocation trace")}
+                  title={t(
+                    'pages.runs.index.invocation.trace.2',
+                    'Invocation trace',
+                  )}
                 />
               </div>
             </div>
@@ -2448,7 +2517,7 @@ const RunsPage: React.FC = () => {
             open
             size={560}
             styles={{ body: drawerBodyStyle }}
-            title={t("pages.runs.index.run.setup.2", "Run setup")}
+            title={t('pages.runs.index.run.setup.2', 'Run setup')}
             onClose={() => setIsSetupDrawerOpen(false)}
           >
             <div style={drawerScrollStyle}>{launchRailContent}</div>
@@ -2462,9 +2531,7 @@ const RunsPage: React.FC = () => {
             open
             styles={{ body: drawerBodyStyle }}
             title={
-              hasPendingInteraction
-                ? "Details · action pending"
-                : "Details"
+              hasPendingInteraction ? 'Details · action pending' : 'Details'
             }
             size={520}
             onClose={() => setIsInspectorDrawerOpen(false)}
@@ -2474,7 +2541,8 @@ const RunsPage: React.FC = () => {
                 <RunsInspectorPane
                   actorSnapshot={actorSnapshotQuery.data}
                   actorSnapshotLoading={
-                    actorSnapshotQuery.isLoading || actorSnapshotQuery.isFetching
+                    actorSnapshotQuery.isLoading ||
+                    actorSnapshotQuery.isFetching
                   }
                   humanInputRecord={humanInputRecord}
                   latestMessagePreview={latestMessagePreview}
diff --git a/apps/aevatar-console-web/src/pages/runtime-published-runs/MemberPublishedRunsReplay.tsx b/apps/aevatar-console-web/src/pages/runtime-published-runs/MemberPublishedRunsReplay.tsx
index a54b4a1b45..62c864518b 100644
--- a/apps/aevatar-console-web/src/pages/runtime-published-runs/MemberPublishedRunsReplay.tsx
+++ b/apps/aevatar-console-web/src/pages/runtime-published-runs/MemberPublishedRunsReplay.tsx
@@ -18,10 +18,10 @@ import {
   Space,
   Tabs,
   Tag,
-  Tooltip,
   Typography,
 } from "antd";
 import React from "react";
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { scopeRuntimeApi } from "@/shared/api/scopeRuntimeApi";
 import { studioApi } from "@/shared/studio/api";
 import { formatDateTime } from "@/shared/datetime/dateTime";
@@ -1215,9 +1215,13 @@ const MemberPublishedRunsReplay: React.FC<MemberPublishedRunsReplayProps> = ({
     retry: false,
   });
 
+  const selectedAuditSummary =
+    auditQuery.data?.summary?.runId === selectedRunId
+      ? auditQuery.data.summary
+      : null;
   const selectedRun =
+    selectedAuditSummary ??
     selectedCatalogRun ??
-    auditQuery.data?.summary ??
     (normalizedInitialRunId
       ? createFallbackRunSummary({
           actorId: selectedRunActorId,
@@ -1227,8 +1231,19 @@ const MemberPublishedRunsReplay: React.FC<MemberPublishedRunsReplayProps> = ({
         })
       : null);
   const audit = auditQuery.data?.audit ?? null;
-  const displayRuns =
-    runs.length || !selectedRun ? runs : [selectedRun];
+  const displayRuns = React.useMemo(() => {
+    if (!runs.length) {
+      return selectedRun ? [selectedRun] : runs;
+    }
+
+    if (!selectedAuditSummary) {
+      return runs;
+    }
+
+    return runs.map((run) =>
+      run.runId === selectedAuditSummary.runId ? selectedAuditSummary : run,
+    );
+  }, [runs, selectedAuditSummary, selectedRun]);
   const runsLoadError = memberNotFound ? null : memberQuery.error || runsQuery.error;
   const showReplaySkeleton = Boolean(
     memberQuery.isLoading ||
@@ -1349,7 +1364,7 @@ const MemberPublishedRunsReplay: React.FC<MemberPublishedRunsReplayProps> = ({
             )}
             className="member-published-runs-replay__navigation"
           >
-            <Tooltip title={backToTeamMembersLabel}>
+            <AevatarTooltip title={backToTeamMembersLabel}>
               <Button
                 aria-label={backToTeamMembersLabel}
                 className="member-published-runs-replay__back-button"
@@ -1358,7 +1373,7 @@ const MemberPublishedRunsReplay: React.FC<MemberPublishedRunsReplayProps> = ({
                 shape="circle"
                 size="small"
               />
-            </Tooltip>
+            </AevatarTooltip>
             <div className="member-published-runs-replay__breadcrumbs">
               <a
                 className="member-published-runs-replay__breadcrumb-link"
@@ -1396,7 +1411,7 @@ const MemberPublishedRunsReplay: React.FC<MemberPublishedRunsReplayProps> = ({
                 </Typography.Text>
               </div>
             </div>
-            <Tooltip title={t("pages.runs.memberPublishedRuns.refresh", "Refresh")}>
+            <AevatarTooltip title={t("pages.runs.memberPublishedRuns.refresh", "Refresh")}>
               <Button
                 aria-label={t("pages.runs.memberPublishedRuns.refresh", "Refresh")}
                 icon={<ReloadOutlined />}
@@ -1405,7 +1420,7 @@ const MemberPublishedRunsReplay: React.FC<MemberPublishedRunsReplayProps> = ({
                 shape="circle"
                 size="small"
               />
-            </Tooltip>
+            </AevatarTooltip>
           </div>
           {normalizedScheduleId ? (
             <div
diff --git a/apps/aevatar-console-web/src/pages/runtime-published-runs/index.test.tsx b/apps/aevatar-console-web/src/pages/runtime-published-runs/index.test.tsx
index 1bb8f0f56a..276a629a0a 100644
--- a/apps/aevatar-console-web/src/pages/runtime-published-runs/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/runtime-published-runs/index.test.tsx
@@ -453,6 +453,52 @@ describe("TeamMemberPublishedRunsPage", () => {
     );
   });
 
+  it("uses the completed audit status when the run catalog is still running", async () => {
+    window.history.replaceState(
+      {},
+      "",
+      "/scopes/scope-1/teams/team-1/members/m-alpha/runs?runId=run-1",
+    );
+    mockedScopeRuntimeApi.listMemberRuns.mockResolvedValueOnce({
+      displayName: "Alpha Workflow",
+      memberId: "m-alpha",
+      publishedServiceId: "svc-alpha",
+      publishedServiceKey: "scope-1:default:default:svc-alpha",
+      runs: [
+        {
+          actorId: "actor://scope-1/run-1",
+          bindingUpdatedAt: "2026-06-22T01:00:00Z",
+          boundAt: "2026-06-22T01:00:00Z",
+          completedSteps: 0,
+          completionStatus: "running",
+          definitionActorId: "definition://alpha",
+          deploymentId: "dep-alpha",
+          lastError: "",
+          lastEventId: "evt-1",
+          lastOutput: "",
+          lastSuccess: null,
+          lastUpdatedAt: "2026-06-22T01:00:00Z",
+          memberId: "m-alpha",
+          publishedServiceId: "svc-alpha",
+          revisionId: "rev-alpha",
+          roleReplyCount: 0,
+          runId: "run-1",
+          scopeId: "scope-1",
+          stateVersion: 1,
+          totalSteps: 2,
+          workflowName: "Alpha Workflow",
+        },
+      ],
+      scopeId: "scope-1",
+    });
+
+    renderWithQueryClient(React.createElement(TeamMemberPublishedRunsPage));
+
+    expect(await screen.findByText("node:config")).toBeTruthy();
+    expect(screen.queryByText("Running")).toBeNull();
+    expect(screen.getAllByText("Completed").length).toBeGreaterThanOrEqual(2);
+  });
+
   it("returns from published runs to the Team members tab", async () => {
     renderWithQueryClient(React.createElement(TeamMemberPublishedRunsPage));
 
diff --git a/apps/aevatar-console-web/src/pages/scopes/components/ScopeServiceRuntimeWorkbench.test.tsx b/apps/aevatar-console-web/src/pages/scopes/components/ScopeServiceRuntimeWorkbench.test.tsx
new file mode 100644
index 0000000000..9899bded87
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/scopes/components/ScopeServiceRuntimeWorkbench.test.tsx
@@ -0,0 +1,686 @@
+import {
+  act,
+  fireEvent,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import * as React from 'react';
+import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import { renderWithQueryClient } from '../../../../tests/reactQueryTestUtils';
+import ScopeServiceRuntimeWorkbench from './ScopeServiceRuntimeWorkbench';
+
+jest.mock('@/shared/api/scopeRuntimeApi', () => ({
+  scopeRuntimeApi: {
+    createServiceBinding: jest.fn(),
+    getServiceBindingCatalogSnapshot: jest.fn(),
+    getServiceBindings: jest.fn(),
+    getServiceRevision: jest.fn(),
+    getServiceRevisions: jest.fn(),
+    getServiceRunAudit: jest.fn(),
+    listServiceRuns: jest.fn(),
+    retireServiceBinding: jest.fn(),
+    retireServiceRevision: jest.fn(),
+    updateServiceBinding: jest.fn(),
+  },
+}));
+
+const mockGetServiceBindings = scopeRuntimeApi.getServiceBindings as jest.Mock;
+const mockGetServiceBindingCatalogSnapshot =
+  scopeRuntimeApi.getServiceBindingCatalogSnapshot as jest.Mock;
+const mockGetServiceRevision = scopeRuntimeApi.getServiceRevision as jest.Mock;
+const mockGetServiceRevisions =
+  scopeRuntimeApi.getServiceRevisions as jest.Mock;
+const mockListServiceRuns = scopeRuntimeApi.listServiceRuns as jest.Mock;
+const mockCreateServiceBinding =
+  scopeRuntimeApi.createServiceBinding as jest.Mock;
+const mockRetireServiceBinding =
+  scopeRuntimeApi.retireServiceBinding as jest.Mock;
+
+const service = {
+  activeServingRevisionId: 'rev-alpha',
+  appId: 'default',
+  defaultServingRevisionId: 'rev-alpha',
+  deploymentId: 'deployment-alpha',
+  deploymentStatus: 'Active',
+  displayName: 'Alpha service',
+  endpoints: [
+    {
+      description: 'Runs the alpha service.',
+      displayName: 'Chat',
+      endpointId: 'chat',
+      kind: 'http',
+      requestTypeUrl: 'type.googleapis.com/example.Request',
+      responseTypeUrl: 'type.googleapis.com/example.Response',
+    },
+  ],
+  namespace: 'default',
+  policyIds: [],
+  primaryActorId: 'actor-alpha',
+  serviceId: 'svc-alpha',
+  serviceKey: 'scope-alpha:default:default:svc-alpha',
+  tenantId: 'scope-alpha',
+  updatedAt: '2026-08-05T00:00:00Z',
+};
+
+const bindings = {
+  bindings: [
+    {
+      bindingId: 'binding-alpha',
+      bindingKind: 'service',
+      connectorRef: null,
+      displayName: 'Alpha dependency',
+      policyIds: [],
+      retired: false,
+      secretRef: null,
+      serviceRef: {
+        endpointId: 'chat',
+        identity: {
+          appId: 'default',
+          namespace: 'default',
+          serviceId: 'svc-target',
+          tenantId: 'scope-alpha',
+        },
+      },
+    },
+  ],
+  serviceKey: service.serviceKey,
+  updatedAt: '2026-08-05T00:00:00Z',
+};
+
+const revisions = {
+  activeServingRevisionId: 'rev-alpha',
+  catalogLastEventId: 'event-alpha',
+  catalogStateVersion: 1,
+  defaultServingRevisionId: 'rev-alpha',
+  deploymentId: 'deployment-alpha',
+  deploymentStatus: 'Active',
+  displayName: 'Alpha service',
+  primaryActorId: 'actor-alpha',
+  revisions: [],
+  scopeId: 'scope-alpha',
+  serviceId: 'svc-alpha',
+  serviceKey: service.serviceKey,
+  updatedAt: '2026-08-05T00:00:00Z',
+};
+
+const revisionsWithRetirableRevision = {
+  ...revisions,
+  revisions: [
+    {
+      allocationWeight: 100,
+      artifactHash: 'artifact-retire',
+      createdAt: '2026-08-05T00:00:00Z',
+      deploymentId: 'deployment-alpha',
+      failureReason: '',
+      implementationKind: 'workflow',
+      inlineWorkflowCount: 0,
+      isActiveServing: false,
+      isDefaultServing: false,
+      isServingTarget: false,
+      preparedAt: '2026-08-05T00:00:00Z',
+      primaryActorId: 'actor-alpha',
+      publishedAt: '2026-08-05T00:00:00Z',
+      retiredAt: null,
+      revisionId: 'rev-retire',
+      scriptDefinitionActorId: '',
+      scriptId: '',
+      scriptRevision: '',
+      scriptSourceHash: '',
+      servingState: 'ready',
+      staticActorTypeName: '',
+      status: 'ready',
+      workflowDefinitionActorId: 'definition-alpha',
+      workflowName: 'alpha-workflow',
+    },
+  ],
+};
+
+const runs = {
+  displayName: 'Alpha service',
+  runs: [],
+  serviceId: 'svc-alpha',
+  serviceKey: service.serviceKey,
+  scopeId: 'scope-alpha',
+};
+
+const betaService = {
+  ...service,
+  displayName: 'Beta service',
+  primaryActorId: 'actor-beta',
+  serviceId: 'svc-beta',
+  serviceKey: 'scope-alpha:default:default:svc-beta',
+};
+
+function createDeferred<T>() {
+  let rejectPromise: (reason?: unknown) => void = () => undefined;
+  let resolvePromise: (value: T) => void = () => undefined;
+  const promise = new Promise<T>((resolve, reject) => {
+    resolvePromise = resolve;
+    rejectPromise = reject;
+  });
+
+  return {
+    promise,
+    reject: rejectPromise,
+    resolve: resolvePromise,
+  };
+}
+
+describe('ScopeServiceRuntimeWorkbench', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockGetServiceBindingCatalogSnapshot.mockResolvedValue({
+      kind: 'available',
+      snapshot: bindings,
+    });
+    mockGetServiceBindings.mockResolvedValue(bindings);
+    mockGetServiceRevision.mockResolvedValue(
+      revisionsWithRetirableRevision.revisions[0],
+    );
+    mockGetServiceRevisions.mockResolvedValue(revisions);
+    mockListServiceRuns.mockResolvedValue(runs);
+    mockRetireServiceBinding.mockResolvedValue({
+      commandId: 'command-alpha',
+      correlationId: 'correlation-alpha',
+      targetActorId: 'actor-alpha',
+    });
+    mockCreateServiceBinding.mockResolvedValue({
+      commandId: 'command-alpha',
+      correlationId: 'correlation-alpha',
+      targetActorId: 'actor-alpha',
+    });
+  });
+
+  it('keeps a binding retirement visible until the bindings list confirms it', async () => {
+    mockGetServiceBindingCatalogSnapshot
+      .mockResolvedValueOnce({ kind: 'available', snapshot: bindings })
+      .mockResolvedValueOnce({ kind: 'available', snapshot: bindings })
+      .mockResolvedValueOnce({
+        kind: 'available',
+        snapshot: {
+          ...bindings,
+          bindings: [{ ...bindings.bindings[0], retired: true }],
+        },
+      });
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Retire' }));
+
+    expect(
+      await screen.findByText('Update is still pending.'),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Refresh' })).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh' }));
+
+    expect(await screen.findByText('Update confirmed.')).toBeInTheDocument();
+  });
+
+  it('keeps an empty binding id error next to the field', async () => {
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Add binding' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Create binding' }),
+    );
+
+    const bindingId = await screen.findByRole('textbox', {
+      name: 'Binding ID',
+    });
+    expect(await screen.findByText('Enter a binding ID.')).toBeInTheDocument();
+    expect(bindingId).toHaveAttribute('aria-invalid', 'true');
+    expect(bindingId).toHaveAttribute(
+      'aria-describedby',
+      'scope-runtime-binding-id-error',
+    );
+  });
+
+  it('treats a not-yet-materialized first binding as pending without sending a second create', async () => {
+    const createdBinding = {
+      bindingId: 'binding-cache',
+      bindingKind: 'connector',
+      connectorRef: {
+        connectorId: 'cache-primary',
+        connectorType: 'redis',
+      },
+      displayName: '',
+      policyIds: [],
+      retired: false,
+      secretRef: null,
+      serviceRef: null,
+    };
+    mockGetServiceBindingCatalogSnapshot
+      .mockResolvedValueOnce({
+        kind: 'available',
+        snapshot: { ...bindings, bindings: [] },
+      })
+      .mockResolvedValueOnce({ kind: 'not_materialized' })
+      .mockResolvedValueOnce({
+        kind: 'available',
+        snapshot: { ...bindings, bindings: [createdBinding] },
+      });
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Add binding' }));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Binding ID' }), {
+      target: { value: 'binding-cache' },
+    });
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Binding type' }));
+    fireEvent.click(await screen.findByText('Connector'));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Connector type' }),
+      {
+        target: { value: 'redis' },
+      },
+    );
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Connector ID' }),
+      {
+        target: { value: 'cache-primary' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Create binding' }),
+    );
+
+    expect(
+      await screen.findByText('Update is still pending.'),
+    ).toBeInTheDocument();
+    expect(mockCreateServiceBinding).toHaveBeenCalledTimes(1);
+
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh' }));
+
+    expect(await screen.findByText('Update confirmed.')).toBeInTheDocument();
+    expect(mockCreateServiceBinding).toHaveBeenCalledTimes(1);
+  });
+
+  it('keeps the binding editor open while a write is in flight and preserves its draft on failure', async () => {
+    const createRequest = createDeferred<{
+      commandId: string;
+      correlationId: string;
+      targetActorId: string;
+    }>();
+    mockCreateServiceBinding.mockReturnValueOnce(createRequest.promise);
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Add binding' }));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Binding ID' }), {
+      target: { value: 'binding-cache' },
+    });
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Binding type' }));
+    fireEvent.click(await screen.findByText('Connector'));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Connector type' }),
+      {
+        target: { value: 'redis' },
+      },
+    );
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Connector ID' }),
+      {
+        target: { value: 'cache-primary' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Create binding' }),
+    );
+    await waitFor(() =>
+      expect(mockCreateServiceBinding).toHaveBeenCalledTimes(1),
+    );
+
+    expect(screen.getByRole('button', { name: 'Cancel' })).toBeDisabled();
+    expect(
+      screen.queryByRole('button', { name: 'Close' }),
+    ).not.toBeInTheDocument();
+
+    await act(async () => {
+      createRequest.reject(new Error('write failed'));
+    });
+
+    expect(
+      await screen.findByText('Could not confirm the update'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('dialog', { name: 'Create binding' }),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('textbox', { name: 'Binding ID' })).toHaveValue(
+      'binding-cache',
+    );
+  });
+
+  it('keeps a binding save failure available after its editor is closed', async () => {
+    mockCreateServiceBinding.mockRejectedValueOnce(new Error('write failed'));
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Add binding' }));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Binding ID' }), {
+      target: { value: 'binding-cache' },
+    });
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Binding type' }));
+    fireEvent.click(await screen.findByText('Connector'));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Connector type' }),
+      {
+        target: { value: 'redis' },
+      },
+    );
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Connector ID' }),
+      {
+        target: { value: 'cache-primary' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Create binding' }),
+    );
+
+    expect(
+      await screen.findByText('Could not confirm the update'),
+    ).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+
+    expect(
+      screen.queryByRole('dialog', { name: 'Create binding' }),
+    ).not.toBeInTheDocument();
+    expect(
+      await screen.findByText('Could not confirm the update'),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Refresh' })).toBeInTheDocument();
+  });
+
+  it('blocks competing binding and revision writes while an action is unresolved', async () => {
+    mockGetServiceRevisions.mockResolvedValue(revisionsWithRetirableRevision);
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Retire' }));
+
+    expect(
+      await screen.findByText('Update is still pending.'),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Add binding' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Edit binding' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Retire' })).toBeDisabled();
+
+    fireEvent.click(screen.getByRole('tab', { name: /Revisions/ }));
+
+    expect(
+      await screen.findByRole('button', { name: 'Retire revision' }),
+    ).toBeDisabled();
+  });
+
+  it('keeps pending binding feedback visible after changing runtime tabs', async () => {
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Retire' }));
+    expect(await screen.findByText('Update is still pending.')).toBeVisible();
+
+    fireEvent.click(screen.getByRole('tab', { name: /Revisions/ }));
+
+    expect(await screen.findByText('Update is still pending.')).toBeVisible();
+    expect(screen.getByRole('button', { name: 'Refresh' })).toBeVisible();
+  });
+
+  it('does not restore dismissed feedback after a deferred refresh resolves', async () => {
+    const refreshRequest = createDeferred<{
+      kind: 'available';
+      snapshot: typeof bindings;
+    }>();
+    mockGetServiceBindingCatalogSnapshot
+      .mockResolvedValueOnce({ kind: 'available', snapshot: bindings })
+      .mockResolvedValueOnce({ kind: 'available', snapshot: bindings })
+      .mockReturnValueOnce(refreshRequest.promise);
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Retire' }));
+    expect(
+      await screen.findByText('Update is still pending.'),
+    ).toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh' }));
+    expect(
+      await screen.findByText('Refreshing current status'),
+    ).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Dismiss' }));
+
+    await act(async () => {
+      refreshRequest.resolve({
+        kind: 'available',
+        snapshot: {
+          ...bindings,
+          bindings: [{ ...bindings.bindings[0], retired: true }],
+        },
+      });
+    });
+
+    expect(screen.queryByText('Update confirmed.')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('Update is still pending.'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('keeps a pending service change available after switching to another service and back', async () => {
+    const alphaRetirement = createDeferred<{
+      commandId: string;
+      correlationId: string;
+      targetActorId: string;
+    }>();
+    mockRetireServiceBinding.mockReturnValueOnce(alphaRetirement.promise);
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service, betaService]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Retire' }));
+    await waitFor(() =>
+      expect(mockRetireServiceBinding).toHaveBeenCalledWith(
+        'scope-alpha',
+        'svc-alpha',
+        'binding-alpha',
+      ),
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'Inspect service' }));
+    await waitFor(() =>
+      expect(mockGetServiceBindingCatalogSnapshot).toHaveBeenCalledWith(
+        'scope-alpha',
+        'svc-beta',
+      ),
+    );
+
+    await act(async () => {
+      alphaRetirement.resolve({
+        commandId: 'command-alpha',
+        correlationId: 'correlation-alpha',
+        targetActorId: 'actor-alpha',
+      });
+    });
+
+    fireEvent.click(screen.getByRole('button', { name: 'Inspect service' }));
+
+    expect(
+      await screen.findByText('Update is still pending.'),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Refresh' })).toBeInTheDocument();
+  });
+
+  it('keeps a newer service binding retirement isolated from a previous service receipt', async () => {
+    const alphaRetirement = createDeferred<{
+      commandId: string;
+      correlationId: string;
+      targetActorId: string;
+    }>();
+    const betaRetirement = createDeferred<{
+      commandId: string;
+      correlationId: string;
+      targetActorId: string;
+    }>();
+    const betaBindings = {
+      ...bindings,
+      serviceKey: betaService.serviceKey,
+    };
+    mockGetServiceBindingCatalogSnapshot.mockImplementation(
+      (_scopeId: string, serviceId: string) =>
+        Promise.resolve({
+          kind: 'available',
+          snapshot:
+            serviceId === betaService.serviceId ? betaBindings : bindings,
+        }),
+    );
+    mockRetireServiceBinding
+      .mockReturnValueOnce(alphaRetirement.promise)
+      .mockReturnValueOnce(betaRetirement.promise);
+
+    renderWithQueryClient(
+      <ScopeServiceRuntimeWorkbench
+        onUseEndpoint={jest.fn()}
+        scopeId="scope-alpha"
+        services={[service, betaService]}
+      />,
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Review bindings' }),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Retire' }));
+    await waitFor(() =>
+      expect(mockRetireServiceBinding).toHaveBeenCalledWith(
+        'scope-alpha',
+        'svc-alpha',
+        'binding-alpha',
+      ),
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'Inspect service' }));
+    await waitFor(() =>
+      expect(mockGetServiceBindingCatalogSnapshot).toHaveBeenCalledWith(
+        'scope-alpha',
+        'svc-beta',
+      ),
+    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Retire' }));
+    await waitFor(() =>
+      expect(mockRetireServiceBinding).toHaveBeenLastCalledWith(
+        'scope-alpha',
+        'svc-beta',
+        'binding-alpha',
+      ),
+    );
+    const betaRetireButton = screen.getByRole('button', { name: /Retire$/ });
+    expect(
+      within(betaRetireButton).getByRole('img', { name: 'loading' }),
+    ).toBeInTheDocument();
+    const betaReadsBeforeReceipt =
+      mockGetServiceBindingCatalogSnapshot.mock.calls.filter(
+        ([, serviceId]) => serviceId === 'svc-beta',
+      ).length;
+
+    await act(async () => {
+      alphaRetirement.resolve({
+        commandId: 'command-alpha',
+        correlationId: 'correlation-alpha',
+        targetActorId: 'actor-alpha',
+      });
+    });
+
+    await waitFor(() =>
+      expect(
+        mockGetServiceBindingCatalogSnapshot.mock.calls.filter(
+          ([, serviceId]) => serviceId === 'svc-beta',
+        ),
+      ).toHaveLength(betaReadsBeforeReceipt),
+    );
+    expect(
+      within(screen.getByRole('button', { name: /Retire$/ })).getByRole('img', {
+        name: 'loading',
+      }),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText('Update is still pending.'),
+    ).not.toBeInTheDocument();
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/scopes/components/ScopeServiceRuntimeWorkbench.tsx b/apps/aevatar-console-web/src/pages/scopes/components/ScopeServiceRuntimeWorkbench.tsx
index 0b77a72679..2905f868b4 100644
--- a/apps/aevatar-console-web/src/pages/scopes/components/ScopeServiceRuntimeWorkbench.tsx
+++ b/apps/aevatar-console-web/src/pages/scopes/components/ScopeServiceRuntimeWorkbench.tsx
@@ -7,48 +7,48 @@ import {
   PlusOutlined,
   RetweetOutlined,
   SafetyCertificateOutlined,
-} from "@ant-design/icons";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+} from '@ant-design/icons';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import {
   Alert,
   Button,
   Empty,
+  Form,
   Input,
   Modal,
   Select,
   Space,
   Tabs,
   Typography,
-  message,
-} from "antd";
-import React, { useEffect, useMemo, useState } from "react";
-import { formatDateTime } from "@/shared/datetime/dateTime";
-import { history } from "@/shared/navigation/history";
-import {
-  buildRuntimeExplorerHref,
-  buildRuntimeRunsHref,
-} from "@/shared/navigation/runtimeRoutes";
-import { scopeRuntimeApi } from "@/shared/api/scopeRuntimeApi";
-import type { ServiceBindingSnapshot } from "@/shared/models/governance";
-import type { ServiceCatalogSnapshot } from "@/shared/models/services";
+} from 'antd';
+import React, { useEffect, useRef, useState } from 'react';
+import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import { formatDateTime } from '@/shared/datetime/dateTime';
+import { t } from '@/shared/i18n/messages';
+import type { ServiceBindingSnapshot } from '@/shared/models/governance';
 import {
   describeScopeServiceBindingTarget,
   getScopeServiceCurrentRevision,
   type ScopeServiceBindingInput,
   type ScopeServiceRunSummary,
-} from "@/shared/models/runtime/scopeServices";
+} from '@/shared/models/runtime/scopeServices';
+import type { ServiceCatalogSnapshot } from '@/shared/models/services';
+import { history } from '@/shared/navigation/history';
+import {
+  buildRuntimeExplorerHref,
+  buildRuntimeRunsHref,
+} from '@/shared/navigation/runtimeRoutes';
 import {
   describeStudioMemberBindingRevisionContext,
   describeStudioMemberBindingRevisionTarget,
   formatStudioMemberBindingImplementationKind,
-} from "@/shared/studio/models";
+} from '@/shared/studio/models';
 import {
   AevatarInspectorEmpty,
   AevatarPanel,
   AevatarStatusTag,
-} from "@/shared/ui/aevatarPageShells";
-import { t } from "@/shared/i18n/messages";
-import { getUserFacingIdentifierLabel } from "@/shared/ui/userFacingIdentifiers";
+} from '@/shared/ui/aevatarPageShells';
+import { getUserFacingIdentifierLabel } from '@/shared/ui/userFacingIdentifiers';
 
 type ScopeServiceRuntimeWorkbenchProps = {
   readonly scopeId: string;
@@ -65,8 +65,8 @@ type ScopeServiceRuntimeWorkbenchProps = {
   }) => void;
 };
 
-type ServiceRuntimeTab = "overview" | "bindings" | "revisions" | "runs";
-type BindingEditorMode = "create" | "edit";
+type ServiceRuntimeTab = 'overview' | 'bindings' | 'revisions' | 'runs';
+type BindingEditorMode = 'create' | 'edit';
 
 type BindingEditorState = {
   readonly mode: BindingEditorMode;
@@ -90,29 +90,110 @@ type RunAuditTarget = {
   readonly actorId: string;
 } | null;
 
-const scopeServiceAppId = "default";
-const scopeServiceNamespace = "default";
+type RuntimeActionLocation = 'bindings' | 'binding-editor' | 'revisions';
+
+type RuntimeActionStatus =
+  | 'submitting'
+  | 'accepted'
+  | 'observing'
+  | 'refreshing'
+  | 'delayed'
+  | 'failed'
+  | 'observed';
+
+type RuntimeActionTarget =
+  | {
+      readonly kind: 'binding-retired';
+      readonly bindingId: string;
+    }
+  | {
+      readonly kind: 'binding-payload';
+      readonly bindingId: string;
+      readonly payload: ScopeServiceBindingInput;
+    }
+  | {
+      readonly kind: 'revision-retired';
+      readonly revisionId: string;
+    };
+
+type RuntimeActionState = {
+  readonly requestId: number;
+  readonly scopeId: string;
+  readonly serviceId: string;
+  readonly location: RuntimeActionLocation;
+  readonly status: RuntimeActionStatus;
+  readonly target: RuntimeActionTarget;
+};
+
+type RuntimeActionIdentity = {
+  readonly scopeId: string;
+  readonly serviceId: string;
+};
+
+type RetiringBindingState = RuntimeActionIdentity & {
+  readonly bindingId: string;
+};
+
+type BindingEditorField =
+  | 'bindingId'
+  | 'targetServiceId'
+  | 'connectorType'
+  | 'connectorId'
+  | 'secretName';
+
+type BindingEditorValidationErrors = Partial<
+  Record<BindingEditorField, string>
+>;
+
+const scopeServiceAppId = 'default';
+const scopeServiceNamespace = 'default';
+
+function scopeRuntimeBindingsQueryKey(scopeId: string, serviceId: string) {
+  return ['scope-runtime', 'bindings', scopeId, serviceId] as const;
+}
+
+function scopeRuntimeRevisionsQueryKey(scopeId: string, serviceId: string) {
+  return ['scope-runtime', 'revisions', scopeId, serviceId] as const;
+}
+
+function runtimeActionIdentityKey(identity: RuntimeActionIdentity): string {
+  return `${identity.scopeId}\u0000${identity.serviceId}`;
+}
+
+function runtimeActionBlocksWrites(status: RuntimeActionStatus): boolean {
+  return (
+    status === 'submitting' ||
+    status === 'accepted' ||
+    status === 'observing' ||
+    status === 'refreshing' ||
+    status === 'delayed' ||
+    status === 'failed'
+  );
+}
 
-function buildScopedServiceCatalogHref(scopeId: string, serviceId: string): string {
+function buildScopedServiceCatalogHref(
+  scopeId: string,
+  serviceId: string,
+): string {
   const params = new URLSearchParams();
-  params.set("tenantId", scopeId.trim());
-  params.set("appId", scopeServiceAppId);
-  params.set("namespace", scopeServiceNamespace);
-  params.set("serviceId", serviceId.trim());
+  params.set('tenantId', scopeId.trim());
+  params.set('appId', scopeServiceAppId);
+  params.set('namespace', scopeServiceNamespace);
+  params.set('serviceId', serviceId.trim());
   return `/services?${params.toString()}`;
 }
 
 function createEmptyBindingDraft(): BindingEditorDraft {
   return {
-    bindingId: "",
-    displayName: "",
-    bindingKind: "service",
-    policyIdsText: "",
-    targetServiceId: "",
-    targetEndpointId: "",
-    connectorType: "",
-    connectorId: "",
-    secretName: "",
+    bindingId: '',
+    displayName: '',
+    bindingKind: 'service',
+    policyIdsText: '',
+    targetServiceId: '',
+    targetEndpointId: '',
+    connectorType: '',
+    connectorId: '',
+    secretName: '',
   };
 }
 
@@ -123,45 +204,47 @@ function createBindingDraftFromSnapshot(
     bindingId: binding.bindingId,
     displayName: binding.displayName,
     bindingKind: binding.bindingKind,
-    policyIdsText: binding.policyIds.join(", "),
-    targetServiceId: binding.serviceRef?.identity.serviceId || "",
-    targetEndpointId: binding.serviceRef?.endpointId || "",
-    connectorType: binding.connectorRef?.connectorType || "",
-    connectorId: binding.connectorRef?.connectorId || "",
-    secretName: binding.secretRef?.secretName || "",
+    policyIdsText: binding.policyIds.join(', '),
+    targetServiceId: binding.serviceRef?.identity.serviceId || '',
+    targetEndpointId: binding.serviceRef?.endpointId || '',
+    connectorType: binding.connectorRef?.connectorType || '',
+    connectorId: binding.connectorRef?.connectorId || '',
+    secretName: binding.secretRef?.secretName || '',
   };
 }
 
 function parsePolicyIds(value: string): string[] {
   return value
-    .split(",")
+    .split(',')
     .map((item) => item.trim())
     .filter(Boolean);
 }
 
-function buildBindingPayload(draft: BindingEditorDraft): ScopeServiceBindingInput {
-  const bindingKind = draft.bindingKind.trim() || "service";
+function buildBindingPayload(
+  draft: BindingEditorDraft,
+): ScopeServiceBindingInput {
+  const bindingKind = draft.bindingKind.trim() || 'service';
   return {
     bindingId: draft.bindingId.trim(),
     displayName: draft.displayName.trim(),
     bindingKind,
     policyIds: parsePolicyIds(draft.policyIdsText),
     service:
-      bindingKind === "service"
+      bindingKind === 'service'
         ? {
             serviceId: draft.targetServiceId.trim(),
             endpointId: draft.targetEndpointId.trim() || null,
           }
         : null,
     connector:
-      bindingKind === "connector"
+      bindingKind === 'connector'
         ? {
             connectorType: draft.connectorType.trim(),
             connectorId: draft.connectorId.trim(),
           }
         : null,
     secret:
-      bindingKind === "secret"
+      bindingKind === 'secret'
         ? {
             secretName: draft.secretName.trim(),
           }
@@ -169,16 +252,270 @@ function buildBindingPayload(draft: BindingEditorDraft): ScopeServiceBindingInpu
   };
 }
 
+function hasSameValues(
+  left: readonly string[],
+  right: readonly string[] | undefined,
+): boolean {
+  const normalizedRight = right ?? [];
+  return (
+    left.length === normalizedRight.length &&
+    left.every((value, index) => value === normalizedRight[index])
+  );
+}
+
+function bindingReflectsPayload(
+  binding: ServiceBindingSnapshot,
+  payload: ScopeServiceBindingInput,
+): boolean {
+  if (
+    binding.bindingId !== payload.bindingId ||
+    binding.displayName !== payload.displayName ||
+    binding.bindingKind !== payload.bindingKind ||
+    !hasSameValues(binding.policyIds, payload.policyIds)
+  ) {
+    return false;
+  }
+
+  if (payload.bindingKind === 'service') {
+    return (
+      binding.serviceRef?.identity.serviceId === payload.service?.serviceId &&
+      (binding.serviceRef?.endpointId || null) ===
+        (payload.service?.endpointId || null)
+    );
+  }
+
+  if (payload.bindingKind === 'connector') {
+    return (
+      binding.connectorRef?.connectorType ===
+        payload.connector?.connectorType &&
+      binding.connectorRef?.connectorId === payload.connector?.connectorId
+    );
+  }
+
+  if (payload.bindingKind === 'secret') {
+    return binding.secretRef?.secretName === payload.secret?.secretName;
+  }
+
+  return false;
+}
+
+function isRuntimeActionObserved(
+  target: RuntimeActionTarget,
+  bindings: readonly ServiceBindingSnapshot[],
+  revisions: readonly {
+    readonly revisionId: string;
+    readonly retiredAt: string | null;
+    readonly status: string;
+  }[],
+): boolean {
+  if (target.kind === 'binding-retired') {
+    return bindings.some(
+      (binding) => binding.bindingId === target.bindingId && binding.retired,
+    );
+  }
+
+  if (target.kind === 'binding-payload') {
+    return bindings.some((binding) =>
+      bindingReflectsPayload(binding, target.payload),
+    );
+  }
+
+  return revisions.some(
+    (revision) =>
+      revision.revisionId === target.revisionId &&
+      (Boolean(revision.retiredAt) ||
+        revision.status.trim().toLowerCase() === 'retired'),
+  );
+}
+
+function getBindingEditorValidationErrors(
+  payload: ScopeServiceBindingInput,
+): BindingEditorValidationErrors {
+  const errors: BindingEditorValidationErrors = {};
+
+  if (!payload.bindingId) {
+    errors.bindingId = t(
+      'pages.scopes.scopeserviceruntimeworkbench.binding.id.required',
+      'Enter a binding ID.',
+    );
+  }
+
+  if (payload.bindingKind === 'service' && !payload.service?.serviceId) {
+    errors.targetServiceId = t(
+      'pages.scopes.scopeserviceruntimeworkbench.target.service.required',
+      'Select a target service.',
+    );
+  }
+
+  if (payload.bindingKind === 'connector') {
+    if (!payload.connector?.connectorType) {
+      errors.connectorType = t(
+        'pages.scopes.scopeserviceruntimeworkbench.connector.type.required',
+        'Enter a connector type.',
+      );
+    }
+    if (!payload.connector?.connectorId) {
+      errors.connectorId = t(
+        'pages.scopes.scopeserviceruntimeworkbench.connector.id.required',
+        'Enter a connector ID.',
+      );
+    }
+  }
+
+  if (payload.bindingKind === 'secret' && !payload.secret?.secretName) {
+    errors.secretName = t(
+      'pages.scopes.scopeserviceruntimeworkbench.secret.name.required',
+      'Enter a secret name.',
+    );
+  }
+
+  return errors;
+}
+
+const RuntimeActionFeedback: React.FC<{
+  readonly action: RuntimeActionState;
+  readonly onDismiss: () => void;
+  readonly onRefresh: () => void;
+}> = ({ action, onDismiss, onRefresh }) => {
+  const copyByStatus: Record<
+    RuntimeActionStatus,
+    {
+      readonly description: string;
+      readonly title: string;
+      readonly type: 'error' | 'info' | 'success' | 'warning';
+    }
+  > = {
+    submitting: {
+      description: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.submitting.description',
+        'Sending your update.',
+      ),
+      title: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.submitting.title',
+        'Saving update',
+      ),
+      type: 'info',
+    },
+    accepted: {
+      description: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.accepted.description',
+        'Checking the latest status.',
+      ),
+      title: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.accepted.title',
+        'Request accepted',
+      ),
+      type: 'info',
+    },
+    delayed: {
+      description: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.delayed.description',
+        'The latest list has not reflected this request yet. Refresh to check again.',
+      ),
+      title: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.delayed.title',
+        'Update is still pending.',
+      ),
+      type: 'warning',
+    },
+    failed: {
+      description: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.failed.description',
+        'Refresh the latest status before trying again.',
+      ),
+      title: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.failed.title',
+        'Could not confirm the update',
+      ),
+      type: 'error',
+    },
+    observed: {
+      description: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.observed.description',
+        'The latest list reflects this change.',
+      ),
+      title: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.observed.title',
+        'Update confirmed.',
+      ),
+      type: 'success',
+    },
+    observing: {
+      description: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.observing.description',
+        'Waiting for the latest list to update.',
+      ),
+      title: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.observing.title',
+        'Checking current status',
+      ),
+      type: 'info',
+    },
+    refreshing: {
+      description: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.refreshing.description',
+        'Checking the latest list.',
+      ),
+      title: t(
+        'pages.scopes.scopeserviceruntimeworkbench.action.refreshing.title',
+        'Refreshing current status',
+      ),
+      type: 'info',
+    },
+  };
+  const copy = copyByStatus[action.status];
+  const canRefresh =
+    action.status === 'delayed' ||
+    action.status === 'failed' ||
+    action.status === 'observed';
+  const canDismiss =
+    action.status === 'refreshing' ||
+    action.status === 'delayed' ||
+    action.status === 'failed' ||
+    action.status === 'observed';
+
+  return (
+    <Alert
+      action={
+        canRefresh || canDismiss ? (
+          <Space size={8} wrap>
+            {canRefresh ? (
+              <Button onClick={onRefresh} size="small">
+                {t(
+                  'pages.scopes.scopeserviceruntimeworkbench.action.refresh',
+                  'Refresh',
+                )}
+              </Button>
+            ) : null}
+            {canDismiss ? (
+              <Button onClick={onDismiss} size="small" type="text">
+                {t(
+                  'pages.scopes.scopeserviceruntimeworkbench.action.dismiss',
+                  'Dismiss',
+                )}
+              </Button>
+            ) : null}
+          </Space>
+        ) : undefined
+      }
+      description={copy.description}
+      showIcon
+      title={copy.title}
+      type={copy.type}
+    />
+  );
+};
+
 function getBindingKindLabel(kind: string): string {
   switch (kind.trim().toLowerCase()) {
-    case "service":
-      return "Service";
-    case "connector":
-      return "Connector";
-    case "secret":
-      return "Secret";
+    case 'service':
+      return 'Service';
+    case 'connector':
+      return 'Connector';
+    case 'secret':
+      return 'Secret';
     default:
-      return kind || "Binding";
+      return kind || 'Binding';
   }
 }
 
@@ -188,10 +525,10 @@ const RuntimeMetricCard: React.FC<{
 }> = ({ label, value }) => (
   <div
     style={{
-      border: "1px solid var(--ant-color-border-secondary)",
+      border: '1px solid var(--ant-color-border-secondary)',
       borderRadius: 12,
-      display: "flex",
-      flexDirection: "column",
+      display: 'flex',
+      flexDirection: 'column',
       gap: 4,
       minWidth: 0,
       padding: 12,
@@ -202,7 +539,9 @@ const RuntimeMetricCard: React.FC<{
   </div>
 );
 
-const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps> = ({
+const ScopeServiceRuntimeWorkbench: React.FC<
+  ScopeServiceRuntimeWorkbenchProps
+> = ({
   scopeId,
   services,
   selectedServiceId,
@@ -213,37 +552,52 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
   preferredServiceId,
   onSelectionChange,
 }) => {
-  const [messageApi, messageContextHolder] = message.useMessage();
   const queryClient = useQueryClient();
-  const [activeTab, setActiveTab] = useState<ServiceRuntimeTab>("overview");
+  const [activeTab, setActiveTab] = useState<ServiceRuntimeTab>('overview');
   const [bindingEditorState, setBindingEditorState] =
     useState<BindingEditorState>(null);
   const [bindingEditorDraft, setBindingEditorDraft] =
     useState<BindingEditorDraft>(createEmptyBindingDraft());
+  const [bindingEditorValidationErrors, setBindingEditorValidationErrors] =
+    useState<BindingEditorValidationErrors>({});
   const [bindingEditorSubmitting, setBindingEditorSubmitting] = useState(false);
-  const [selectedRevisionId, setSelectedRevisionId] = useState("");
+  const [runtimeActionStates, setRuntimeActionStates] = useState<
+    ReadonlyMap<string, RuntimeActionState>
+  >(() => new Map());
+  const [selectedRevisionId, setSelectedRevisionId] = useState('');
   const [selectedRunAuditTarget, setSelectedRunAuditTarget] =
     useState<RunAuditTarget>(null);
-  const [retiringBindingId, setRetiringBindingId] = useState("");
+  const [retiringBinding, setRetiringBinding] =
+    useState<RetiringBindingState | null>(null);
+  const runtimeActionRequestId = useRef(0);
+  const runtimeActionStatesRef = useRef<Map<string, RuntimeActionState>>(
+    new Map(),
+  );
   const [internalSelectedServiceId, setInternalSelectedServiceId] = useState(
-    () => initialServiceId?.trim() || preferredServiceId?.trim() || "",
+    () => initialServiceId?.trim() || preferredServiceId?.trim() || '',
   );
   const [internalSelectedEndpointId, setInternalSelectedEndpointId] =
-    useState("");
+    useState('');
   const isControlledSelection =
-    typeof selectedServiceId === "string" &&
-    typeof selectedEndpointId === "string" &&
-    typeof onSelectService === "function";
+    typeof selectedServiceId === 'string' &&
+    typeof selectedEndpointId === 'string' &&
+    typeof onSelectService === 'function';
   const resolvedSelectedServiceId = isControlledSelection
-    ? selectedServiceId || ""
+    ? selectedServiceId || ''
     : internalSelectedServiceId;
   const resolvedSelectedEndpointId = isControlledSelection
-    ? selectedEndpointId || ""
+    ? selectedEndpointId || ''
     : internalSelectedEndpointId;
 
   const selectedService =
-    services.find((service) => service.serviceId === resolvedSelectedServiceId) ??
-    null;
+    services.find(
+      (service) => service.serviceId === resolvedSelectedServiceId,
+    ) ?? null;
+  const selectedServiceRuntimeId = selectedService?.serviceId || '';
+  const selectedRuntimeActionIdentity = {
+    scopeId,
+    serviceId: selectedServiceRuntimeId,
+  };
 
   useEffect(() => {
     if (isControlledSelection) {
@@ -251,29 +605,33 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     }
 
     if (!services.length) {
-      setInternalSelectedServiceId("");
+      setInternalSelectedServiceId('');
       return;
     }
 
     if (
       resolvedSelectedServiceId &&
-      services.some((service) => service.serviceId === resolvedSelectedServiceId)
+      services.some(
+        (service) => service.serviceId === resolvedSelectedServiceId,
+      )
     ) {
       return;
     }
 
-    const normalizedInitialServiceId = initialServiceId?.trim() || "";
+    const normalizedInitialServiceId = initialServiceId?.trim() || '';
     if (
       normalizedInitialServiceId &&
-      services.some((service) => service.serviceId === normalizedInitialServiceId)
+      services.some(
+        (service) => service.serviceId === normalizedInitialServiceId,
+      )
     ) {
       setInternalSelectedServiceId(normalizedInitialServiceId);
       return;
     }
 
-    const normalizedPreferredServiceId = preferredServiceId?.trim() || "";
+    const normalizedPreferredServiceId = preferredServiceId?.trim() || '';
     setInternalSelectedServiceId(
-      normalizedPreferredServiceId || services[0]?.serviceId || "",
+      normalizedPreferredServiceId || services[0]?.serviceId || '',
     );
   }, [
     initialServiceId,
@@ -289,7 +647,7 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     }
 
     if (!selectedService) {
-      setInternalSelectedEndpointId("");
+      setInternalSelectedEndpointId('');
       return;
     }
 
@@ -302,12 +660,10 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
       return;
     }
 
-    setInternalSelectedEndpointId(selectedService.endpoints[0]?.endpointId || "");
-  }, [
-    isControlledSelection,
-    resolvedSelectedEndpointId,
-    selectedService,
-  ]);
+    setInternalSelectedEndpointId(
+      selectedService.endpoints[0]?.endpointId || '',
+    );
+  }, [isControlledSelection, resolvedSelectedEndpointId, selectedService]);
 
   useEffect(() => {
     if (isControlledSelection) {
@@ -332,7 +688,7 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     }
 
     setInternalSelectedServiceId(serviceId);
-    setInternalSelectedEndpointId("");
+    setInternalSelectedEndpointId('');
   };
 
   const handleUseEndpoint = (serviceId: string, endpointId: string) => {
@@ -346,32 +702,41 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
 
   const bindingsQuery = useQuery({
     enabled: Boolean(scopeId && selectedService?.serviceId),
-    queryKey: ["scope-runtime", "bindings", scopeId, selectedService?.serviceId],
+    queryKey: scopeRuntimeBindingsQueryKey(scopeId, selectedServiceRuntimeId),
     queryFn: () =>
-      scopeRuntimeApi.getServiceBindings(scopeId, selectedService?.serviceId || ""),
+      scopeRuntimeApi.getServiceBindingCatalogSnapshot(
+        scopeId,
+        selectedServiceRuntimeId,
+      ),
   });
 
   const revisionsQuery = useQuery({
     enabled: Boolean(scopeId && selectedService?.serviceId),
-    queryKey: ["scope-runtime", "revisions", scopeId, selectedService?.serviceId],
+    queryKey: scopeRuntimeRevisionsQueryKey(scopeId, selectedServiceRuntimeId),
     queryFn: () =>
-      scopeRuntimeApi.getServiceRevisions(scopeId, selectedService?.serviceId || ""),
+      scopeRuntimeApi.getServiceRevisions(scopeId, selectedServiceRuntimeId),
   });
 
   const runsQuery = useQuery({
     enabled: Boolean(scopeId && selectedService?.serviceId),
-    queryKey: ["scope-runtime", "runs", scopeId, selectedService?.serviceId],
+    queryKey: ['scope-runtime', 'runs', scopeId, selectedService?.serviceId],
     queryFn: () =>
-      scopeRuntimeApi.listServiceRuns(scopeId, selectedService?.serviceId || "", {
-        take: 12,
-      }),
+      scopeRuntimeApi.listServiceRuns(
+        scopeId,
+        selectedService?.serviceId || '',
+        {
+          take: 12,
+        },
+      ),
   });
 
   const selectedRevisionQuery = useQuery({
-    enabled: Boolean(scopeId && selectedService?.serviceId && selectedRevisionId),
+    enabled: Boolean(
+      scopeId && selectedService?.serviceId && selectedRevisionId,
+    ),
     queryKey: [
-      "scope-runtime",
-      "revision",
+      'scope-runtime',
+      'revision',
       scopeId,
       selectedService?.serviceId,
       selectedRevisionId,
@@ -379,7 +744,7 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     queryFn: () =>
       scopeRuntimeApi.getServiceRevision(
         scopeId,
-        selectedService?.serviceId || "",
+        selectedService?.serviceId || '',
         selectedRevisionId,
       ),
   });
@@ -391,8 +756,8 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
         selectedRunAuditTarget?.runId.trim(),
     ),
     queryKey: [
-      "scope-runtime",
-      "run-audit",
+      'scope-runtime',
+      'run-audit',
       scopeId,
       selectedService?.serviceId,
       selectedRunAuditTarget?.runId,
@@ -401,55 +766,276 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     queryFn: () =>
       scopeRuntimeApi.getServiceRunAudit(
         scopeId,
-        selectedService?.serviceId || "",
-        selectedRunAuditTarget?.runId || "",
+        selectedService?.serviceId || '',
+        selectedRunAuditTarget?.runId || '',
         {
           actorId: selectedRunAuditTarget?.actorId || undefined,
         },
       ),
   });
 
+  const isRuntimeActionCurrent = (action: RuntimeActionState) => {
+    return (
+      runtimeActionStatesRef.current.get(runtimeActionIdentityKey(action))
+        ?.requestId === action.requestId
+    );
+  };
+
+  const hasBlockingRuntimeAction = (identity: RuntimeActionIdentity) => {
+    const action = runtimeActionStatesRef.current.get(
+      runtimeActionIdentityKey(identity),
+    );
+    return Boolean(
+      action &&
+        isRuntimeActionCurrent(action) &&
+        runtimeActionBlocksWrites(action.status),
+    );
+  };
+
+  const createRuntimeAction = (
+    location: RuntimeActionLocation,
+    target: RuntimeActionTarget,
+    identity: RuntimeActionIdentity,
+  ): RuntimeActionState | null => {
+    if (hasBlockingRuntimeAction(identity)) {
+      return null;
+    }
+
+    const requestId = runtimeActionRequestId.current + 1;
+    const action = {
+      location,
+      requestId,
+      scopeId: identity.scopeId,
+      serviceId: identity.serviceId,
+      status: 'submitting' as const,
+      target,
+    };
+    runtimeActionRequestId.current = requestId;
+    runtimeActionStatesRef.current.set(
+      runtimeActionIdentityKey(action),
+      action,
+    );
+    setRuntimeActionStates(new Map(runtimeActionStatesRef.current));
+    return action;
+  };
+
+  const updateRuntimeActionState = (nextState: RuntimeActionState) => {
+    if (isRuntimeActionCurrent(nextState)) {
+      runtimeActionStatesRef.current.set(
+        runtimeActionIdentityKey(nextState),
+        nextState,
+      );
+      setRuntimeActionStates(new Map(runtimeActionStatesRef.current));
+    }
+  };
+
+  const dismissRuntimeAction = (action: RuntimeActionState) => {
+    if (!isRuntimeActionCurrent(action)) {
+      return;
+    }
+    runtimeActionStatesRef.current.delete(runtimeActionIdentityKey(action));
+    setRuntimeActionStates(new Map(runtimeActionStatesRef.current));
+  };
+
+  const writesBlockedByRuntimeAction = hasBlockingRuntimeAction(
+    selectedRuntimeActionIdentity,
+  );
+
+  const invalidateBindingViews = async (action: RuntimeActionState) => {
+    if (!isRuntimeActionCurrent(action)) {
+      return false;
+    }
+
+    await Promise.all([
+      queryClient.invalidateQueries({
+        queryKey: scopeRuntimeBindingsQueryKey(
+          action.scopeId,
+          action.serviceId,
+        ),
+        refetchType: 'none',
+      }),
+      queryClient.invalidateQueries({
+        queryKey: ['scopes', 'invoke', 'services', action.scopeId],
+      }),
+    ]);
+
+    return isRuntimeActionCurrent(action);
+  };
+
+  const invalidateRevisionViews = async (action: RuntimeActionState) => {
+    if (!isRuntimeActionCurrent(action)) {
+      return false;
+    }
+
+    await Promise.all([
+      queryClient.invalidateQueries({
+        queryKey: scopeRuntimeRevisionsQueryKey(
+          action.scopeId,
+          action.serviceId,
+        ),
+        refetchType: 'none',
+      }),
+      queryClient.invalidateQueries({
+        queryKey: ['scopes', 'invoke', 'services', action.scopeId],
+      }),
+    ]);
+
+    return isRuntimeActionCurrent(action);
+  };
+
+  const refreshBindingAction = async (
+    action: RuntimeActionState,
+    status: 'observing' | 'refreshing',
+  ) => {
+    if (!isRuntimeActionCurrent(action)) {
+      return;
+    }
+
+    updateRuntimeActionState({ ...action, status });
+    try {
+      const bindings = await queryClient.fetchQuery({
+        queryFn: () =>
+          scopeRuntimeApi.getServiceBindingCatalogSnapshot(
+            action.scopeId,
+            action.serviceId,
+          ),
+        queryKey: scopeRuntimeBindingsQueryKey(
+          action.scopeId,
+          action.serviceId,
+        ),
+        staleTime: 0,
+      });
+      if (!isRuntimeActionCurrent(action)) {
+        return;
+      }
+
+      if (bindings.kind === 'not_materialized') {
+        updateRuntimeActionState({ ...action, status: 'delayed' });
+        return;
+      }
+
+      updateRuntimeActionState({
+        ...action,
+        status: isRuntimeActionObserved(
+          action.target,
+          bindings.snapshot.bindings,
+          [],
+        )
+          ? 'observed'
+          : 'delayed',
+      });
+    } catch {
+      updateRuntimeActionState({ ...action, status: 'failed' });
+    }
+  };
+
+  const refreshRevisionAction = async (
+    action: RuntimeActionState,
+    status: 'observing' | 'refreshing',
+  ) => {
+    if (!isRuntimeActionCurrent(action)) {
+      return;
+    }
+
+    updateRuntimeActionState({ ...action, status });
+    try {
+      const revisions = await queryClient.fetchQuery({
+        queryFn: () =>
+          scopeRuntimeApi.getServiceRevisions(action.scopeId, action.serviceId),
+        queryKey: scopeRuntimeRevisionsQueryKey(
+          action.scopeId,
+          action.serviceId,
+        ),
+        staleTime: 0,
+      });
+      if (!isRuntimeActionCurrent(action)) {
+        return;
+      }
+
+      updateRuntimeActionState({
+        ...action,
+        status: isRuntimeActionObserved(action.target, [], revisions.revisions)
+          ? 'observed'
+          : 'delayed',
+      });
+    } catch {
+      updateRuntimeActionState({ ...action, status: 'failed' });
+    }
+  };
+
+  const handleRefreshRuntimeAction = (action: RuntimeActionState) => {
+    if (!isRuntimeActionCurrent(action)) {
+      return;
+    }
+
+    if (action.target.kind === 'revision-retired') {
+      void refreshRevisionAction(action, 'refreshing');
+      return;
+    }
+
+    void refreshBindingAction(action, 'refreshing');
+  };
+
   const retireRevisionMutation = useMutation({
-    mutationFn: (revisionId: string) =>
+    mutationFn: ({
+      scopeId: actionScopeId,
+      serviceId,
+      revisionId,
+    }: {
+      readonly scopeId: string;
+      readonly serviceId: string;
+      readonly revisionId: string;
+    }) =>
       scopeRuntimeApi.retireServiceRevision(
-        scopeId,
-        selectedService?.serviceId || "",
+        actionScopeId,
+        serviceId,
         revisionId,
       ),
-    onSuccess: async (result) => {
-      await Promise.all([
-        queryClient.invalidateQueries({
-          queryKey: ["scope-runtime", "revisions", scopeId, selectedService?.serviceId],
-        }),
-        queryClient.invalidateQueries({
-          queryKey: ["scopes", "invoke", "services", scopeId],
-        }),
-      ]);
-      messageApi.success(
-        t(
-          "pages.scopes.scopeserviceruntimeworkbench.revision.accepted.for.retirement",
-          "Revision was accepted for retirement.",
-        ),
-      );
+    onMutate: ({ scopeId: actionScopeId, revisionId, serviceId }) =>
+      createRuntimeAction(
+        'revisions',
+        {
+          kind: 'revision-retired',
+          revisionId,
+        },
+        { scopeId: actionScopeId, serviceId },
+      ),
+    onSuccess: async (_result, _variables, action) => {
+      if (!action || !isRuntimeActionCurrent(action)) {
+        return;
+      }
+
+      const acceptedAction = { ...action, status: 'accepted' as const };
+      updateRuntimeActionState(acceptedAction);
+      if (await invalidateRevisionViews(acceptedAction)) {
+        await refreshRevisionAction(acceptedAction, 'observing');
+      }
     },
-    onError: (error) => {
-      messageApi.error(
-        error instanceof Error ? error.message : "Failed to retire revision.",
-      );
+    onError: (_error, _variables, action) => {
+      if (action) {
+        updateRuntimeActionState({ ...action, status: 'failed' });
+      }
     },
   });
 
   useEffect(() => {
     setBindingEditorState(null);
     setBindingEditorDraft(createEmptyBindingDraft());
+    setBindingEditorValidationErrors({});
+    setBindingEditorSubmitting(false);
     setSelectedRunAuditTarget(null);
-    setRetiringBindingId("");
-  }, [selectedService?.serviceId]);
+    setRetiringBinding(null);
+  }, [scopeId, selectedService?.serviceId]);
+
+  useEffect(() => {
+    runtimeActionStatesRef.current.clear();
+    setRuntimeActionStates(new Map());
+  }, [scopeId]);
 
   useEffect(() => {
     const revisions = revisionsQuery.data?.revisions ?? [];
     if (!revisions.length) {
-      setSelectedRevisionId("");
+      setSelectedRevisionId('');
       return;
     }
 
@@ -463,13 +1049,14 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     setSelectedRevisionId(
       getScopeServiceCurrentRevision(revisionsQuery.data)?.revisionId ||
         revisions[0]?.revisionId ||
-        "",
+        '',
     );
   }, [revisionsQuery.data, selectedRevisionId]);
 
   const selectedBindingTargetService =
     services.find(
-      (service) => service.serviceId === bindingEditorDraft.targetServiceId.trim(),
+      (service) =>
+        service.serviceId === bindingEditorDraft.targetServiceId.trim(),
     ) ?? null;
 
   const bindingTargetEndpointOptions = (
@@ -477,32 +1064,61 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
   ).map((endpoint) => ({
     label: getUserFacingIdentifierLabel(
       endpoint.displayName || endpoint.endpointId,
-      t("pages.scopes.scopeserviceruntimeworkbench.endpoint", "Endpoint"),
+      t('pages.scopes.scopeserviceruntimeworkbench.endpoint', 'Endpoint'),
     ),
     value: endpoint.endpointId,
   }));
 
-  const bindingList = bindingsQuery.data?.bindings ?? [];
+  const bindingList =
+    bindingsQuery.data?.kind === 'available'
+      ? bindingsQuery.data.snapshot.bindings
+      : [];
   const revisionList = revisionsQuery.data?.revisions ?? [];
   const currentRevision =
     selectedRevisionQuery.data ||
-    revisionList.find((revision) => revision.revisionId === selectedRevisionId) ||
+    revisionList.find(
+      (revision) => revision.revisionId === selectedRevisionId,
+    ) ||
     getScopeServiceCurrentRevision(revisionsQuery.data);
   const recentRuns = runsQuery.data?.runs ?? [];
   const auditTimeline = selectedRunAuditQuery.data?.audit.timeline ?? [];
   const auditSteps = selectedRunAuditQuery.data?.audit.steps ?? [];
   const auditSummary = selectedRunAuditQuery.data?.audit.summary;
+  const visibleRuntimeAction = runtimeActionStates.get(
+    runtimeActionIdentityKey({
+      scopeId,
+      serviceId: selectedServiceRuntimeId,
+    }),
+  );
+  const isRetiringBinding = (bindingId: string) =>
+    retiringBinding?.scopeId === scopeId &&
+    retiringBinding.serviceId === selectedServiceRuntimeId &&
+    retiringBinding.bindingId === bindingId;
+  const clearRetiringBinding = (action: RuntimeActionState) => {
+    if (action.target.kind !== 'binding-retired') {
+      return;
+    }
+    const bindingId = action.target.bindingId;
+
+    setRetiringBinding((current) =>
+      current?.scopeId === action.scopeId &&
+      current.serviceId === action.serviceId &&
+      current.bindingId === bindingId
+        ? null
+        : current,
+    );
+  };
 
   const bindingCards = bindingList.length ? (
-    <div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
       {bindingList.map((binding) => (
         <div
           key={binding.bindingId}
           style={{
-            border: "1px solid var(--ant-color-border-secondary)",
+            border: '1px solid var(--ant-color-border-secondary)',
             borderRadius: 12,
-            display: "flex",
-            flexDirection: "column",
+            display: 'flex',
+            flexDirection: 'column',
             gap: 10,
             padding: 12,
           }}
@@ -511,93 +1127,145 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
             <Typography.Text strong>
               {getUserFacingIdentifierLabel(
                 binding.displayName || binding.bindingId,
-                t("pages.scopes.scopeserviceruntimeworkbench.binding", "Binding"),
+                t(
+                  'pages.scopes.scopeserviceruntimeworkbench.binding',
+                  'Binding',
+                ),
               )}
             </Typography.Text>
             <AevatarStatusTag
               domain="governance"
-              status={binding.retired ? "retired" : "active"}
+              status={binding.retired ? 'retired' : 'active'}
               label={getBindingKindLabel(binding.bindingKind)}
             />
           </Space>
           <Typography.Text type="secondary">
-            {t("pages.scopes.scopeserviceruntimeworkbench.target", "Target")}
+            {t('pages.scopes.scopeserviceruntimeworkbench.target', 'Target')}
             {binding.serviceRef
-              ? t("pages.scopes.scopeserviceruntimeworkbench.service.target", "Service target")
+              ? t(
+                  'pages.scopes.scopeserviceruntimeworkbench.service.target',
+                  'Service target',
+                )
               : describeScopeServiceBindingTarget(binding)}
           </Typography.Text>
           <Typography.Text type="secondary">
-            {t("pages.scopes.scopeserviceruntimeworkbench.policies", "Policies")}{" "}
+            {t(
+              'pages.scopes.scopeserviceruntimeworkbench.policies',
+              'Policies',
+            )}{' '}
             {binding.policyIds.length > 0
-              ? t("pages.scopes.scopeserviceruntimeworkbench.policy.count", "{value1} policies", {
-                  value1: binding.policyIds.length,
-                })
-              : "none"}
+              ? t(
+                  'pages.scopes.scopeserviceruntimeworkbench.policy.count',
+                  '{value1} policies',
+                  {
+                    value1: binding.policyIds.length,
+                  },
+                )
+              : 'none'}
           </Typography.Text>
           <Space wrap>
             <Button
-              disabled={binding.retired}
+              disabled={binding.retired || writesBlockedByRuntimeAction}
               icon={<EyeOutlined />}
               onClick={() => {
+                if (hasBlockingRuntimeAction(selectedRuntimeActionIdentity)) {
+                  return;
+                }
+
                 setBindingEditorDraft(createBindingDraftFromSnapshot(binding));
+                setBindingEditorValidationErrors({});
                 setBindingEditorState({
-                  mode: "edit",
+                  mode: 'edit',
                   bindingId: binding.bindingId,
                 });
               }}
             >
-              {t("pages.scopes.scopeserviceruntimeworkbench.edit.binding", "Edit binding")}</Button>
+              {t(
+                'pages.scopes.scopeserviceruntimeworkbench.edit.binding',
+                'Edit binding',
+              )}
+            </Button>
             <Button
               danger
-              disabled={binding.retired}
-              loading={retiringBindingId === binding.bindingId}
+              disabled={binding.retired || writesBlockedByRuntimeAction}
+              loading={isRetiringBinding(binding.bindingId)}
               onClick={async () => {
-                setRetiringBindingId(binding.bindingId);
+                if (hasBlockingRuntimeAction(selectedRuntimeActionIdentity)) {
+                  return;
+                }
+
+                const serviceId = selectedService?.serviceId;
+                if (!serviceId) {
+                  return;
+                }
+
+                const action = createRuntimeAction(
+                  'bindings',
+                  {
+                    bindingId: binding.bindingId,
+                    kind: 'binding-retired',
+                  },
+                  { scopeId, serviceId },
+                );
+                if (!action) {
+                  return;
+                }
+                setRetiringBinding({
+                  bindingId: binding.bindingId,
+                  scopeId: action.scopeId,
+                  serviceId: action.serviceId,
+                });
                 try {
                   await scopeRuntimeApi.retireServiceBinding(
                     scopeId,
-                    selectedService?.serviceId || "",
+                    serviceId,
                     binding.bindingId,
                   );
-                  await queryClient.invalidateQueries({
-                    queryKey: [
-                      "scope-runtime",
-                      "bindings",
-                      scopeId,
-                      selectedService?.serviceId,
-                    ],
-                  });
-                  messageApi.success(
-                    t(
-                      "pages.scopes.scopeserviceruntimeworkbench.binding.accepted.for.retirement",
-                      "Binding was accepted for retirement.",
-                    ),
-                  );
-                } catch (error) {
-                  messageApi.error(
-                    error instanceof Error
-                      ? error.message
-                      : "Failed to retire binding.",
-                  );
+                } catch {
+                  updateRuntimeActionState({ ...action, status: 'failed' });
+                  clearRetiringBinding(action);
+                  return;
+                }
+
+                if (!isRuntimeActionCurrent(action)) {
+                  clearRetiringBinding(action);
+                  return;
+                }
+
+                const acceptedAction = {
+                  ...action,
+                  status: 'accepted' as const,
+                };
+                updateRuntimeActionState(acceptedAction);
+                try {
+                  if (await invalidateBindingViews(acceptedAction)) {
+                    await refreshBindingAction(acceptedAction, 'observing');
+                  }
+                } catch {
+                  updateRuntimeActionState({ ...action, status: 'failed' });
                 } finally {
-                  setRetiringBindingId("");
+                  clearRetiringBinding(action);
                 }
               }}
             >
-              {t("pages.scopes.scopeserviceruntimeworkbench.retire", "Retire")}</Button>
+              {t('pages.scopes.scopeserviceruntimeworkbench.retire', 'Retire')}
+            </Button>
           </Space>
         </div>
       ))}
     </div>
   ) : (
     <Empty
-      description={t("pages.scopes.scopeserviceruntimeworkbench.no.workspace.bindings.are.published", "No workspace bindings are published for this service yet.")}
+      description={t(
+        'pages.scopes.scopeserviceruntimeworkbench.no.workspace.bindings.are.published',
+        'No workspace bindings are published for this service yet.',
+      )}
       image={Empty.PRESENTED_IMAGE_SIMPLE}
     />
   );
 
   const revisionCards = revisionList.length ? (
-    <div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
       {revisionList.map((revision) => {
         const isSelected = revision.revisionId === selectedRevisionId;
         return (
@@ -605,11 +1273,11 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
             key={revision.revisionId}
             style={{
               border: isSelected
-                ? "1px solid var(--ant-color-primary)"
-                : "1px solid var(--ant-color-border-secondary)",
+                ? '1px solid var(--ant-color-primary)'
+                : '1px solid var(--ant-color-border-secondary)',
               borderRadius: 12,
-              display: "flex",
-              flexDirection: "column",
+              display: 'flex',
+              flexDirection: 'column',
               gap: 10,
               padding: 12,
             }}
@@ -622,7 +1290,7 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
               </Typography.Text>
               <AevatarStatusTag
                 domain="governance"
-                status={revision.status || "draft"}
+                status={revision.status || 'draft'}
                 label={formatStudioMemberBindingImplementationKind(
                   revision.implementationKind,
                 )}
@@ -631,47 +1299,94 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                 <AevatarStatusTag
                   domain="governance"
                   status="active"
-                  label={t("pages.scopes.scopeserviceruntimeworkbench.default", "default")}
+                  label={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.default',
+                    'default',
+                  )}
                 />
               ) : null}
               {revision.isActiveServing ? (
                 <AevatarStatusTag
                   domain="run"
                   status="running"
-                  label={t("pages.scopes.scopeserviceruntimeworkbench.active", "active")}
+                  label={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.active',
+                    'active',
+                  )}
                 />
               ) : null}
-              {revision.retiredAt ? <AevatarStatusTag domain="governance" status="retired" /> : null}
+              {revision.retiredAt ? (
+                <AevatarStatusTag domain="governance" status="retired" />
+              ) : null}
             </Space>
             <Typography.Text type="secondary">
-              {describeStudioMemberBindingRevisionTarget(revision)} ·{" "}
+              {describeStudioMemberBindingRevisionTarget(revision)} ·{' '}
               {describeStudioMemberBindingRevisionContext(revision) ||
-                t("pages.scopes.scopeserviceruntimeworkbench.no.detail", "No detail")}
+                t(
+                  'pages.scopes.scopeserviceruntimeworkbench.no.detail',
+                  'No detail',
+                )}
             </Typography.Text>
             <Typography.Text type="secondary">
-              {t("pages.scopes.scopeserviceruntimeworkbench.serving", "Serving")}{revision.servingState || revision.status} {t("pages.scopes.scopeserviceruntimeworkbench.published", "· Published")}{" "}
+              {t(
+                'pages.scopes.scopeserviceruntimeworkbench.serving',
+                'Serving',
+              )}
+              {revision.servingState || revision.status}{' '}
+              {t(
+                'pages.scopes.scopeserviceruntimeworkbench.published',
+                '· Published',
+              )}{' '}
               {formatDateTime(revision.publishedAt)}
             </Typography.Text>
             <Space wrap>
               <Button
                 icon={<EyeOutlined />}
                 onClick={() => setSelectedRevisionId(revision.revisionId)}
-                type={isSelected ? "primary" : "default"}
+                type={isSelected ? 'primary' : 'default'}
               >
                 {isSelected
-                  ? t("pages.scopes.scopeserviceruntimeworkbench.inspecting", "Inspecting")
-                  : t("pages.scopes.scopeserviceruntimeworkbench.inspect", "Inspect")}
+                  ? t(
+                      'pages.scopes.scopeserviceruntimeworkbench.inspecting',
+                      'Inspecting',
+                    )
+                  : t(
+                      'pages.scopes.scopeserviceruntimeworkbench.inspect',
+                      'Inspect',
+                    )}
               </Button>
               <Button
                 danger
-                disabled={Boolean(revision.retiredAt) || revision.isDefaultServing}
+                disabled={
+                  Boolean(revision.retiredAt) ||
+                  revision.isDefaultServing ||
+                  writesBlockedByRuntimeAction
+                }
                 loading={
                   retireRevisionMutation.isPending &&
-                  retireRevisionMutation.variables === revision.revisionId
+                  retireRevisionMutation.variables?.revisionId ===
+                    revision.revisionId
                 }
-                onClick={() => retireRevisionMutation.mutate(revision.revisionId)}
+                onClick={() => {
+                  if (
+                    !selectedServiceRuntimeId ||
+                    hasBlockingRuntimeAction(selectedRuntimeActionIdentity)
+                  ) {
+                    return;
+                  }
+
+                  retireRevisionMutation.mutate({
+                    revisionId: revision.revisionId,
+                    scopeId,
+                    serviceId: selectedServiceRuntimeId,
+                  });
+                }}
               >
-                {t("pages.scopes.scopeserviceruntimeworkbench.retire.revision", "Retire revision")}</Button>
+                {t(
+                  'pages.scopes.scopeserviceruntimeworkbench.retire.revision',
+                  'Retire revision',
+                )}
+              </Button>
             </Space>
           </div>
         );
@@ -679,13 +1394,16 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     </div>
   ) : (
     <Empty
-      description={t("pages.scopes.scopeserviceruntimeworkbench.no.published.revisions.are.available", "No published revisions are available for this service.")}
+      description={t(
+        'pages.scopes.scopeserviceruntimeworkbench.no.published.revisions.are.available',
+        'No published revisions are available for this service.',
+      )}
       image={Empty.PRESENTED_IMAGE_SIMPLE}
     />
   );
 
   const runCards = recentRuns.length ? (
-    <div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
       {recentRuns.map((run) => (
         <RunSummaryCard
           key={`${run.runId}:${run.actorId}`}
@@ -724,47 +1442,65 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
     </div>
   ) : (
     <Empty
-      description={t("pages.scopes.scopeserviceruntimeworkbench.no.recent.scope.runs.were", "No recent scope runs were found for this service.")}
+      description={t(
+        'pages.scopes.scopeserviceruntimeworkbench.no.recent.scope.runs.were',
+        'No recent scope runs were found for this service.',
+      )}
       image={Empty.PRESENTED_IMAGE_SIMPLE}
     />
   );
 
   const tabItems = [
     {
-      key: "overview",
-      label: "Overview",
+      key: 'overview',
+      label: 'Overview',
       children: selectedService ? (
-        <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
           <AevatarPanel
-            title={t("pages.scopes.scopeserviceruntimeworkbench.runtime.posture", "Runtime Posture")}
-            titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.this.service.level.posture.is", "This service-level posture is the fastest way to confirm what the selected project service is actually serving right now.")}
+            title={t(
+              'pages.scopes.scopeserviceruntimeworkbench.runtime.posture',
+              'Runtime Posture',
+            )}
+            titleHelp={t(
+              'pages.scopes.scopeserviceruntimeworkbench.this.service.level.posture.is',
+              'This service-level posture is the fastest way to confirm what the selected project service is actually serving right now.',
+            )}
           >
             <div
               style={{
-                display: "grid",
+                display: 'grid',
                 gap: 12,
-                gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+                gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',
               }}
             >
               <RuntimeMetricCard
-                label={t("pages.scopes.scopeserviceruntimeworkbench.service.key", "Service key")}
+                label={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.service.key',
+                  'Service key',
+                )}
                 value={selectedService.serviceKey}
               />
               <RuntimeMetricCard
-                label={t("pages.scopes.scopeserviceruntimeworkbench.serving.revision", "Serving revision")}
+                label={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.serving.revision',
+                  'Serving revision',
+                )}
                 value={
                   selectedService.activeServingRevisionId ||
                   selectedService.defaultServingRevisionId ||
-                  "n/a"
+                  'n/a'
                 }
               />
               <RuntimeMetricCard
                 label="Deployment"
-                value={selectedService.deploymentStatus || "draft"}
+                value={selectedService.deploymentStatus || 'draft'}
               />
               <RuntimeMetricCard
-                label={t("pages.scopes.scopeserviceruntimeworkbench.primary.actor", "Primary actor")}
-                value={selectedService.primaryActorId || "n/a"}
+                label={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.primary.actor',
+                  'Primary actor',
+                )}
+                value={selectedService.primaryActorId || 'n/a'}
               />
             </div>
             <Space wrap>
@@ -772,39 +1508,60 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                 icon={<ApiOutlined />}
                 onClick={() =>
                   history.push(
-                    buildScopedServiceCatalogHref(scopeId, selectedService.serviceId),
+                    buildScopedServiceCatalogHref(
+                      scopeId,
+                      selectedService.serviceId,
+                    ),
                   )
                 }
               >
-                {t("pages.scopes.scopeserviceruntimeworkbench.open.services", "Open Services")}</Button>
+                {t(
+                  'pages.scopes.scopeserviceruntimeworkbench.open.services',
+                  'Open Services',
+                )}
+              </Button>
               <Button
                 icon={<DeploymentUnitOutlined />}
-                onClick={() => setActiveTab("runs")}
+                onClick={() => setActiveTab('runs')}
                 type="primary"
               >
-                {t("pages.scopes.scopeserviceruntimeworkbench.review.runs", "Review runs")}</Button>
+                {t(
+                  'pages.scopes.scopeserviceruntimeworkbench.review.runs',
+                  'Review runs',
+                )}
+              </Button>
               <Button
                 icon={<SafetyCertificateOutlined />}
-                onClick={() => setActiveTab("bindings")}
+                onClick={() => setActiveTab('bindings')}
               >
-                {t("pages.scopes.scopeserviceruntimeworkbench.review.bindings", "Review bindings")}</Button>
+                {t(
+                  'pages.scopes.scopeserviceruntimeworkbench.review.bindings',
+                  'Review bindings',
+                )}
+              </Button>
             </Space>
           </AevatarPanel>
 
           <AevatarPanel
-            title={t("pages.scopes.scopeserviceruntimeworkbench.endpoint.surface", "Endpoint Surface")}
-            titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.operators.can.switch.endpoints.from", "Operators can switch endpoints from here without losing the current workspace and service context.")}
+            title={t(
+              'pages.scopes.scopeserviceruntimeworkbench.endpoint.surface',
+              'Endpoint Surface',
+            )}
+            titleHelp={t(
+              'pages.scopes.scopeserviceruntimeworkbench.operators.can.switch.endpoints.from',
+              'Operators can switch endpoints from here without losing the current workspace and service context.',
+            )}
           >
-            <div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
+            <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
               {selectedService.endpoints.length > 0 ? (
                 selectedService.endpoints.map((endpoint) => (
                   <div
                     key={endpoint.endpointId}
                     style={{
-                      border: "1px solid var(--ant-color-border-secondary)",
+                      border: '1px solid var(--ant-color-border-secondary)',
                       borderRadius: 12,
-                      display: "flex",
-                      flexDirection: "column",
+                      display: 'flex',
+                      flexDirection: 'column',
                       gap: 8,
                       padding: 12,
                     }}
@@ -813,28 +1570,35 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                       <Typography.Text strong>
                         {getUserFacingIdentifierLabel(
                           endpoint.displayName || endpoint.endpointId,
-                          t("pages.scopes.scopeserviceruntimeworkbench.endpoint", "Endpoint"),
+                          t(
+                            'pages.scopes.scopeserviceruntimeworkbench.endpoint',
+                            'Endpoint',
+                          ),
                         )}
                       </Typography.Text>
                       <AevatarStatusTag
                         domain="observation"
-                        label={endpoint.kind || "endpoint"}
+                        label={endpoint.kind || 'endpoint'}
                         status={
                           endpoint.endpointId === resolvedSelectedEndpointId
-                            ? "streaming"
-                            : "snapshot_available"
+                            ? 'streaming'
+                            : 'snapshot_available'
                         }
                       />
                     </Space>
                     <Typography.Text type="secondary">
                       {endpoint.description ||
                         t(
-                          "pages.scopes.scopeserviceruntimeworkbench.no.endpoint.description",
-                          "No endpoint description."
+                          'pages.scopes.scopeserviceruntimeworkbench.no.endpoint.description',
+                          'No endpoint description.',
                         )}
                     </Typography.Text>
                     <Typography.Text type="secondary">
-                      {t("pages.scopes.scopeserviceruntimeworkbench.request", "Request")}{endpoint.requestTypeUrl || "n/a"}
+                      {t(
+                        'pages.scopes.scopeserviceruntimeworkbench.request',
+                        'Request',
+                      )}
+                      {endpoint.requestTypeUrl || 'n/a'}
                     </Typography.Text>
                     <Space wrap>
                       <Button
@@ -846,20 +1610,29 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                         }
                         type={
                           endpoint.endpointId === resolvedSelectedEndpointId
-                            ? "primary"
-                            : "default"
+                            ? 'primary'
+                            : 'default'
                         }
                       >
                         {endpoint.endpointId === resolvedSelectedEndpointId
-                          ? t("pages.scopes.scopeserviceruntimeworkbench.selected", "Selected")
-                          : t("pages.scopes.scopeserviceruntimeworkbench.use.endpoint", "Use endpoint")}
+                          ? t(
+                              'pages.scopes.scopeserviceruntimeworkbench.selected',
+                              'Selected',
+                            )
+                          : t(
+                              'pages.scopes.scopeserviceruntimeworkbench.use.endpoint',
+                              'Use endpoint',
+                            )}
                       </Button>
                     </Space>
                   </div>
                 ))
               ) : (
                 <Empty
-                  description={t("pages.scopes.scopeserviceruntimeworkbench.no.endpoint.catalog.is.available", "No endpoint catalog is available for this service.")}
+                  description={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.no.endpoint.catalog.is.available',
+                    'No endpoint catalog is available for this service.',
+                  )}
                   image={Empty.PRESENTED_IMAGE_SIMPLE}
                 />
               )}
@@ -867,30 +1640,55 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
           </AevatarPanel>
         </div>
       ) : (
-        <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.choose.published.service.to.inspect", "Choose a published service to inspect runtime posture, bindings, revisions, and recent runs.")} />
+        <AevatarInspectorEmpty
+          description={t(
+            'pages.scopes.scopeserviceruntimeworkbench.choose.published.service.to.inspect',
+            'Choose a published service to inspect runtime posture, bindings, revisions, and recent runs.',
+          )}
+        />
       ),
     },
     {
-      key: "bindings",
-      label: t("pages.scopes.scopeserviceruntimeworkbench.bindings.count", "Bindings ({count})", {
-        count: bindingList.length,
-      }),
+      key: 'bindings',
+      label: t(
+        'pages.scopes.scopeserviceruntimeworkbench.bindings.count',
+        'Bindings ({count})',
+        {
+          count: bindingList.length,
+        },
+      ),
       children: selectedService ? (
-        <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
           <AevatarPanel
             extra={
               <Button
+                disabled={writesBlockedByRuntimeAction}
                 icon={<PlusOutlined />}
                 onClick={() => {
+                  if (hasBlockingRuntimeAction(selectedRuntimeActionIdentity)) {
+                    return;
+                  }
+
                   setBindingEditorDraft(createEmptyBindingDraft());
-                  setBindingEditorState({ mode: "create" });
+                  setBindingEditorValidationErrors({});
+                  setBindingEditorState({ mode: 'create' });
                 }}
                 type="primary"
               >
-                {t("pages.scopes.scopeserviceruntimeworkbench.add.binding", "Add binding")}</Button>
+                {t(
+                  'pages.scopes.scopeserviceruntimeworkbench.add.binding',
+                  'Add binding',
+                )}
+              </Button>
             }
-            title={t("pages.scopes.scopeserviceruntimeworkbench.dependency.surface", "Dependency Surface")}
-            titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.workspace.bindings.describe.which.services", "Workspace bindings describe which services, connectors, or secrets this published service is allowed to depend on inside the project.")}
+            title={t(
+              'pages.scopes.scopeserviceruntimeworkbench.dependency.surface',
+              'Dependency Surface',
+            )}
+            titleHelp={t(
+              'pages.scopes.scopeserviceruntimeworkbench.workspace.bindings.describe.which.services',
+              'Workspace bindings describe which services, connectors, or secrets this published service is allowed to depend on inside the project.',
+            )}
           >
             {bindingsQuery.error ? (
               <Alert
@@ -898,31 +1696,77 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                 title={
                   bindingsQuery.error instanceof Error
                     ? bindingsQuery.error.message
-                    : "Failed to load default route revisions."
+                    : 'Failed to load default route revisions.'
                 }
                 type="error"
               />
             ) : bindingsQuery.isLoading ? (
-              <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.loading.default.route.revisions", "Loading default route revisions.")} />
+              <AevatarInspectorEmpty
+                description={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.loading.default.route.revisions',
+                  'Loading default route revisions.',
+                )}
+              />
+            ) : bindingsQuery.data?.kind === 'not_materialized' &&
+              visibleRuntimeAction?.location !== 'bindings' ? (
+              <Alert
+                action={
+                  <Button
+                    loading={bindingsQuery.isFetching}
+                    onClick={() => void bindingsQuery.refetch()}
+                    size="small"
+                  >
+                    {t(
+                      'pages.scopes.scopeserviceruntimeworkbench.action.refresh',
+                      'Refresh',
+                    )}
+                  </Button>
+                }
+                description={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.bindings.preparing.description',
+                  'Refresh to see when bindings are ready.',
+                )}
+                showIcon
+                title={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.bindings.preparing.title',
+                  'Bindings are still being prepared',
+                )}
+                type="info"
+              />
             ) : (
               bindingCards
             )}
           </AevatarPanel>
         </div>
       ) : (
-        <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.choose.service.first", "Choose a service first.")} />
+        <AevatarInspectorEmpty
+          description={t(
+            'pages.scopes.scopeserviceruntimeworkbench.choose.service.first',
+            'Choose a service first.',
+          )}
+        />
       ),
     },
     {
-      key: "revisions",
-      label: t("pages.scopes.scopeserviceruntimeworkbench.revisions.count", "Revisions ({count})", {
-        count: revisionList.length,
-      }),
+      key: 'revisions',
+      label: t(
+        'pages.scopes.scopeserviceruntimeworkbench.revisions.count',
+        'Revisions ({count})',
+        {
+          count: revisionList.length,
+        },
+      ),
       children: selectedService ? (
-        <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
           <AevatarPanel
-            title={t("pages.scopes.scopeserviceruntimeworkbench.revision.catalog", "Revision Catalog")}
-            titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.revisions.tell.you.which.artifact", "Revisions tell you which artifact is serving now and which historical versions are still available or ready to retire.")}
+            title={t(
+              'pages.scopes.scopeserviceruntimeworkbench.revision.catalog',
+              'Revision Catalog',
+            )}
+            titleHelp={t(
+              'pages.scopes.scopeserviceruntimeworkbench.revisions.tell.you.which.artifact',
+              'Revisions tell you which artifact is serving now and which historical versions are still available or ready to retire.',
+            )}
           >
             {revisionsQuery.error ? (
               <Alert
@@ -930,12 +1774,17 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                 title={
                   revisionsQuery.error instanceof Error
                     ? revisionsQuery.error.message
-                    : "Failed to load revisions."
+                    : 'Failed to load revisions.'
                 }
                 type="error"
               />
             ) : revisionsQuery.isLoading ? (
-              <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.loading.service.revisions", "Loading service revisions.")} />
+              <AevatarInspectorEmpty
+                description={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.loading.service.revisions',
+                  'Loading service revisions.',
+                )}
+              />
             ) : (
               revisionCards
             )}
@@ -943,21 +1792,33 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
 
           {currentRevision ? (
             <AevatarPanel
-              title={t("pages.scopes.scopeserviceruntimeworkbench.selected.revision", "Selected Revision")}
-              titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.the.selected.revision.stays.expanded", "The selected revision stays expanded here so operators can compare implementation target, serving posture, and actor assignment without leaving the tab.")}
+              title={t(
+                'pages.scopes.scopeserviceruntimeworkbench.selected.revision',
+                'Selected Revision',
+              )}
+              titleHelp={t(
+                'pages.scopes.scopeserviceruntimeworkbench.the.selected.revision.stays.expanded',
+                'The selected revision stays expanded here so operators can compare implementation target, serving posture, and actor assignment without leaving the tab.',
+              )}
             >
               <div
                 style={{
-                  display: "grid",
+                  display: 'grid',
                   gap: 12,
-                  gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+                  gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',
                 }}
               >
                 <RuntimeMetricCard
-                  label={t("pages.scopes.scopeserviceruntimeworkbench.version", "Version")}
+                  label={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.version',
+                    'Version',
+                  )}
                   value={
                     currentRevision.status ||
-                    t("pages.scopes.scopeserviceruntimeworkbench.ready", "Ready")
+                    t(
+                      'pages.scopes.scopeserviceruntimeworkbench.ready',
+                      'Ready',
+                    )
                   }
                 />
                 <RuntimeMetricCard
@@ -968,17 +1829,19 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                 />
                 <RuntimeMetricCard
                   label="Target"
-                  value={describeStudioMemberBindingRevisionTarget(currentRevision)}
+                  value={describeStudioMemberBindingRevisionTarget(
+                    currentRevision,
+                  )}
                 />
                 <RuntimeMetricCard
                   label="Actor"
                   value={
                     currentRevision.primaryActorId
                       ? t(
-                          "pages.scopes.scopeserviceruntimeworkbench.actor.available",
-                          "Actor available",
+                          'pages.scopes.scopeserviceruntimeworkbench.actor.available',
+                          'Actor available',
                         )
-                      : "n/a"
+                      : 'n/a'
                   }
                 />
               </div>
@@ -988,7 +1851,10 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                     currentRevision,
                   )}
                   showIcon
-                  title={t("pages.scopes.scopeserviceruntimeworkbench.revision.detail", "Revision detail")}
+                  title={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.revision.detail',
+                    'Revision detail',
+                  )}
                   type="info"
                 />
               ) : null}
@@ -996,19 +1862,34 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
           ) : null}
         </div>
       ) : (
-        <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.choose.service.first.2", "Choose a service first.")} />
+        <AevatarInspectorEmpty
+          description={t(
+            'pages.scopes.scopeserviceruntimeworkbench.choose.service.first.2',
+            'Choose a service first.',
+          )}
+        />
       ),
     },
     {
-      key: "runs",
-      label: t("pages.scopes.scopeserviceruntimeworkbench.runs.count", "Runs ({count})", {
-        count: recentRuns.length,
-      }),
+      key: 'runs',
+      label: t(
+        'pages.scopes.scopeserviceruntimeworkbench.runs.count',
+        'Runs ({count})',
+        {
+          count: recentRuns.length,
+        },
+      ),
       children: selectedService ? (
-        <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
           <AevatarPanel
-            title={t("pages.scopes.scopeserviceruntimeworkbench.recent.runs", "Recent Runs")}
-            titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.recent.runs.are.the.shortest", "Recent runs are the shortest path from a published service to a traceable execution posture.")}
+            title={t(
+              'pages.scopes.scopeserviceruntimeworkbench.recent.runs',
+              'Recent Runs',
+            )}
+            titleHelp={t(
+              'pages.scopes.scopeserviceruntimeworkbench.recent.runs.are.the.shortest',
+              'Recent runs are the shortest path from a published service to a traceable execution posture.',
+            )}
           >
             {runsQuery.error ? (
               <Alert
@@ -1016,12 +1897,17 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                 title={
                   runsQuery.error instanceof Error
                     ? runsQuery.error.message
-                    : "Failed to load runs."
+                    : 'Failed to load runs.'
                 }
                 type="error"
               />
             ) : runsQuery.isLoading ? (
-              <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.loading.recent.runs", "Loading recent runs.")} />
+              <AevatarInspectorEmpty
+                description={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.loading.recent.runs',
+                  'Loading recent runs.',
+                )}
+              />
             ) : (
               runCards
             )}
@@ -1029,8 +1915,14 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
 
           {selectedRunAuditTarget ? (
             <AevatarPanel
-              title={t("pages.scopes.scopeserviceruntimeworkbench.run.audit", "Run Audit")}
-              titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.audit.detail.keeps.the.latest", "Audit detail keeps the latest selected run in view so operators can understand failure posture or completion depth before opening full Runs.")}
+              title={t(
+                'pages.scopes.scopeserviceruntimeworkbench.run.audit',
+                'Run Audit',
+              )}
+              titleHelp={t(
+                'pages.scopes.scopeserviceruntimeworkbench.audit.detail.keeps.the.latest',
+                'Audit detail keeps the latest selected run in view so operators can understand failure posture or completion depth before opening full Runs.',
+              )}
             >
               {selectedRunAuditQuery.error ? (
                 <Alert
@@ -1038,19 +1930,27 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                   title={
                     selectedRunAuditQuery.error instanceof Error
                       ? selectedRunAuditQuery.error.message
-                      : "Failed to load run audit."
+                      : 'Failed to load run audit.'
                   }
                   type="error"
                 />
               ) : selectedRunAuditQuery.isLoading ? (
-                <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.loading.run.audit", "Loading run audit.")} />
+                <AevatarInspectorEmpty
+                  description={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.loading.run.audit',
+                    'Loading run audit.',
+                  )}
+                />
               ) : selectedRunAuditQuery.data ? (
-                <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+                <div
+                  style={{ display: 'flex', flexDirection: 'column', gap: 16 }}
+                >
                   <div
                     style={{
-                      display: "grid",
+                      display: 'grid',
                       gap: 12,
-                      gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+                      gridTemplateColumns:
+                        'repeat(auto-fit, minmax(180px, 1fr))',
                     }}
                   >
                     <RuntimeMetricCard
@@ -1066,7 +1966,10 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                       value={`${auditSummary?.completedSteps ?? 0}/${auditSummary?.totalSteps ?? 0}`}
                     />
                     <RuntimeMetricCard
-                      label={t("pages.scopes.scopeserviceruntimeworkbench.role.replies", "Role replies")}
+                      label={t(
+                        'pages.scopes.scopeserviceruntimeworkbench.role.replies',
+                        'Role replies',
+                      )}
                       value={auditSummary?.roleReplyCount ?? 0}
                     />
                   </div>
@@ -1074,7 +1977,10 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                     <Alert
                       description={selectedRunAuditQuery.data.audit.finalOutput}
                       showIcon
-                      title={t("pages.scopes.scopeserviceruntimeworkbench.final.output", "Final output")}
+                      title={t(
+                        'pages.scopes.scopeserviceruntimeworkbench.final.output',
+                        'Final output',
+                      )}
                       type="success"
                     />
                   ) : null}
@@ -1082,44 +1988,64 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                     <Alert
                       description={selectedRunAuditQuery.data.audit.finalError}
                       showIcon
-                      title={t("pages.scopes.scopeserviceruntimeworkbench.final.error", "Final error")}
+                      title={t(
+                        'pages.scopes.scopeserviceruntimeworkbench.final.error',
+                        'Final error',
+                      )}
                       type="error"
                     />
                   ) : null}
                   <div
                     style={{
-                      display: "grid",
+                      display: 'grid',
                       gap: 16,
-                      gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
+                      gridTemplateColumns:
+                        'repeat(auto-fit, minmax(260px, 1fr))',
                     }}
                   >
-                    <AevatarPanel title={t("pages.scopes.scopeserviceruntimeworkbench.timeline.highlights", "Timeline Highlights")}>
+                    <AevatarPanel
+                      title={t(
+                        'pages.scopes.scopeserviceruntimeworkbench.timeline.highlights',
+                        'Timeline Highlights',
+                      )}
+                    >
                       {auditTimeline.length > 0 ? (
                         <div
                           style={{
-                            display: "flex",
-                            flexDirection: "column",
+                            display: 'flex',
+                            flexDirection: 'column',
                             gap: 10,
                           }}
                         >
-                          {auditTimeline.slice(0, 8).map((event, index) => (
+                          {auditTimeline.slice(0, 8).map((event) => (
                             <div
-                              key={`${event.timestamp || "event"}-${index}`}
+                              key={[
+                                event.timestamp || 'event',
+                                event.eventType,
+                                event.stage,
+                                event.stepId,
+                                event.agentId,
+                                event.message,
+                              ].join(':')}
                               style={{
-                                border: "1px solid var(--ant-color-border-secondary)",
+                                border:
+                                  '1px solid var(--ant-color-border-secondary)',
                                 borderRadius: 12,
-                                display: "flex",
-                                flexDirection: "column",
+                                display: 'flex',
+                                flexDirection: 'column',
                                 gap: 6,
                                 padding: 12,
                               }}
                             >
                               <Typography.Text strong>
-                                {event.stage || event.eventType || "event"}
+                                {event.stage || event.eventType || 'event'}
                               </Typography.Text>
                               <Typography.Text type="secondary">
                                 {event.message ||
-                                  t("pages.scopes.scopeserviceruntimeworkbench.no.message", "No message")}
+                                  t(
+                                    'pages.scopes.scopeserviceruntimeworkbench.no.message',
+                                    'No message',
+                                  )}
                               </Typography.Text>
                               <Typography.Text type="secondary">
                                 {formatDateTime(event.timestamp)}
@@ -1129,17 +2055,25 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                         </div>
                       ) : (
                         <Empty
-                          description={t("pages.scopes.scopeserviceruntimeworkbench.no.timeline.events.were.captured", "No timeline events were captured.")}
+                          description={t(
+                            'pages.scopes.scopeserviceruntimeworkbench.no.timeline.events.were.captured',
+                            'No timeline events were captured.',
+                          )}
                           image={Empty.PRESENTED_IMAGE_SIMPLE}
                         />
                       )}
                     </AevatarPanel>
-                    <AevatarPanel title={t("pages.scopes.scopeserviceruntimeworkbench.step.highlights", "Step Highlights")}>
+                    <AevatarPanel
+                      title={t(
+                        'pages.scopes.scopeserviceruntimeworkbench.step.highlights',
+                        'Step Highlights',
+                      )}
+                    >
                       {auditSteps.length > 0 ? (
                         <div
                           style={{
-                            display: "flex",
-                            flexDirection: "column",
+                            display: 'flex',
+                            flexDirection: 'column',
                             gap: 10,
                           }}
                         >
@@ -1147,10 +2081,11 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                             <div
                               key={step.stepId}
                               style={{
-                                border: "1px solid var(--ant-color-border-secondary)",
+                                border:
+                                  '1px solid var(--ant-color-border-secondary)',
                                 borderRadius: 12,
-                                display: "flex",
-                                flexDirection: "column",
+                                display: 'flex',
+                                flexDirection: 'column',
                                 gap: 6,
                                 padding: 12,
                               }}
@@ -1159,15 +2094,15 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                                 {step.stepId}
                               </Typography.Text>
                               <Typography.Text type="secondary">
-                                {step.stepType || "step"} ·{" "}
-                                {step.targetRole || "unassigned"}
+                                {step.stepType || 'step'} ·{' '}
+                                {step.targetRole || 'unassigned'}
                               </Typography.Text>
                               <Typography.Text type="secondary">
                                 {step.outputPreview ||
                                   step.error ||
                                   t(
-                                    "pages.scopes.scopeserviceruntimeworkbench.no.step.preview",
-                                    "No step preview."
+                                    'pages.scopes.scopeserviceruntimeworkbench.no.step.preview',
+                                    'No step preview.',
                                   )}
                               </Typography.Text>
                             </div>
@@ -1175,7 +2110,10 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                         </div>
                       ) : (
                         <Empty
-                          description={t("pages.scopes.scopeserviceruntimeworkbench.no.step.traces.were.captured", "No step traces were captured.")}
+                          description={t(
+                            'pages.scopes.scopeserviceruntimeworkbench.no.step.traces.were.captured',
+                            'No step traces were captured.',
+                          )}
                           image={Empty.PRESENTED_IMAGE_SIMPLE}
                         />
                       )}
@@ -1187,32 +2125,42 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
           ) : null}
         </div>
       ) : (
-        <AevatarInspectorEmpty description={t("pages.scopes.scopeserviceruntimeworkbench.choose.service.first.3", "Choose a service first.")} />
+        <AevatarInspectorEmpty
+          description={t(
+            'pages.scopes.scopeserviceruntimeworkbench.choose.service.first.3',
+            'Choose a service first.',
+          )}
+        />
       ),
     },
   ];
 
   return (
     <>
-      {messageContextHolder}
-      <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
         <AevatarPanel
-          title={t("pages.scopes.scopeserviceruntimeworkbench.published.services", "Published Services")}
-          titleHelp={t("pages.scopes.scopeserviceruntimeworkbench.operators.stay.in.the.same", "Operators stay in the same drawer while switching between published services in the current project.")}
+          title={t(
+            'pages.scopes.scopeserviceruntimeworkbench.published.services',
+            'Published Services',
+          )}
+          titleHelp={t(
+            'pages.scopes.scopeserviceruntimeworkbench.operators.stay.in.the.same',
+            'Operators stay in the same drawer while switching between published services in the current project.',
+          )}
         >
           {services.length > 0 ? (
-            <div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
+            <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
               {services.map((service) => (
                 <div
                   key={service.serviceKey}
                   style={{
                     border:
                       service.serviceId === resolvedSelectedServiceId
-                        ? "1px solid var(--ant-color-primary)"
-                        : "1px solid var(--ant-color-border-secondary)",
+                        ? '1px solid var(--ant-color-primary)'
+                        : '1px solid var(--ant-color-border-secondary)',
                     borderRadius: 12,
-                    display: "flex",
-                    flexDirection: "column",
+                    display: 'flex',
+                    flexDirection: 'column',
                     gap: 8,
                     padding: 12,
                   }}
@@ -1221,59 +2169,92 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                     <Typography.Text strong>
                       {getUserFacingIdentifierLabel(
                         service.displayName || service.serviceId,
-                        t("pages.scopes.scopeserviceruntimeworkbench.service", "Service"),
+                        t(
+                          'pages.scopes.scopeserviceruntimeworkbench.service',
+                          'Service',
+                        ),
                       )}
                     </Typography.Text>
                     <AevatarStatusTag
                       domain="governance"
-                      status={service.deploymentStatus || "draft"}
+                      status={service.deploymentStatus || 'draft'}
                     />
                   </Space>
                   <Typography.Text type="secondary">
-                    {service.endpoints.length}{" "}
-                    {t("pages.scopes.scopeserviceruntimeworkbench.endpoints", "endpoints")}{" "}
-                    ·{" "}
-                    {service.activeServingRevisionId || service.defaultServingRevisionId
+                    {service.endpoints.length}{' '}
+                    {t(
+                      'pages.scopes.scopeserviceruntimeworkbench.endpoints',
+                      'endpoints',
+                    )}{' '}
+                    ·{' '}
+                    {service.activeServingRevisionId ||
+                    service.defaultServingRevisionId
                       ? t(
-                          "pages.scopes.scopeserviceruntimeworkbench.serving.version.ready",
-                          "serving version ready",
+                          'pages.scopes.scopeserviceruntimeworkbench.serving.version.ready',
+                          'serving version ready',
                         )
-                      : "n/a"}
+                      : 'n/a'}
                   </Typography.Text>
                   <Space wrap>
                     <Button
                       onClick={() => handleSelectService(service.serviceId)}
                       type={
                         service.serviceId === resolvedSelectedServiceId
-                          ? "primary"
-                          : "default"
+                          ? 'primary'
+                          : 'default'
                       }
                     >
                       {service.serviceId === resolvedSelectedServiceId
-                        ? t("pages.scopes.scopeserviceruntimeworkbench.selected", "Selected")
-                        : t("pages.scopes.scopeserviceruntimeworkbench.inspect.service", "Inspect service")}
+                        ? t(
+                            'pages.scopes.scopeserviceruntimeworkbench.selected',
+                            'Selected',
+                          )
+                        : t(
+                            'pages.scopes.scopeserviceruntimeworkbench.inspect.service',
+                            'Inspect service',
+                          )}
                     </Button>
                     <Button
                       icon={<LinkOutlined />}
                       onClick={() =>
                         history.push(
-                          buildScopedServiceCatalogHref(scopeId, service.serviceId),
+                          buildScopedServiceCatalogHref(
+                            scopeId,
+                            service.serviceId,
+                          ),
                         )
                       }
                     >
-                      {t("pages.scopes.scopeserviceruntimeworkbench.open.services.2", "Open Services")}</Button>
+                      {t(
+                        'pages.scopes.scopeserviceruntimeworkbench.open.services.2',
+                        'Open Services',
+                      )}
+                    </Button>
                   </Space>
                 </div>
               ))}
             </div>
           ) : (
             <Empty
-              description={t("pages.scopes.scopeserviceruntimeworkbench.no.published.services.were.discovered", "No published services were discovered for this project.")}
+              description={t(
+                'pages.scopes.scopeserviceruntimeworkbench.no.published.services.were.discovered',
+                'No published services were discovered for this project.',
+              )}
               image={Empty.PRESENTED_IMAGE_SIMPLE}
             />
           )}
         </AevatarPanel>
 
+        {visibleRuntimeAction &&
+        (visibleRuntimeAction.location !== 'binding-editor' ||
+          !bindingEditorState) ? (
+          <RuntimeActionFeedback
+            action={visibleRuntimeAction}
+            onDismiss={() => dismissRuntimeAction(visibleRuntimeAction)}
+            onRefresh={() => handleRefreshRuntimeAction(visibleRuntimeAction)}
+          />
+        ) : null}
+
         {selectedService ? (
           <Tabs
             activeKey={activeTab}
@@ -1284,47 +2265,75 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
       </div>
 
       <Modal
+        cancelButtonProps={{ disabled: bindingEditorSubmitting }}
+        closable={!bindingEditorSubmitting}
         destroyOnHidden
-        okButtonProps={{ loading: bindingEditorSubmitting }}
+        keyboard={!bindingEditorSubmitting}
+        mask={{ closable: !bindingEditorSubmitting }}
+        okButtonProps={{
+          disabled: bindingEditorSubmitting || writesBlockedByRuntimeAction,
+          loading: bindingEditorSubmitting,
+        }}
         okText={
-          bindingEditorState?.mode === "edit" ? "Save binding" : "Create binding"
+          bindingEditorState?.mode === 'edit'
+            ? t(
+                'pages.scopes.scopeserviceruntimeworkbench.save.binding',
+                'Save binding',
+              )
+            : t(
+                'pages.scopes.scopeserviceruntimeworkbench.create.binding',
+                'Create binding',
+              )
         }
         onCancel={() => {
+          if (bindingEditorSubmitting) {
+            return;
+          }
+
           setBindingEditorState(null);
           setBindingEditorDraft(createEmptyBindingDraft());
+          setBindingEditorValidationErrors({});
+          if (visibleRuntimeAction?.location === 'binding-editor') {
+            updateRuntimeActionState({
+              ...visibleRuntimeAction,
+              location: 'bindings',
+            });
+          }
         }}
         onOk={async () => {
-          if (!selectedService) {
+          if (
+            !selectedService ||
+            bindingEditorSubmitting ||
+            hasBlockingRuntimeAction(selectedRuntimeActionIdentity)
+          ) {
             return;
           }
 
           const payload = buildBindingPayload(bindingEditorDraft);
-          if (!payload.bindingId) {
-            messageApi.error("Binding id is required.");
-            return;
-          }
-
-          if (payload.bindingKind === "service" && !payload.service?.serviceId) {
-            messageApi.error("Select a target service for a service binding.");
-            return;
-          }
-
-          if (
-            payload.bindingKind === "connector" &&
-            (!payload.connector?.connectorType || !payload.connector.connectorId)
-          ) {
-            messageApi.error("Connector type and connector id are required.");
+          const validationErrors = getBindingEditorValidationErrors(payload);
+          setBindingEditorValidationErrors(validationErrors);
+          if (Object.keys(validationErrors).length > 0) {
             return;
           }
 
-          if (payload.bindingKind === "secret" && !payload.secret?.secretName) {
-            messageApi.error("Secret name is required.");
+          const action = createRuntimeAction(
+            'bindings',
+            {
+              bindingId: payload.bindingId,
+              kind: 'binding-payload',
+              payload,
+            },
+            { scopeId, serviceId: selectedService.serviceId },
+          );
+          if (!action) {
             return;
           }
-
           setBindingEditorSubmitting(true);
           try {
-            if (bindingEditorState?.mode === "edit" && bindingEditorState.bindingId) {
+            if (
+              bindingEditorState?.mode === 'edit' &&
+              bindingEditorState.bindingId
+            ) {
               await scopeRuntimeApi.updateServiceBinding(
                 scopeId,
                 selectedService.serviceId,
@@ -1338,165 +2347,421 @@ const ScopeServiceRuntimeWorkbench: React.FC<ScopeServiceRuntimeWorkbenchProps>
                 payload,
               );
             }
-            await queryClient.invalidateQueries({
-              queryKey: [
-                "scope-runtime",
-                "bindings",
-                scopeId,
-                selectedService.serviceId,
-              ],
+          } catch {
+            updateRuntimeActionState({
+              ...action,
+              location: 'binding-editor',
+              status: 'failed',
             });
-            messageApi.success(
-              bindingEditorState?.mode === "edit"
-                ? t(
-                    "pages.scopes.scopeserviceruntimeworkbench.binding.updated",
-                    "Binding was updated.",
-                  )
-                : t(
-                    "pages.scopes.scopeserviceruntimeworkbench.binding.created",
-                    "Binding was created.",
-                  ),
-            );
-            setBindingEditorState(null);
-            setBindingEditorDraft(createEmptyBindingDraft());
-          } catch (error) {
-            messageApi.error(
-              error instanceof Error ? error.message : "Failed to save binding.",
-            );
+            setBindingEditorSubmitting(false);
+            return;
+          }
+
+          if (!isRuntimeActionCurrent(action)) {
+            setBindingEditorSubmitting(false);
+            return;
+          }
+
+          const acceptedAction = { ...action, status: 'accepted' as const };
+          updateRuntimeActionState(acceptedAction);
+          setBindingEditorState(null);
+          setBindingEditorDraft(createEmptyBindingDraft());
+          setBindingEditorValidationErrors({});
+          try {
+            if (await invalidateBindingViews(acceptedAction)) {
+              await refreshBindingAction(acceptedAction, 'observing');
+            }
+          } catch {
+            updateRuntimeActionState({ ...action, status: 'failed' });
           } finally {
             setBindingEditorSubmitting(false);
           }
         }}
         open={Boolean(bindingEditorState)}
         title={
-          bindingEditorState?.mode === "edit"
-            ? t("pages.scopes.scopeserviceruntimeworkbench.edit.binding", "Edit binding")
-            : "Create default route"
+          bindingEditorState?.mode === 'edit'
+            ? t(
+                'pages.scopes.scopeserviceruntimeworkbench.edit.binding',
+                'Edit binding',
+              )
+            : t(
+                'pages.scopes.scopeserviceruntimeworkbench.create.binding',
+                'Create binding',
+              )
         }
       >
-        <Space orientation="vertical" size={12} style={{ width: "100%" }}>
-          <Input
-            disabled={bindingEditorState?.mode === "edit"}
-            onChange={(event) =>
-              setBindingEditorDraft((current) => ({
-                ...current,
-                bindingId: event.target.value,
-              }))
-            }
-            placeholder={t("pages.scopes.scopeserviceruntimeworkbench.binding.id", "binding id")}
-            value={bindingEditorDraft.bindingId}
-          />
-          <Input
-            onChange={(event) =>
-              setBindingEditorDraft((current) => ({
-                ...current,
-                displayName: event.target.value,
-              }))
+        <Form layout="vertical" requiredMark={false}>
+          {visibleRuntimeAction?.location === 'binding-editor' ? (
+            <RuntimeActionFeedback
+              action={visibleRuntimeAction}
+              onDismiss={() => dismissRuntimeAction(visibleRuntimeAction)}
+              onRefresh={() => handleRefreshRuntimeAction(visibleRuntimeAction)}
+            />
+          ) : null}
+          <Form.Item
+            help={
+              bindingEditorValidationErrors.bindingId ? (
+                <span id="scope-runtime-binding-id-error" role="alert">
+                  {bindingEditorValidationErrors.bindingId}
+                </span>
+              ) : null
             }
-            placeholder={t("pages.scopes.scopeserviceruntimeworkbench.display.name", "display name")}
-            value={bindingEditorDraft.displayName}
-          />
-          <Select
-            onChange={(value) =>
-              setBindingEditorDraft((current) => ({
-                ...createEmptyBindingDraft(),
-                bindingId: current.bindingId,
-                displayName: current.displayName,
-                policyIdsText: current.policyIdsText,
-                bindingKind: value,
-              }))
+            htmlFor="scope-runtime-binding-id"
+            label={t(
+              'pages.scopes.scopeserviceruntimeworkbench.binding.id.label',
+              'Binding ID',
+            )}
+            validateStatus={
+              bindingEditorValidationErrors.bindingId ? 'error' : undefined
             }
-            options={[
-              { label: "Service", value: "service" },
-              { label: "Connector", value: "connector" },
-              { label: "Secret", value: "secret" },
-            ]}
-            value={bindingEditorDraft.bindingKind}
-          />
-          {bindingEditorDraft.bindingKind === "service" ? (
+          >
+            <Input
+              aria-describedby={
+                bindingEditorValidationErrors.bindingId
+                  ? 'scope-runtime-binding-id-error'
+                  : undefined
+              }
+              aria-invalid={Boolean(bindingEditorValidationErrors.bindingId)}
+              disabled={bindingEditorState?.mode === 'edit'}
+              id="scope-runtime-binding-id"
+              onChange={(event) => {
+                setBindingEditorDraft((current) => ({
+                  ...current,
+                  bindingId: event.target.value,
+                }));
+                setBindingEditorValidationErrors((current) => ({
+                  ...current,
+                  bindingId: undefined,
+                }));
+              }}
+              placeholder={t(
+                'pages.scopes.scopeserviceruntimeworkbench.binding.id',
+                'binding id',
+              )}
+              value={bindingEditorDraft.bindingId}
+            />
+          </Form.Item>
+          <Form.Item
+            htmlFor="scope-runtime-binding-display-name"
+            label={t(
+              'pages.scopes.scopeserviceruntimeworkbench.display.name.label',
+              'Display name',
+            )}
+          >
+            <Input
+              id="scope-runtime-binding-display-name"
+              onChange={(event) =>
+                setBindingEditorDraft((current) => ({
+                  ...current,
+                  displayName: event.target.value,
+                }))
+              }
+              placeholder={t(
+                'pages.scopes.scopeserviceruntimeworkbench.display.name',
+                'display name',
+              )}
+              value={bindingEditorDraft.displayName}
+            />
+          </Form.Item>
+          <Form.Item
+            htmlFor="scope-runtime-binding-kind"
+            label={t(
+              'pages.scopes.scopeserviceruntimeworkbench.binding.kind.label',
+              'Binding type',
+            )}
+          >
+            <Select
+              id="scope-runtime-binding-kind"
+              onChange={(value) => {
+                setBindingEditorDraft((current) => ({
+                  ...createEmptyBindingDraft(),
+                  bindingId: current.bindingId,
+                  displayName: current.displayName,
+                  policyIdsText: current.policyIdsText,
+                  bindingKind: value,
+                }));
+                setBindingEditorValidationErrors({});
+              }}
+              options={[
+                {
+                  label: t(
+                    'pages.scopes.scopeserviceruntimeworkbench.binding.kind.service',
+                    'Service',
+                  ),
+                  value: 'service',
+                },
+                {
+                  label: t(
+                    'pages.scopes.scopeserviceruntimeworkbench.binding.kind.connector',
+                    'Connector',
+                  ),
+                  value: 'connector',
+                },
+                {
+                  label: t(
+                    'pages.scopes.scopeserviceruntimeworkbench.binding.kind.secret',
+                    'Secret',
+                  ),
+                  value: 'secret',
+                },
+              ]}
+              value={bindingEditorDraft.bindingKind}
+            />
+          </Form.Item>
+          {bindingEditorDraft.bindingKind === 'service' ? (
             <>
-              <Select
-                onChange={(value) =>
-                  setBindingEditorDraft((current) => ({
-                    ...current,
-                    targetEndpointId: "",
-                    targetServiceId: value,
-                  }))
+              <Form.Item
+                help={
+                  bindingEditorValidationErrors.targetServiceId ? (
+                    <span id="scope-runtime-target-service-error" role="alert">
+                      {bindingEditorValidationErrors.targetServiceId}
+                    </span>
+                  ) : null
                 }
-                options={services
-                  .filter((service) => service.serviceId !== selectedService?.serviceId)
-                  .map((service) => ({
-                    label: getUserFacingIdentifierLabel(
-                      service.displayName || service.serviceId,
-                      t("pages.scopes.scopeserviceruntimeworkbench.service", "Service"),
-                    ),
-                    value: service.serviceId,
-                  }))}
-                placeholder={t("pages.scopes.scopeserviceruntimeworkbench.target.service", "target service")}
-                value={bindingEditorDraft.targetServiceId || undefined}
-              />
-              <Select
-                allowClear
-                onChange={(value) =>
-                  setBindingEditorDraft((current) => ({
-                    ...current,
-                    targetEndpointId: value || "",
-                  }))
+                htmlFor="scope-runtime-target-service"
+                label={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.target.service.label',
+                  'Target service',
+                )}
+                validateStatus={
+                  bindingEditorValidationErrors.targetServiceId
+                    ? 'error'
+                    : undefined
                 }
-                options={bindingTargetEndpointOptions}
-                placeholder={t("pages.scopes.scopeserviceruntimeworkbench.target.endpoint.optional", "target endpoint (optional)")}
-                value={bindingEditorDraft.targetEndpointId || undefined}
-              />
+              >
+                <Select
+                  aria-describedby={
+                    bindingEditorValidationErrors.targetServiceId
+                      ? 'scope-runtime-target-service-error'
+                      : undefined
+                  }
+                  aria-invalid={Boolean(
+                    bindingEditorValidationErrors.targetServiceId,
+                  )}
+                  id="scope-runtime-target-service"
+                  onChange={(value) => {
+                    setBindingEditorDraft((current) => ({
+                      ...current,
+                      targetEndpointId: '',
+                      targetServiceId: value,
+                    }));
+                    setBindingEditorValidationErrors((current) => ({
+                      ...current,
+                      targetServiceId: undefined,
+                    }));
+                  }}
+                  options={services
+                    .filter(
+                      (service) =>
+                        service.serviceId !== selectedService?.serviceId,
+                    )
+                    .map((service) => ({
+                      label: getUserFacingIdentifierLabel(
+                        service.displayName || service.serviceId,
+                        t(
+                          'pages.scopes.scopeserviceruntimeworkbench.service',
+                          'Service',
+                        ),
+                      ),
+                      value: service.serviceId,
+                    }))}
+                  placeholder={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.target.service',
+                    'target service',
+                  )}
+                  value={bindingEditorDraft.targetServiceId || undefined}
+                />
+              </Form.Item>
+              <Form.Item
+                htmlFor="scope-runtime-target-endpoint"
+                label={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.target.endpoint.optional.label',
+                  'Target endpoint (optional)',
+                )}
+              >
+                <Select
+                  allowClear
+                  id="scope-runtime-target-endpoint"
+                  onChange={(value) =>
+                    setBindingEditorDraft((current) => ({
+                      ...current,
+                      targetEndpointId: value || '',
+                    }))
+                  }
+                  options={bindingTargetEndpointOptions}
+                  placeholder={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.target.endpoint.optional',
+                    'target endpoint (optional)',
+                  )}
+                  value={bindingEditorDraft.targetEndpointId || undefined}
+                />
+              </Form.Item>
             </>
           ) : null}
-          {bindingEditorDraft.bindingKind === "connector" ? (
+          {bindingEditorDraft.bindingKind === 'connector' ? (
             <>
-              <Input
-                onChange={(event) =>
-                  setBindingEditorDraft((current) => ({
-                    ...current,
-                    connectorType: event.target.value,
-                  }))
+              <Form.Item
+                help={
+                  bindingEditorValidationErrors.connectorType ? (
+                    <span id="scope-runtime-connector-type-error" role="alert">
+                      {bindingEditorValidationErrors.connectorType}
+                    </span>
+                  ) : null
                 }
-                placeholder={t("pages.scopes.scopeserviceruntimeworkbench.connector.type", "connector type")}
-                value={bindingEditorDraft.connectorType}
-              />
+                htmlFor="scope-runtime-connector-type"
+                label={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.connector.type.label',
+                  'Connector type',
+                )}
+                validateStatus={
+                  bindingEditorValidationErrors.connectorType
+                    ? 'error'
+                    : undefined
+                }
+              >
+                <Input
+                  aria-describedby={
+                    bindingEditorValidationErrors.connectorType
+                      ? 'scope-runtime-connector-type-error'
+                      : undefined
+                  }
+                  aria-invalid={Boolean(
+                    bindingEditorValidationErrors.connectorType,
+                  )}
+                  id="scope-runtime-connector-type"
+                  onChange={(event) => {
+                    setBindingEditorDraft((current) => ({
+                      ...current,
+                      connectorType: event.target.value,
+                    }));
+                    setBindingEditorValidationErrors((current) => ({
+                      ...current,
+                      connectorType: undefined,
+                    }));
+                  }}
+                  placeholder={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.connector.type',
+                    'connector type',
+                  )}
+                  value={bindingEditorDraft.connectorType}
+                />
+              </Form.Item>
+              <Form.Item
+                help={
+                  bindingEditorValidationErrors.connectorId ? (
+                    <span id="scope-runtime-connector-id-error" role="alert">
+                      {bindingEditorValidationErrors.connectorId}
+                    </span>
+                  ) : null
+                }
+                htmlFor="scope-runtime-connector-id"
+                label={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.connector.id.label',
+                  'Connector ID',
+                )}
+                validateStatus={
+                  bindingEditorValidationErrors.connectorId
+                    ? 'error'
+                    : undefined
+                }
+              >
+                <Input
+                  aria-describedby={
+                    bindingEditorValidationErrors.connectorId
+                      ? 'scope-runtime-connector-id-error'
+                      : undefined
+                  }
+                  aria-invalid={Boolean(
+                    bindingEditorValidationErrors.connectorId,
+                  )}
+                  id="scope-runtime-connector-id"
+                  onChange={(event) => {
+                    setBindingEditorDraft((current) => ({
+                      ...current,
+                      connectorId: event.target.value,
+                    }));
+                    setBindingEditorValidationErrors((current) => ({
+                      ...current,
+                      connectorId: undefined,
+                    }));
+                  }}
+                  placeholder={t(
+                    'pages.scopes.scopeserviceruntimeworkbench.connector.id',
+                    'connector id',
+                  )}
+                  value={bindingEditorDraft.connectorId}
+                />
+              </Form.Item>
+            </>
+          ) : null}
+          {bindingEditorDraft.bindingKind === 'secret' ? (
+            <Form.Item
+              help={
+                bindingEditorValidationErrors.secretName ? (
+                  <span id="scope-runtime-secret-name-error" role="alert">
+                    {bindingEditorValidationErrors.secretName}
+                  </span>
+                ) : null
+              }
+              htmlFor="scope-runtime-secret-name"
+              label={t(
+                'pages.scopes.scopeserviceruntimeworkbench.secret.name.label',
+                'Secret name',
+              )}
+              validateStatus={
+                bindingEditorValidationErrors.secretName ? 'error' : undefined
+              }
+            >
               <Input
-                onChange={(event) =>
+                aria-describedby={
+                  bindingEditorValidationErrors.secretName
+                    ? 'scope-runtime-secret-name-error'
+                    : undefined
+                }
+                aria-invalid={Boolean(bindingEditorValidationErrors.secretName)}
+                id="scope-runtime-secret-name"
+                onChange={(event) => {
                   setBindingEditorDraft((current) => ({
                     ...current,
-                    connectorId: event.target.value,
-                  }))
-                }
-                placeholder={t("pages.scopes.scopeserviceruntimeworkbench.connector.id", "connector id")}
-                value={bindingEditorDraft.connectorId}
+                    secretName: event.target.value,
+                  }));
+                  setBindingEditorValidationErrors((current) => ({
+                    ...current,
+                    secretName: undefined,
+                  }));
+                }}
+                placeholder={t(
+                  'pages.scopes.scopeserviceruntimeworkbench.secret.name',
+                  'secret name',
+                )}
+                value={bindingEditorDraft.secretName}
               />
-            </>
+            </Form.Item>
           ) : null}
-          {bindingEditorDraft.bindingKind === "secret" ? (
-            <Input
+          <Form.Item
+            htmlFor="scope-runtime-binding-policy-ids"
+            label={t(
+              'pages.scopes.scopeserviceruntimeworkbench.policy.ids.label',
+              'Policy IDs',
+            )}
+          >
+            <Input.TextArea
+              id="scope-runtime-binding-policy-ids"
               onChange={(event) =>
                 setBindingEditorDraft((current) => ({
                   ...current,
-                  secretName: event.target.value,
+                  policyIdsText: event.target.value,
                 }))
               }
-              placeholder={t("pages.scopes.scopeserviceruntimeworkbench.secret.name", "secret name")}
-              value={bindingEditorDraft.secretName}
+              placeholder={t(
+                'pages.scopes.scopeserviceruntimeworkbench.policy.ids.separated.by.commas',
+                'policy ids, separated by commas',
+              )}
+              rows={3}
+              value={bindingEditorDraft.policyIdsText}
             />
-          ) : null}
-          <Input.TextArea
-            onChange={(event) =>
-              setBindingEditorDraft((current) => ({
-                ...current,
-                policyIdsText: event.target.value,
-              }))
-            }
-            placeholder={t("pages.scopes.scopeserviceruntimeworkbench.policy.ids.separated.by.commas", "policy ids, separated by commas")}
-            rows={3}
-            value={bindingEditorDraft.policyIdsText}
-          />
-        </Space>
+          </Form.Item>
+        </Form>
       </Modal>
     </>
   );
@@ -1512,57 +2777,71 @@ const RunSummaryCard: React.FC<{
   <div
     style={{
       border: selected
-        ? "1px solid var(--ant-color-primary)"
-        : "1px solid var(--ant-color-border-secondary)",
+        ? '1px solid var(--ant-color-primary)'
+        : '1px solid var(--ant-color-border-secondary)',
       borderRadius: 12,
-      display: "flex",
-      flexDirection: "column",
+      display: 'flex',
+      flexDirection: 'column',
       gap: 10,
       padding: 12,
     }}
   >
     <Space wrap size={[8, 8]}>
       <Typography.Text strong>
-        {formatDateTime(run.lastUpdatedAt || run.boundAt || run.bindingUpdatedAt)}
+        {formatDateTime(
+          run.lastUpdatedAt || run.boundAt || run.bindingUpdatedAt,
+        )}
       </Typography.Text>
       <AevatarStatusTag
         domain="run"
-        status={run.completionStatus || "unknown"}
+        status={run.completionStatus || 'unknown'}
         label={
           run.completionStatus ||
-          t("pages.scopes.scopeserviceruntimeworkbench.unknown", "unknown")
+          t('pages.scopes.scopeserviceruntimeworkbench.unknown', 'unknown')
         }
       />
     </Space>
     <Typography.Text type="secondary">
-      {t("pages.scopes.scopeserviceruntimeworkbench.workflow", "Workflow")}
+      {t('pages.scopes.scopeserviceruntimeworkbench.workflow', 'Workflow')}
       {getUserFacingIdentifierLabel(
         run.workflowName,
-        t("pages.scopes.scopeserviceruntimeworkbench.not.available", "n/a"),
+        t('pages.scopes.scopeserviceruntimeworkbench.not.available', 'n/a'),
       )}
     </Typography.Text>
     <Typography.Text type="secondary">
-      {t("pages.scopes.scopeserviceruntimeworkbench.updated", "Updated")}
+      {t('pages.scopes.scopeserviceruntimeworkbench.updated', 'Updated')}
       {formatDateTime(run.lastUpdatedAt)}
     </Typography.Text>
     <Typography.Text type="secondary">
       {run.lastError ||
         run.lastOutput ||
         t(
-          "pages.scopes.scopeserviceruntimeworkbench.no.output.snapshot.captured",
-          "No output snapshot has been captured yet."
+          'pages.scopes.scopeserviceruntimeworkbench.no.output.snapshot.captured',
+          'No output snapshot has been captured yet.',
         )}
     </Typography.Text>
     <Space wrap>
-      <Button icon={<EyeOutlined />} onClick={onInspectAudit} type={selected ? "primary" : "default"}>
+      <Button
+        icon={<EyeOutlined />}
+        onClick={onInspectAudit}
+        type={selected ? 'primary' : 'default'}
+      >
         {selected
-          ? t("pages.scopes.scopeserviceruntimeworkbench.inspecting", "Inspecting")
-          : t("pages.scopes.scopeserviceruntimeworkbench.load.audit", "Load audit")}
+          ? t(
+              'pages.scopes.scopeserviceruntimeworkbench.inspecting',
+              'Inspecting',
+            )
+          : t(
+              'pages.scopes.scopeserviceruntimeworkbench.load.audit',
+              'Load audit',
+            )}
       </Button>
       <Button icon={<BranchesOutlined />} onClick={onOpenExplorer}>
-        {t("pages.scopes.scopeserviceruntimeworkbench.runtime", "Runtime")}</Button>
+        {t('pages.scopes.scopeserviceruntimeworkbench.runtime', 'Runtime')}
+      </Button>
       <Button icon={<RetweetOutlined />} onClick={onOpenRuns}>
-        {t("pages.scopes.scopeserviceruntimeworkbench.open.runs", "Open Runs")}</Button>
+        {t('pages.scopes.scopeserviceruntimeworkbench.open.runs', 'Open Runs')}
+      </Button>
     </Space>
   </div>
 );
diff --git a/apps/aevatar-console-web/src/pages/scopes/index.test.tsx b/apps/aevatar-console-web/src/pages/scopes/index.test.tsx
new file mode 100644
index 0000000000..3ee54f20ce
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/scopes/index.test.tsx
@@ -0,0 +1,93 @@
+import { act, fireEvent, screen, waitFor } from '@testing-library/react';
+import React from 'react';
+import { history } from '@/shared/navigation/history';
+import { studioApi } from '@/shared/studio/api';
+import {
+  createTestQueryClient,
+  renderWithQueryClient,
+} from '../../../tests/reactQueryTestUtils';
+import ConsoleScopeEntry from './index';
+
+jest.mock('@/shared/studio/api', () => ({
+  studioApi: { getAuthSession: jest.fn() },
+}));
+const getSession = jest.mocked(studioApi.getAuthSession);
+
+beforeEach(() => {
+  getSession.mockReset();
+  jest.spyOn(history, 'replace').mockImplementation(() => {});
+});
+
+it.each([
+  'scope-alice',
+  'scope-bob',
+])('opens the server-confirmed workspace %s', async (scopeId) => {
+  getSession.mockResolvedValue({
+    enabled: true,
+    authenticated: true,
+    subject: 'user-identity-is-not-scope',
+    scopeId,
+  });
+  renderWithQueryClient(React.createElement(ConsoleScopeEntry));
+  await waitFor(() =>
+    expect(history.replace).toHaveBeenCalledWith(
+      `/scopes/${scopeId}/workflow-activity-vnext/workflows`,
+    ),
+  );
+});
+
+it('waits for current authentication instead of routing from an earlier account cache', async () => {
+  const client = createTestQueryClient();
+  client.setQueryData(['scopes', 'auth-session'], {
+    authenticated: true,
+    scopeId: 'scope-previous-account',
+  });
+  const currentSession = {
+    enabled: true,
+    authenticated: true,
+    subject: 'user-current',
+    scopeId: 'scope-current',
+  };
+  let resolve!: (session: typeof currentSession) => void;
+  getSession.mockReturnValue(
+    new Promise((done) => {
+      resolve = done;
+    }),
+  );
+  renderWithQueryClient(React.createElement(ConsoleScopeEntry), client);
+  expect(history.replace).not.toHaveBeenCalled();
+  await act(async () => resolve(currentSession));
+  await waitFor(() => expect(history.replace).toHaveBeenCalledTimes(1));
+  expect(history.replace).toHaveBeenCalledWith(
+    '/scopes/scope-current/workflow-activity-vnext/workflows',
+  );
+});
+
+it.each([
+  { authenticated: true, subject: 'user-without-scope', scopeId: ' ' },
+  { authenticated: false, subject: 'user-expired', scopeId: 'scope-expired' },
+])('does not invent a destination for $subject', async (session) => {
+  getSession.mockResolvedValue({ enabled: true, ...session });
+  renderWithQueryClient(React.createElement(ConsoleScopeEntry));
+  await screen.findByText('Could not open your workspace');
+  expect(history.replace).not.toHaveBeenCalled();
+});
+
+it('fails closed on session lookup failure and resolves the current scope on manual retry', async () => {
+  getSession.mockRejectedValueOnce(new Error('TEST_ONLY_PRIVATE_DIAGNOSTIC'));
+  renderWithQueryClient(React.createElement(ConsoleScopeEntry));
+  await screen.findByText('Could not open your workspace');
+  expect(history.replace).not.toHaveBeenCalled();
+  expect(document.body).not.toHaveTextContent('TEST_ONLY_PRIVATE_DIAGNOSTIC');
+  getSession.mockResolvedValue({
+    enabled: true,
+    authenticated: true,
+    scopeId: 'scope-retried',
+  });
+  fireEvent.click(screen.getByRole('button', { name: 'Try again' }));
+  await waitFor(() =>
+    expect(history.replace).toHaveBeenCalledWith(
+      '/scopes/scope-retried/workflow-activity-vnext/workflows',
+    ),
+  );
+});
diff --git a/apps/aevatar-console-web/src/pages/scopes/index.tsx b/apps/aevatar-console-web/src/pages/scopes/index.tsx
new file mode 100644
index 0000000000..f5ba9b3ccb
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/scopes/index.tsx
@@ -0,0 +1,49 @@
+import { useQuery } from '@tanstack/react-query';
+import { Button, Result } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { resolveStudioScopeContext } from '@/shared/scope/context';
+import { studioApi } from '@/shared/studio/api';
+import { AevatarPageLoading } from '@/shared/ui/AevatarLoading';
+import { buildWorkflowActivitySectionHref } from '../workflow-activity-vnext/navigation';
+
+export default function ConsoleScopeEntry() {
+  const session = useQuery({
+    queryKey: ['scopes', 'auth-session'],
+    queryFn: () => studioApi.getAuthSession(),
+    staleTime: 0,
+    refetchOnMount: 'always',
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    retry: false,
+  });
+  // A cached previous account must not determine the destination. Wait for
+  // this entry's server confirmation; subject/local storage are not scope IDs.
+  const scopeId =
+    session.isSuccess && !session.isFetching && session.data.authenticated
+      ? resolveStudioScopeContext(session.data)?.scopeId
+      : undefined;
+
+  React.useEffect(() => {
+    if (scopeId) {
+      history.replace(buildWorkflowActivitySectionHref(scopeId, 'workflows'));
+    }
+  }, [scopeId]);
+
+  if (session.isPending || session.isFetching || scopeId) {
+    return <AevatarPageLoading fullscreen />;
+  }
+
+  return (
+    <Result
+      status="error"
+      title={t('console.home.unavailable', 'Could not open your workspace')}
+      extra={
+        <Button type="primary" onClick={() => void session.refetch()}>
+          {t('console.home.retry', 'Try again')}
+        </Button>
+      }
+    />
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/services/index.test.tsx b/apps/aevatar-console-web/src/pages/services/index.test.tsx
index f2c75be199..37650aa445 100644
--- a/apps/aevatar-console-web/src/pages/services/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/services/index.test.tsx
@@ -166,8 +166,16 @@ describe('ServicesPage', () => {
 
     renderWithQueryClient(React.createElement(ServicesPage));
 
-    expect(await screen.findByText('正在加载服务目录')).toBeTruthy();
-    expect(screen.getByText('服务目录请求仍在进行，指标会在返回后更新。')).toBeTruthy();
+    expect(await screen.findByRole('status')).toHaveAttribute(
+      'data-variant',
+      'table',
+    );
+    expect(screen.getByText('正在加载服务目录')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+    expect(
+      screen.queryByText('服务目录请求仍在进行，指标会在返回后更新。'),
+    ).toBeNull();
     expect(screen.getAllByText('—').length).toBeGreaterThanOrEqual(4);
     expect(screen.queryByText('当前范围没有服务')).toBeNull();
 
diff --git a/apps/aevatar-console-web/src/pages/settings/accountContent.tsx b/apps/aevatar-console-web/src/pages/settings/accountContent.tsx
index e4769ab729..5824553598 100644
--- a/apps/aevatar-console-web/src/pages/settings/accountContent.tsx
+++ b/apps/aevatar-console-web/src/pages/settings/accountContent.tsx
@@ -2,48 +2,48 @@ import {
   LogoutOutlined,
   SafetyCertificateOutlined,
   UserOutlined,
-} from "@ant-design/icons";
-import { useQuery } from "@tanstack/react-query";
-import { Alert, Avatar, Button, Empty, Space, Typography, theme } from "antd";
-import React, { useMemo, useState } from "react";
-import {
-  NyxIDAuthClient,
-  SERVICE_ACCESS_REVIEW_RETURN_TO,
-} from "@/shared/auth/client";
-import { getNyxIDRuntimeConfig } from "@/shared/auth/config";
+} from '@ant-design/icons';
+import { useQuery } from '@tanstack/react-query';
+import { Avatar, Button, Empty, Space, Typography, theme } from 'antd';
+import React, { useMemo, useState } from 'react';
+import { NyxIDAuthClient } from '@/shared/auth/client';
+import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
 import {
   clearStoredAuthSession,
   loadRestorableAuthSession,
-} from "@/shared/auth/session";
-import { studioApi } from "@/shared/studio/api";
-import { AevatarCompactText } from "@/shared/ui/compactText";
-import { AevatarPanel } from "@/shared/ui/aevatarPageShells";
+} from '@/shared/auth/session';
+import { t } from '@/shared/i18n/messages';
+import { studioApi } from '@/shared/studio/api';
+import { AevatarPanel } from '@/shared/ui/aevatarPageShells';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { AevatarCompactText } from '@/shared/ui/compactText';
 import {
   summaryFieldGridStyle,
   summaryMetricGridStyle,
-} from "@/shared/ui/proComponents";
-import { buildSettingsPanelStyle, SummaryField, SummaryMetric } from "./shared";
-import { t } from "@/shared/i18n/messages";
+} from '@/shared/ui/proComponents';
+import { buildSettingsPanelStyle, SummaryField, SummaryMetric } from './shared';
+
+const LEGACY_ACCOUNT_SETTINGS_HREF = '/settings?section=account';
 
 function formatSessionExpiry(value?: number): string {
   if (!value) {
-    return "Unavailable";
+    return 'Unavailable';
   }
 
-  return new Intl.DateTimeFormat("zh-CN", {
-    dateStyle: "medium",
-    timeStyle: "short",
+  return new Intl.DateTimeFormat('zh-CN', {
+    dateStyle: 'medium',
+    timeStyle: 'short',
   }).format(value);
 }
 
 function formatIsoSessionExpiry(value?: string | null): string {
   if (!value) {
-    return "Unavailable";
+    return 'Unavailable';
   }
 
   const parsed = Date.parse(value);
   if (Number.isNaN(parsed)) {
-    return "Unavailable";
+    return 'Unavailable';
   }
 
   return formatSessionExpiry(parsed);
@@ -60,13 +60,11 @@ const AccountSettingsContent: React.FC<AccountSettingsContentProps> = ({
   const settingsPanelStyle = buildSettingsPanelStyle(token);
   const authSession = useMemo(() => loadRestorableAuthSession(), []);
   const authConfig = useMemo(() => getNyxIDRuntimeConfig(), []);
+  const toast = useConsoleToast();
   const [serviceAccessReviewPending, setServiceAccessReviewPending] =
     useState(false);
-  const [serviceAccessReviewError, setServiceAccessReviewError] = useState<
-    string | undefined
-  >(undefined);
   const authMeQuery = useQuery({
-    queryKey: ["settings", "auth-me"],
+    queryKey: ['settings', 'auth-me'],
     queryFn: () => studioApi.getAuthSession(),
   });
   const backendProfile = authMeQuery.data?.profile;
@@ -81,50 +79,54 @@ const AccountSettingsContent: React.FC<AccountSettingsContentProps> = ({
       authSession?.user.name ||
       authSession?.user.email ||
       authSession?.user.sub ||
-      "No active session",
+      'No active session',
     [authSession, backendProfile],
   );
   const accountSecondaryText = useMemo(() => {
     if (!authenticated) {
-      return "This browser does not have a restorable sign-in session.";
+      return 'This browser does not have a restorable sign-in session.';
     }
 
     if (backendProfile?.email || backendProfile?.subject) {
       return backendProfile.email || backendProfile.subject;
     }
 
-    return authSession?.user.email || authSession?.user.sub || "Unavailable";
+    return authSession?.user.email || authSession?.user.sub || 'Unavailable';
   }, [authSession, authenticated, backendProfile]);
   const rolesLabel =
     (backendProfile?.roles && backendProfile.roles.length > 0
-      ? backendProfile.roles.join(", ")
-      : authSession?.user.roles?.join(", ")) || "No roles";
+      ? backendProfile.roles.join(', ')
+      : authSession?.user.roles?.join(', ')) || 'No roles';
   const groupsLabel =
     (backendProfile?.groups && backendProfile.groups.length > 0
-      ? backendProfile.groups.join(", ")
-      : authSession?.user.groups?.join(", ")) || "No groups";
-  const userId = backendProfile?.subject || authSession?.user.sub || "";
+      ? backendProfile.groups.join(', ')
+      : authSession?.user.groups?.join(', ')) || 'No groups';
+  const userId = backendProfile?.subject || authSession?.user.sub || '';
   const picture = backendProfile?.picture || authSession?.user.picture;
   const emailVerified =
     backendProfile?.emailVerified ?? authSession?.user.email_verified ?? null;
 
   const handleSignOut = () => {
     clearStoredAuthSession();
-    window.location.replace("/login");
+    window.location.replace('/login');
   };
 
   const startServiceAccessReview = async () => {
     try {
       setServiceAccessReviewPending(true);
-      setServiceAccessReviewError(undefined);
       const client = new NyxIDAuthClient(authConfig);
       await client.loginWithRedirect({
-        flow: "serviceAccessReview",
-        returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
+        flow: 'serviceAccessReview',
+        returnTo: LEGACY_ACCOUNT_SETTINGS_HREF,
       });
     } catch {
       setServiceAccessReviewPending(false);
-      setServiceAccessReviewError(t("pages.settings.accountcontent.service.access.review.start.failed", "Could not start service access review. Try again."));
+      toast.error(
+        t(
+          'pages.settings.accountcontent.service.access.review.start.failed',
+          'Could not start service access review. Try again.',
+        ),
+      );
     }
   };
 
@@ -134,24 +136,21 @@ const AccountSettingsContent: React.FC<AccountSettingsContentProps> = ({
         extra={
           authenticated && showInlineSignOut ? (
             <Button danger icon={<LogoutOutlined />} onClick={handleSignOut}>
-              {t("pages.settings.accountcontent.sign.out", "Sign out")}</Button>
+              {t('pages.settings.accountcontent.sign.out', 'Sign out')}
+            </Button>
           ) : null
         }
         style={settingsPanelStyle}
         title="Profile"
       >
         {authenticated ? (
-          <div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
             <Space align="start" size={14}>
-              <Avatar
-                icon={<UserOutlined />}
-                size={52}
-                src={picture}
-              />
+              <Avatar icon={<UserOutlined />} size={52} src={picture} />
               <div style={{ minWidth: 0 }}>
                 <Typography.Text
                   strong
-                  style={{ display: "block", fontSize: 18 }}
+                  style={{ display: 'block', fontSize: 18 }}
                 >
                   {accountDisplayName}
                 </Typography.Text>
@@ -164,21 +163,27 @@ const AccountSettingsContent: React.FC<AccountSettingsContentProps> = ({
             <div style={summaryMetricGridStyle}>
               <SummaryMetric
                 label="Session"
-                tone={backendSession?.authenticated || authSession ? "success" : "warning"}
-                value={backendSession?.authenticated || authSession ? "Active" : "Browser only"}
+                tone={
+                  backendSession?.authenticated || authSession
+                    ? 'success'
+                    : 'warning'
+                }
+                value={
+                  backendSession?.authenticated || authSession
+                    ? 'Active'
+                    : 'Browser only'
+                }
               />
               <SummaryMetric
                 label="Email"
-                tone={emailVerified ? "success" : "warning"}
-                value={
-                  emailVerified ? "Verified" : "Needs review"
-                }
+                tone={emailVerified ? 'success' : 'warning'}
+                value={emailVerified ? 'Verified' : 'Needs review'}
               />
             </div>
 
             <div style={summaryFieldGridStyle}>
               <SummaryField
-                label={t("pages.settings.accountcontent.user.id", "User ID")}
+                label={t('pages.settings.accountcontent.user.id', 'User ID')}
                 value={
                   <AevatarCompactText
                     copyable
@@ -196,14 +201,18 @@ const AccountSettingsContent: React.FC<AccountSettingsContentProps> = ({
           </div>
         ) : (
           <Empty
-            description={t("pages.settings.accountcontent.this.browser.does.not.have", "This browser does not have a restorable sign-in session.")}
+            description={t(
+              'pages.settings.accountcontent.this.browser.does.not.have',
+              'This browser does not have a restorable sign-in session.',
+            )}
             image={Empty.PRESENTED_IMAGE_SIMPLE}
           >
             <Button
               type="primary"
-              onClick={() => window.location.replace("/login")}
+              onClick={() => window.location.replace('/login')}
             >
-              {t("pages.settings.accountcontent.sign.in", "Sign in")}</Button>
+              {t('pages.settings.accountcontent.sign.in', 'Sign in')}
+            </Button>
           </Empty>
         )}
       </AevatarPanel>
@@ -216,17 +225,23 @@ const AccountSettingsContent: React.FC<AccountSettingsContentProps> = ({
               loading={serviceAccessReviewPending}
               onClick={() => void startServiceAccessReview()}
             >
-              {t("pages.settings.accountcontent.manage.service.access", "Manage service access")}
+              {t(
+                'pages.settings.accountcontent.manage.service.access',
+                'Manage service access',
+              )}
             </Button>
           ) : null
         }
         style={settingsPanelStyle}
         title="Authentication"
       >
-        <Space orientation="vertical" size={12} style={{ width: "100%" }}>
+        <Space orientation="vertical" size={12} style={{ width: '100%' }}>
           <div style={summaryFieldGridStyle}>
             <SummaryField
-              label={t("pages.settings.accountcontent.session.expires", "Session expires")}
+              label={t(
+                'pages.settings.accountcontent.session.expires',
+                'Session expires',
+              )}
               value={
                 backendSession?.expiresAtUtc
                   ? formatIsoSessionExpiry(backendSession.expiresAtUtc)
@@ -235,20 +250,27 @@ const AccountSettingsContent: React.FC<AccountSettingsContentProps> = ({
             />
             <SummaryField
               label="Provider"
-              value={authMeQuery.data?.providerDisplayName || "Unavailable"}
+              value={authMeQuery.data?.providerDisplayName || 'Unavailable'}
             />
             <SummaryField
               label="Scope"
-              value={authMeQuery.data?.scopeId || authSession?.tokens.scope || "Unavailable"}
+              value={
+                authMeQuery.data?.scopeId ||
+                authSession?.tokens.scope ||
+                'Unavailable'
+              }
             />
             <SummaryField
-              label={t("pages.settings.accountcontent.browser.token.refresh", "Browser token refresh")}
-              value={t("pages.settings.accountcontent.browser.token.refresh.disabled", "Disabled")}
+              label={t(
+                'pages.settings.accountcontent.browser.token.refresh',
+                'Browser token refresh',
+              )}
+              value={t(
+                'pages.settings.accountcontent.browser.token.refresh.disabled',
+                'Disabled',
+              )}
             />
           </div>
-          {serviceAccessReviewError ? (
-            <Alert message={serviceAccessReviewError} role="alert" showIcon type="error" />
-          ) : null}
         </Space>
       </AevatarPanel>
     </>
diff --git a/apps/aevatar-console-web/src/pages/settings/index.test.tsx b/apps/aevatar-console-web/src/pages/settings/index.test.tsx
index d88d43600c..69f0799258 100644
--- a/apps/aevatar-console-web/src/pages/settings/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/settings/index.test.tsx
@@ -7,6 +7,13 @@ import {
 } from "../../../tests/reactQueryTestUtils";
 import SettingsPage from "./index";
 
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
 jest.mock("@/shared/studio/api", () => ({
   studioApi: {
     getAuthSession: jest.fn(),
@@ -16,6 +23,10 @@ jest.mock("@/shared/studio/api", () => ({
   },
 }));
 
+jest.mock("@/shared/ui/ConsoleToast", () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
 const { studioApi: mockStudioApi } = jest.requireMock(
   "@/shared/studio/api",
 ) as {
@@ -446,7 +457,7 @@ describe("SettingsPage", () => {
     );
   });
 
-  it("keeps service access review retryable when redirect setup fails", async () => {
+  it("reports service access review failures with a toast and keeps retry available", async () => {
     persistAuthSession({
       tokens: { accessToken: "token", tokenType: "Bearer", expiresIn: 3600, expiresAt: Date.now() + 60_000 },
       user: { sub: "user-123", name: "Ada Lovelace" },
@@ -463,7 +474,12 @@ describe("SettingsPage", () => {
     renderWithQueryClient(React.createElement(SettingsPage));
     const manageButton = await screen.findByRole("button", { name: "Manage service access" });
     fireEvent.click(manageButton);
-    expect(await screen.findByRole("alert")).toHaveTextContent("Could not start service access review. Try again.");
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Could not start service access review. Try again.",
+      ),
+    );
+    expect(screen.queryByRole("alert")).toBeNull();
     await waitFor(() => expect(manageButton).not.toHaveClass("ant-btn-loading"));
     fireEvent.click(manageButton);
     await waitFor(() => expect(assign).toHaveBeenCalledTimes(2));
@@ -471,6 +487,27 @@ describe("SettingsPage", () => {
     expect(fetchMock).not.toHaveBeenCalled();
   });
 
+  it("reports a current settings save failure with a toast", async () => {
+    mockStudioApi.saveUserLlmSettings.mockRejectedValue(
+      new Error("PUT /api/settings returned 500"),
+    );
+    renderWithQueryClient(React.createElement(SettingsPage));
+
+    fireEvent.mouseDown(
+      await screen.findByRole("combobox", { name: "Default model" }),
+    );
+    fireEvent.click(screen.getByRole("option", { name: "gpt-4o" }));
+    fireEvent.click(screen.getByRole("button", { name: "Save config" }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Settings could not be saved. Try again.",
+      ),
+    );
+    expect(screen.queryByText("Save failed")).toBeNull();
+    expect(screen.queryByText("PUT /api/settings returned 500")).toBeNull();
+  });
+
   it("hides service access review when the user is signed out", async () => {
     mockStudioApi.getAuthSession.mockResolvedValueOnce({
       enabled: true, authenticated: false, providerDisplayName: "NyxID", profile: null, session: null,
diff --git a/apps/aevatar-console-web/src/pages/settings/index.tsx b/apps/aevatar-console-web/src/pages/settings/index.tsx
index 51d36c1f4b..40c280cf04 100644
--- a/apps/aevatar-console-web/src/pages/settings/index.tsx
+++ b/apps/aevatar-console-web/src/pages/settings/index.tsx
@@ -14,12 +14,12 @@ import {
   Input,
   Select,
   Space,
-  Tooltip,
   Typography,
   theme,
 } from "antd";
 import type { CollapseProps, SelectProps } from "antd";
 import React from "react";
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import {
   LLM_MODEL_HEADER_KEY,
   LLM_ROUTE_HEADER_KEY,
@@ -45,6 +45,7 @@ import {
 } from "@/shared/ui/compactText";
 import { describeError } from "@/shared/ui/errorText";
 import { AevatarPanel } from "@/shared/ui/aevatarPageShells";
+import { useConsoleToast } from "@/shared/ui/ConsoleToast";
 import { codeBlockStyle } from "@/shared/ui/proComponents";
 import AccountSettingsContent from "./accountContent";
 import {
@@ -410,7 +411,7 @@ const ConnectedProviderChip: React.FC<{
   const dotColor = ready ? token.colorSuccess : token.colorTextQuaternary;
 
   return (
-    <Tooltip
+    <AevatarTooltip
       mouseEnterDelay={0.15}
       placement="top"
       title={accessibleLabel}
@@ -444,11 +445,12 @@ const ConnectedProviderChip: React.FC<{
         />
         <span>{label}</span>
       </div>
-    </Tooltip>
+    </AevatarTooltip>
   );
 };
 
 const SettingsPage: React.FC = () => {
+  const toast = useConsoleToast();
   const locationSnapshot = React.useSyncExternalStore(
     subscribeToLocationChanges,
     getLocationSnapshot,
@@ -494,6 +496,15 @@ const SettingsPage: React.FC = () => {
   const draft = draftState.value;
   const pendingSave = draftState.pendingSave;
   const saveError = draftState.saveError;
+  React.useEffect(() => {
+    if (!saveError) return;
+    toast.error(
+      t(
+        "pages.settings.index.save.failed.toast",
+        "Settings could not be saved. Try again.",
+      ),
+    );
+  }, [saveError, toast]);
   const draftDirty = React.useMemo(
     () => !draftsEqual(draft, draftState.baseline),
     [draft, draftState.baseline],
@@ -1275,15 +1286,6 @@ const SettingsPage: React.FC = () => {
               />
             ) : null}
 
-            {saveError ? (
-              <Alert
-                message={t("pages.settings.index.save.failed", "Save failed")}
-                description={saveError}
-                showIcon
-                type="error"
-              />
-            ) : null}
-
             {pendingSave && pendingSave.phase !== "saving" ? (
               <Alert
                 action={
@@ -1572,7 +1574,7 @@ const SettingsPage: React.FC = () => {
                       <SummaryField
                         label={t("pages.settings.index.runtime.url", "Runtime URL")}
                         value={
-                          <Tooltip
+                          <AevatarTooltip
                             mouseEnterDelay={0.15}
                             placement="topLeft"
                             title={displayedRuntimeBaseUrl}
@@ -1580,7 +1582,7 @@ const SettingsPage: React.FC = () => {
                             <Typography.Text style={previewValueStyle}>
                               {truncateMiddle(displayedRuntimeBaseUrl, 18, 14)}
                             </Typography.Text>
-                          </Tooltip>
+                          </AevatarTooltip>
                         }
                       />
                     </div>
@@ -1625,7 +1627,7 @@ const SettingsPage: React.FC = () => {
                           <Typography.Text style={previewKeyStyle}>
                             {row.keyLabel}
                           </Typography.Text>
-                          <Tooltip
+                          <AevatarTooltip
                             mouseEnterDelay={0.15}
                             placement="topLeft"
                             title={
@@ -1642,7 +1644,7 @@ const SettingsPage: React.FC = () => {
                             <Typography.Text style={previewValueStyle}>
                               {truncateMiddle(row.value, 14, 12)}
                             </Typography.Text>
-                          </Tooltip>
+                          </AevatarTooltip>
                         </div>
                       ))}
                     </div>
@@ -1680,7 +1682,6 @@ const SettingsPage: React.FC = () => {
       selectionStatus,
       selectionSelectOptions,
       routeSummaryLabel,
-      saveError,
       settingsPanelStyle,
       summaryGridStyle,
       technicalPreviewRows,
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.test.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.test.tsx
index 233933f65d..aa760b6712 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.test.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.test.tsx
@@ -1,11 +1,17 @@
 import { AGUIEventType } from '@aevatar-react-sdk/types';
-import { act, fireEvent, render, screen, waitFor, within } from '@testing-library/react';
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
 import { setLocale } from '@umijs/max';
 import * as React from 'react';
 import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
 import { runtimeGAgentApi } from '@/shared/api/runtimeGAgentApi';
 import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
-import { scriptsApi } from '@/shared/studio/scriptsApi';
 import {
   applyStepInspectorDraft,
   connectStepToTarget,
@@ -17,13 +23,25 @@ import {
   buildStudioGraphElements,
   buildStudioWorkflowLayout,
 } from '@/shared/studio/graph';
+import { scriptsApi } from '@/shared/studio/scriptsApi';
 import {
+  STUDIO_WORKFLOW_YAML_AUTHORING_DELETION_TRACKING,
   StudioGAgentBuildPanel,
   StudioScriptBuildPanel,
   StudioWorkflowBuildPanel,
-  STUDIO_WORKFLOW_YAML_AUTHORING_DELETION_TRACKING,
 } from './StudioBuildPanels';
 
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
 type WorkflowPrimitiveParameterTestDescriptor = {
   readonly name: string;
   readonly type: string;
@@ -149,7 +167,10 @@ jest.mock('@/modules/studio/scripts/ScriptCodeEditor', () => ({
     value = '',
     onChange,
   }: {
-    readonly focusTarget?: { readonly filePath: string; readonly startLineNumber: number } | null;
+    readonly focusTarget?: {
+      readonly filePath: string;
+      readonly startLineNumber: number;
+    } | null;
     readonly value?: string;
     readonly onChange?: (nextValue: string) => void;
   }) => (
@@ -160,7 +181,9 @@ jest.mock('@/modules/studio/scripts/ScriptCodeEditor', () => ({
         onChange={(event) => onChange?.(event.target.value)}
       />
       <div data-testid="mock-script-focus-target">
-        {focusTarget ? `${focusTarget.filePath}:${focusTarget.startLineNumber}` : ''}
+        {focusTarget
+          ? `${focusTarget.filePath}:${focusTarget.startLineNumber}`
+          : ''}
       </div>
     </div>
   ),
@@ -283,6 +306,7 @@ function WorkflowBuildHarness({
   initialDocumentOverride,
   onApplyStepDraftOverride,
   onContinueToBind,
+  onInsertStepOverride,
   onSaveDraft,
   runtimePrimitivesOverride,
 }: {
@@ -290,19 +314,23 @@ function WorkflowBuildHarness({
   readonly initialDocumentOverride?: WorkflowBuildHarnessDocument;
   readonly onApplyStepDraftOverride?: (draft: any) => Promise<void>;
   readonly onContinueToBind: jest.Mock;
+  readonly onInsertStepOverride?: (stepType: string) => Promise<void>;
   readonly onSaveDraft: jest.Mock;
   readonly runtimePrimitivesOverride?: readonly WorkflowPrimitiveTestDescriptor[];
 }) {
   const documentSeed = initialDocumentOverride ?? initialDocument;
-  const [document, setDocument] = React.useState(() => cloneValue(documentSeed));
+  const [document, setDocument] = React.useState(() =>
+    cloneValue(documentSeed),
+  );
   const [draftYaml, setDraftYaml] = React.useState(() =>
     buildWorkflowYaml(documentSeed),
   );
-  const [selectedGraphNodeId, setSelectedGraphNodeId] = React.useState(
-    'step:draft_step',
-  );
+  const [selectedGraphNodeId, setSelectedGraphNodeId] =
+    React.useState('step:draft_step');
   const [layout, setLayout] = React.useState<unknown>(null);
-  const [runPrompt, setRunPrompt] = React.useState('Please triage the refund request.');
+  const [runPrompt, setRunPrompt] = React.useState(
+    'Please triage the refund request.',
+  );
   const workflowGraph = React.useMemo(
     () => buildStudioGraphElements(document, layout),
     [document, layout],
@@ -327,7 +355,9 @@ function WorkflowBuildHarness({
   return (
     <StudioWorkflowBuildPanel
       availableStepTypes={['llm_call', 'human_approval', 'connector_call']}
-      buildWorkflowYamls={buildWorkflowYamlsOverride ?? (async () => [draftYaml])}
+      buildWorkflowYamls={
+        buildWorkflowYamlsOverride ?? (async () => [draftYaml])
+      }
       canSaveWorkflow
       draftYaml={draftYaml}
       dryRunModelLabel="gpt-5.4-mini"
@@ -337,17 +367,26 @@ function WorkflowBuildHarness({
           ? onApplyStepDraftOverride
           : async (draft) => {
               const currentStepId = selectedGraphNodeId.replace(/^step:/, '');
-              const result = applyStepInspectorDraft(document, currentStepId, draft);
-              await commitDocument(result.document as WorkflowBuildHarnessDocument, {
-                nextSelectedNodeId: result.nodeId,
-              });
+              const result = applyStepInspectorDraft(
+                document,
+                currentStepId,
+                draft,
+              );
+              await commitDocument(
+                result.document as WorkflowBuildHarnessDocument,
+                {
+                  nextSelectedNodeId: result.nodeId,
+                },
+              );
             }
       }
       onAutoLayout={() => setLayout(null)}
       onConnectNodes={(sourceNodeId: string, targetNodeId: string) => {
         const sourceStepId = sourceNodeId.replace(/^step:/, '');
         const targetStepId = targetNodeId.replace(/^step:/, '');
-        const sourceStep = document.steps.find((step) => step.id === sourceStepId);
+        const sourceStep = document.steps.find(
+          (step) => step.id === sourceStepId,
+        );
         const result = connectStepToTarget(
           document,
           sourceStepId,
@@ -362,15 +401,21 @@ function WorkflowBuildHarness({
         });
       }}
       onContinueToBind={() => onContinueToBind(draftYaml)}
-      onInsertStep={async (stepType: string) => {
-        const result = insertStepByType(document, stepType, {
-          afterStepId: selectedGraphNodeId.replace(/^step:/, ''),
-          targetRoleId: 'assistant',
-        });
-        await commitDocument(result.document as WorkflowBuildHarnessDocument, {
-          nextSelectedNodeId: result.nodeId,
-        });
-      }}
+      onInsertStep={
+        onInsertStepOverride ??
+        (async (stepType: string) => {
+          const result = insertStepByType(document, stepType, {
+            afterStepId: selectedGraphNodeId.replace(/^step:/, ''),
+            targetRoleId: 'assistant',
+          });
+          await commitDocument(
+            result.document as WorkflowBuildHarnessDocument,
+            {
+              nextSelectedNodeId: result.nodeId,
+            },
+          );
+        })
+      }
       onNodeLayoutChange={(nodes) => {
         setLayout(
           buildStudioWorkflowLayout(
@@ -405,59 +450,61 @@ function WorkflowBuildHarness({
       onRunPromptChange={setRunPrompt}
       onSaveDraft={(pendingDraft) => onSaveDraft(pendingDraft ?? draftYaml)}
       onSetDraftYaml={setDraftYaml}
-      runtimePrimitives={runtimePrimitivesOverride ?? [
-        {
-          name: 'llm_call',
-          aliases: [],
-          description: 'Call the LLM.',
-          category: 'ai',
-          parameters: [
-            {
-              name: 'prompt_prefix',
-              type: 'string',
-              required: false,
-              description: 'Prompt prefix',
-              default: '',
-              enumValues: [],
-            },
-          ],
-          exampleWorkflows: ['workflow-demo'],
-        },
-        {
-          name: 'human_approval',
-          aliases: [],
-          description: 'Pause for approval.',
-          category: 'human',
-          parameters: [
-            {
-              name: 'reviewer',
-              type: 'string',
-              required: false,
-              description: 'Reviewer',
-              default: '',
-              enumValues: [],
-            },
-          ],
-          exampleWorkflows: ['workflow-demo'],
-        },
-        {
-          name: 'connector_call',
-          aliases: [],
-          description: 'Call an external connector.',
-          category: 'integration',
-          parameters: [
-            {
-              name: 'connector',
-              type: 'string',
-              required: true,
-              description: 'Connector name',
-              default: '',
-              enumValues: [],
-            },
-          ],
-          exampleWorkflows: ['workflow-demo'],
-        },
-      ]}
+      runtimePrimitives={
+        runtimePrimitivesOverride ?? [
+          {
+            name: 'llm_call',
+            aliases: [],
+            description: 'Call the LLM.',
+            category: 'ai',
+            parameters: [
+              {
+                name: 'prompt_prefix',
+                type: 'string',
+                required: false,
+                description: 'Prompt prefix',
+                default: '',
+                enumValues: [],
+              },
+            ],
+            exampleWorkflows: ['workflow-demo'],
+          },
+          {
+            name: 'human_approval',
+            aliases: [],
+            description: 'Pause for approval.',
+            category: 'human',
+            parameters: [
+              {
+                name: 'reviewer',
+                type: 'string',
+                required: false,
+                description: 'Reviewer',
+                default: '',
+                enumValues: [],
+              },
+            ],
+            exampleWorkflows: ['workflow-demo'],
+          },
+          {
+            name: 'connector_call',
+            aliases: [],
+            description: 'Call an external connector.',
+            category: 'integration',
+            parameters: [
+              {
+                name: 'connector',
+                type: 'string',
+                required: true,
+                description: 'Connector name',
+                default: '',
+                enumValues: [],
+              },
+            ],
+            exampleWorkflows: ['workflow-demo'],
+          },
+        ]
+      }
       runPrompt={runPrompt}
       savePending={false}
       saveNotice={null}
@@ -557,6 +604,33 @@ describe('StudioWorkflowBuildPanel', () => {
     });
   });
 
+  it('uses a generic shared toast when adding a workflow step fails', async () => {
+    const insertStep = jest.fn<Promise<void>, [string]>(async () => {
+      throw new Error('The workflow adapter rejected this node.');
+    });
+
+    render(
+      <WorkflowBuildHarness
+        onContinueToBind={jest.fn()}
+        onInsertStepOverride={insertStep}
+        onSaveDraft={jest.fn()}
+      />,
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'Add step' }));
+    fireEvent.click(await screen.findByRole('button', { name: /llm_call/i }));
+
+    await waitFor(() => {
+      expect(insertStep).toHaveBeenCalledWith('llm_call');
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not complete the workflow action. Review the details and try again.',
+      );
+    });
+    expect(
+      screen.queryByText('The workflow adapter rejected this node.'),
+    ).not.toBeInTheDocument();
+  });
+
   it('keeps the Script bind CTA stable and uses the dry-run panel as the run entry', () => {
     const handleContinueToBind = jest.fn();
 
@@ -576,8 +650,12 @@ describe('StudioWorkflowBuildPanel', () => {
     );
 
     expect(screen.getByText('Ready to bind')).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeEnabled();
-    expect(screen.queryByRole('button', { name: 'Dry-run' })).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeEnabled();
+    expect(
+      screen.queryByRole('button', { name: 'Dry-run' }),
+    ).not.toBeInTheDocument();
     expect(screen.getAllByRole('button', { name: 'Run' })).toHaveLength(1);
 
     fireEvent.change(screen.getByLabelText('Mock script code editor'), {
@@ -587,7 +665,9 @@ describe('StudioWorkflowBuildPanel', () => {
     });
 
     expect(screen.getByText('Validate current source')).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeDisabled();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeDisabled();
     expect(screen.getByRole('button', { name: 'Save script' })).toBeDisabled();
   });
 
@@ -616,20 +696,42 @@ describe('StudioWorkflowBuildPanel', () => {
       ),
     ).toBeInTheDocument();
     expect(
-      screen.getByText('No script is selected yet. Start a script draft to open the editor.'),
+      screen.getByText(
+        'No script is selected yet. Start a script draft to open the editor.',
+      ),
     ).toBeInTheDocument();
     expect(screen.queryByLabelText('Script ID')).not.toBeInTheDocument();
-    expect(screen.queryByLabelText('Script lifecycle status')).not.toBeInTheDocument();
-    expect(screen.queryByLabelText('Script dry run input')).not.toBeInTheDocument();
-    expect(screen.queryByText(/Validation, save, bind/i)).not.toBeInTheDocument();
+    expect(
+      screen.queryByLabelText('Script lifecycle status'),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByLabelText('Script dry run input'),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByText(/Validation, save, bind/i),
+    ).not.toBeInTheDocument();
     expect(screen.queryByText(/dry-run controls/i)).not.toBeInTheDocument();
-    expect(screen.queryByText(/Bind becomes available/i)).not.toBeInTheDocument();
-    expect(screen.queryByText('Create a script before running it')).not.toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Validate' })).not.toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Save script' })).not.toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Run' })).not.toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Load sample input' })).not.toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Continue to Bind' })).not.toBeInTheDocument();
+    expect(
+      screen.queryByText(/Bind becomes available/i),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('Create a script before running it'),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Validate' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Save script' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Run' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Load sample input' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Continue to Bind' }),
+    ).not.toBeInTheDocument();
     expect(screen.queryByText('Promotion')).not.toBeInTheDocument();
 
     fireEvent.click(screen.getByRole('button', { name: 'Add script' }));
@@ -674,7 +776,8 @@ describe('StudioWorkflowBuildPanel', () => {
     expect(screen.getByText('Script draft')).toBeInTheDocument();
     expect(screen.queryByText('orders-script (draft)')).not.toBeInTheDocument();
     expect(
-      (screen.getByLabelText('Mock script code editor') as HTMLTextAreaElement).value,
+      (screen.getByLabelText('Mock script code editor') as HTMLTextAreaElement)
+        .value,
     ).toContain('DraftBehavior');
     expect(screen.getByText('Validate current source')).toBeInTheDocument();
     expect(screen.getByRole('button', { name: 'Save script' })).toBeDisabled();
@@ -710,7 +813,9 @@ describe('StudioWorkflowBuildPanel', () => {
       expect(handleDraftSaved).toHaveBeenCalledWith('orders-script');
     });
     await waitFor(() => {
-      expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeEnabled();
+      expect(
+        screen.getByRole('button', { name: 'Continue to Bind' }),
+      ).toBeEnabled();
     });
     expect(screen.getByText('Ready to bind')).toBeInTheDocument();
   });
@@ -801,10 +906,14 @@ describe('StudioWorkflowBuildPanel', () => {
 
     fireEvent.click(screen.getByRole('button', { name: 'Run' }));
 
-    expect(await screen.findByLabelText('Script dry run facts')).toBeInTheDocument();
+    expect(
+      await screen.findByLabelText('Script dry run facts'),
+    ).toBeInTheDocument();
     expect(screen.queryByText('run-script-1')).not.toBeInTheDocument();
     expect(screen.queryByText('runtime-run')).not.toBeInTheDocument();
-    expect(screen.getByText('type.googleapis.com/AppScriptCommand')).toBeInTheDocument();
+    expect(
+      screen.getByText('type.googleapis.com/AppScriptCommand'),
+    ).toBeInTheDocument();
   });
 
   it('keeps save observation pending honest and exposes catalog refresh', async () => {
@@ -852,14 +961,18 @@ describe('StudioWorkflowBuildPanel', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Validate' }));
     await waitFor(
       () => {
-        expect(screen.getByRole('button', { name: 'Save script' })).toBeEnabled();
+        expect(
+          screen.getByRole('button', { name: 'Save script' }),
+        ).toBeEnabled();
       },
       { timeout: 3000 },
     );
     fireEvent.click(screen.getByRole('button', { name: 'Save script' }));
 
     expect(await screen.findByText(/Waiting for catalog/)).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeDisabled();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeDisabled();
     fireEvent.click(screen.getByRole('button', { name: 'Refresh catalog' }));
     expect(handleRefreshScripts).toHaveBeenCalled();
   });
@@ -908,15 +1021,21 @@ describe('StudioWorkflowBuildPanel', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Validate' }));
     await waitFor(
       () => {
-        expect(screen.getByRole('button', { name: 'Save script' })).toBeEnabled();
+        expect(
+          screen.getByRole('button', { name: 'Save script' }),
+        ).toBeEnabled();
       },
       { timeout: 3000 },
     );
     fireEvent.click(screen.getByRole('button', { name: 'Save script' }));
 
-    expect(await screen.findByText('Catalog rejected the revision.')).toBeInTheDocument();
+    expect(
+      await screen.findByText('Catalog rejected the revision.'),
+    ).toBeInTheDocument();
     expect(screen.getByText('Save needs attention')).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeDisabled();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeDisabled();
   });
 
   it('polls save observation until a pending Script save is applied', async () => {
@@ -958,7 +1077,7 @@ describe('StudioWorkflowBuildPanel', () => {
         isTerminal: true,
       });
 
-    render(
+    const view = render(
       <StudioScriptBuildPanel
         scopeId="scope-1"
         scriptsQuery={{
@@ -982,21 +1101,44 @@ describe('StudioWorkflowBuildPanel', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Validate' }));
     await waitFor(
       () => {
-        expect(screen.getByRole('button', { name: 'Save script' })).toBeEnabled();
+        expect(
+          screen.getByRole('button', { name: 'Save script' }),
+        ).toBeEnabled();
       },
       { timeout: 3000 },
     );
-    fireEvent.click(screen.getByRole('button', { name: 'Save script' }));
+    jest.useFakeTimers();
+    try {
+      fireEvent.click(screen.getByRole('button', { name: 'Save script' }));
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(0);
+      });
 
-    expect(await screen.findByText(/checking again in 1s/)).toBeInTheDocument();
-    await waitFor(
-      () => {
-        expect(mockedScriptsApi.observeSaveScript).toHaveBeenCalledTimes(2);
-        expect(handleDraftSaved).toHaveBeenCalledWith('orders-script');
-        expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeEnabled();
-      },
-      { timeout: 2500 },
-    );
+      expect(mockedScriptsApi.observeSaveScript).toHaveBeenCalledTimes(1);
+      expect(screen.getByText(/checking again in 1s/)).toBeInTheDocument();
+      expect(handleDraftSaved).not.toHaveBeenCalled();
+      expect(
+        screen.getByRole('button', { name: 'Continue to Bind' }),
+      ).toBeDisabled();
+
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(999);
+      });
+      expect(mockedScriptsApi.observeSaveScript).toHaveBeenCalledTimes(1);
+
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(1);
+      });
+
+      expect(mockedScriptsApi.observeSaveScript).toHaveBeenCalledTimes(2);
+      expect(handleDraftSaved).toHaveBeenCalledWith('orders-script');
+      expect(
+        screen.getByRole('button', { name: 'Continue to Bind' }),
+      ).toBeEnabled();
+    } finally {
+      view.unmount();
+      jest.useRealTimers();
+    }
   });
 
   it('ignores a save observation that resolves after the source changes', async () => {
@@ -1087,10 +1229,14 @@ describe('StudioWorkflowBuildPanel', () => {
     });
 
     await waitFor(() => {
-      expect(screen.getByRole('button', { name: 'Save script' })).toBeDisabled();
+      expect(
+        screen.getByRole('button', { name: 'Save script' }),
+      ).toBeDisabled();
     });
     expect(screen.queryByText(/Save applied/)).toBeNull();
-    expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeDisabled();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeDisabled();
   });
 
   it('edits a multi-file package and entry settings', () => {
@@ -1117,10 +1263,14 @@ describe('StudioWorkflowBuildPanel', () => {
     expect(screen.getByLabelText('Script package tree')).toBeInTheDocument();
     fireEvent.click(screen.getByText('Advanced package'));
     fireEvent.click(screen.getByRole('button', { name: 'Add C#' }));
-    expect(screen.getByRole('button', { name: /Support\.cs/ })).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: /Support\.cs/ }),
+    ).toBeInTheDocument();
 
     fireEvent.click(screen.getByRole('button', { name: 'Rename' }));
-    expect(screen.getByRole('button', { name: /SupportRenamed\.cs/ })).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: /SupportRenamed\.cs/ }),
+    ).toBeInTheDocument();
 
     fireEvent.change(screen.getByLabelText('Entry behavior type'), {
       target: {
@@ -1185,18 +1335,24 @@ describe('StudioWorkflowBuildPanel', () => {
 
     expect(await screen.findByText('DAG Canvas')).toBeInTheDocument();
     expect(screen.getByTestId('workflow-stage-actions')).toBeInTheDocument();
-    const workflowEditorWorkspace = screen.getByTestId('workflow-editor-workspace');
+    const workflowEditorWorkspace = screen.getByTestId(
+      'workflow-editor-workspace',
+    );
     const workflowDryRunPanel = screen.getByTestId('workflow-dry-run-panel');
     expect(workflowEditorWorkspace).toBeInTheDocument();
     expect(workflowDryRunPanel).toBeInTheDocument();
-    expect(within(workflowEditorWorkspace).queryByText('Dry-run')).not.toBeInTheDocument();
+    expect(
+      within(workflowEditorWorkspace).queryByText('Dry-run'),
+    ).not.toBeInTheDocument();
     expect(
       workflowEditorWorkspace.compareDocumentPosition(workflowDryRunPanel) &
         Node.DOCUMENT_POSITION_FOLLOWING,
     ).toBeTruthy();
 
     fireEvent.click(screen.getByRole('button', { name: 'Add step' }));
-    expect(await screen.findByTestId('workflow-step-type-picker')).toBeInTheDocument();
+    expect(
+      await screen.findByTestId('workflow-step-type-picker'),
+    ).toBeInTheDocument();
     fireEvent.click(screen.getByRole('button', { name: /llm_call/i }));
 
     await waitFor(() => {
@@ -1232,9 +1388,15 @@ describe('StudioWorkflowBuildPanel', () => {
         (screen.getByLabelText('Define YAML') as HTMLTextAreaElement).value,
       ).toContain('review_step');
     });
-    expect(screen.getByTestId('workflow-step-detail-panel')).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Save draft' })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeInTheDocument();
+    expect(
+      screen.getByTestId('workflow-step-detail-panel'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Save draft' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeInTheDocument();
 
     fireEvent.click(screen.getByRole('button', { name: 'Save draft' }));
 
@@ -1253,15 +1415,15 @@ describe('StudioWorkflowBuildPanel', () => {
             'nyxid.route_preference': '/api/v1/proxy/s/openai',
           },
           prompt: 'Please triage the refund request.',
-          workflowYamls: [
-            expect.stringContaining('name: workflow-demo'),
-          ],
+          workflowYamls: [expect.stringContaining('name: workflow-demo')],
         }),
         expect.any(AbortSignal),
       );
     });
 
-    expect(await screen.findByText('workflow draft output')).toBeInTheDocument();
+    expect(
+      await screen.findByText('workflow draft output'),
+    ).toBeInTheDocument();
 
     fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
@@ -1322,7 +1484,9 @@ describe('StudioWorkflowBuildPanel', () => {
     expect(screen.queryByLabelText('Parameter prompt')).not.toBeInTheDocument();
     expect(screen.queryByText('prompt_prefix')).not.toBeInTheDocument();
     expect(
-      screen.getByText(/Instruction added before each workflow run input reaches the LLM/i),
+      screen.getByText(
+        /Instruction added before each workflow run input reaches the LLM/i,
+      ),
     ).toBeInTheDocument();
 
     fireEvent.change(promptPrefixInput, {
@@ -1505,7 +1669,9 @@ describe('StudioWorkflowBuildPanel', () => {
       />,
     );
 
-    fireEvent.click(await screen.findByRole('button', { name: 'approve_step' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'approve_step' }),
+    );
     const promptInput = await screen.findByLabelText('Parameter prompt');
     fireEvent.change(promptInput, {
       target: {
@@ -1606,8 +1772,12 @@ describe('StudioWorkflowBuildPanel', () => {
       },
     });
 
-    expect(screen.getByText('Unexpected end of JSON input')).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Apply changes' })).toBeDisabled();
+    expect(
+      screen.getByText('Unexpected end of JSON input'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Apply changes' }),
+    ).toBeDisabled();
     expect(screen.getByRole('button', { name: 'Save draft' })).toBeDisabled();
     expect(screen.getByRole('button', { name: 'Run' })).toBeDisabled();
 
@@ -1646,14 +1816,22 @@ describe('StudioWorkflowBuildPanel', () => {
 
     fireEvent.click(screen.getByRole('button', { name: 'Run' }));
 
-    expect(await screen.findByText('final workflow answer')).toBeInTheDocument();
+    expect(
+      await screen.findByText('final workflow answer'),
+    ).toBeInTheDocument();
 
     const outputSection = screen.getByText('Output');
     const outputPanel = outputSection.parentElement;
     expect(outputPanel).not.toBeNull();
-    expect(within(outputPanel as HTMLElement).getByText('final workflow answer')).toBeInTheDocument();
-    expect(within(outputPanel as HTMLElement).queryByText(/runId:/i)).not.toBeInTheDocument();
-    expect(within(outputPanel as HTMLElement).queryByText(/actorId:/i)).not.toBeInTheDocument();
+    expect(
+      within(outputPanel as HTMLElement).getByText('final workflow answer'),
+    ).toBeInTheDocument();
+    expect(
+      within(outputPanel as HTMLElement).queryByText(/runId:/i),
+    ).not.toBeInTheDocument();
+    expect(
+      within(outputPanel as HTMLElement).queryByText(/actorId:/i),
+    ).not.toBeInTheDocument();
     expect(screen.queryByText('Run summary')).not.toBeInTheDocument();
 
     const debugDetailsToggle = await screen.findByText('Debug details');
@@ -1692,18 +1870,24 @@ describe('StudioWorkflowBuildPanel', () => {
 
     fireEvent.click(screen.getByRole('button', { name: 'Run' }));
 
-    expect(await screen.findByText('second node final answer')).toBeInTheDocument();
+    expect(
+      await screen.findByText('second node final answer'),
+    ).toBeInTheDocument();
     const outputSection = screen.getByText('Output');
     const outputPanel = outputSection.parentElement;
     expect(outputPanel).not.toBeNull();
-    expect(within(outputPanel as HTMLElement).queryByText('first node answer')).toBeNull();
-    expect(within(outputPanel as HTMLElement).getByText('second node final answer')).toBeInTheDocument();
+    expect(
+      within(outputPanel as HTMLElement).queryByText('first node answer'),
+    ).toBeNull();
+    expect(
+      within(outputPanel as HTMLElement).getByText('second node final answer'),
+    ).toBeInTheDocument();
   });
 
   it('shows a friendly provider guidance message when draft run backend rejects the route', async () => {
     mockedRuntimeRunsApi.streamDraftRun.mockRejectedValueOnce(
       new Error(
-        "Service request failed. Status: 400 (Bad Request) | NyxID response: {\"message\":\"Bad request: Provider 'openai' not connected. Connect at /providers.\"}",
+        'Service request failed. Status: 400 (Bad Request) | NyxID response: {"message":"Bad request: Provider \'openai\' not connected. Connect at /providers."}',
       ),
     );
 
@@ -1723,7 +1907,9 @@ describe('StudioWorkflowBuildPanel', () => {
 
   it('keeps a GAgent draft-run failure inside Build with a recovery path', async () => {
     mockedRuntimeGAgentApi.streamDraftRun.mockRejectedValueOnce(
-      new Error('GAgent draft run timed out before the backend returned any event.'),
+      new Error(
+        'GAgent draft run timed out before the backend returned any event.',
+      ),
     );
 
     render(
@@ -1756,7 +1942,9 @@ describe('StudioWorkflowBuildPanel', () => {
         'This only failed the Build dry-run. Adjust the prompt or tools and retry, or continue to Bind when the member definition is ready to publish.',
       ),
     ).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Continue to Bind' })).toBeEnabled();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeEnabled();
   });
 
   it('locks apply changes while the step mutation is pending', async () => {
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.tsx
index 8c2a55da08..6233ad7456 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioBuildPanels.tsx
@@ -1,22 +1,16 @@
 import { parseCustomEvent } from '@aevatar-react-sdk/agui';
 import {
+  type AGUIEvent,
   AGUIEventType,
   CustomEventName,
-  type AGUIEvent,
 } from '@aevatar-react-sdk/types';
-import {
-  CheckCircleOutlined,
-  CodeOutlined,
-  PlayCircleOutlined,
-  RobotOutlined,
-  ApartmentOutlined,
-} from '@ant-design/icons';
+import { CheckCircleOutlined, PlayCircleOutlined } from '@ant-design/icons';
+import type { Node } from '@xyflow/react';
 import {
   Alert,
   Button,
   Empty,
   Input,
-  message,
   Radio,
   Select,
   Space,
@@ -24,18 +18,34 @@ import {
   Typography,
 } from 'antd';
 import React from 'react';
-import type { Node } from '@xyflow/react';
-import GraphCanvas from '@/shared/graphs/GraphCanvas';
+import ScriptCodeEditor, {
+  type ScriptEditorFocusTarget,
+  type ScriptEditorMarker,
+} from '@/modules/studio/scripts/ScriptCodeEditor';
 import { parseRunContextData } from '@/shared/agui/customEventData';
 import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
 import { runtimeGAgentApi } from '@/shared/api/runtimeGAgentApi';
 import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import GraphCanvas from '@/shared/graphs/GraphCanvas';
+import { t } from '@/shared/i18n/messages';
 import {
-  buildRuntimeGAgentKindValue,
   buildRuntimeGAgentKindLabel,
+  buildRuntimeGAgentKindValue,
   type RuntimeGAgentKindDescriptor,
 } from '@/shared/models/runtime/gagents';
 import type { WorkflowPrimitiveDescriptor } from '@/shared/models/runtime/query';
+import {
+  createStepInspectorDraft,
+  type StudioStepInspectorDraft,
+} from '@/shared/studio/document';
+import type { StudioGraphStep } from '@/shared/studio/graph';
+import {
+  buildNodeConfigFields,
+  findNodeConfigPrimitiveDescriptor,
+  formatNodeConfigFieldCopy,
+  updateNodeConfigFieldParametersText,
+  validateNodeConfigParametersText,
+} from '@/shared/studio/nodeConfigFields';
 import {
   addPackageFile,
   createSingleSourcePackage,
@@ -46,21 +56,9 @@ import {
   renamePackageFile,
   serializePersistedSource,
   setEntrySourcePath,
-  updatePackageFileContent,
   updateEntryBehaviorTypeName,
+  updatePackageFileContent,
 } from '@/shared/studio/scriptPackage';
-import {
-  createStepInspectorDraft,
-  type StudioStepInspectorDraft,
-} from '@/shared/studio/document';
-import {
-  buildNodeConfigFields,
-  findNodeConfigPrimitiveDescriptor,
-  formatNodeConfigFieldCopy,
-  updateNodeConfigFieldParametersText,
-  validateNodeConfigParametersText,
-  type NodeConfigField,
-} from '@/shared/studio/nodeConfigFields';
 import { scriptsApi } from '@/shared/studio/scriptsApi';
 import type {
   DraftRunResult,
@@ -72,18 +70,14 @@ import type {
   ScriptValidationDiagnostic,
   ScriptValidationResult,
 } from '@/shared/studio/scriptsModels';
-import type { StudioGraphStep } from '@/shared/studio/graph';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import ConsoleOperationNotice from '@/shared/ui/ConsoleOperationNotice';
 import { describeError } from '@/shared/ui/errorText';
 import {
   AEVATAR_INTERACTIVE_BUTTON_CLASS,
   AEVATAR_INTERACTIVE_CHIP_CLASS,
   joinInteractiveClassNames,
 } from '@/shared/ui/interactionStandards';
-import ScriptCodeEditor, {
-  type ScriptEditorFocusTarget,
-  type ScriptEditorMarker,
-} from '@/modules/studio/scripts/ScriptCodeEditor';
-import { t } from "@/shared/i18n/messages";
 
 const buildWorkbenchGridStyle: React.CSSProperties = {
   display: 'grid',
@@ -101,14 +95,6 @@ const scriptLaunchpadGridStyle: React.CSSProperties = {
   minWidth: 0,
 };
 
-const buildWorkbenchPrimaryColumnStyle: React.CSSProperties = {
-  alignSelf: 'start',
-  display: 'grid',
-  gap: 16,
-  minHeight: 0,
-  minWidth: 0,
-};
-
 const workflowWorkbenchLayoutStyle: React.CSSProperties = {
   display: 'grid',
   gap: 16,
@@ -119,12 +105,7 @@ const workflowWorkbenchLayoutStyle: React.CSSProperties = {
 
 const workflowEditingSurfaceHeight = 'clamp(560px, calc(100vh - 320px), 760px)';
 const SCRIPT_SAVE_OBSERVATION_POLL_DELAYS_MS = [
-  1000,
-  2000,
-  3000,
-  5000,
-  5000,
-  5000,
+  1000, 2000, 3000, 5000, 5000, 5000,
 ] as const;
 
 const SCRIPT_STARTER_SOURCE = `using System;
@@ -537,16 +518,33 @@ const GAGENT_DRAFT_RUN_TIMEOUT_MS = 30_000;
 const GAGENT_DRAFT_RUN_CLIENT_TIMEOUT_MS = GAGENT_DRAFT_RUN_TIMEOUT_MS + 5_000;
 
 function createGAgentDraftRunTimeoutError(): Error {
-  return new Error('GAgent draft run timed out before the backend returned any event.');
+  return new Error(
+    'GAgent draft run timed out before the backend returned any event.',
+  );
 }
 
 function getRunDebugLines(state: DraftRunState): string[] {
   return [
-    state.runId.trim() ? t("pages.studio.studiobuildpanels.current.run.ready", "current run: ready") : '',
-    state.actorId.trim() ? t("pages.studio.studiobuildpanels.runtime.actor.ready", "runtime actor: ready") : '',
-    state.commandId.trim() ? t("pages.studio.studiobuildpanels.command.accepted", "command: accepted") : '',
+    state.runId.trim()
+      ? t(
+          'pages.studio.studiobuildpanels.current.run.ready',
+          'current run: ready',
+        )
+      : '',
+    state.actorId.trim()
+      ? t(
+          'pages.studio.studiobuildpanels.runtime.actor.ready',
+          'runtime actor: ready',
+        )
+      : '',
+    state.commandId.trim()
+      ? t(
+          'pages.studio.studiobuildpanels.command.accepted',
+          'command: accepted',
+        )
+      : '',
     state.events.length > 0
-      ? t("pages.studio.studiobuildpanels.events.count", "events: {count}", {
+      ? t('pages.studio.studiobuildpanels.events.count', 'events: {count}', {
           count: state.events.length,
         })
       : '',
@@ -567,14 +565,23 @@ function renderRunOutput(state: DraftRunState): string {
   }
 
   if (state.status === 'running') {
-    return t("pages.studio.studiobuildpanels.waiting.for.assistant.output", "Waiting for assistant output...");
+    return t(
+      'pages.studio.studiobuildpanels.waiting.for.assistant.output',
+      'Waiting for assistant output...',
+    );
   }
 
   if (state.status === 'success' && getRunDebugLines(state).length > 0) {
-    return t("pages.studio.studiobuildpanels.run.completed.but.no", "Run completed, but no assistant output was returned.");
+    return t(
+      'pages.studio.studiobuildpanels.run.completed.but.no',
+      'Run completed, but no assistant output was returned.',
+    );
   }
 
-  return t("pages.studio.studiobuildpanels.run.the.current.draft", "Run the current draft to inspect the assistant output here.");
+  return t(
+    'pages.studio.studiobuildpanels.run.the.current.draft',
+    'Run the current draft to inspect the assistant output here.',
+  );
 }
 
 function renderRunSummary(state: DraftRunState): string {
@@ -583,15 +590,24 @@ function renderRunSummary(state: DraftRunState): string {
 
 function getGAgentDraftRunRecoveryText(state: DraftRunState): string {
   if (state.status === 'running') {
-    return t("pages.studio.studiobuildpanels.draft.run.waiting.backend.events", "Draft run is still waiting for backend events. Keep the Build definition visible while this request completes.");
+    return t(
+      'pages.studio.studiobuildpanels.draft.run.waiting.backend.events',
+      'Draft run is still waiting for backend events. Keep the Build definition visible while this request completes.',
+    );
   }
 
   if (state.status === 'error') {
-    return t("pages.studio.studiobuildpanels.build.dry.run.failed.recovery", "This only failed the Build dry-run. Adjust the prompt or tools and retry, or continue to Bind when the member definition is ready to publish.");
+    return t(
+      'pages.studio.studiobuildpanels.build.dry.run.failed.recovery',
+      'This only failed the Build dry-run. Adjust the prompt or tools and retry, or continue to Bind when the member definition is ready to publish.',
+    );
   }
 
   if (state.status === 'success') {
-    return t("pages.studio.studiobuildpanels.draft.run.finished.continue.bind", "Draft run finished. Continue to Bind when you are ready to publish the callable member contract.");
+    return t(
+      'pages.studio.studiobuildpanels.draft.run.finished.continue.bind',
+      'Draft run finished. Continue to Bind when you are ready to publish the callable member contract.',
+    );
   }
 
   return '';
@@ -607,7 +623,8 @@ function extractRunFinishedOutput(result: unknown): string {
   }
 
   const record = result as Record<string, unknown>;
-  const candidate = record.output ?? record.Output ?? record.message ?? record.text;
+  const candidate =
+    record.output ?? record.Output ?? record.message ?? record.text;
   return typeof candidate === 'string' ? candidate : '';
 }
 
@@ -632,7 +649,7 @@ function areStepInspectorDraftsEqual(
 async function consumeAguiDraftRun(
   response: Response,
   signal: AbortSignal,
-    onChange: React.Dispatch<React.SetStateAction<DraftRunState>>,
+  onChange: React.Dispatch<React.SetStateAction<DraftRunState>>,
 ): Promise<void> {
   for await (const event of parseBackendSSEStream(response, { signal })) {
     if (signal.aborted) {
@@ -753,7 +770,9 @@ function mapScriptMarkers(
     }));
 }
 
-function formatScriptDiagnosticLocation(diagnostic: ScriptValidationDiagnostic): string {
+function formatScriptDiagnosticLocation(
+  diagnostic: ScriptValidationDiagnostic,
+): string {
   const filePath = diagnostic.filePath || 'source';
   if (!diagnostic.startLine || !diagnostic.startColumn) {
     return filePath;
@@ -796,19 +815,32 @@ function ScriptLeaveDialog(props: {
   return (
     <div style={modalCardStyle}>
       <Typography.Text strong style={{ fontSize: 16 }}>
-        {t("pages.studio.studiobuildpanels.leave.script.build.2", "Leave Script Build?")}</Typography.Text>
+        {t(
+          'pages.studio.studiobuildpanels.leave.script.build.2',
+          'Leave Script Build?',
+        )}
+      </Typography.Text>
       <Typography.Text type="secondary">
-        {t("pages.studio.studiobuildpanels.build.source.editor", "The current script draft is not saved. Leaving Build will discard unsaved changes in the source editor.")}</Typography.Text>
+        {t(
+          'pages.studio.studiobuildpanels.build.source.editor',
+          'The current script draft is not saved. Leaving Build will discard unsaved changes in the source editor.',
+        )}
+      </Typography.Text>
       <Space>
-        <Button className={AEVATAR_INTERACTIVE_BUTTON_CLASS} onClick={props.onStay}>
-          {t("pages.studio.studiobuildpanels.copy", "Keep editing")}</Button>
+        <Button
+          className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+          onClick={props.onStay}
+        >
+          {t('pages.studio.studiobuildpanels.copy', 'Keep editing')}
+        </Button>
         <Button
           className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
           danger
           type="primary"
           onClick={props.onLeave}
         >
-          {t("pages.studio.studiobuildpanels.copy.2", "Leave page")}</Button>
+          {t('pages.studio.studiobuildpanels.copy.2', 'Leave page')}
+        </Button>
       </Space>
     </div>
   );
@@ -865,13 +897,13 @@ export type StudioWorkflowBuildPanelProps = {
   readonly onDeleteWorkflowNodes: (nodeIds: string[]) => Promise<void> | void;
   readonly onAutoLayout: () => void;
   readonly onConnectNodes: (sourceNodeId: string, targetNodeId: string) => void;
-  readonly onNodeLayoutChange: (
-    nodes: Node[],
-  ) => void;
+  readonly onNodeLayoutChange: (nodes: Node[]) => void;
   readonly onContinueToBind: () => void;
 };
 
-export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> = ({
+export const StudioWorkflowBuildPanel: React.FC<
+  StudioWorkflowBuildPanelProps
+> = ({
   draftYaml,
   onSetDraftYaml,
   onSaveDraft,
@@ -903,14 +935,19 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
   onNodeLayoutChange,
   onContinueToBind,
 }) => {
+  const toast = useConsoleToast();
+  const workflowActionFailure = t(
+    'pages.studio.studiobuildpanels.workflowActionFailed',
+    'Could not complete the workflow action. Review the details and try again.',
+  );
   const panelRef = React.useRef<HTMLDivElement | null>(null);
   const [viewMode, setViewMode] = React.useState<'canvas' | 'yaml'>('canvas');
-  const [runState, setRunState] = React.useState<DraftRunState>(IDLE_DRAFT_RUN_STATE);
+  const [runState, setRunState] =
+    React.useState<DraftRunState>(IDLE_DRAFT_RUN_STATE);
   const [workflowRunError, setWorkflowRunError] = React.useState('');
   const [stepTypePickerOpen, setStepTypePickerOpen] = React.useState(false);
-  const [stepDraft, setStepDraft] = React.useState<StudioStepInspectorDraft | null>(
-    null,
-  );
+  const [stepDraft, setStepDraft] =
+    React.useState<StudioStepInspectorDraft | null>(null);
   const [stepMutationPending, setStepMutationPending] = React.useState<
     '' | 'add' | 'apply' | 'remove'
   >('');
@@ -929,9 +966,7 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
           ) => StudioStepInspectorDraft | null),
     ) => {
       const nextDraft =
-        typeof updater === 'function'
-          ? updater(stepDraftRef.current)
-          : updater;
+        typeof updater === 'function' ? updater(stepDraftRef.current) : updater;
       stepDraftRef.current = nextDraft;
       setStepDraft(nextDraft);
     },
@@ -949,8 +984,7 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
   }, [selectedGraphNodeId, workflowGraph.steps]);
   const selectedNodeId = React.useMemo(
     () =>
-      selectedGraphNodeId ||
-      (selectedStep ? `step:${selectedStep.id}` : ''),
+      selectedGraphNodeId || (selectedStep ? `step:${selectedStep.id}` : ''),
     [selectedGraphNodeId, selectedStep],
   );
   const selectedStepId = React.useMemo(
@@ -963,10 +997,7 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
     [selectedGraphNodeId, selectedStep],
   );
   const selectedStepDraftSeed = React.useMemo(
-    () =>
-      selectedStep
-        ? createStepInspectorDraft(selectedStep)
-        : null,
+    () => (selectedStep ? createStepInspectorDraft(selectedStep) : null),
     [
       selectedStep?.id,
       selectedStep?.type,
@@ -992,19 +1023,24 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
       availableStepTypes.map((stepType) => {
         const descriptor =
           runtimePrimitives.find((primitive) => {
-            if (primitive.name.trim().toLowerCase() === stepType.trim().toLowerCase()) {
+            if (
+              primitive.name.trim().toLowerCase() ===
+              stepType.trim().toLowerCase()
+            ) {
               return true;
             }
 
             return primitive.aliases.some(
-              (alias) => alias.trim().toLowerCase() === stepType.trim().toLowerCase(),
+              (alias) =>
+                alias.trim().toLowerCase() === stepType.trim().toLowerCase(),
             );
           }) ?? null;
 
         return {
           stepType,
           description:
-            descriptor?.description?.trim() || 'Create a new workflow step of this type.',
+            descriptor?.description?.trim() ||
+            'Create a new workflow step of this type.',
         };
       }),
     [availableStepTypes, runtimePrimitives],
@@ -1075,28 +1111,30 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
       : '';
     if (currentParameterError) {
       setStepMutationError(currentParameterError);
-      void message.error(currentParameterError);
+      toast.error(workflowActionFailure);
       return;
     }
 
     if (!scopeId) {
-      const visibleMessage = 'Resolve the current workspace before running the workflow draft.';
+      const visibleMessage =
+        'Resolve the current workspace before running the workflow draft.';
       setWorkflowRunError(visibleMessage);
-      void message.error(visibleMessage);
+      toast.error(workflowActionFailure);
       return;
     }
 
     if (dryRunBlockedReason?.trim()) {
       const visibleMessage = dryRunBlockedReason.trim();
       setWorkflowRunError(visibleMessage);
-      void message.error(visibleMessage);
+      toast.error(workflowActionFailure);
       return;
     }
 
     if (!runPrompt.trim()) {
-      const visibleMessage = 'Sample input is required before running the workflow draft.';
+      const visibleMessage =
+        'Sample input is required before running the workflow draft.';
       setWorkflowRunError(visibleMessage);
-      void message.error(visibleMessage);
+      toast.error(workflowActionFailure);
       return;
     }
 
@@ -1119,7 +1157,10 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
           workflowYamls: await buildWorkflowYamls(
             currentStepDraft &&
               selectedStepDraftSeed &&
-              !areStepInspectorDraftsEqual(currentStepDraft, selectedStepDraftSeed)
+              !areStepInspectorDraftsEqual(
+                currentStepDraft,
+                selectedStepDraftSeed,
+              )
               ? {
                   stepId: selectedStepId,
                   draft: currentStepDraft,
@@ -1145,15 +1186,18 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
       }
 
       const rawMessage = describeError(error);
-      const disconnectedProvider = rawMessage.match(/Provider '([^']+)' not connected/i);
-      const visibleMessage =
-        disconnectedProvider
-          ? t("pages.studio.studiobuildpanels.dry.run.provider.provider", "Dry-run cannot run because the {value1} provider is not connected yet. Connect an available provider, then run the current workflow draft again.", { value1: disconnectedProvider[1] })
-          : rawMessage;
-      setWorkflowRunError(
-        visibleMessage,
+      const disconnectedProvider = rawMessage.match(
+        /Provider '([^']+)' not connected/i,
       );
-      void message.error(visibleMessage);
+      const visibleMessage = disconnectedProvider
+        ? t(
+            'pages.studio.studiobuildpanels.dry.run.provider.provider',
+            'Dry-run cannot run because the {value1} provider is not connected yet. Connect an available provider, then run the current workflow draft again.',
+            { value1: disconnectedProvider[1] },
+          )
+        : rawMessage;
+      setWorkflowRunError(visibleMessage);
+      toast.error(workflowActionFailure);
       setRunState({
         ...IDLE_DRAFT_RUN_STATE,
         error: rawMessage,
@@ -1173,28 +1217,31 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
     scopeId,
     selectedStepDraftSeed,
     selectedStepId,
+    toast,
+    workflowActionFailure,
   ]);
 
-  const handleInsertStep = React.useCallback(async (stepType: string) => {
-    if (stepMutationPendingRef.current) {
-      return;
-    }
+  const handleInsertStep = React.useCallback(
+    async (stepType: string) => {
+      if (stepMutationPendingRef.current) {
+        return;
+      }
 
-    stepMutationPendingRef.current = true;
-    setStepMutationPending('add');
-    setStepMutationError('');
-    try {
-      await onInsertStep(stepType);
-      setStepTypePickerOpen(false);
-    } catch (error) {
-      const visibleMessage = describeError(error);
-      setStepMutationError(visibleMessage);
-      void message.error(visibleMessage);
-    } finally {
-      stepMutationPendingRef.current = false;
-      setStepMutationPending('');
-    }
-  }, [onInsertStep]);
+      stepMutationPendingRef.current = true;
+      setStepMutationPending('add');
+      setStepMutationError('');
+      try {
+        await onInsertStep(stepType);
+        setStepTypePickerOpen(false);
+      } catch {
+        toast.error(workflowActionFailure);
+      } finally {
+        stepMutationPendingRef.current = false;
+        setStepMutationPending('');
+      }
+    },
+    [onInsertStep, toast, workflowActionFailure],
+  );
 
   const handleApplyStepChanges = React.useCallback(async () => {
     const currentStepDraft = stepDraftRef.current;
@@ -1207,7 +1254,7 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
     );
     if (currentParameterError) {
       setStepMutationError(currentParameterError);
-      void message.error(currentParameterError);
+      toast.error(workflowActionFailure);
       return;
     }
 
@@ -1216,15 +1263,13 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
     setStepMutationError('');
     try {
       await onApplyStepDraft(currentStepDraft);
-    } catch (error) {
-      const visibleMessage = describeError(error);
-      setStepMutationError(visibleMessage);
-      void message.error(visibleMessage);
+    } catch {
+      toast.error(workflowActionFailure);
     } finally {
       stepMutationPendingRef.current = false;
       setStepMutationPending('');
     }
-  }, [onApplyStepDraft]);
+  }, [onApplyStepDraft, toast, workflowActionFailure]);
 
   const handleSaveDraft = React.useCallback(() => {
     const currentStepDraft = stepDraftRef.current;
@@ -1233,7 +1278,7 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
       : '';
     if (currentParameterError) {
       setStepMutationError(currentParameterError);
-      void message.error(currentParameterError);
+      toast.error(workflowActionFailure);
       return;
     }
 
@@ -1247,7 +1292,13 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
           }
         : null,
     );
-  }, [onSaveDraft, selectedStepDraftSeed, selectedStepId]);
+  }, [
+    onSaveDraft,
+    selectedStepDraftSeed,
+    selectedStepId,
+    toast,
+    workflowActionFailure,
+  ]);
 
   const handleRemoveStep = React.useCallback(async () => {
     if (stepMutationPendingRef.current) {
@@ -1259,38 +1310,37 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
     setStepMutationError('');
     try {
       await onRemoveSelectedStep();
-    } catch (error) {
-      const visibleMessage = describeError(error);
-      setStepMutationError(visibleMessage);
-      void message.error(visibleMessage);
+    } catch {
+      toast.error(workflowActionFailure);
     } finally {
       stepMutationPendingRef.current = false;
       setStepMutationPending('');
     }
-  }, [onRemoveSelectedStep]);
-
-  const handleDeleteNodes = React.useCallback(async (nodeIds: string[]) => {
-    const normalizedNodeIds = nodeIds
-      .map((nodeId) => String(nodeId ?? '').trim())
-      .filter(Boolean);
-    if (normalizedNodeIds.length === 0 || stepMutationPendingRef.current) {
-      return;
-    }
+  }, [onRemoveSelectedStep, toast, workflowActionFailure]);
+
+  const handleDeleteNodes = React.useCallback(
+    async (nodeIds: string[]) => {
+      const normalizedNodeIds = nodeIds
+        .map((nodeId) => String(nodeId ?? '').trim())
+        .filter(Boolean);
+      if (normalizedNodeIds.length === 0 || stepMutationPendingRef.current) {
+        return;
+      }
 
-    stepMutationPendingRef.current = true;
-    setStepMutationPending('remove');
-    setStepMutationError('');
-    try {
-      await onDeleteWorkflowNodes(normalizedNodeIds);
-    } catch (error) {
-      const visibleMessage = describeError(error);
-      setStepMutationError(visibleMessage);
-      void message.error(visibleMessage);
-    } finally {
-      stepMutationPendingRef.current = false;
-      setStepMutationPending('');
-    }
-  }, [onDeleteWorkflowNodes]);
+      stepMutationPendingRef.current = true;
+      setStepMutationPending('remove');
+      setStepMutationError('');
+      try {
+        await onDeleteWorkflowNodes(normalizedNodeIds);
+      } catch {
+        toast.error(workflowActionFailure);
+      } finally {
+        stepMutationPendingRef.current = false;
+        setStepMutationPending('');
+      }
+    },
+    [onDeleteWorkflowNodes, toast, workflowActionFailure],
+  );
 
   const workflowCanvasAutoFitKey = React.useMemo(
     () =>
@@ -1335,12 +1385,25 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
       data-testid="studio-workflow-build-panel"
       style={workflowWorkbenchLayoutStyle}
     >
-      <div data-testid="workflow-stage-actions" style={workflowStageActionsStyle}>
+      <div
+        data-testid="workflow-stage-actions"
+        style={workflowStageActionsStyle}
+      >
         <div style={workflowStageActionsRowStyle}>
           <div style={{ alignItems: 'center', display: 'flex', gap: 8 }}>
-            <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.build.actions.2", "Build actions")}</div>
+            <div style={sectionEyebrowStyle}>
+              {t(
+                'pages.studio.studiobuildpanels.build.actions.2',
+                'Build actions',
+              )}
+            </div>
             <Tag color={canSaveWorkflow ? 'gold' : 'default'}>
-              {canSaveWorkflow ? t("pages.studio.studiobuildpanels.draft.ready.2", "draft ready") : t("pages.studio.studiobuildpanels.saved", "saved")}
+              {canSaveWorkflow
+                ? t(
+                    'pages.studio.studiobuildpanels.draft.ready.2',
+                    'draft ready',
+                  )
+                : t('pages.studio.studiobuildpanels.saved', 'saved')}
             </Tag>
           </div>
           <Space wrap size={[8, 8]}>
@@ -1350,45 +1413,69 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
               loading={savePending}
               onClick={handleSaveDraft}
             >
-              {t("pages.studio.studiobuildpanels.save.draft.2", "Save draft")}</Button>
+              {t('pages.studio.studiobuildpanels.save.draft.2', 'Save draft')}
+            </Button>
             <Button
               className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
               type="primary"
               onClick={onContinueToBind}
             >
-              {t("pages.studio.studiobuildpanels.continue.to.bind.4", "Continue to Bind")}</Button>
+              {t(
+                'pages.studio.studiobuildpanels.continue.to.bind.4',
+                'Continue to Bind',
+              )}
+            </Button>
           </Space>
         </div>
-        {saveNotice ? (
-          <Alert
-            message={saveNotice.message}
-            showIcon
-            type={
-              saveNotice.type === 'success'
-                ? 'success'
-                : saveNotice.type === 'info'
-                  ? 'info'
-                  : 'error'
-            }
-          />
-        ) : null}
+        <ConsoleOperationNotice
+          errorMessage={t(
+            'pages.studio.studiobuildpanels.workflowSaveFailed',
+            'Could not save workflow. Try again.',
+          )}
+          notice={saveNotice}
+        />
       </div>
 
-      <div data-testid="workflow-editor-workspace" style={workflowWorkspaceRowStyle}>
+      <div
+        data-testid="workflow-editor-workspace"
+        style={workflowWorkspaceRowStyle}
+      >
         <section
           data-testid="workflow-build-primary-column"
           style={workflowCanvasPanelStyle}
         >
           <div style={workflowToolbarStyle}>
             <Space wrap size={[8, 8]}>
-              <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.dag.canvas.2", "DAG Canvas")}</div>
-              <Tag color="processing">{t("pages.studio.studiobuildpanels.canvas.live.2", "canvas · live")}</Tag>
+              <div style={sectionEyebrowStyle}>
+                {t('pages.studio.studiobuildpanels.dag.canvas.2', 'DAG Canvas')}
+              </div>
+              <Tag color="processing">
+                {t(
+                  'pages.studio.studiobuildpanels.canvas.live.2',
+                  'canvas · live',
+                )}
+              </Tag>
               <Typography.Text type="secondary">
-                {workflowName || t("pages.studio.studiobuildpanels.untitled.workflow.2", "Untitled workflow")}
+                {workflowName ||
+                  t(
+                    'pages.studio.studiobuildpanels.untitled.workflow.2',
+                    'Untitled workflow',
+                  )}
               </Typography.Text>
             </Space>
             <div style={workflowToolbarActionsStyle}>
-              <div aria-label={t("pages.studio.studiobuildpanels.workflow.view.2", "Workflow view")} style={workflowViewSwitchStyle}>
+              <fieldset
+                aria-label={t(
+                  'pages.studio.studiobuildpanels.workflow.view.2',
+                  'Workflow view',
+                )}
+                style={{
+                  ...workflowViewSwitchStyle,
+                  border: 0,
+                  margin: 0,
+                  padding: 0,
+                }}
+              >
                 <button
                   aria-pressed={viewMode === 'canvas'}
                   className={AEVATAR_INTERACTIVE_CHIP_CLASS}
@@ -1400,7 +1487,8 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
                   }
                   type="button"
                 >
-                  {t("pages.studio.studiobuildpanels.canvas.2", "Canvas")}</button>
+                  {t('pages.studio.studiobuildpanels.canvas.2', 'Canvas')}
+                </button>
                 <button
                   aria-pressed={viewMode === 'yaml'}
                   className={AEVATAR_INTERACTIVE_CHIP_CLASS}
@@ -1412,29 +1500,47 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
                   }
                   type="button"
                 >
-                  {t("pages.studio.studiobuildpanels.yaml.3", "YAML")}</button>
-              </div>
+                  {t('pages.studio.studiobuildpanels.yaml.3', 'YAML')}
+                </button>
+              </fieldset>
               <Button
                 className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
                 disabled={viewMode !== 'canvas' || Boolean(stepMutationPending)}
                 loading={stepMutationPending === 'add'}
                 onClick={() => setStepTypePickerOpen((current) => !current)}
               >
-                {t("pages.studio.studiobuildpanels.add.step.2", "Add step")}</Button>
+                {t('pages.studio.studiobuildpanels.add.step.2', 'Add step')}
+              </Button>
               <Button
                 className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
                 disabled={viewMode !== 'canvas' || Boolean(stepMutationPending)}
                 onClick={onAutoLayout}
               >
-                {t("pages.studio.studiobuildpanels.auto.layout.2", "Auto-layout")}</Button>
+                {t(
+                  'pages.studio.studiobuildpanels.auto.layout.2',
+                  'Auto-layout',
+                )}
+              </Button>
             </div>
           </div>
           <div style={workflowCanvasBodyStyle}>
             {stepTypePickerOpen ? (
-              <div data-testid="workflow-step-type-picker" style={workflowTypePickerStyle}>
-                <div style={workflowSectionHeadingStyle}>{t("pages.studio.studiobuildpanels.choose.step.type.2", "Choose step type")}</div>
+              <div
+                data-testid="workflow-step-type-picker"
+                style={workflowTypePickerStyle}
+              >
+                <div style={workflowSectionHeadingStyle}>
+                  {t(
+                    'pages.studio.studiobuildpanels.choose.step.type.2',
+                    'Choose step type',
+                  )}
+                </div>
                 <div style={workflowInlineMetaStyle}>
-                  {t("pages.studio.studiobuildpanels.step", "Choose which step type to insert, then connect it after the currently selected node.")}</div>
+                  {t(
+                    'pages.studio.studiobuildpanels.step',
+                    'Choose which step type to insert, then connect it after the currently selected node.',
+                  )}
+                </div>
                 <div
                   data-testid="workflow-step-type-picker-grid"
                   style={workflowTypePickerGridStyle}
@@ -1452,8 +1558,16 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
                       style={workflowTypeOptionStyle}
                       type="button"
                     >
-                      <strong style={{ color: '#1f2937', fontSize: 13 }}>{entry.stepType}</strong>
-                      <span style={{ color: '#6b7280', fontSize: 12, lineHeight: '18px' }}>
+                      <strong style={{ color: '#1f2937', fontSize: 13 }}>
+                        {entry.stepType}
+                      </strong>
+                      <span
+                        style={{
+                          color: '#6b7280',
+                          fontSize: 12,
+                          lineHeight: '18px',
+                        }}
+                      >
                         {entry.description}
                       </span>
                     </button>
@@ -1486,7 +1600,11 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
                 data-deletion-tracking-id={
                   STUDIO_WORKFLOW_YAML_AUTHORING_DELETION_TRACKING.issue
                 }
-                style={{ ...buildSurfaceCardStyle, flex: '1 1 auto', minHeight: 0 }}
+                style={{
+                  ...buildSurfaceCardStyle,
+                  flex: '1 1 auto',
+                  minHeight: 0,
+                }}
               >
                 <div
                   style={{
@@ -1496,11 +1614,24 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
                     justifyContent: 'space-between',
                   }}
                 >
-                  <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.workflow.yaml.2", "Workflow YAML")}</div>
-                  <Tag color="blue">{t("pages.studio.studiobuildpanels.raw.draft.2", "raw draft")}</Tag>
+                  <div style={sectionEyebrowStyle}>
+                    {t(
+                      'pages.studio.studiobuildpanels.workflow.yaml.2',
+                      'Workflow YAML',
+                    )}
+                  </div>
+                  <Tag color="blue">
+                    {t(
+                      'pages.studio.studiobuildpanels.raw.draft.2',
+                      'raw draft',
+                    )}
+                  </Tag>
                 </div>
                 <Input.TextArea
-                  aria-label={t("pages.studio.studiobuildpanels.yaml.2", "Define YAML")}
+                  aria-label={t(
+                    'pages.studio.studiobuildpanels.yaml.2',
+                    'Define YAML',
+                  )}
                   autoSize={{ minRows: 18, maxRows: 28 }}
                   value={draftYaml}
                   onChange={(event) => onSetDraftYaml(event.target.value)}
@@ -1523,324 +1654,489 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
             }}
           >
             <div style={{ display: 'grid', gap: 4 }}>
-              <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.step.detail.2", "Step Detail")}</div>
-              {selectedStep ? <Typography.Text strong>{selectedStep.id}</Typography.Text> : null}
+              <div style={sectionEyebrowStyle}>
+                {t(
+                  'pages.studio.studiobuildpanels.step.detail.2',
+                  'Step Detail',
+                )}
+              </div>
+              {selectedStep ? (
+                <Typography.Text strong>{selectedStep.id}</Typography.Text>
+              ) : null}
             </div>
             {selectedStep ? <Tag>{selectedStep.type}</Tag> : null}
           </div>
-          {stepMutationError ? <Alert message={stepMutationError} showIcon type="error" /> : null}
+          {stepMutationError ? (
+            <Alert message={stepMutationError} showIcon type="error" />
+          ) : null}
           <div style={workflowStepDetailBodyStyle}>
             {selectedStep && stepDraft ? (
               <>
                 <div style={workflowDetailsGridStyle}>
-                <div style={workflowFieldStyle}>
-                  <div style={workflowSectionHeadingStyle}>{t("pages.studio.studiobuildpanels.basics.2", "Basics")}</div>
-                  <label htmlFor="workflow-step-id" style={workflowFieldLabelStyle}>
-                    {t("pages.studio.studiobuildpanels.step.id.3", "Step ID")}</label>
-                  <Input
-                    id="workflow-step-id"
-                    aria-label={t("pages.studio.studiobuildpanels.step.id.4", "Step ID")}
-                    value={stepDraft.id}
-                    onChange={(event) =>
-                      updateStepDraft((current) =>
-                        current
-                          ? {
-                              ...current,
-                              id: event.target.value,
-                            }
-                          : current,
-                      )
-                    }
-                  />
-                  <label htmlFor="workflow-step-type" style={workflowFieldLabelStyle}>
-                    {t("pages.studio.studiobuildpanels.step.type.3", "Step type")}</label>
-                  <Select
-                    aria-label={t("pages.studio.studiobuildpanels.step.type.4", "Step type")}
-                    id="workflow-step-type"
-                    options={availableStepTypes.map((stepType) => ({
-                      label: stepType,
-                      value: stepType,
-                    }))}
-                    value={stepDraft.type}
-                    onChange={(value) =>
-                      updateStepDraft((current) =>
-                        current
-                          ? {
-                              ...current,
-                              type: value,
-                            }
-                          : current,
-                      )
-                    }
-                  />
-                </div>
-                <div style={workflowFieldStyle}>
-                  <div style={workflowSectionHeadingStyle}>{t("pages.studio.studiobuildpanels.routing.2", "Routing")}</div>
-                  <label htmlFor="workflow-step-role" style={workflowFieldLabelStyle}>
-                    {t("pages.studio.studiobuildpanels.target.role.3", "Target role")}</label>
-                  <Select
-                    allowClear
-                    aria-label={t("pages.studio.studiobuildpanels.target.role.4", "Target role")}
-                    id="workflow-step-role"
-                    options={workflowRoles.map((role) => ({
-                      label: t("pages.studio.studiobuildpanels.copy.4", "{value1} ({value2})", { value1: role.name, value2: role.id }),
-                      value: role.id,
-                    }))}
-                    placeholder={workflowRoleIds[0] || t("pages.studio.studiobuildpanels.select.role", "Select role")}
-                    value={stepDraft.targetRole || undefined}
-                    onChange={(value) =>
-                      updateStepDraft((current) =>
-                        current
-                          ? {
-                              ...current,
-                              targetRole: value || '',
-                            }
-                          : current,
-                      )
-                    }
-                  />
-                  <label htmlFor="workflow-step-next" style={workflowFieldLabelStyle}>
-                    {t("pages.studio.studiobuildpanels.next.step.3", "Next step")}</label>
-                  <Select
-                    allowClear
-                    aria-label={t("pages.studio.studiobuildpanels.next.step.4", "Next step")}
-                    id="workflow-step-next"
-                    options={availableNextStepIds.map((stepId) => ({
-                      label: stepId,
-                      value: stepId,
-                    }))}
-                    placeholder={t("pages.studio.studiobuildpanels.no.next.step.2", "No next step")}
-                    value={stepDraft.next || undefined}
-                    onChange={(value) =>
-                      updateStepDraft((current) =>
-                        current
-                          ? {
-                              ...current,
-                              next: value || '',
-                            }
-                          : current,
-                      )
-                    }
-                  />
-                </div>
-                <div style={{ ...workflowFieldStyle, gridColumn: '1 / -1' }}>
-                  <div style={workflowSectionHeadingStyle}>{t("pages.studio.studiobuildpanels.parameters.2", "Parameters")}</div>
-                  {stepParameterConfig?.parseError ? (
-                    <Alert
-                      message={stepParameterConfig.parseError}
-                      showIcon
-                      type="error"
+                  <div style={workflowFieldStyle}>
+                    <div style={workflowSectionHeadingStyle}>
+                      {t('pages.studio.studiobuildpanels.basics.2', 'Basics')}
+                    </div>
+                    <label
+                      htmlFor="workflow-step-id"
+                      style={workflowFieldLabelStyle}
+                    >
+                      {t('pages.studio.studiobuildpanels.step.id.3', 'Step ID')}
+                    </label>
+                    <Input
+                      id="workflow-step-id"
+                      aria-label={t(
+                        'pages.studio.studiobuildpanels.step.id.4',
+                        'Step ID',
+                      )}
+                      value={stepDraft.id}
+                      onChange={(event) =>
+                        updateStepDraft((current) =>
+                          current
+                            ? {
+                                ...current,
+                                id: event.target.value,
+                              }
+                            : current,
+                        )
+                      }
                     />
-                  ) : null}
-                  {stepParameterConfig?.fields.length ? (
-                    <div style={{ display: 'grid', gap: 10 }}>
-                      {stepParameterConfig.fields.map((field) => {
-                        const label = formatNodeConfigFieldCopy(field.label);
-                        const description = formatNodeConfigFieldCopy(
-                          field.description,
-                        );
-                        const placeholder = formatNodeConfigFieldCopy(
-                          field.placeholder,
-                        );
-                        const parameterAriaLabel = `Parameter ${label}`;
-                        const inputId = `workflow-step-parameter-${field.name}`;
-                        return (
-                          <div
-                            key={field.name}
-                            style={workflowFieldStyle}
-                          >
-                            <label
-                              htmlFor={inputId}
-                              style={workflowFieldLabelStyle}
-                            >
-                              {label}
-                              {field.required ? ' *' : ''}
-                            </label>
-                            {field.kind === 'select' ? (
-                              <Select
-                                allowClear={!field.required}
-                                aria-label={parameterAriaLabel}
-                                id={inputId}
-                                options={field.options.map((option) => ({
-                                  label: formatNodeConfigFieldCopy(option.label),
-                                  value: option.value,
-                                }))}
-                                placeholder={placeholder}
-                                value={field.value || undefined}
-                                onChange={(value) =>
-                                  updateStepDraft((current) =>
-                                    current
-                                      ? {
-                                          ...current,
-                                          parametersText:
-                                            updateNodeConfigFieldParametersText({
-                                              field,
-                                              nodeType: current.type,
-                                              parametersText: current.parametersText,
-                                              rawValue: String(value || ''),
-                                            }),
-                                        }
-                                      : current,
-                                  )
-                                }
-                              />
-                            ) : field.kind === 'json' ? (
-                              <Input.TextArea
-                                aria-label={parameterAriaLabel}
-                                autoSize={{ minRows: 3, maxRows: 8 }}
-                                id={inputId}
-                                placeholder={placeholder}
-                                value={field.value}
-                                onChange={(event) =>
-                                  updateStepDraft((current) =>
-                                    current
-                                      ? {
-                                          ...current,
-                                          parametersText:
-                                            updateNodeConfigFieldParametersText({
-                                              field,
-                                              nodeType: current.type,
-                                              parametersText: current.parametersText,
-                                              rawValue: event.target.value,
-                                            }),
-                                        }
-                                      : current,
-                                  )
-                                }
-                              />
-                            ) : (
-                              <Input
-                                aria-label={parameterAriaLabel}
-                                id={inputId}
-                                placeholder={placeholder}
-                                value={field.value}
-                                onChange={(event) =>
-                                  updateStepDraft((current) =>
-                                    current
-                                      ? {
-                                          ...current,
-                                          parametersText:
-                                            updateNodeConfigFieldParametersText({
-                                              field,
-                                              nodeType: current.type,
-                                              parametersText: current.parametersText,
-                                              rawValue: event.target.value,
-                                            }),
-                                        }
-                                      : current,
-                                  )
-                                }
-                              />
-                            )}
-                            <div style={workflowInlineMetaStyle}>
-                              {description}
-                            </div>
-                          </div>
-                        );
-                      })}
+                    <label
+                      htmlFor="workflow-step-type"
+                      style={workflowFieldLabelStyle}
+                    >
+                      {t(
+                        'pages.studio.studiobuildpanels.step.type.3',
+                        'Step type',
+                      )}
+                    </label>
+                    <Select
+                      aria-label={t(
+                        'pages.studio.studiobuildpanels.step.type.4',
+                        'Step type',
+                      )}
+                      id="workflow-step-type"
+                      options={availableStepTypes.map((stepType) => ({
+                        label: stepType,
+                        value: stepType,
+                      }))}
+                      value={stepDraft.type}
+                      onChange={(value) =>
+                        updateStepDraft((current) =>
+                          current
+                            ? {
+                                ...current,
+                                type: value,
+                              }
+                            : current,
+                        )
+                      }
+                    />
+                  </div>
+                  <div style={workflowFieldStyle}>
+                    <div style={workflowSectionHeadingStyle}>
+                      {t('pages.studio.studiobuildpanels.routing.2', 'Routing')}
                     </div>
-                  ) : (
-                    <div style={workflowInlineMetaStyle}>
-                      {t("pages.studio.studiobuildpanels.step.type.raw.json", "The current step type has no guided parameters declared. Edit the raw JSON below directly.")}</div>
-                  )}
-                  <details style={workflowAdvancedSectionStyle}>
-                    <summary style={{ ...workflowSectionHeadingStyle, cursor: 'pointer' }}>
-                      {t("pages.studio.studiobuildpanels.raw.parameters.json.2", "Raw parameters JSON")}</summary>
-                    <div style={{ display: 'grid', gap: 8, marginTop: 12 }}>
-                      <label htmlFor="workflow-step-parameters" style={workflowFieldLabelStyle}>
-                        {t("pages.studio.studiobuildpanels.parameters.json.2", "Parameters JSON")}</label>
-                      <Input.TextArea
-                        id="workflow-step-parameters"
-                        aria-label={t("pages.studio.studiobuildpanels.step.parameters.2", "Step parameters")}
-                        autoSize={{ minRows: 8, maxRows: 14 }}
-                        value={stepDraft.parametersText}
-                        onChange={(event) =>
-                          updateStepDraft((current) =>
-                            current
-                              ? {
-                                  ...current,
-                                  parametersText: event.target.value,
-                                }
-                              : current,
-                          )
-                        }
-                      />
+                    <label
+                      htmlFor="workflow-step-role"
+                      style={workflowFieldLabelStyle}
+                    >
+                      {t(
+                        'pages.studio.studiobuildpanels.target.role.3',
+                        'Target role',
+                      )}
+                    </label>
+                    <Select
+                      allowClear
+                      aria-label={t(
+                        'pages.studio.studiobuildpanels.target.role.4',
+                        'Target role',
+                      )}
+                      id="workflow-step-role"
+                      options={workflowRoles.map((role) => ({
+                        label: t(
+                          'pages.studio.studiobuildpanels.copy.4',
+                          '{value1} ({value2})',
+                          { value1: role.name, value2: role.id },
+                        ),
+                        value: role.id,
+                      }))}
+                      placeholder={
+                        workflowRoleIds[0] ||
+                        t(
+                          'pages.studio.studiobuildpanels.select.role',
+                          'Select role',
+                        )
+                      }
+                      value={stepDraft.targetRole || undefined}
+                      onChange={(value) =>
+                        updateStepDraft((current) =>
+                          current
+                            ? {
+                                ...current,
+                                targetRole: value || '',
+                              }
+                            : current,
+                        )
+                      }
+                    />
+                    <label
+                      htmlFor="workflow-step-next"
+                      style={workflowFieldLabelStyle}
+                    >
+                      {t(
+                        'pages.studio.studiobuildpanels.next.step.3',
+                        'Next step',
+                      )}
+                    </label>
+                    <Select
+                      allowClear
+                      aria-label={t(
+                        'pages.studio.studiobuildpanels.next.step.4',
+                        'Next step',
+                      )}
+                      id="workflow-step-next"
+                      options={availableNextStepIds.map((stepId) => ({
+                        label: stepId,
+                        value: stepId,
+                      }))}
+                      placeholder={t(
+                        'pages.studio.studiobuildpanels.no.next.step.2',
+                        'No next step',
+                      )}
+                      value={stepDraft.next || undefined}
+                      onChange={(value) =>
+                        updateStepDraft((current) =>
+                          current
+                            ? {
+                                ...current,
+                                next: value || '',
+                              }
+                            : current,
+                        )
+                      }
+                    />
+                  </div>
+                  <div style={{ ...workflowFieldStyle, gridColumn: '1 / -1' }}>
+                    <div style={workflowSectionHeadingStyle}>
+                      {t(
+                        'pages.studio.studiobuildpanels.parameters.2',
+                        'Parameters',
+                      )}
                     </div>
-                  </details>
-                </div>
-                <div style={{ ...workflowFieldStyle, gridColumn: '1 / -1' }}>
-                  <details style={workflowAdvancedSectionStyle}>
-                    <summary style={{ ...workflowSectionHeadingStyle, cursor: 'pointer' }}>
-                      {t("pages.studio.studiobuildpanels.advanced.routing.json.2", "Advanced routing JSON")}</summary>
-                    <div style={{ display: 'grid', gap: 8, marginTop: 12 }}>
-                      <label htmlFor="workflow-step-branches" style={workflowFieldLabelStyle}>
-                        {t("pages.studio.studiobuildpanels.branches.json.2", "Branches JSON")}</label>
-                      <Input.TextArea
-                        id="workflow-step-branches"
-                        aria-label={t("pages.studio.studiobuildpanels.step.branches.2", "Step branches")}
-                        autoSize={{ minRows: 5, maxRows: 10 }}
-                        value={stepDraft.branchesText}
-                        onChange={(event) =>
-                          updateStepDraft((current) =>
-                            current
-                              ? {
-                                  ...current,
-                                  branchesText: event.target.value,
-                                }
-                              : current,
-                          )
-                        }
+                    {stepParameterConfig?.parseError ? (
+                      <Alert
+                        message={stepParameterConfig.parseError}
+                        showIcon
+                        type="error"
                       />
-                    </div>
-                  </details>
+                    ) : null}
+                    {stepParameterConfig?.fields.length ? (
+                      <div style={{ display: 'grid', gap: 10 }}>
+                        {stepParameterConfig.fields.map((field) => {
+                          const label = formatNodeConfigFieldCopy(field.label);
+                          const description = formatNodeConfigFieldCopy(
+                            field.description,
+                          );
+                          const placeholder = formatNodeConfigFieldCopy(
+                            field.placeholder,
+                          );
+                          const parameterAriaLabel = `Parameter ${label}`;
+                          const inputId = `workflow-step-parameter-${field.name}`;
+                          return (
+                            <div key={field.name} style={workflowFieldStyle}>
+                              <label
+                                htmlFor={inputId}
+                                style={workflowFieldLabelStyle}
+                              >
+                                {label}
+                                {field.required ? ' *' : ''}
+                              </label>
+                              {field.kind === 'select' ? (
+                                <Select
+                                  allowClear={!field.required}
+                                  aria-label={parameterAriaLabel}
+                                  id={inputId}
+                                  options={field.options.map((option) => ({
+                                    label: formatNodeConfigFieldCopy(
+                                      option.label,
+                                    ),
+                                    value: option.value,
+                                  }))}
+                                  placeholder={placeholder}
+                                  value={field.value || undefined}
+                                  onChange={(value) =>
+                                    updateStepDraft((current) =>
+                                      current
+                                        ? {
+                                            ...current,
+                                            parametersText:
+                                              updateNodeConfigFieldParametersText(
+                                                {
+                                                  field,
+                                                  nodeType: current.type,
+                                                  parametersText:
+                                                    current.parametersText,
+                                                  rawValue: String(value || ''),
+                                                },
+                                              ),
+                                          }
+                                        : current,
+                                    )
+                                  }
+                                />
+                              ) : field.kind === 'json' ? (
+                                <Input.TextArea
+                                  aria-label={parameterAriaLabel}
+                                  autoSize={{ minRows: 3, maxRows: 8 }}
+                                  id={inputId}
+                                  placeholder={placeholder}
+                                  value={field.value}
+                                  onChange={(event) =>
+                                    updateStepDraft((current) =>
+                                      current
+                                        ? {
+                                            ...current,
+                                            parametersText:
+                                              updateNodeConfigFieldParametersText(
+                                                {
+                                                  field,
+                                                  nodeType: current.type,
+                                                  parametersText:
+                                                    current.parametersText,
+                                                  rawValue: event.target.value,
+                                                },
+                                              ),
+                                          }
+                                        : current,
+                                    )
+                                  }
+                                />
+                              ) : (
+                                <Input
+                                  aria-label={parameterAriaLabel}
+                                  id={inputId}
+                                  placeholder={placeholder}
+                                  value={field.value}
+                                  onChange={(event) =>
+                                    updateStepDraft((current) =>
+                                      current
+                                        ? {
+                                            ...current,
+                                            parametersText:
+                                              updateNodeConfigFieldParametersText(
+                                                {
+                                                  field,
+                                                  nodeType: current.type,
+                                                  parametersText:
+                                                    current.parametersText,
+                                                  rawValue: event.target.value,
+                                                },
+                                              ),
+                                          }
+                                        : current,
+                                    )
+                                  }
+                                />
+                              )}
+                              <div style={workflowInlineMetaStyle}>
+                                {description}
+                              </div>
+                            </div>
+                          );
+                        })}
+                      </div>
+                    ) : (
+                      <div style={workflowInlineMetaStyle}>
+                        {t(
+                          'pages.studio.studiobuildpanels.step.type.raw.json',
+                          'The current step type has no guided parameters declared. Edit the raw JSON below directly.',
+                        )}
+                      </div>
+                    )}
+                    <details style={workflowAdvancedSectionStyle}>
+                      <summary
+                        style={{
+                          ...workflowSectionHeadingStyle,
+                          cursor: 'pointer',
+                        }}
+                      >
+                        {t(
+                          'pages.studio.studiobuildpanels.raw.parameters.json.2',
+                          'Raw parameters JSON',
+                        )}
+                      </summary>
+                      <div style={{ display: 'grid', gap: 8, marginTop: 12 }}>
+                        <label
+                          htmlFor="workflow-step-parameters"
+                          style={workflowFieldLabelStyle}
+                        >
+                          {t(
+                            'pages.studio.studiobuildpanels.parameters.json.2',
+                            'Parameters JSON',
+                          )}
+                        </label>
+                        <Input.TextArea
+                          id="workflow-step-parameters"
+                          aria-label={t(
+                            'pages.studio.studiobuildpanels.step.parameters.2',
+                            'Step parameters',
+                          )}
+                          autoSize={{ minRows: 8, maxRows: 14 }}
+                          value={stepDraft.parametersText}
+                          onChange={(event) =>
+                            updateStepDraft((current) =>
+                              current
+                                ? {
+                                    ...current,
+                                    parametersText: event.target.value,
+                                  }
+                                : current,
+                            )
+                          }
+                        />
+                      </div>
+                    </details>
+                  </div>
+                  <div style={{ ...workflowFieldStyle, gridColumn: '1 / -1' }}>
+                    <details style={workflowAdvancedSectionStyle}>
+                      <summary
+                        style={{
+                          ...workflowSectionHeadingStyle,
+                          cursor: 'pointer',
+                        }}
+                      >
+                        {t(
+                          'pages.studio.studiobuildpanels.advanced.routing.json.2',
+                          'Advanced routing JSON',
+                        )}
+                      </summary>
+                      <div style={{ display: 'grid', gap: 8, marginTop: 12 }}>
+                        <label
+                          htmlFor="workflow-step-branches"
+                          style={workflowFieldLabelStyle}
+                        >
+                          {t(
+                            'pages.studio.studiobuildpanels.branches.json.2',
+                            'Branches JSON',
+                          )}
+                        </label>
+                        <Input.TextArea
+                          id="workflow-step-branches"
+                          aria-label={t(
+                            'pages.studio.studiobuildpanels.step.branches.2',
+                            'Step branches',
+                          )}
+                          autoSize={{ minRows: 5, maxRows: 10 }}
+                          value={stepDraft.branchesText}
+                          onChange={(event) =>
+                            updateStepDraft((current) =>
+                              current
+                                ? {
+                                    ...current,
+                                    branchesText: event.target.value,
+                                  }
+                                : current,
+                            )
+                          }
+                        />
+                      </div>
+                    </details>
+                  </div>
                 </div>
-              </div>
-              <div style={workflowStageActionsRowStyle}>
-                <Button
-                  className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
-                  danger
-                  disabled={!selectedStepId || Boolean(stepMutationPending)}
-                  loading={stepMutationPending === 'remove'}
-                  onClick={() => void handleRemoveStep()}
-                >
-                  {t("pages.studio.studiobuildpanels.delete.step.2", "Delete step")}</Button>
-                <Button
-                  className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
-                  disabled={
-                    !selectedStepId ||
-                    !stepDraft ||
-                    Boolean(stepMutationPending) ||
-                    Boolean(stepParameterDraftError)
-                  }
-                  loading={stepMutationPending === 'apply'}
-                  type="primary"
-                  onClick={() => void handleApplyStepChanges()}
-                >
-                  {t("pages.studio.studiobuildpanels.apply.changes.2", "Apply changes")}</Button>
-              </div>
-            </>
-          ) : (
-            <Empty description={t("pages.studio.studiobuildpanels.select.step.from.the.dag.2", "Select a step from the DAG canvas first.")} />
-          )}
+                <div style={workflowStageActionsRowStyle}>
+                  <Button
+                    className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+                    danger
+                    disabled={!selectedStepId || Boolean(stepMutationPending)}
+                    loading={stepMutationPending === 'remove'}
+                    onClick={() => void handleRemoveStep()}
+                  >
+                    {t(
+                      'pages.studio.studiobuildpanels.delete.step.2',
+                      'Delete step',
+                    )}
+                  </Button>
+                  <Button
+                    className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+                    disabled={
+                      !selectedStepId ||
+                      !stepDraft ||
+                      Boolean(stepMutationPending) ||
+                      Boolean(stepParameterDraftError)
+                    }
+                    loading={stepMutationPending === 'apply'}
+                    type="primary"
+                    onClick={() => void handleApplyStepChanges()}
+                  >
+                    {t(
+                      'pages.studio.studiobuildpanels.apply.changes.2',
+                      'Apply changes',
+                    )}
+                  </Button>
+                </div>
+              </>
+            ) : (
+              <Empty
+                description={t(
+                  'pages.studio.studiobuildpanels.select.step.from.the.dag.2',
+                  'Select a step from the DAG canvas first.',
+                )}
+              />
+            )}
           </div>
         </section>
       </div>
 
-      <section data-testid="workflow-dry-run-panel" style={workflowDryRunSectionStyle}>
-        <div style={{ alignItems: 'center', display: 'flex', gap: 8, justifyContent: 'space-between' }}>
+      <section
+        data-testid="workflow-dry-run-panel"
+        style={workflowDryRunSectionStyle}
+      >
+        <div
+          style={{
+            alignItems: 'center',
+            display: 'flex',
+            gap: 8,
+            justifyContent: 'space-between',
+          }}
+        >
           <div style={{ display: 'grid', gap: 4 }}>
-            <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.dry.run.4", "Dry-run")}</div>
-            <Typography.Text strong>{t("pages.studio.studiobuildpanels.workflow.draft.run.2", "Workflow draft run")}</Typography.Text>
+            <div style={sectionEyebrowStyle}>
+              {t('pages.studio.studiobuildpanels.dry.run.4', 'Dry-run')}
+            </div>
+            <Typography.Text strong>
+              {t(
+                'pages.studio.studiobuildpanels.workflow.draft.run.2',
+                'Workflow draft run',
+              )}
+            </Typography.Text>
           </div>
-          <span style={{ ...statusTagStyle, background: '#f6ffed', color: '#237804' }}>
-            {t("pages.studio.studiobuildpanels.draft.input", "Draft input")}</span>
+          <span
+            style={{
+              ...statusTagStyle,
+              background: '#f6ffed',
+              color: '#237804',
+            }}
+          >
+            {t('pages.studio.studiobuildpanels.draft.input', 'Draft input')}
+          </span>
         </div>
         <div style={{ display: 'grid', gap: 8 }}>
           <div style={workflowInlineMetaStyle}>
-            {t("pages.studio.studiobuildpanels.route.label", "Route: ")}{dryRunRouteLabel || t("pages.studio.studiobuildpanels.config.default.2", "Config default")}
+            {t('pages.studio.studiobuildpanels.route.label', 'Route: ')}
+            {dryRunRouteLabel ||
+              t(
+                'pages.studio.studiobuildpanels.config.default.2',
+                'Config default',
+              )}
           </div>
           <div style={workflowInlineMetaStyle}>
-            {t("pages.studio.studiobuildpanels.model.label", "Model: ")}{dryRunModelLabel || t("pages.studio.studiobuildpanels.use.configured.default.2", "Use configured default")}
+            {t('pages.studio.studiobuildpanels.model.label', 'Model: ')}
+            {dryRunModelLabel ||
+              t(
+                'pages.studio.studiobuildpanels.use.configured.default.2',
+                'Use configured default',
+              )}
           </div>
         </div>
         {dryRunBlockedReason ? (
@@ -1853,7 +2149,11 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
                   type="link"
                   onClick={onOpenRunSetup}
                 >
-                  {t("pages.studio.studiobuildpanels.connect.provider.2", "Connect provider")}</Button>
+                  {t(
+                    'pages.studio.studiobuildpanels.connect.provider.2',
+                    'Connect provider',
+                  )}
+                </Button>
               ) : undefined
             }
             message={dryRunBlockedReason}
@@ -1862,9 +2162,15 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
           />
         ) : null}
         <Input.TextArea
-          aria-label={t("pages.studio.studiobuildpanels.workflow.dry.run.input.2", "Workflow dry run input")}
+          aria-label={t(
+            'pages.studio.studiobuildpanels.workflow.dry.run.input.2',
+            'Workflow dry run input',
+          )}
           autoSize={{ minRows: 4, maxRows: 6 }}
-          placeholder={t("pages.studio.studiobuildpanels.describe.the.input.you.want.2", "Describe the input you want this workflow member to handle.")}
+          placeholder={t(
+            'pages.studio.studiobuildpanels.describe.the.input.you.want.2',
+            'Describe the input you want this workflow member to handle.',
+          )}
           value={runPrompt}
           onChange={(event) => onRunPromptChange(event.target.value)}
         />
@@ -1881,7 +2187,8 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
             }
             onClick={() => void handleRun()}
           >
-            {t("pages.studio.studiobuildpanels.run.4", "Run")}</Button>
+            {t('pages.studio.studiobuildpanels.run.4', 'Run')}
+          </Button>
           <Button
             className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
             disabled={runState.status === 'running'}
@@ -1895,23 +2202,38 @@ export const StudioWorkflowBuildPanel: React.FC<StudioWorkflowBuildPanelProps> =
                   },
                   null,
                   2,
-                )
+                ),
               )
             }
           >
-            {t("pages.studio.studiobuildpanels.load.sample.input", "Load sample input")}</Button>
+            {t(
+              'pages.studio.studiobuildpanels.load.sample.input',
+              'Load sample input',
+            )}
+          </Button>
         </Space>
         {workflowRunError ? (
           <Alert message={workflowRunError} showIcon type="error" />
         ) : null}
         <div>
-          <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.output.4", "Output")}</div>
-          <pre style={workflowDryRunOutputStyle}>{renderRunOutput(runState)}</pre>
+          <div style={sectionEyebrowStyle}>
+            {t('pages.studio.studiobuildpanels.output.4', 'Output')}
+          </div>
+          <pre style={workflowDryRunOutputStyle}>
+            {renderRunOutput(runState)}
+          </pre>
         </div>
         {renderRunSummary(runState) ? (
           <details style={dryRunDebugDetailsStyle}>
-            <summary style={dryRunDebugSummaryStyle}>{t("pages.studio.studiobuildpanels.debug.details.3", "Debug details")}</summary>
-            <pre style={{ ...dryRunSummaryStyle, marginTop: 10 }}>{renderRunSummary(runState)}</pre>
+            <summary style={dryRunDebugSummaryStyle}>
+              {t(
+                'pages.studio.studiobuildpanels.debug.details.3',
+                'Debug details',
+              )}
+            </summary>
+            <pre style={{ ...dryRunSummaryStyle, marginTop: 10 }}>
+              {renderRunSummary(runState)}
+            </pre>
           </details>
         ) : null}
       </section>
@@ -1932,10 +2254,16 @@ export type StudioScriptBuildPanelProps = {
   readonly onCreateScriptDraft?: () => void;
   readonly onRefreshScripts?: () => Promise<unknown> | unknown;
   readonly onContinueToBind: () => void;
-  readonly onRegisterLeaveGuard?: (guard: (() => Promise<boolean>) | null) => void;
-  readonly onScriptBuildStateChange?: (state: StudioScriptBuildState | null) => void;
+  readonly onRegisterLeaveGuard?: (
+    guard: (() => Promise<boolean>) | null,
+  ) => void;
+  readonly onScriptBuildStateChange?: (
+    state: StudioScriptBuildState | null,
+  ) => void;
   readonly pendingScriptDraft?: StudioPendingScriptDraft | null;
-  readonly onPendingScriptDraftChange?: (draft: StudioPendingScriptDraft | null) => void;
+  readonly onPendingScriptDraftChange?: (
+    draft: StudioPendingScriptDraft | null,
+  ) => void;
   readonly onScriptDraftSaved?: (scriptId: string) => void;
 };
 
@@ -2008,7 +2336,8 @@ function buildAppliedScriptDetail(
     script: summary,
     source: {
       sourceText,
-      definitionActorId: summary.definitionActorId || acceptedScript.definitionActorId,
+      definitionActorId:
+        summary.definitionActorId || acceptedScript.definitionActorId,
       revision: summary.activeRevision || acceptedScript.revisionId,
       sourceHash: summary.activeSourceHash || acceptedScript.sourceHash,
     },
@@ -2089,16 +2418,19 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
   const [runOutput, setRunOutput] = React.useState(
     'Run the current script draft to inspect the draft-run result here.',
   );
-  const [lastRunResult, setLastRunResult] = React.useState<DraftRunResult | null>(null);
+  const [lastRunResult, setLastRunResult] =
+    React.useState<DraftRunResult | null>(null);
   const [leaveDialogOpen, setLeaveDialogOpen] = React.useState(false);
-  const leaveResolverRef = React.useRef<((value: boolean) => void) | null>(null);
+  const leaveResolverRef = React.useRef<((value: boolean) => void) | null>(
+    null,
+  );
   const saveObservationTimerRef = React.useRef<number | null>(null);
   const saveObservationTokenRef = React.useRef(0);
   const activeScriptIdRef = React.useRef('');
   const availableScripts = React.useMemo(
     () =>
-      (scriptsQuery.data ?? []).filter(
-        (detail): detail is ScopedScriptDetail => Boolean(detail.available && detail.script),
+      (scriptsQuery.data ?? []).filter((detail): detail is ScopedScriptDetail =>
+        Boolean(detail.available && detail.script),
       ),
     [scriptsQuery.data],
   );
@@ -2110,7 +2442,10 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
     [pendingScriptDraft, scopeId, selectedScriptId],
   );
   const selectedCatalogScript = React.useMemo(
-    () => availableScripts.find((detail) => detail.script?.scriptId === selectedScriptId) || null,
+    () =>
+      availableScripts.find(
+        (detail) => detail.script?.scriptId === selectedScriptId,
+      ) || null,
     [availableScripts, selectedScriptId],
   );
   const selectedObservedAppliedScript = React.useMemo(
@@ -2128,9 +2463,12 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
     availableScripts[0] ||
     null;
   activeScriptIdRef.current = activeScript?.script?.scriptId || '';
-  const activeScriptIsDraft = Boolean(pendingScriptDetail && activeScript === pendingScriptDetail);
+  const activeScriptIsDraft = Boolean(
+    pendingScriptDetail && activeScript === pendingScriptDetail,
+  );
   const activeScriptIsObserved = Boolean(
-    selectedObservedAppliedScript && activeScript === selectedObservedAppliedScript,
+    selectedObservedAppliedScript &&
+      activeScript === selectedObservedAppliedScript,
   );
   const persistedSource = React.useMemo(
     () => activeScript?.source?.sourceText || '',
@@ -2148,7 +2486,11 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
     [scriptPackage, selectedFilePath],
   );
   const editorMarkers = React.useMemo(
-    () => mapScriptMarkers(validationResult?.diagnostics, selectedPackageEntry?.path || ''),
+    () =>
+      mapScriptMarkers(
+        validationResult?.diagnostics,
+        selectedPackageEntry?.path || '',
+      ),
     [selectedPackageEntry?.path, validationResult?.diagnostics],
   );
   const packageEntries = React.useMemo(
@@ -2165,15 +2507,18 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
       return;
     }
 
-    const nextPackage = activeScriptIsDraft && !activeScript.source?.sourceText
-      ? createScriptStarterPackage()
-      : deserializePersistedSource(activeScript.source?.sourceText || '');
+    const nextPackage =
+      activeScriptIsDraft && !activeScript.source?.sourceText
+        ? createScriptStarterPackage()
+        : deserializePersistedSource(activeScript.source?.sourceText || '');
     const nextEntry =
       getSelectedPackageEntry(nextPackage, nextPackage.entrySourcePath) ||
       getSelectedPackageEntry(nextPackage, '') ||
       null;
     setScriptPackage(nextPackage);
-    setSelectedFilePath(nextEntry?.path || nextPackage.entrySourcePath || 'Behavior.cs');
+    setSelectedFilePath(
+      nextEntry?.path || nextPackage.entrySourcePath || 'Behavior.cs',
+    );
     setValidationResult(null);
     setValidationError('');
     setFocusedDiagnostic(null);
@@ -2194,12 +2539,22 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
   ]);
 
   React.useEffect(() => {
-    if (selectedScriptId || pendingScriptDraft?.scriptId || !availableScripts[0]?.script?.scriptId) {
+    const firstAvailableScriptId = availableScripts[0]?.script?.scriptId;
+    if (
+      selectedScriptId ||
+      pendingScriptDraft?.scriptId ||
+      !firstAvailableScriptId
+    ) {
       return;
     }
 
-    onSelectScriptId(availableScripts[0].script!.scriptId);
-  }, [availableScripts, onSelectScriptId, pendingScriptDraft?.scriptId, selectedScriptId]);
+    onSelectScriptId(firstAvailableScriptId);
+  }, [
+    availableScripts,
+    onSelectScriptId,
+    pendingScriptDraft?.scriptId,
+    selectedScriptId,
+  ]);
 
   const cancelSaveObservationPoll = React.useCallback(() => {
     saveObservationTokenRef.current += 1;
@@ -2248,16 +2603,15 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
       : validationError
         ? 'invalid'
         : 'unknown';
-  const effectiveSaveStatus: StudioScriptBuildState['saveStatus'] =
-    isDirty
-      ? saveStatus === 'failed'
-        ? 'failed'
-        : 'idle'
-      : saveStatus === 'accepted' || saveStatus === 'failed'
-        ? saveStatus
-        : activeScript?.script?.activeRevision
-          ? 'applied'
-          : saveStatus;
+  const effectiveSaveStatus: StudioScriptBuildState['saveStatus'] = isDirty
+    ? saveStatus === 'failed'
+      ? 'failed'
+      : 'idle'
+    : saveStatus === 'accepted' || saveStatus === 'failed'
+      ? saveStatus
+      : activeScript?.script?.activeRevision
+        ? 'applied'
+        : saveStatus;
   const scriptReadyToBind = Boolean(
     activeScript?.script?.scriptId &&
       !isDirty &&
@@ -2267,42 +2621,43 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
   const lifecycleStatus = !activeScript?.script?.scriptId
     ? 'No script'
     : isDirty && effectiveSaveStatus !== 'failed'
-        ? 'Unsaved edits'
-        : saveObservationStatus === 'accepted' || effectiveSaveStatus === 'accepted'
-          ? 'Save accepted'
-          : saveObservationStatus === 'pending'
-            ? 'Waiting for catalog'
-            : effectiveSaveStatus === 'failed'
-              ? 'Save needs attention'
-              : activeScriptIsDraft
-                ? 'Draft'
-                : scriptReadyToBind
-                  ? 'Catalog applied'
-                  : 'Catalog script';
+      ? 'Unsaved edits'
+      : saveObservationStatus === 'accepted' ||
+          effectiveSaveStatus === 'accepted'
+        ? 'Save accepted'
+        : saveObservationStatus === 'pending'
+          ? 'Waiting for catalog'
+          : effectiveSaveStatus === 'failed'
+            ? 'Save needs attention'
+            : activeScriptIsDraft
+              ? 'Draft'
+              : scriptReadyToBind
+                ? 'Catalog applied'
+                : 'Catalog script';
   const lifecycleStatusColor =
     lifecycleStatus === 'Catalog applied'
       ? 'green'
       : lifecycleStatus === 'Save needs attention'
         ? 'red'
-        : lifecycleStatus === 'Waiting for catalog' || lifecycleStatus === 'Save accepted'
+        : lifecycleStatus === 'Waiting for catalog' ||
+            lifecycleStatus === 'Save accepted'
           ? 'gold'
           : activeScriptIsDraft
             ? 'blue'
             : 'default';
-  const bindReadinessLabel =
-    !activeScript?.script?.scriptId
-      ? 'Create or select a script'
-      : validationStatus === 'invalid'
-        ? 'Fix validation errors'
-        : isDirty && validationStatus !== 'valid'
-          ? 'Validate current source'
-          : isDirty
-            ? 'Save script'
-        : effectiveSaveStatus === 'accepted'
-          ? 'Waiting for catalog'
-          : scriptReadyToBind
-            ? 'Ready to bind'
-            : 'Save script';
+  const bindReadinessLabel = !activeScript?.script?.scriptId
+    ? 'Create or select a script'
+    : validationStatus === 'invalid'
+      ? 'Fix validation errors'
+      : isDirty && validationStatus !== 'valid'
+        ? 'Validate current source'
+        : isDirty
+          ? 'Save script'
+          : effectiveSaveStatus === 'accepted'
+            ? 'Waiting for catalog'
+            : scriptReadyToBind
+              ? 'Ready to bind'
+              : 'Save script';
   const saveObservationInFlight =
     saveObservationStatus === 'accepted' || saveObservationStatus === 'pending';
   const saveNoticeType =
@@ -2329,7 +2684,8 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
 
     onScriptBuildStateChange?.({
       scriptId: activeScript.script.scriptId,
-      displayName: pendingScriptDraft?.displayName || activeScript.script.scriptId,
+      displayName:
+        pendingScriptDraft?.displayName || activeScript.script.scriptId,
       scriptRevision:
         activeScript.source?.revision ||
         activeScript.script.activeRevision ||
@@ -2392,7 +2748,12 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
         });
       }
     },
-    [activeScriptIsDraft, cancelSaveObservationPoll, onPendingScriptDraftChange, pendingScriptDraft],
+    [
+      activeScriptIsDraft,
+      cancelSaveObservationPoll,
+      onPendingScriptDraftChange,
+      pendingScriptDraft,
+    ],
   );
 
   const handleValidate = React.useCallback(async () => {
@@ -2442,7 +2803,7 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
       setSaveObservationStatus('applied');
       setSaveStatus('applied');
       setSaveNotice(
-        t("pages.studio.studiobuildpanels.save.applied", "Save applied."),
+        t('pages.studio.studiobuildpanels.save.applied', 'Save applied.'),
       );
     },
     [onRefreshScripts, onScriptDraftSaved, scopeId],
@@ -2497,7 +2858,10 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
           setSaveStatus('failed');
           setSaveNotice(
             observation.message ||
-              t("pages.studio.studiobuildpanels.save.rejected", "Save rejected."),
+              t(
+                'pages.studio.studiobuildpanels.save.rejected',
+                'Save rejected.',
+              ),
           );
           return;
         }
@@ -2508,8 +2872,8 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
           saveObservationTimerRef.current = null;
           setSaveNotice(
             t(
-              "pages.studio.studiobuildpanels.save.accepted.waiting.for.catalog",
-              "Save accepted. Still waiting for catalog; use Refresh catalog to check again.",
+              'pages.studio.studiobuildpanels.save.accepted.waiting.for.catalog',
+              'Save accepted. Still waiting for catalog; use Refresh catalog to check again.',
             ),
           );
           return;
@@ -2517,8 +2881,8 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
 
         setSaveNotice(
           t(
-            "pages.studio.studiobuildpanels.save.accepted.checking.again",
-            "Save accepted. Waiting for catalog; checking again in {value1}s.",
+            'pages.studio.studiobuildpanels.save.accepted.checking.again',
+            'Save accepted. Waiting for catalog; checking again in {value1}s.',
             { value1: Math.round(nextDelay / 1000) },
           ),
         );
@@ -2548,7 +2912,9 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
 
   const handleSave = React.useCallback(async () => {
     if (!scopeId || !activeScript?.script?.scriptId) {
-      setSaveNotice('Resolve the current workspace and select a script before saving.');
+      setSaveNotice(
+        'Resolve the current workspace and select a script before saving.',
+      );
       return;
     }
 
@@ -2631,12 +2997,20 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
       return;
     }
 
-    const nextPackage = removePackageFile(scriptPackage, selectedPackageEntry.path);
+    const nextPackage = removePackageFile(
+      scriptPackage,
+      selectedPackageEntry.path,
+    );
     const nextEntry =
       getSelectedPackageEntry(nextPackage, nextPackage.entrySourcePath) ||
       getSelectedPackageEntry(nextPackage, '');
     commitScriptPackage(nextPackage, nextEntry?.path);
-  }, [commitScriptPackage, packageEntries.length, scriptPackage, selectedPackageEntry]);
+  }, [
+    commitScriptPackage,
+    packageEntries.length,
+    scriptPackage,
+    selectedPackageEntry,
+  ]);
 
   const handleSetEntrySource = React.useCallback(() => {
     if (!selectedPackageEntry || selectedPackageEntry.kind !== 'csharp') {
@@ -2651,7 +3025,9 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
 
   const handlePromoteEvolution = React.useCallback(async () => {
     if (!scopeId || !activeScript?.script?.scriptId) {
-      setPromotionNotice('Resolve the current workspace and script before proposing evolution.');
+      setPromotionNotice(
+        'Resolve the current workspace and script before proposing evolution.',
+      );
       return;
     }
 
@@ -2672,7 +3048,8 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
       setPromotionNotice(
         decision.accepted
           ? 'Promotion accepted.'
-          : decision.failureReason || `Promotion ${decision.status || 'not accepted'}.`,
+          : decision.failureReason ||
+              `Promotion ${decision.status || 'not accepted'}.`,
       );
     } catch (error) {
       setPromotionNotice(describeError(error));
@@ -2690,7 +3067,9 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
 
   const handleRun = React.useCallback(async () => {
     if (!scopeId || !activeScript?.script?.scriptId) {
-      setRunOutput('Resolve the current workspace and select a script before running.');
+      setRunOutput(
+        'Resolve the current workspace and select a script before running.',
+      );
       return;
     }
 
@@ -2728,16 +3107,26 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
 
   if (scriptsQuery.isLoading) {
     return (
-      <div data-testid="studio-script-build-panel" style={buildSurfaceCardStyle}>
+      <div
+        data-testid="studio-script-build-panel"
+        style={buildSurfaceCardStyle}
+      >
         <Typography.Text type="secondary">
-          {t("pages.studio.studiobuildpanels.loading.workspace.scripts.2", "Loading workspace scripts...")}</Typography.Text>
+          {t(
+            'pages.studio.studiobuildpanels.loading.workspace.scripts.2',
+            'Loading workspace scripts...',
+          )}
+        </Typography.Text>
       </div>
     );
   }
 
   if (scriptsQuery.isError) {
     return (
-      <div data-testid="studio-script-build-panel" style={buildSurfaceCardStyle}>
+      <div
+        data-testid="studio-script-build-panel"
+        style={buildSurfaceCardStyle}
+      >
         <Alert
           message={describeError(scriptsQuery.error)}
           showIcon
@@ -2750,19 +3139,39 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
   return (
     <div
       data-testid="studio-script-build-panel"
-      style={hasActiveScript ? buildWorkbenchGridStyle : scriptLaunchpadGridStyle}
+      style={
+        hasActiveScript ? buildWorkbenchGridStyle : scriptLaunchpadGridStyle
+      }
     >
       <div style={{ display: 'grid', gap: 16, minWidth: 0 }}>
         <section style={buildSurfaceCardStyle}>
           <div style={{ display: 'grid', gap: 4 }}>
-            <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.script.source.2", "Script Source")}</div>
+            <div style={sectionEyebrowStyle}>
+              {t(
+                'pages.studio.studiobuildpanels.script.source.2',
+                'Script Source',
+              )}
+            </div>
             <div style={sectionDescriptionStyle}>
               {hasActiveScript
-                ? t("pages.studio.studiobuildpanels.script.mode.script.draft", "Script mode does one thing: iterate on the current script draft's typed source, lint results, and dry-run implementation.")
-                : t("pages.studio.studiobuildpanels.create.script.to.start.editing.saved", "Create a script to start editing. Saved workspace scripts appear here when this catalog has one.")}
+                ? t(
+                    'pages.studio.studiobuildpanels.script.mode.script.draft',
+                    "Script mode does one thing: iterate on the current script draft's typed source, lint results, and dry-run implementation.",
+                  )
+                : t(
+                    'pages.studio.studiobuildpanels.create.script.to.start.editing.saved',
+                    'Create a script to start editing. Saved workspace scripts appear here when this catalog has one.',
+                  )}
             </div>
           </div>
-          <div style={{ alignItems: 'center', display: 'flex', gap: 8, justifyContent: 'space-between' }}>
+          <div
+            style={{
+              alignItems: 'center',
+              display: 'flex',
+              gap: 8,
+              justifyContent: 'space-between',
+            }}
+          >
             <Space wrap size={[8, 8]}>
               {hasActiveScript ? (
                 <>
@@ -2774,16 +3183,25 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
               ) : null}
               {hasActiveScript ? (
                 <Select
-                  aria-label={t("pages.studio.studiobuildpanels.script.id.2", "Script ID")}
+                  aria-label={t(
+                    'pages.studio.studiobuildpanels.script.id.2',
+                    'Script ID',
+                  )}
                   style={{ minWidth: 220 }}
-                  placeholder={t("pages.studio.studiobuildpanels.select.script", "Select a script")}
+                  placeholder={t(
+                    'pages.studio.studiobuildpanels.select.script',
+                    'Select a script',
+                  )}
                   value={activeScript?.script?.scriptId || undefined}
                   onChange={onSelectScriptId}
                   options={[
                     ...(pendingScriptDraft?.scriptId
                       ? [
                           {
-                            label: t("pages.studio.studiobuildpanels.script.draft", "Script draft"),
+                            label: t(
+                              'pages.studio.studiobuildpanels.script.draft',
+                              'Script draft',
+                            ),
                             value: pendingScriptDraft.scriptId,
                           },
                         ]
@@ -2792,11 +3210,15 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                     !pendingScriptDraft?.scriptId &&
                     !availableScripts.some(
                       (detail) =>
-                        detail.script?.scriptId === observedAppliedScript.script?.scriptId,
+                        detail.script?.scriptId ===
+                        observedAppliedScript.script?.scriptId,
                     )
                       ? [
                           {
-                            label: t("pages.studio.studiobuildpanels.script.applied", "Applied script"),
+                            label: t(
+                              'pages.studio.studiobuildpanels.script.applied',
+                              'Applied script',
+                            ),
                             value: observedAppliedScript.script.scriptId,
                           },
                         ]
@@ -2817,7 +3239,8 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                   loading={validationPending}
                   onClick={() => void handleValidate()}
                 >
-                  {t("pages.studio.studiobuildpanels.validate.2", "Validate")}</Button>
+                  {t('pages.studio.studiobuildpanels.validate.2', 'Validate')}
+                </Button>
                 <Button
                   className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
                   disabled={saveDisabled}
@@ -2825,7 +3248,11 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                   loading={savePending}
                   onClick={() => void handleSave()}
                 >
-                  {t("pages.studio.studiobuildpanels.save.script.2", "Save script")}</Button>
+                  {t(
+                    'pages.studio.studiobuildpanels.save.script.2',
+                    'Save script',
+                  )}
+                </Button>
               </Space>
             ) : null}
           </div>
@@ -2841,14 +3268,22 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                     size="small"
                     onClick={() => void onRefreshScripts?.()}
                   >
-                    {t("pages.studio.studiobuildpanels.refresh.catalog.2", "Refresh catalog")}</Button>
+                    {t(
+                      'pages.studio.studiobuildpanels.refresh.catalog.2',
+                      'Refresh catalog',
+                    )}
+                  </Button>
                 ) : undefined
               }
             />
           ) : null}
           {hasActiveScript ? (
             <div
-              aria-label={t("pages.studio.studiobuildpanels.script.lifecycle.status.2", "Script lifecycle status")}
+              aria-label={t(
+                'pages.studio.studiobuildpanels.script.lifecycle.status.2',
+                'Script lifecycle status',
+              )}
+              role="status"
               style={{
                 alignItems: 'center',
                 color: '#667085',
@@ -2860,11 +3295,28 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
               }}
             >
               <Typography.Text type="secondary">
-                {formatScriptDisplayLabel(activeScript, t("pages.studio.studiobuildpanels.script", "Script"))} · {lifecycleStatus} {t("pages.studio.studiobuildpanels.validation.2", "· validation")}{' '}
-                {validationStatus} {t("pages.studio.studiobuildpanels.save.2", "· save")}{saveObservationStatus} {t("pages.studio.studiobuildpanels.rev.2", "· rev")}{' '}
+                {formatScriptDisplayLabel(
+                  activeScript,
+                  t('pages.studio.studiobuildpanels.script', 'Script'),
+                )}{' '}
+                · {lifecycleStatus}{' '}
+                {t(
+                  'pages.studio.studiobuildpanels.validation.2',
+                  '· validation',
+                )}{' '}
+                {validationStatus}{' '}
+                {t('pages.studio.studiobuildpanels.save.2', '· save')}
+                {saveObservationStatus}{' '}
+                {t('pages.studio.studiobuildpanels.rev.2', '· rev')}{' '}
                 {currentRevision
-                  ? t("pages.studio.studiobuildpanels.version.ready", "version ready")
-                  : t("pages.studio.studiobuildpanels.generated.on.save.2", "generated on save")}
+                  ? t(
+                      'pages.studio.studiobuildpanels.version.ready',
+                      'version ready',
+                    )
+                  : t(
+                      'pages.studio.studiobuildpanels.generated.on.save.2',
+                      'generated on save',
+                    )}
               </Typography.Text>
             </div>
           ) : null}
@@ -2874,7 +3326,10 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
           {hasActiveScript && selectedPackageEntry ? (
             <div style={{ display: 'grid', gap: 12 }}>
               <details
-                aria-label={t("pages.studio.studiobuildpanels.script.package.tree.2", "Script package tree")}
+                aria-label={t(
+                  'pages.studio.studiobuildpanels.script.package.tree.2',
+                  'Script package tree',
+                )}
                 style={{
                   border: '1px solid #efe7da',
                   borderRadius: 16,
@@ -2892,10 +3347,23 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                     listStyle: 'none',
                   }}
                 >
-                  <span style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.advanced.package.2", "Advanced package")}</span>
+                  <span style={sectionEyebrowStyle}>
+                    {t(
+                      'pages.studio.studiobuildpanels.advanced.package.2',
+                      'Advanced package',
+                    )}
+                  </span>
                   <Typography.Text type="secondary">
-                    {packageEntries.length} {t("pages.studio.studiobuildpanels.file.2", "file")}{packageEntries.length === 1 ? '' : 's'} ·{' '}
-                    {scriptPackage.entrySourcePath || t("pages.studio.studiobuildpanels.no.entry.2", "no entry")} {t("pages.studio.studiobuildpanels.entry.2", "entry")}</Typography.Text>
+                    {packageEntries.length}{' '}
+                    {t('pages.studio.studiobuildpanels.file.2', 'file')}
+                    {packageEntries.length === 1 ? '' : 's'} ·{' '}
+                    {scriptPackage.entrySourcePath ||
+                      t(
+                        'pages.studio.studiobuildpanels.no.entry.2',
+                        'no entry',
+                      )}{' '}
+                    {t('pages.studio.studiobuildpanels.entry.2', 'entry')}
+                  </Typography.Text>
                 </summary>
                 <div
                   style={{
@@ -2908,9 +3376,15 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                   }}
                 >
                   <div>
-                    <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.package.2", "Package")}</div>
+                    <div style={sectionEyebrowStyle}>
+                      {t('pages.studio.studiobuildpanels.package.2', 'Package')}
+                    </div>
                     <Typography.Text type="secondary">
-                      Entry: {scriptPackage.entrySourcePath || '-'} {t("pages.studio.studiobuildpanels.behavior.2", "· Behavior:")}{' '}
+                      Entry: {scriptPackage.entrySourcePath || '-'}{' '}
+                      {t(
+                        'pages.studio.studiobuildpanels.behavior.2',
+                        '· Behavior:',
+                      )}{' '}
                       {scriptPackage.entryBehaviorTypeName || '-'}
                     </Typography.Text>
                   </div>
@@ -2920,26 +3394,33 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                       size="small"
                       onClick={() => handleAddPackageFile('csharp')}
                     >
-                      {t("pages.studio.studiobuildpanels.add.2", "Add C#")}</Button>
+                      {t('pages.studio.studiobuildpanels.add.2', 'Add C#')}
+                    </Button>
                     <Button
                       className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
                       size="small"
                       onClick={() => handleAddPackageFile('proto')}
                     >
-                      {t("pages.studio.studiobuildpanels.add.proto.2", "Add proto")}</Button>
+                      {t(
+                        'pages.studio.studiobuildpanels.add.proto.2',
+                        'Add proto',
+                      )}
+                    </Button>
                     <Button
                       className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
                       size="small"
                       onClick={handleRenamePackageFile}
                     >
-                      {t("pages.studio.studiobuildpanels.rename.2", "Rename")}</Button>
+                      {t('pages.studio.studiobuildpanels.rename.2', 'Rename')}
+                    </Button>
                     <Button
                       className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
                       disabled={packageEntries.length <= 1}
                       size="small"
                       onClick={handleRemovePackageFile}
                     >
-                      {t("pages.studio.studiobuildpanels.remove.2", "Remove")}</Button>
+                      {t('pages.studio.studiobuildpanels.remove.2', 'Remove')}
+                    </Button>
                   </Space>
                 </div>
                 <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8 }}>
@@ -2951,11 +3432,15 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                       onClick={() => setSelectedFilePath(entry.path)}
                       style={{
                         background:
-                          entry.path === selectedPackageEntry.path ? '#111827' : '#fffdf8',
+                          entry.path === selectedPackageEntry.path
+                            ? '#111827'
+                            : '#fffdf8',
                         border: '1px solid #efe7da',
                         borderRadius: 999,
                         color:
-                          entry.path === selectedPackageEntry.path ? '#fffdf8' : '#374151',
+                          entry.path === selectedPackageEntry.path
+                            ? '#fffdf8'
+                            : '#374151',
                         cursor: 'pointer',
                         fontSize: 12,
                         fontWeight: 700,
@@ -2963,18 +3448,35 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                       }}
                     >
                       {entry.kind === 'csharp' ? 'C#' : 'proto'} · {entry.path}
-                      {entry.path === scriptPackage.entrySourcePath ? t("pages.studio.studiobuildpanels.entry.3", "· entry") : ''}
+                      {entry.path === scriptPackage.entrySourcePath
+                        ? t('pages.studio.studiobuildpanels.entry.3', '· entry')
+                        : ''}
                     </button>
                   ))}
                 </div>
-                <div style={{ display: 'grid', gap: 10, gridTemplateColumns: 'minmax(0, 1fr) auto' }}>
+                <div
+                  style={{
+                    display: 'grid',
+                    gap: 10,
+                    gridTemplateColumns: 'minmax(0, 1fr) auto',
+                  }}
+                >
                   <Input
-                    aria-label={t("pages.studio.studiobuildpanels.entry.behavior.type.2", "Entry behavior type")}
-                    placeholder={t("pages.studio.studiobuildpanels.entry.behavior.type.for.example.2", "Entry behavior type, for example DraftBehavior")}
+                    aria-label={t(
+                      'pages.studio.studiobuildpanels.entry.behavior.type.2',
+                      'Entry behavior type',
+                    )}
+                    placeholder={t(
+                      'pages.studio.studiobuildpanels.entry.behavior.type.for.example.2',
+                      'Entry behavior type, for example DraftBehavior',
+                    )}
                     value={scriptPackage.entryBehaviorTypeName}
                     onChange={(event) =>
                       commitScriptPackage(
-                        updateEntryBehaviorTypeName(scriptPackage, event.target.value),
+                        updateEntryBehaviorTypeName(
+                          scriptPackage,
+                          event.target.value,
+                        ),
                         selectedPackageEntry.path,
                       )
                     }
@@ -2984,13 +3486,21 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                     disabled={selectedPackageEntry.kind !== 'csharp'}
                     onClick={handleSetEntrySource}
                   >
-                    {t("pages.studio.studiobuildpanels.set.entry.source.2", "Set entry source")}</Button>
+                    {t(
+                      'pages.studio.studiobuildpanels.set.entry.source.2',
+                      'Set entry source',
+                    )}
+                  </Button>
                 </div>
               </details>
               <div style={{ minHeight: 520 }}>
                 <ScriptCodeEditor
                   filePath={selectedPackageEntry.path}
-                  language={selectedPackageEntry.kind === 'csharp' ? 'csharp' : 'plaintext'}
+                  language={
+                    selectedPackageEntry.kind === 'csharp'
+                      ? 'csharp'
+                      : 'plaintext'
+                  }
                   markers={editorMarkers}
                   value={selectedPackageEntry.content}
                   onChange={(value) => {
@@ -3019,28 +3529,48 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                 }}
               >
                 <div>
-                  <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.compiler.2", "Compiler")}</div>
+                  <div style={sectionEyebrowStyle}>
+                    {t('pages.studio.studiobuildpanels.compiler.2', 'Compiler')}
+                  </div>
                   <Typography.Text type="secondary">
                     {validationResult
                       ? validationResult.success
-                        ? t("pages.studio.studiobuildpanels.validation.completed.without.blocking.errors.2", "Validation completed without blocking errors.")
-                        : t("pages.studio.studiobuildpanels.validation.returned.blocking.diagnostics.2", "Validation returned blocking diagnostics.")
-                      : t("pages.studio.studiobuildpanels.run.validate.to.refresh.compiler.diagnostics", "Run Validate to refresh compiler diagnostics.")}
+                        ? t(
+                            'pages.studio.studiobuildpanels.validation.completed.without.blocking.errors.2',
+                            'Validation completed without blocking errors.',
+                          )
+                        : t(
+                            'pages.studio.studiobuildpanels.validation.returned.blocking.diagnostics.2',
+                            'Validation returned blocking diagnostics.',
+                          )
+                      : t(
+                          'pages.studio.studiobuildpanels.run.validate.to.refresh.compiler.diagnostics',
+                          'Run Validate to refresh compiler diagnostics.',
+                        )}
                   </Typography.Text>
                 </div>
                 <Space wrap size={[8, 8]}>
                   {validationResult?.diagnostics?.length ? (
                     <Tag color={validationResult.success ? 'blue' : 'red'}>
-                      {t("pages.studio.studiobuildpanels.problems.2", "Problems")}{validationResult.diagnostics.length}
+                      {t(
+                        'pages.studio.studiobuildpanels.problems.2',
+                        'Problems',
+                      )}
+                      {validationResult.diagnostics.length}
                     </Tag>
                   ) : (
-                    <Tag color="green">{t("pages.studio.studiobuildpanels.clean.2", "Clean")}</Tag>
+                    <Tag color="green">
+                      {t('pages.studio.studiobuildpanels.clean.2', 'Clean')}
+                    </Tag>
                   )}
                 </Space>
               </div>
               {validationResult?.diagnostics?.length ? (
-                <div
-                  aria-label={t("pages.studio.studiobuildpanels.script.validation.diagnostics.2", "Script validation diagnostics")}
+                <section
+                  aria-label={t(
+                    'pages.studio.studiobuildpanels.script.validation.diagnostics.2',
+                    'Script validation diagnostics',
+                  )}
                   style={{
                     border: '1px solid #efe7da',
                     borderRadius: 16,
@@ -3049,7 +3579,12 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                     padding: 12,
                   }}
                 >
-                  <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.diagnostics.2", "Diagnostics")}</div>
+                  <div style={sectionEyebrowStyle}>
+                    {t(
+                      'pages.studio.studiobuildpanels.diagnostics.2',
+                      'Diagnostics',
+                    )}
+                  </div>
                   {validationResult.diagnostics.map((diagnostic, index) => {
                     const diagnosticKey = `${diagnostic.filePath || 'source'}:${diagnostic.startLine || 0}:${diagnostic.startColumn || 0}:${diagnostic.code || index}`;
                     const severityColor =
@@ -3083,48 +3618,88 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                           textAlign: 'left',
                         }}
                       >
-                        <span style={{ alignItems: 'center', display: 'flex', gap: 8 }}>
-                          <Tag color={diagnostic.severity === 'error' ? 'red' : diagnostic.severity === 'warning' ? 'gold' : 'blue'}>
+                        <span
+                          style={{
+                            alignItems: 'center',
+                            display: 'flex',
+                            gap: 8,
+                          }}
+                        >
+                          <Tag
+                            color={
+                              diagnostic.severity === 'error'
+                                ? 'red'
+                                : diagnostic.severity === 'warning'
+                                  ? 'gold'
+                                  : 'blue'
+                            }
+                          >
                             {diagnostic.severity}
                           </Tag>
                           <span style={{ color: '#6b5d4a', fontSize: 12 }}>
                             {formatScriptDiagnosticLocation(diagnostic)}
                           </span>
                           {diagnostic.code ? (
-                            <span style={{ color: severityColor, fontSize: 12 }}>
+                            <span
+                              style={{ color: severityColor, fontSize: 12 }}
+                            >
                               {diagnostic.code}
                             </span>
                           ) : null}
                         </span>
-                        <span style={{ color: '#374151', fontSize: 13, lineHeight: '18px' }}>
+                        <span
+                          style={{
+                            color: '#374151',
+                            fontSize: 13,
+                            lineHeight: '18px',
+                          }}
+                        >
                           {diagnostic.message}
                         </span>
                       </button>
                     );
                   })}
-                </div>
+                </section>
               ) : null}
             </div>
           ) : (
             <Empty
-              description={t("pages.studio.studiobuildpanels.no.script.is.selected.yet", "No script is selected yet. Start a script draft to open the editor.")}
+              description={t(
+                'pages.studio.studiobuildpanels.no.script.is.selected.yet',
+                'No script is selected yet. Start a script draft to open the editor.',
+              )}
             >
               <Button
                 className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
                 onClick={onCreateScriptDraft}
                 type="primary"
               >
-                {t("pages.studio.studiobuildpanels.add.script.2", "Add script")}</Button>
+                {t('pages.studio.studiobuildpanels.add.script.2', 'Add script')}
+              </Button>
             </Empty>
           )}
         </section>
 
         {hasActiveScript ? (
-          <div style={{ alignItems: 'center', display: 'flex', gap: 12, justifyContent: 'space-between' }}>
+          <div
+            style={{
+              alignItems: 'center',
+              display: 'flex',
+              gap: 12,
+              justifyContent: 'space-between',
+            }}
+          >
             <Typography.Text type="secondary">
               {scriptReadyToBind
-                ? t("pages.studio.studiobuildpanels.script.revision.is.catalog.applied.continue", "Script revision is catalog-applied. Continue to Bind to publish the callable member contract.")
-                : t("pages.studio.studiobuildpanels.script.build.keeps.code.editing.here", "Script Build keeps code editing here. {value1}.", { value1: bindReadinessLabel })}
+                ? t(
+                    'pages.studio.studiobuildpanels.script.revision.is.catalog.applied.continue',
+                    'Script revision is catalog-applied. Continue to Bind to publish the callable member contract.',
+                  )
+                : t(
+                    'pages.studio.studiobuildpanels.script.build.keeps.code.editing.here',
+                    'Script Build keeps code editing here. {value1}.',
+                    { value1: bindReadinessLabel },
+                  )}
             </Typography.Text>
             <Button
               className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
@@ -3132,7 +3707,11 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
               type="primary"
               onClick={onContinueToBind}
             >
-              {t("pages.studio.studiobuildpanels.continue.to.bind.5", "Continue to Bind")}</Button>
+              {t(
+                'pages.studio.studiobuildpanels.continue.to.bind.5',
+                'Continue to Bind',
+              )}
+            </Button>
           </div>
         ) : null}
 
@@ -3145,83 +3724,136 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
 
       {hasActiveScript ? (
         <aside style={dryRunAsideStyle}>
-            <div style={{ alignItems: 'center', display: 'flex', gap: 8, justifyContent: 'space-between' }}>
-              <div style={{ display: 'grid', gap: 4 }}>
-                <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.dry.run.5", "Dry-run")}</div>
-                <Typography.Text strong>{t("pages.studio.studiobuildpanels.script.draft.run.2", "Script draft run")}</Typography.Text>
+          <div
+            style={{
+              alignItems: 'center',
+              display: 'flex',
+              gap: 8,
+              justifyContent: 'space-between',
+            }}
+          >
+            <div style={{ display: 'grid', gap: 4 }}>
+              <div style={sectionEyebrowStyle}>
+                {t('pages.studio.studiobuildpanels.dry.run.5', 'Dry-run')}
               </div>
-              <span style={{ ...statusTagStyle, background: '#fffbe6', color: '#ad6800' }}>
-                {t("pages.studio.studiobuildpanels.draft.input.2", "Draft input")}</span>
+              <Typography.Text strong>
+                {t(
+                  'pages.studio.studiobuildpanels.script.draft.run.2',
+                  'Script draft run',
+                )}
+              </Typography.Text>
             </div>
-            <div style={sectionDescriptionStyle}>
-              {t("pages.studio.studiobuildpanels.draft.run.source.editor", "Draft-run directly calls the script in the current source editor; you do not need to switch the scope default service to this script first.")}</div>
-            <Input.TextArea
-              aria-label={t("pages.studio.studiobuildpanels.script.dry.run.input.2", "Script dry run input")}
-              autoSize={{ minRows: 6, maxRows: 10 }}
-              value={runInput}
-              onChange={(event) => setRunInput(event.target.value)}
-            />
-            <Space wrap size={[8, 8]}>
-              <Button
-                className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
-                icon={<PlayCircleOutlined />}
-                loading={runPending}
-                type="primary"
-                onClick={() => void handleRun()}
-              >
-                {t("pages.studio.studiobuildpanels.run.5", "Run")}</Button>
-              <Button
-                className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
-                onClick={() =>
-                  setRunInput(
-                    JSON.stringify(
-                      {
-                        channel: 'telegram',
-                        text: 'refund for order #92817 — 3rd time asking',
-                        user: 'alex',
-                      },
-                      null,
-                      2,
-                    ),
-                  )
-                }
+            <span
+              style={{
+                ...statusTagStyle,
+                background: '#fffbe6',
+                color: '#ad6800',
+              }}
+            >
+              {t('pages.studio.studiobuildpanels.draft.input.2', 'Draft input')}
+            </span>
+          </div>
+          <div style={sectionDescriptionStyle}>
+            {t(
+              'pages.studio.studiobuildpanels.draft.run.source.editor',
+              'Draft-run directly calls the script in the current source editor; you do not need to switch the scope default service to this script first.',
+            )}
+          </div>
+          <Input.TextArea
+            aria-label={t(
+              'pages.studio.studiobuildpanels.script.dry.run.input.2',
+              'Script dry run input',
+            )}
+            autoSize={{ minRows: 6, maxRows: 10 }}
+            value={runInput}
+            onChange={(event) => setRunInput(event.target.value)}
+          />
+          <Space wrap size={[8, 8]}>
+            <Button
+              className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+              icon={<PlayCircleOutlined />}
+              loading={runPending}
+              type="primary"
+              onClick={() => void handleRun()}
+            >
+              {t('pages.studio.studiobuildpanels.run.5', 'Run')}
+            </Button>
+            <Button
+              className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+              onClick={() =>
+                setRunInput(
+                  JSON.stringify(
+                    {
+                      channel: 'telegram',
+                      text: 'refund for order #92817 — 3rd time asking',
+                      user: 'alex',
+                    },
+                    null,
+                    2,
+                  ),
+                )
+              }
+            >
+              {t(
+                'pages.studio.studiobuildpanels.load.sample.input.2',
+                'Load sample input',
+              )}
+            </Button>
+          </Space>
+          <div>
+            {lastRunResult ? (
+              <section
+                aria-label={t(
+                  'pages.studio.studiobuildpanels.script.dry.run.facts.2',
+                  'Script dry run facts',
+                )}
+                style={{
+                  border: '1px solid #efe7da',
+                  borderRadius: 14,
+                  display: 'grid',
+                  gap: 6,
+                  marginBottom: 12,
+                  padding: 12,
+                }}
               >
-                {t("pages.studio.studiobuildpanels.load.sample.input.2", "Load sample input")}</Button>
-            </Space>
-            <div>
-              {lastRunResult ? (
-                <div
-                  aria-label={t("pages.studio.studiobuildpanels.script.dry.run.facts.2", "Script dry run facts")}
-                  style={{
-                    border: '1px solid #efe7da',
-                    borderRadius: 14,
-                    display: 'grid',
-                    gap: 6,
-                    marginBottom: 12,
-                    padding: 12,
-                  }}
-                >
-                  <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.run.facts.2", "Run facts")}</div>
-                  {[
-                    ['Command type', lastRunResult.commandTypeUrl],
-                    ['Activity', lastRunResult.activityUrl],
-                  ].map(([label, value]) => (
-                    <div key={label} style={{ display: 'grid', gap: 2 }}>
-                      <span style={{ color: '#8b7b63', fontSize: 11, fontWeight: 700 }}>
-                        {label}
-                      </span>
-                      <Typography.Text copyable={Boolean(value)} ellipsis style={{ fontSize: 12 }}>
-                        {value || '-'}
-                      </Typography.Text>
-                    </div>
-                  ))}
+                <div style={sectionEyebrowStyle}>
+                  {t('pages.studio.studiobuildpanels.run.facts.2', 'Run facts')}
                 </div>
-              ) : null}
-              <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.output.5", "Output")}</div>
-              <pre style={dryRunOutputStyle}>{runOutput}</pre>
+                {[
+                  ['Command type', lastRunResult.commandTypeUrl],
+                  ['Activity', lastRunResult.activityUrl],
+                ].map(([label, value]) => (
+                  <div key={label} style={{ display: 'grid', gap: 2 }}>
+                    <span
+                      style={{
+                        color: '#8b7b63',
+                        fontSize: 11,
+                        fontWeight: 700,
+                      }}
+                    >
+                      {label}
+                    </span>
+                    <Typography.Text
+                      copyable={Boolean(value)}
+                      ellipsis
+                      style={{ fontSize: 12 }}
+                    >
+                      {value || '-'}
+                    </Typography.Text>
+                  </div>
+                ))}
+              </section>
+            ) : null}
+            <div style={sectionEyebrowStyle}>
+              {t('pages.studio.studiobuildpanels.output.5', 'Output')}
             </div>
+            <pre style={dryRunOutputStyle}>{runOutput}</pre>
+          </div>
           <details
-            aria-label={t("pages.studio.studiobuildpanels.script.promotion.history.2", "Script promotion history")}
+            aria-label={t(
+              'pages.studio.studiobuildpanels.script.promotion.history.2',
+              'Script promotion history',
+            )}
             style={{
               border: '1px solid #efe7da',
               borderRadius: 14,
@@ -3229,12 +3861,19 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
             }}
           >
             <summary style={{ ...sectionEyebrowStyle, cursor: 'pointer' }}>
-              {t("pages.studio.studiobuildpanels.promotion.2", "Promotion")}</summary>
+              {t('pages.studio.studiobuildpanels.promotion.2', 'Promotion')}
+            </summary>
             <div style={{ display: 'grid', gap: 10, marginTop: 12 }}>
               <Input.TextArea
-                aria-label={t("pages.studio.studiobuildpanels.promotion.reason.2", "Promotion reason")}
+                aria-label={t(
+                  'pages.studio.studiobuildpanels.promotion.reason.2',
+                  'Promotion reason',
+                )}
                 autoSize={{ minRows: 2, maxRows: 4 }}
-                placeholder={t("pages.studio.studiobuildpanels.why.is.this.revision.ready.2", "Why is this revision ready to promote?")}
+                placeholder={t(
+                  'pages.studio.studiobuildpanels.why.is.this.revision.ready.2',
+                  'Why is this revision ready to promote?',
+                )}
                 value={promotionReason}
                 onChange={(event) => setPromotionReason(event.target.value)}
               />
@@ -3244,19 +3883,30 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                 loading={promotionPending}
                 onClick={() => void handlePromoteEvolution()}
               >
-                {t("pages.studio.studiobuildpanels.propose.evolution.2", "Propose evolution")}</Button>
+                {t(
+                  'pages.studio.studiobuildpanels.propose.evolution.2',
+                  'Propose evolution',
+                )}
+              </Button>
               {promotionNotice ? (
                 <Alert
                   showIcon
                   message={promotionNotice}
-                  type={promotionNotice.startsWith('Promotion accepted') ? 'success' : 'warning'}
+                  type={
+                    promotionNotice.startsWith('Promotion accepted')
+                      ? 'success'
+                      : 'warning'
+                  }
                 />
               ) : null}
               {promotionHistory.length > 0 ? (
                 <div style={{ display: 'grid', gap: 8 }}>
                   {promotionHistory.map((decision) => (
                     <div
-                      key={decision.proposalId || `${decision.scriptId}:${decision.candidateRevision}`}
+                      key={
+                        decision.proposalId ||
+                        `${decision.scriptId}:${decision.candidateRevision}`
+                      }
                       style={{
                         background: '#fffdf8',
                         border: '1px solid #efe7da',
@@ -3267,10 +3917,22 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                       }}
                     >
                       <Typography.Text strong>
-                        {decision.accepted ? t("pages.studio.studiobuildpanels.accepted.2", "Accepted") : decision.status || t("pages.studio.studiobuildpanels.decision.2", "Decision")}
+                        {decision.accepted
+                          ? t(
+                              'pages.studio.studiobuildpanels.accepted.2',
+                              'Accepted',
+                            )
+                          : decision.status ||
+                            t(
+                              'pages.studio.studiobuildpanels.decision.2',
+                              'Decision',
+                            )}
                       </Typography.Text>
                       <Typography.Text type="secondary">
-                        {t("pages.studio.studiobuildpanels.script.promotion.version.summary", "Script promotion version summary")}
+                        {t(
+                          'pages.studio.studiobuildpanels.script.promotion.version.summary',
+                          'Script promotion version summary',
+                        )}
                       </Typography.Text>
                       {decision.failureReason ? (
                         <Typography.Text type="danger">
@@ -3282,7 +3944,11 @@ export const StudioScriptBuildPanel: React.FC<StudioScriptBuildPanelProps> = ({
                 </div>
               ) : (
                 <Typography.Text type="secondary">
-                  {t("pages.studio.studiobuildpanels.no.promotion.decisions.in.this.2", "No promotion decisions in this session.")}</Typography.Text>
+                  {t(
+                    'pages.studio.studiobuildpanels.no.promotion.decisions.in.this.2',
+                    'No promotion decisions in this session.',
+                  )}
+                </Typography.Text>
               )}
             </div>
           </details>
@@ -3324,24 +3990,30 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
   onBuildStateChange,
   onContinueToBind,
 }) => {
-  const [displayName, setDisplayName] = React.useState(currentMemberLabel || 'Member GAgent');
+  const [displayName, setDisplayName] = React.useState(
+    currentMemberLabel || 'Member GAgent',
+  );
   const [role, setRole] = React.useState('intake-classifier');
   const [initialPrompt, setInitialPrompt] = React.useState(
     'You are the team member gagent. Own long-lived state and answer through the selected tools.',
   );
-  const [toolsDraft, setToolsDraft] = React.useState('classify_intent, detect_language');
-  const [persistenceMode, setPersistenceMode] = React.useState<'grain' | 'ephemeral'>(
-    'grain',
+  const [toolsDraft, setToolsDraft] = React.useState(
+    'classify_intent, detect_language',
   );
+  const [persistenceMode, setPersistenceMode] = React.useState<
+    'grain' | 'ephemeral'
+  >('grain');
   const [runPrompt, setRunPrompt] = React.useState(
     'Classify this refund request and keep the member state in context.',
   );
-  const [runState, setRunState] = React.useState<DraftRunState>(IDLE_DRAFT_RUN_STATE);
+  const [runState, setRunState] =
+    React.useState<DraftRunState>(IDLE_DRAFT_RUN_STATE);
   const abortControllerRef = React.useRef<AbortController | null>(null);
   const selectedKindDescriptor = React.useMemo(
     () =>
-      gAgentKinds.find((descriptor) =>
-        buildRuntimeGAgentKindValue(descriptor) === selectedAgentKind,
+      gAgentKinds.find(
+        (descriptor) =>
+          buildRuntimeGAgentKindValue(descriptor) === selectedAgentKind,
       ) || null,
     [gAgentKinds, selectedAgentKind],
   );
@@ -3365,7 +4037,14 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
       role: role.trim(),
       tools: toolTags,
     }),
-    [displayName, initialPrompt, persistenceMode, role, selectedAgentKindValue, toolTags],
+    [
+      displayName,
+      initialPrompt,
+      persistenceMode,
+      role,
+      selectedAgentKindValue,
+      toolTags,
+    ],
   );
 
   React.useEffect(() => {
@@ -3375,7 +4054,9 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
   }, [onSelectAgentKind, selectedAgentKind, selectedAgentKindValue]);
 
   React.useEffect(() => {
-    setDisplayName((current) => current || currentMemberLabel || 'Member GAgent');
+    setDisplayName(
+      (current) => current || currentMemberLabel || 'Member GAgent',
+    );
   }, [currentMemberLabel]);
 
   React.useEffect(() => {
@@ -3393,7 +4074,8 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
     if (!scopeId || !selectedAgentKindValue.trim() || !runPrompt.trim()) {
       setRunState({
         ...IDLE_DRAFT_RUN_STATE,
-        error: 'Workspace, GAgent kind, and prompt are required before running.',
+        error:
+          'Workspace, GAgent kind, and prompt are required before running.',
         status: 'error',
       });
       return;
@@ -3459,24 +4141,52 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
   }, [runPrompt, scopeId, selectedAgentKindValue]);
 
   return (
-    <div data-testid="studio-gagent-build-panel" style={buildWorkbenchGridStyle}>
+    <div
+      data-testid="studio-gagent-build-panel"
+      style={buildWorkbenchGridStyle}
+    >
       <div style={{ display: 'grid', gap: 16, minWidth: 0 }}>
         <section style={buildSurfaceCardStyle}>
           <div style={{ display: 'grid', gap: 4 }}>
-            <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.gagent.definition.2", "GAgent Definition")}</div>
+            <div style={sectionEyebrowStyle}>
+              {t(
+                'pages.studio.studiobuildpanels.gagent.definition.2',
+                'GAgent Definition',
+              )}
+            </div>
             <div style={sectionDescriptionStyle}>
-              {t("pages.studio.studiobuildpanels.gagent.mode.build.member", "GAgent mode defines the current member's Agent kind, display name, role, initial Prompt, tools, and state persistence semantics in Build.")}</div>
+              {t(
+                'pages.studio.studiobuildpanels.gagent.mode.build.member',
+                "GAgent mode defines the current member's Agent kind, display name, role, initial Prompt, tools, and state persistence semantics in Build.",
+              )}
+            </div>
           </div>
-          <div style={{ alignItems: 'center', display: 'flex', gap: 8, justifyContent: 'space-between' }}>
+          <div
+            style={{
+              alignItems: 'center',
+              display: 'flex',
+              gap: 8,
+              justifyContent: 'space-between',
+            }}
+          >
             <Space wrap size={[8, 8]}>
-              <Tag color="green">{t("pages.studio.studiobuildpanels.template.seeded.2", "template · seeded")}</Tag>
+              <Tag color="green">
+                {t(
+                  'pages.studio.studiobuildpanels.template.seeded.2',
+                  'template · seeded',
+                )}
+              </Tag>
               {selectedKindDescriptor ? (
                 <Tag>{buildRuntimeGAgentKindLabel(selectedKindDescriptor)}</Tag>
               ) : null}
             </Space>
           </div>
           {gAgentKindsError ? (
-            <Alert message={describeError(gAgentKindsError)} showIcon type="error" />
+            <Alert
+              message={describeError(gAgentKindsError)}
+              showIcon
+              type="error"
+            />
           ) : null}
           <div
             style={{
@@ -3485,9 +4195,14 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
               gridTemplateColumns: '160px minmax(0, 1fr)',
             }}
           >
-            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>{t("pages.studio.studiobuildpanels.gagent.kind.2", "GAgent kind")}</div>
+            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>
+              {t('pages.studio.studiobuildpanels.gagent.kind.2', 'GAgent kind')}
+            </div>
             <Select
-              aria-label={t("pages.studio.studiobuildpanels.gagent.type.2", "GAgent kind")}
+              aria-label={t(
+                'pages.studio.studiobuildpanels.gagent.type.2',
+                'GAgent kind',
+              )}
               loading={gAgentKindsLoading}
               value={selectedAgentKindValue || undefined}
               onChange={onSelectAgentKind}
@@ -3495,38 +4210,70 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
                 label: buildRuntimeGAgentKindLabel(descriptor),
                 value: buildRuntimeGAgentKindValue(descriptor),
               }))}
-              placeholder={t("pages.studio.studiobuildpanels.select.typed.gagent.2", "Select a GAgent kind")}
+              placeholder={t(
+                'pages.studio.studiobuildpanels.select.typed.gagent.2',
+                'Select a GAgent kind',
+              )}
             />
 
-            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>{t("pages.studio.studiobuildpanels.display.name.2", "Display name")}</div>
+            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>
+              {t(
+                'pages.studio.studiobuildpanels.display.name.2',
+                'Display name',
+              )}
+            </div>
             <Input
-              aria-label={t("pages.studio.studiobuildpanels.gagent.display.name.2", "GAgent display name")}
+              aria-label={t(
+                'pages.studio.studiobuildpanels.gagent.display.name.2',
+                'GAgent display name',
+              )}
               value={displayName}
               onChange={(event) => setDisplayName(event.target.value)}
             />
 
-            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>{t("pages.studio.studiobuildpanels.role.2", "Role")}</div>
+            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>
+              {t('pages.studio.studiobuildpanels.role.2', 'Role')}
+            </div>
             <Input
-              aria-label={t("pages.studio.studiobuildpanels.gagent.role.2", "GAgent role")}
+              aria-label={t(
+                'pages.studio.studiobuildpanels.gagent.role.2',
+                'GAgent role',
+              )}
               value={role}
               onChange={(event) => setRole(event.target.value)}
             />
 
-            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>{t("pages.studio.studiobuildpanels.initial.prompt.2", "Initial prompt")}</div>
+            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>
+              {t(
+                'pages.studio.studiobuildpanels.initial.prompt.2',
+                'Initial prompt',
+              )}
+            </div>
             <Input.TextArea
-              aria-label={t("pages.studio.studiobuildpanels.gagent.initial.prompt.2", "GAgent initial prompt")}
+              aria-label={t(
+                'pages.studio.studiobuildpanels.gagent.initial.prompt.2',
+                'GAgent initial prompt',
+              )}
               autoSize={{ minRows: 4, maxRows: 8 }}
               value={initialPrompt}
               onChange={(event) => setInitialPrompt(event.target.value)}
             />
 
-            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>{t("pages.studio.studiobuildpanels.tools.2", "Tools")}</div>
+            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>
+              {t('pages.studio.studiobuildpanels.tools.2', 'Tools')}
+            </div>
             <div style={{ display: 'grid', gap: 10 }}>
               <Input
-                aria-label={t("pages.studio.studiobuildpanels.gagent.tools.2", "GAgent tools")}
+                aria-label={t(
+                  'pages.studio.studiobuildpanels.gagent.tools.2',
+                  'GAgent tools',
+                )}
                 value={toolsDraft}
                 onChange={(event) => setToolsDraft(event.target.value)}
-                placeholder={t("pages.studio.studiobuildpanels.classify.intent.detect.language.2", "classify_intent, detect_language")}
+                placeholder={t(
+                  'pages.studio.studiobuildpanels.classify.intent.detect.language.2',
+                  'classify_intent, detect_language',
+                )}
               />
               <Space wrap size={[8, 8]}>
                 {toolTags.length > 0 ? (
@@ -3536,50 +4283,110 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
                     </Tag>
                   ))
                 ) : (
-                  <Tag>{t("pages.studio.studiobuildpanels.add.tool.2", "+ add tool")}</Tag>
+                  <Tag>
+                    {t(
+                      'pages.studio.studiobuildpanels.add.tool.2',
+                      '+ add tool',
+                    )}
+                  </Tag>
                 )}
               </Space>
             </div>
 
-            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>{t("pages.studio.studiobuildpanels.state.persistence.2", "State persistence")}</div>
+            <div style={{ ...sectionEyebrowStyle, paddingTop: 10 }}>
+              {t(
+                'pages.studio.studiobuildpanels.state.persistence.2',
+                'State persistence',
+              )}
+            </div>
             <Radio.Group
               value={persistenceMode}
               onChange={(event) => setPersistenceMode(event.target.value)}
             >
               <Space direction="vertical">
-                <Radio value="grain">{t("pages.studio.studiobuildpanels.orleans.grain.2", "Orleans grain")}</Radio>
-                <Radio value="ephemeral">{t("pages.studio.studiobuildpanels.ephemeral.2", "Ephemeral")}</Radio>
+                <Radio value="grain">
+                  {t(
+                    'pages.studio.studiobuildpanels.orleans.grain.2',
+                    'Orleans grain',
+                  )}
+                </Radio>
+                <Radio value="ephemeral">
+                  {t('pages.studio.studiobuildpanels.ephemeral.2', 'Ephemeral')}
+                </Radio>
               </Space>
             </Radio.Group>
           </div>
         </section>
 
-        <div style={{ alignItems: 'center', display: 'flex', gap: 12, justifyContent: 'space-between' }}>
+        <div
+          style={{
+            alignItems: 'center',
+            display: 'flex',
+            gap: 12,
+            justifyContent: 'space-between',
+          }}
+        >
           <Typography.Text type="secondary">
-            {t("pages.studio.studiobuildpanels.gagent.build.actor.service", "GAgent Build only defines Actor semantics. Publish the Service and Endpoint in Bind.")}</Typography.Text>
+            {t(
+              'pages.studio.studiobuildpanels.gagent.build.actor.service',
+              'GAgent Build only defines Actor semantics. Publish the Service and Endpoint in Bind.',
+            )}
+          </Typography.Text>
           <Button
             className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
             disabled={!selectedAgentKindValue}
             type="primary"
             onClick={() => onContinueToBind(currentBuildState)}
           >
-            {t("pages.studio.studiobuildpanels.continue.to.bind.6", "Continue to Bind")}</Button>
+            {t(
+              'pages.studio.studiobuildpanels.continue.to.bind.6',
+              'Continue to Bind',
+            )}
+          </Button>
         </div>
       </div>
 
       <aside style={dryRunAsideStyle}>
-        <div style={{ alignItems: 'center', display: 'flex', gap: 8, justifyContent: 'space-between' }}>
+        <div
+          style={{
+            alignItems: 'center',
+            display: 'flex',
+            gap: 8,
+            justifyContent: 'space-between',
+          }}
+        >
           <div style={{ display: 'grid', gap: 4 }}>
-            <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.dry.run.6", "Dry-run")}</div>
-            <Typography.Text strong>{t("pages.studio.studiobuildpanels.gagent.draft.run.2", "GAgent draft run")}</Typography.Text>
+            <div style={sectionEyebrowStyle}>
+              {t('pages.studio.studiobuildpanels.dry.run.6', 'Dry-run')}
+            </div>
+            <Typography.Text strong>
+              {t(
+                'pages.studio.studiobuildpanels.gagent.draft.run.2',
+                'GAgent draft run',
+              )}
+            </Typography.Text>
           </div>
-          <span style={{ ...statusTagStyle, background: '#f6ffed', color: '#237804' }}>
-            {t("pages.studio.studiobuildpanels.draft.input.3", "Draft input")}</span>
+          <span
+            style={{
+              ...statusTagStyle,
+              background: '#f6ffed',
+              color: '#237804',
+            }}
+          >
+            {t('pages.studio.studiobuildpanels.draft.input.3', 'Draft input')}
+          </span>
         </div>
         <div style={sectionDescriptionStyle}>
-          {t("pages.studio.studiobuildpanels.gagent.prompt.transcript", "Run the currently selected GAgent kind as a draft to verify that the prompt and transcript match expectations.")}</div>
+          {t(
+            'pages.studio.studiobuildpanels.gagent.prompt.transcript',
+            'Run the currently selected GAgent kind as a draft to verify that the prompt and transcript match expectations.',
+          )}
+        </div>
         <Input.TextArea
-          aria-label={t("pages.studio.studiobuildpanels.gagent.dry.run.input.2", "GAgent dry run input")}
+          aria-label={t(
+            'pages.studio.studiobuildpanels.gagent.dry.run.input.2',
+            'GAgent dry run input',
+          )}
           autoSize={{ minRows: 6, maxRows: 10 }}
           value={runPrompt}
           onChange={(event) => setRunPrompt(event.target.value)}
@@ -3592,17 +4399,26 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
             type="primary"
             onClick={() => void handleRun()}
           >
-            {t("pages.studio.studiobuildpanels.run.6", "Run")}</Button>
+            {t('pages.studio.studiobuildpanels.run.6', 'Run')}
+          </Button>
           <Button
             className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
             onClick={() =>
-              setRunPrompt('Classify this support ticket, keep the member state, and decide whether to escalate.')
+              setRunPrompt(
+                'Classify this support ticket, keep the member state, and decide whether to escalate.',
+              )
             }
           >
-            {t("pages.studio.studiobuildpanels.load.sample.input.3", "Load sample input")}</Button>
+            {t(
+              'pages.studio.studiobuildpanels.load.sample.input.3',
+              'Load sample input',
+            )}
+          </Button>
         </Space>
         <div>
-          <div style={sectionEyebrowStyle}>{t("pages.studio.studiobuildpanels.output.6", "Output")}</div>
+          <div style={sectionEyebrowStyle}>
+            {t('pages.studio.studiobuildpanels.output.6', 'Output')}
+          </div>
           <pre style={dryRunOutputStyle}>{renderRunOutput(runState)}</pre>
         </div>
         {getGAgentDraftRunRecoveryText(runState) ? (
@@ -3610,10 +4426,19 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
             showIcon
             message={
               runState.status === 'error'
-                ? t("pages.studio.studiobuildpanels.build.dry.run.needs.attention", "Build dry-run needs attention")
+                ? t(
+                    'pages.studio.studiobuildpanels.build.dry.run.needs.attention',
+                    'Build dry-run needs attention',
+                  )
                 : runState.status === 'success'
-                  ? t("pages.studio.studiobuildpanels.build.dry.run.ready", "Build dry-run is ready")
-                  : t("pages.studio.studiobuildpanels.build.dry.run.running", "Build dry-run is running")
+                  ? t(
+                      'pages.studio.studiobuildpanels.build.dry.run.ready',
+                      'Build dry-run is ready',
+                    )
+                  : t(
+                      'pages.studio.studiobuildpanels.build.dry.run.running',
+                      'Build dry-run is running',
+                    )
             }
             description={getGAgentDraftRunRecoveryText(runState)}
             type={runState.status === 'error' ? 'warning' : 'info'}
@@ -3621,8 +4446,15 @@ export const StudioGAgentBuildPanel: React.FC<StudioGAgentBuildPanelProps> = ({
         ) : null}
         {renderRunSummary(runState) ? (
           <details style={dryRunDebugDetailsStyle}>
-            <summary style={dryRunDebugSummaryStyle}>{t("pages.studio.studiobuildpanels.debug.details.4", "Debug details")}</summary>
-            <pre style={{ ...dryRunSummaryStyle, marginTop: 10 }}>{renderRunSummary(runState)}</pre>
+            <summary style={dryRunDebugSummaryStyle}>
+              {t(
+                'pages.studio.studiobuildpanels.debug.details.4',
+                'Debug details',
+              )}
+            </summary>
+            <pre style={{ ...dryRunSummaryStyle, marginTop: 10 }}>
+              {renderRunSummary(runState)}
+            </pre>
           </details>
         ) : null}
       </aside>
@@ -3638,30 +4470,41 @@ export type StudioBuildModeCard = {
   readonly disabled?: boolean;
 };
 
-export function getDefaultBuildModeCards(scriptsEnabled: boolean): readonly StudioBuildModeCard[] {
+export function getDefaultBuildModeCards(
+  scriptsEnabled: boolean,
+): readonly StudioBuildModeCard[] {
   return [
     {
       key: 'workflow',
       label: 'Workflow',
-      description:
-        t("pages.studio.studiobuildpanels.compose.steps.as.dag.best.2", "Compose steps as a DAG. Best when the flow is known and parallel fan-out matters."),
+      description: t(
+        'pages.studio.studiobuildpanels.compose.steps.as.dag.best.2',
+        'Compose steps as a DAG. Best when the flow is known and parallel fan-out matters.',
+      ),
       hint: 'When · Multiple agents hand off predictably',
     },
     {
       key: 'script',
       label: 'Script',
-      description:
-        t("pages.studio.studiobuildpanels.write.typed.script.that.handles.2", "Write a typed script that handles deterministic business logic and code-level branches."),
+      description: t(
+        'pages.studio.studiobuildpanels.write.typed.script.that.handles.2',
+        'Write a typed script that handles deterministic business logic and code-level branches.',
+      ),
       hint: scriptsEnabled
         ? 'When · You need code-level control'
-        : t("pages.studio.studiobuildpanels.copy.3", "Script capability is not enabled in the current environment."),
+        : t(
+            'pages.studio.studiobuildpanels.copy.3',
+            'Script capability is not enabled in the current environment.',
+          ),
       disabled: !scriptsEnabled,
     },
     {
       key: 'gagent',
       label: 'GAgent',
-      description:
-        t("pages.studio.studiobuildpanels.wire.typed.gagent.actor.with.2", "Wire a GAgent kind actor with long-lived state. Best when one member owns durable behavior."),
+      description: t(
+        'pages.studio.studiobuildpanels.wire.typed.gagent.actor.with.2',
+        'Wire a GAgent kind actor with long-lived state. Best when one member owns durable behavior.',
+      ),
       hint: 'When · State lives with one agent',
     },
   ];
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioExecutionPage.test.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioExecutionPage.test.tsx
index 97c0b66770..8613bb3bb9 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioExecutionPage.test.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioExecutionPage.test.tsx
@@ -3,6 +3,17 @@ import { setLocale } from '@umijs/max';
 import React from 'react';
 import { StudioExecutionPage } from './StudioWorkbenchSections';
 
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
 jest.mock('@/shared/graphs/GraphCanvas', () => ({
   __esModule: true,
   default: () => {
@@ -128,6 +139,7 @@ function createBaseProps(overrides = {}) {
 
 describe('StudioExecutionPage', () => {
   beforeEach(() => {
+    jest.clearAllMocks();
     setLocale('zh-CN', false);
   });
 
@@ -165,12 +177,69 @@ describe('StudioExecutionPage', () => {
     expect(screen.getByText('人工回放')).toBeInTheDocument();
     expect(screen.getByText('观察事实')).toBeInTheDocument();
     expect(screen.getByText('运行中')).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: '停止运行' })).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: '停止运行' }),
+    ).toBeInTheDocument();
     expect(screen.getByText('执行日志')).toBeInTheDocument();
     expect(screen.getByLabelText('选择运行记录')).toBeInTheDocument();
     expect(screen.getByText('Graph canvas')).toBeInTheDocument();
   });
 
+  it('does not show the manual input label for human_input interactions', () => {
+    const baseProps = createBaseProps();
+
+    render(
+      React.createElement(
+        StudioExecutionPage,
+        createBaseProps({
+          selectedExecution: {
+            ...baseProps.selectedExecution,
+            data: {
+              ...baseProps.selectedExecution.data,
+              frames: [
+                {
+                  receivedAtUtc: '2026-03-18T00:00:01Z',
+                  payload: JSON.stringify({
+                    custom: {
+                      name: 'aevatar.step.request',
+                      payload: {
+                        stepId: 'triage',
+                        stepType: 'human_input',
+                        targetRole: 'support',
+                        input: 'Collect the missing details.',
+                      },
+                    },
+                  }),
+                },
+                {
+                  receivedAtUtc: '2026-03-18T00:00:02Z',
+                  payload: JSON.stringify({
+                    custom: {
+                      name: 'aevatar.human_input.request',
+                      payload: {
+                        runId: 'execution-1',
+                        stepId: 'triage',
+                        suspensionType: 'human_input',
+                        prompt: 'Enter the missing information.',
+                        variableName: 'missing_details',
+                      },
+                    },
+                  }),
+                },
+              ],
+            },
+          },
+        }) as any,
+      ),
+    );
+
+    expect(screen.queryByText('等待人工输入')).toBeNull();
+    expect(screen.queryByText('Waiting for manual input')).toBeNull();
+    expect(
+      screen.getAllByText('Enter the missing information.').length,
+    ).toBeGreaterThan(0);
+  });
+
   it('shows selected execution context without exposing the actor id', async () => {
     const writeText = jest.fn().mockResolvedValue(undefined);
     Object.defineProperty(window.navigator, 'clipboard', {
@@ -178,24 +247,26 @@ describe('StudioExecutionPage', () => {
       value: { writeText },
     });
 
-    render(
-      React.createElement(StudioExecutionPage, createBaseProps() as any),
-    );
+    render(React.createElement(StudioExecutionPage, createBaseProps() as any));
 
     expect(screen.queryByText('Actor ID')).toBeNull();
     expect(screen.queryByText('actor-1')).toBeNull();
-    expect(screen.queryByRole('button', { name: '复制 Actor ID。' })).toBeNull();
+    expect(
+      screen.queryByRole('button', { name: '复制 Actor ID。' }),
+    ).toBeNull();
     expect(writeText).not.toHaveBeenCalled();
   });
 
   it('surfaces approval playback details from the selected execution trace', () => {
-    render(
-      React.createElement(StudioExecutionPage, createBaseProps() as any),
-    );
+    render(React.createElement(StudioExecutionPage, createBaseProps() as any));
 
-    expect(screen.getAllByText('triage waiting for approval').length).toBeGreaterThan(0);
+    expect(
+      screen.getAllByText('triage waiting for approval').length,
+    ).toBeGreaterThan(0);
     expect(screen.getAllByText('triage approved').length).toBeGreaterThan(0);
-    expect(screen.getAllByText('Need L2 approval before refund.').length).toBeGreaterThan(0);
+    expect(
+      screen.getAllByText('Need L2 approval before refund.').length,
+    ).toBeGreaterThan(0);
   });
 
   it('allows sending a signal when the selected run is waiting on wait_signal', async () => {
@@ -318,4 +389,27 @@ describe('StudioExecutionPage', () => {
 
     expect(screen.getByText('Select a member to observe.')).toBeInTheDocument();
   });
+
+  it('reports execution action failures with a safe toast', async () => {
+    render(
+      React.createElement(
+        StudioExecutionPage,
+        createBaseProps({
+          executionNotice: {
+            message: 'POST /api/runs/stop returned 500',
+            type: 'error',
+          },
+        }) as any,
+      ),
+    );
+
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        '无法完成运行操作，请重试。',
+      );
+    });
+    expect(
+      screen.queryByText('POST /api/runs/stop returned 500'),
+    ).not.toBeInTheDocument();
+  });
 });
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioFilesDetailPane.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioFilesDetailPane.tsx
index 34703df729..46b8aecc43 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioFilesDetailPane.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioFilesDetailPane.tsx
@@ -23,6 +23,7 @@ import type {
   StudioWorkflowSummary,
 } from '@/shared/studio/models';
 import type { ScopedScriptDetail } from '@/shared/studio/scriptsModels';
+import ConsoleOperationNotice from '@/shared/ui/ConsoleOperationNotice';
 import { describeError } from '@/shared/ui/errorText';
 import {
   AEVATAR_INTERACTIVE_BUTTON_CLASS,
@@ -1090,9 +1091,13 @@ const StudioFilesDetailPane: React.FC<Props> = ({
           </div>
         </div>
 
-        {roleNotice ? (
-          <Alert type={roleNotice.type} showIcon message={roleNotice.message} />
-        ) : null}
+        <ConsoleOperationNotice
+          errorMessage={t(
+            'pages.studio.studiofilesdetailpane.roleSaveFailed',
+            'Could not save role catalog. Try again.',
+          )}
+          notice={roleNotice}
+        />
 
         {roles.isError ? (
           <Alert
@@ -1420,13 +1425,13 @@ const StudioFilesDetailPane: React.FC<Props> = ({
           </div>
         </div>
 
-        {connectorNotice ? (
-          <Alert
-            type={connectorNotice.type}
-            showIcon
-            message={connectorNotice.message}
-          />
-        ) : null}
+        <ConsoleOperationNotice
+          errorMessage={t(
+            'pages.studio.studiofilesdetailpane.connectorSaveFailed',
+            'Could not save connector catalog. Try again.',
+          )}
+          notice={connectorNotice}
+        />
 
         {connectors.isError ? (
           <Alert
@@ -2251,9 +2256,13 @@ const StudioFilesDetailPane: React.FC<Props> = ({
             />
           ) : null}
 
-          {chatNotice ? (
-            <Alert type={chatNotice.type} showIcon message={chatNotice.message} />
-          ) : null}
+          <ConsoleOperationNotice
+            errorMessage={t(
+              'pages.studio.studiofilesdetailpane.conversationDeleteFailed',
+              'Could not delete conversation. Try again.',
+            )}
+            notice={chatNotice}
+          />
 
           {selectedConversationMessages.isLoading ? (
             <div style={emptyCardStyle}>{t("pages.studio.studiofilesdetailpane.loading.conversation", "Loading conversation...")}</div>
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.test.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.test.tsx
index 12f524888d..604c1212f7 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.test.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.test.tsx
@@ -283,6 +283,35 @@ describe('StudioFilesPage', () => {
     jest.restoreAllMocks();
   });
 
+  it('renders tree skeletons for loading workflow and script folders', async () => {
+    (scriptsApi.listScripts as jest.Mock).mockImplementationOnce(
+      () => new Promise(() => {}),
+    );
+    const props = createProps({
+      workflows: {
+        isLoading: true,
+        isError: false,
+        error: null,
+        data: undefined,
+      },
+    });
+
+    renderWithQueryClient(React.createElement(StudioFilesPage, props));
+
+    const loadingFolders = await screen.findAllByRole('status');
+    expect(loadingFolders).toHaveLength(2);
+    for (const folder of loadingFolders) {
+      expect(folder).toHaveAttribute('data-list-layout', 'tree');
+      expect(folder).toHaveAttribute('data-variant', 'list');
+    }
+    expect(screen.getByText('Loading workflows...')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+    expect(screen.getByText('Loading scripts...')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+  });
+
   it('does not expose host provider settings as an editable file', () => {
     const props = createProps();
 
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.tsx
index 451d853510..aa6453ffe1 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.tsx
@@ -33,6 +33,7 @@ import {
   stretchColumnStyle,
 } from '@/shared/ui/proComponents';
 import { AEVATAR_INTERACTIVE_BUTTON_CLASS } from '@/shared/ui/interactionStandards';
+import AevatarContentSkeleton from '@/shared/ui/AevatarContentSkeleton';
 import StudioFilesDetailPane from './StudioFilesDetailPane';
 import {
   formatConsoleMessage,
@@ -643,7 +644,17 @@ const StudioFilesPage: React.FC<StudioFilesPageProps> = ({
                 onToggle={() => setWorkflowsOpen((current) => !current)}
               />
               {workflowsOpen ? (
-                filteredWorkflows.length > 0 ? (
+                workflows.isLoading ? (
+                  <AevatarContentSkeleton
+                    ariaLabel={t(
+                      "pages.studio.studiofilespage.loading.workflows",
+                      "Loading workflows",
+                    )}
+                    listLayout="tree"
+                    rows={3}
+                    variant="list"
+                  />
+                ) : filteredWorkflows.length > 0 ? (
                   filteredWorkflows.map((workflow) => (
                     <TreeRow
                       key={workflow.workflowId}
@@ -680,7 +691,17 @@ const StudioFilesPage: React.FC<StudioFilesPageProps> = ({
                   />
                   {scriptsOpen ? (
                     scopeId ? (
-                      filteredScripts.length > 0 ? (
+                      scripts.isLoading ? (
+                        <AevatarContentSkeleton
+                          ariaLabel={t(
+                            "pages.studio.studiofilespage.loading.scripts",
+                            "Loading scripts",
+                          )}
+                          listLayout="tree"
+                          rows={3}
+                          variant="list"
+                        />
+                      ) : filteredScripts.length > 0 ? (
                         filteredScripts.map((detail, index) => (
                           <TreeRow
                             key={detail.script?.scriptId}
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.test.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.test.tsx
index 8b6808e852..152ceaf44c 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.test.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.test.tsx
@@ -1,20 +1,19 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import React from 'react';
-import type { StudioNodeInspectorDraft } from '@/shared/studio/document';
-import type {
-  StudioGraphRole,
-  StudioGraphStep,
-} from '@/shared/studio/graph';
-import type {
-  StudioConnectorDefinition,
-  StudioRoleDefinition,
-  StudioValidationFinding,
-} from '@/shared/studio/models';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import * as React from 'react';
 import StudioInspectorPane from './StudioInspectorPane';
 
-type InspectorProps = React.ComponentProps<typeof StudioInspectorPane>;
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
 
-const workflowRole: StudioGraphRole = {
+const workflowRole = {
   id: 'assistant',
   name: 'Assistant',
   provider: 'openai',
@@ -23,16 +22,16 @@ const workflowRole: StudioGraphRole = {
   connectors: ['search'],
 };
 
-const workflowStep: StudioGraphStep = {
+const workflowStep = {
   id: 'review_step',
-  type: 'connector_call',
+  type: 'connector_call' as const,
   targetRole: 'assistant',
   parameters: { connector: 'search', query: 'hello' },
   next: 'publish_step',
   branches: { retry: 'retry_step' },
 };
 
-const connector: StudioConnectorDefinition = {
+const connector = {
   name: 'search',
   type: 'http',
   enabled: true,
@@ -40,7 +39,7 @@ const connector: StudioConnectorDefinition = {
   retry: 0,
 };
 
-const savedRole: StudioRoleDefinition = {
+const savedRole = {
   id: 'assistant_catalog',
   name: 'Catalog assistant',
   provider: 'openai',
@@ -49,11 +48,11 @@ const savedRole: StudioRoleDefinition = {
   connectors: ['search'],
 };
 
-function createBaseProps(
-  overrides: Partial<InspectorProps> = {},
-): InspectorProps {
-  const nodeInspectorDraft: StudioNodeInspectorDraft = {
-    kind: 'step',
+function createBaseProps<const Overrides extends object>(
+  overrides?: Overrides,
+) {
+  const nodeInspectorDraft = {
+    kind: 'step' as const,
     id: 'review_step',
     type: 'connector_call',
     targetRole: 'assistant',
@@ -64,7 +63,7 @@ function createBaseProps(
 
   return {
     draftYaml: 'name: studio_demo\nsteps:\n  - id: review_step\n',
-    inspectorTab: 'yaml',
+    inspectorTab: 'yaml' as const,
     workflowRoleIds: ['assistant'],
     workflowStepIds: ['review_step', 'publish_step', 'retry_step'],
     workflowRoles: [workflowRole],
@@ -81,7 +80,8 @@ function createBaseProps(
     validationFindings: [],
     parsedWorkflowName: 'studio_demo',
     activeWorkflowName: 'studio_demo',
-    activeWorkflowDescription: 'A demo workflow used for Studio inspector tests.',
+    activeWorkflowDescription:
+      'A demo workflow used for Studio inspector tests.',
     onSetInspectorTab: jest.fn(),
     onSetDraftYaml: jest.fn(),
     onValidateDraft: jest.fn(),
@@ -95,15 +95,19 @@ function createBaseProps(
     onDeleteWorkflowRole: jest.fn(),
     onDeleteStep: jest.fn(),
     onResetSelectedNode: jest.fn(),
-    ...overrides,
+    ...(overrides ?? {}),
   };
 }
 
 describe('StudioInspectorPane', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
   it('renders the YAML summary and validation digest', () => {
-    const validationFindings: StudioValidationFinding[] = [
+    const validationFindings = [
       {
-        level: 'warning',
+        level: 'warning' as const,
         path: '/steps/0',
         code: 'step-warning',
         message: 'Step should define a more specific timeout.',
@@ -125,7 +129,9 @@ describe('StudioInspectorPane', () => {
         'Edit the source document directly, then validate it before saving or running.',
       ),
     ).not.toBeInTheDocument();
-    expect(screen.getAllByRole('button', { name: 'Show help' }).length).toBeGreaterThan(0);
+    expect(
+      screen.getAllByRole('button', { name: 'Show help' }).length,
+    ).toBeGreaterThan(0);
     expect(screen.getByText('Validation digest')).toBeInTheDocument();
     expect(screen.getByText('1 validation finding(s)')).toBeInTheDocument();
     expect(screen.getByText('Parsed workflow')).toBeInTheDocument();
@@ -197,11 +203,40 @@ describe('StudioInspectorPane', () => {
       />,
     );
 
-    expect(screen.getByText('Unexpected end of JSON input')).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Apply node changes' })).toBeDisabled();
+    expect(
+      screen.getByText('Unexpected end of JSON input'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Apply node changes' }),
+    ).toBeDisabled();
 
     fireEvent.click(screen.getByRole('button', { name: 'Apply node changes' }));
 
     expect(onApplyNodeChanges).not.toHaveBeenCalled();
   });
+
+  it('reports node action failures with a safe toast', async () => {
+    render(
+      <StudioInspectorPane
+        {...createBaseProps({
+          inspectorNotice: {
+            message: 'PATCH /api/studio/node returned 500',
+            type: 'error',
+          },
+          inspectorTab: 'node',
+          selectedGraphStep: workflowStep,
+        })}
+      />,
+    );
+
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledTimes(1);
+    });
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(
+      'PATCH /api/studio/node returned 500',
+    );
+    expect(
+      screen.queryByText('PATCH /api/studio/node returned 500'),
+    ).not.toBeInTheDocument();
+  });
 });
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.tsx
index 10de5ac5da..1561400245 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioInspectorPane.tsx
@@ -34,6 +34,7 @@ import {
   summaryMetricValueStyle,
 } from '@/shared/ui/proComponents';
 import { AevatarHelpTooltip } from '@/shared/ui/aevatarPageShells';
+import ConsoleOperationNotice from '@/shared/ui/ConsoleOperationNotice';
 import { t } from "@/shared/i18n/messages";
 
 type StudioInspectorTab = 'node' | 'roles' | 'yaml';
@@ -446,16 +447,12 @@ function renderInspectorNotice(
   }
 
   return (
-    <NoticePanel
-      type={inspectorNotice.type}
-      title={
-        inspectorNotice.type === 'success'
-          ? 'Node changes applied'
-          : inspectorNotice.type === 'warning'
-            ? 'Node changes applied with warnings'
-            : 'Node changes failed'
-      }
-      description={inspectorNotice.message}
+    <ConsoleOperationNotice
+      errorMessage={t(
+        'pages.studio.studioinspectorpane.nodeActionFailed',
+        'Could not apply node changes. Try again.',
+      )}
+      notice={inspectorNotice}
     />
   );
 }
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.test.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.test.tsx
index 4c378c02b8..9a4bdcfa59 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.test.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.test.tsx
@@ -1,31 +1,23 @@
 import { AGUIEventType } from '@aevatar-react-sdk/types';
-import {
-  fireEvent,
-  render,
-  screen,
-  waitFor,
-} from '@testing-library/react';
-import { message } from 'antd';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import React from 'react';
 import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
 import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
 import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
-import { createIdleInvokeResult } from './StudioMemberInvokePanel.currentRun';
-import StudioMemberInvokePanel from './StudioMemberInvokePanel';
 import StudioMemberInvokeHistoryPanel from './StudioMemberInvokeHistoryPanel';
+import StudioMemberInvokePanel from './StudioMemberInvokePanel';
+import { createIdleInvokeResult } from './StudioMemberInvokePanel.currentRun';
 
-jest.mock('antd', () => {
-  const actual = jest.requireActual('antd');
-  return {
-    ...actual,
-    message: {
-      ...actual.message,
-      info: jest.fn(),
-      success: jest.fn(),
-      warning: jest.fn(),
-    },
-  };
-});
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
 
 jest.mock('@/shared/api/runtimeRunsApi', () => ({
   runtimeRunsApi: {
@@ -257,7 +249,9 @@ describe('StudioMemberInvokePanel', () => {
     expect(screen.queryByText('最新输出')).toBeNull();
     expect(screen.queryByText('调用契约')).toBeNull();
     expect(screen.queryByText('Run diagnostics')).toBeNull();
-    expect(screen.queryByTestId('studio-invoke-selected-run-detail')).toBeNull();
+    expect(
+      screen.queryByTestId('studio-invoke-selected-run-detail'),
+    ).toBeNull();
   });
 
   it('keeps prompt validation local and does not create a failed run for empty chat input', async () => {
@@ -288,9 +282,13 @@ describe('StudioMemberInvokePanel', () => {
       }),
     );
 
-    fireEvent.click(await screen.findByRole('button', { name: 'Run workflow' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Run workflow' }),
+    );
 
-    expect(await screen.findByText('Enter a request before running this workflow.')).toBeTruthy();
+    expect(
+      await screen.findByText('Enter a request before running this workflow.'),
+    ).toBeTruthy();
     expect(runtimeRunsApi.streamEndpoint).not.toHaveBeenCalled();
     expect(screen.queryByText('调用契约')).toBeNull();
     expect(screen.queryByText('缺少提示词')).toBeNull();
@@ -324,10 +322,12 @@ describe('StudioMemberInvokePanel', () => {
       }),
     );
 
-    expect(await screen.findByTestId('studio-invoke-target-summary')).toHaveTextContent(
-      'Select an endpoint before running.',
-    );
-    expect(screen.getAllByText('Select an endpoint before running.').length).toBeGreaterThanOrEqual(1);
+    expect(
+      await screen.findByTestId('studio-invoke-target-summary'),
+    ).toHaveTextContent('Select an endpoint before running.');
+    expect(
+      screen.getAllByText('Select an endpoint before running.').length,
+    ).toBeGreaterThanOrEqual(1);
     expect(screen.getByRole('button', { name: 'Run workflow' })).toBeDisabled();
   });
 
@@ -397,7 +397,9 @@ describe('StudioMemberInvokePanel', () => {
       }),
     );
 
-    const targetSummary = await screen.findByTestId('studio-invoke-target-summary');
+    const targetSummary = await screen.findByTestId(
+      'studio-invoke-target-summary',
+    );
     expect(targetSummary).toHaveTextContent(
       'Extremely long member display name that should truncate visually but remain available on hover',
     );
@@ -410,15 +412,17 @@ describe('StudioMemberInvokePanel', () => {
     );
     expect(targetSummary).not.toHaveTextContent('(chat)');
     expect(targetSummary).not.toHaveTextContent('Member:');
-    expect(targetSummary).not.toHaveTextContent('Service: workspace-demo-service');
+    expect(targetSummary).not.toHaveTextContent(
+      'Service: workspace-demo-service',
+    );
     expect(targetSummary).not.toHaveTextContent('Workflow');
     expect(targetSummary).not.toHaveTextContent('Team: team-1');
-    expect(screen.getByTestId('studio-invoke-member-run-workbench')).toBeTruthy();
+    expect(
+      screen.getByTestId('studio-invoke-member-run-workbench'),
+    ).toBeTruthy();
     expect(screen.getByText('Launch run')).toBeTruthy();
     expect(
-      screen.getByText(
-        'One input creates one isolated run.',
-      ),
+      screen.getByText('One input creates one isolated run.'),
     ).toBeTruthy();
     expect(screen.getByText('Run launcher')).toBeTruthy();
     expect(screen.getByLabelText('Run input')).toBeTruthy();
@@ -430,7 +434,9 @@ describe('StudioMemberInvokePanel', () => {
     ).toBeTruthy();
     expect(screen.getByRole('button', { name: 'Start run' })).toBeTruthy();
     expect(screen.queryByRole('button', { name: 'Run workflow' })).toBeNull();
-    expect(screen.getByRole('button', { name: 'Technical details' })).toBeTruthy();
+    expect(
+      screen.getByRole('button', { name: 'Technical details' }),
+    ).toBeTruthy();
     expect(screen.getByTestId('studio-invoke-target-actions')).toHaveStyle({
       flex: '0 1 auto',
       flexWrap: 'wrap',
@@ -440,7 +446,9 @@ describe('StudioMemberInvokePanel', () => {
     expect(screen.queryByRole('button', { name: 'Details' })).toBeNull();
     expect(screen.getByText('Current run')).toBeTruthy();
     expect(screen.getByText('No run result yet')).toBeTruthy();
-    expect(screen.getByText('Start a run to see the result here.')).toBeTruthy();
+    expect(
+      screen.getByText('Start a run to see the result here.'),
+    ).toBeTruthy();
     expect(screen.queryByText('New run')).toBeNull();
     expect(screen.queryByText('Run result')).toBeNull();
     expect(screen.queryByText('Observe handoff')).toBeNull();
@@ -452,28 +460,33 @@ describe('StudioMemberInvokePanel', () => {
     });
     fireEvent.click(screen.getByRole('button', { name: 'Start run' }));
 
-    expect((await screen.findAllByText('Member-run answer')).length).toBeGreaterThanOrEqual(1);
-    expect(screen.getByTestId('studio-invoke-observe-handoff')).toHaveTextContent(
+    expect(
+      (await screen.findAllByText('Member-run answer')).length,
+    ).toBeGreaterThanOrEqual(1);
+    expect(
+      screen.getByTestId('studio-invoke-observe-handoff'),
+    ).toHaveTextContent(
       'This run is ready for Observe. Switch to Observe when you need backend events, audit frames, or the runtime trail for this member.',
     );
   });
 
   it('locks the member-run input and keeps the submitted task visible while a run is in progress', async () => {
     (runtimeRunsApi.streamEndpoint as jest.Mock).mockResolvedValue({});
-    (parseBackendSSEStream as jest.Mock).mockImplementation(
-      async function* (_response, options?: { signal?: AbortSignal }) {
-        await new Promise<void>((resolve) => {
-          if (options?.signal?.aborted) {
-            resolve();
-            return;
-          }
-
-          options?.signal?.addEventListener('abort', () => resolve(), {
-            once: true,
-          });
+    (parseBackendSSEStream as jest.Mock).mockImplementation(async function* (
+      _response,
+      options?: { signal?: AbortSignal },
+    ) {
+      await new Promise<void>((resolve) => {
+        if (options?.signal?.aborted) {
+          resolve();
+          return;
+        }
+
+        options?.signal?.addEventListener('abort', () => resolve(), {
+          once: true,
         });
-      },
-    );
+      });
+    });
 
     render(
       React.createElement(StudioMemberInvokePanel, {
@@ -549,20 +562,21 @@ describe('StudioMemberInvokePanel', () => {
   it('sends member-run attachments through the selected stream endpoint', async () => {
     const image = new File(['image-bytes'], 'cat.png', { type: 'image/png' });
     (runtimeRunsApi.streamEndpoint as jest.Mock).mockResolvedValue({});
-    (parseBackendSSEStream as jest.Mock).mockImplementation(
-      async function* (_response, options?: { signal?: AbortSignal }) {
-        await new Promise<void>((resolve) => {
-          if (options?.signal?.aborted) {
-            resolve();
-            return;
-          }
-
-          options?.signal?.addEventListener('abort', () => resolve(), {
-            once: true,
-          });
+    (parseBackendSSEStream as jest.Mock).mockImplementation(async function* (
+      _response,
+      options?: { signal?: AbortSignal },
+    ) {
+      await new Promise<void>((resolve) => {
+        if (options?.signal?.aborted) {
+          resolve();
+          return;
+        }
+
+        options?.signal?.addEventListener('abort', () => resolve(), {
+          once: true,
         });
-      },
-    );
+      });
+    });
 
     render(
       React.createElement(StudioMemberInvokePanel, {
@@ -601,9 +615,9 @@ describe('StudioMemberInvokePanel', () => {
         files: [image],
       },
     });
-    expect(screen.getByTestId('studio-invoke-attachment-chip')).toHaveTextContent(
-      'cat.png',
-    );
+    expect(
+      screen.getByTestId('studio-invoke-attachment-chip'),
+    ).toHaveTextContent('cat.png');
 
     fireEvent.change(screen.getByLabelText('Run input'), {
       target: {
@@ -627,12 +641,12 @@ describe('StudioMemberInvokePanel', () => {
       );
     });
 
-    expect(screen.getByTestId('studio-invoke-submitted-input-receipt')).toHaveTextContent(
-      'Files: cat.png',
-    );
-    expect(screen.getByTestId('studio-invoke-attachment-chip')).toHaveTextContent(
-      'cat.png',
-    );
+    expect(
+      screen.getByTestId('studio-invoke-submitted-input-receipt'),
+    ).toHaveTextContent('Files: cat.png');
+    expect(
+      screen.getByTestId('studio-invoke-attachment-chip'),
+    ).toHaveTextContent('cat.png');
 
     fireEvent.click(screen.getByRole('button', { name: 'Stop run' }));
   });
@@ -684,7 +698,9 @@ describe('StudioMemberInvokePanel', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Start run' }));
 
     expect(
-      await screen.findByText('Remove empty file empty.png before starting the run.'),
+      await screen.findByText(
+        'Remove empty file empty.png before starting the run.',
+      ),
     ).toBeTruthy();
     expect(runtimeRunsApi.streamEndpoint).not.toHaveBeenCalled();
   });
@@ -751,8 +767,12 @@ describe('StudioMemberInvokePanel', () => {
       );
     });
 
-    expect((await screen.findAllByText(/핵심 단어로 나누면/)).length).toBeGreaterThanOrEqual(1);
-    expect(screen.getByTestId('studio-invoke-observe-handoff')).toHaveTextContent(
+    expect(
+      (await screen.findAllByText(/핵심 단어로 나누면/)).length,
+    ).toBeGreaterThanOrEqual(1);
+    expect(
+      screen.getByTestId('studio-invoke-observe-handoff'),
+    ).toHaveTextContent(
       'This run is ready for Observe. Switch to Observe when you need backend events, audit frames, or the runtime trail for this member.',
     );
     expect(Element.prototype.scrollTo).toHaveBeenCalledWith(
@@ -777,9 +797,9 @@ describe('StudioMemberInvokePanel', () => {
     expect(screen.getByText(/빠른 요약/)).toBeTruthy();
     expect(screen.queryByText('可以拆成这些重点词：')).toBeNull();
     expect(screen.getByText('Latest response')).toBeTruthy();
-    expect(screen.getByTestId('studio-invoke-run-status-summary')).toHaveTextContent(
-      'Succeeded',
-    );
+    expect(
+      screen.getByTestId('studio-invoke-run-status-summary'),
+    ).toHaveTextContent('Succeeded');
   });
 
   it('shows workflow node logs on Invoke runs instead of surfacing transient response chunks', async () => {
@@ -794,7 +814,8 @@ describe('StudioMemberInvokePanel', () => {
     Object.defineProperty(HTMLElement.prototype, 'clientHeight', {
       configurable: true,
       get() {
-        return this.getAttribute('data-testid') === 'studio-invoke-run-log-scroll'
+        return this.getAttribute('data-testid') ===
+          'studio-invoke-run-log-scroll'
           ? 120
           : 0;
       },
@@ -802,51 +823,54 @@ describe('StudioMemberInvokePanel', () => {
     Object.defineProperty(HTMLElement.prototype, 'scrollHeight', {
       configurable: true,
       get() {
-        return this.getAttribute('data-testid') === 'studio-invoke-run-log-scroll'
+        return this.getAttribute('data-testid') ===
+          'studio-invoke-run-log-scroll'
           ? 480
           : 0;
       },
     });
     try {
       (runtimeRunsApi.streamEndpoint as jest.Mock).mockResolvedValue({});
-      (parseBackendSSEStream as jest.Mock).mockImplementation(async function* () {
-        yield {
-          runId: 'run-node-log',
-          threadId: 'actor-node-log',
-          timestamp: Date.parse('2026-06-08T00:00:00Z'),
-          type: AGUIEventType.RUN_STARTED,
-        };
-        yield {
-          name: 'aevatar.step.request',
-          payload: {
-            input: 'Classify ticket severity',
-            stepId: 'triage-ticket',
-            stepType: 'llm_call',
-            targetRole: 'support-analyst',
-          },
-          timestamp: Date.parse('2026-06-08T00:00:01Z'),
-          type: AGUIEventType.CUSTOM,
-        };
-        yield {
-          delta: 'Thinking through severity...',
-          type: AGUIEventType.TEXT_MESSAGE_CONTENT,
-        };
-        yield {
-          name: 'aevatar.step.completed',
-          payload: {
-            output: 'Severity: high',
-            stepId: 'triage-ticket',
-            success: true,
-          },
-          timestamp: Date.parse('2026-06-08T00:00:02Z'),
-          type: AGUIEventType.CUSTOM,
-        };
-        yield {
-          result: 'Final answer: route to priority support.',
-          timestamp: Date.parse('2026-06-08T00:00:03Z'),
-          type: AGUIEventType.RUN_FINISHED,
-        };
-      });
+      (parseBackendSSEStream as jest.Mock).mockImplementation(
+        async function* () {
+          yield {
+            runId: 'run-node-log',
+            threadId: 'actor-node-log',
+            timestamp: Date.parse('2026-06-08T00:00:00Z'),
+            type: AGUIEventType.RUN_STARTED,
+          };
+          yield {
+            name: 'aevatar.step.request',
+            payload: {
+              input: 'Classify ticket severity',
+              stepId: 'triage-ticket',
+              stepType: 'llm_call',
+              targetRole: 'support-analyst',
+            },
+            timestamp: Date.parse('2026-06-08T00:00:01Z'),
+            type: AGUIEventType.CUSTOM,
+          };
+          yield {
+            delta: 'Thinking through severity...',
+            type: AGUIEventType.TEXT_MESSAGE_CONTENT,
+          };
+          yield {
+            name: 'aevatar.step.completed',
+            payload: {
+              output: 'Severity: high',
+              stepId: 'triage-ticket',
+              success: true,
+            },
+            timestamp: Date.parse('2026-06-08T00:00:02Z'),
+            type: AGUIEventType.CUSTOM,
+          };
+          yield {
+            result: 'Final answer: route to priority support.',
+            timestamp: Date.parse('2026-06-08T00:00:03Z'),
+            type: AGUIEventType.RUN_FINISHED,
+          };
+        },
+      );
 
       render(
         React.createElement(StudioMemberInvokePanel, {
@@ -906,7 +930,9 @@ describe('StudioMemberInvokePanel', () => {
       expect(nodeDetails).toHaveAttribute('open');
       expect(runLogs).toHaveTextContent('Classify ticket severity');
       expect(runLogs).toHaveTextContent('Severity: high');
-      expect(await screen.findByText('Final answer: route to priority support.')).toBeTruthy();
+      expect(
+        await screen.findByText('Final answer: route to priority support.'),
+      ).toBeTruthy();
       expect(screen.queryByText('Thinking through severity...')).toBeNull();
     } finally {
       if (originalClientHeightDescriptor) {
@@ -977,8 +1003,12 @@ describe('StudioMemberInvokePanel', () => {
     expect(screen.getByTestId('studio-invoke-recovery-path')).toHaveTextContent(
       'This run failed. Retry with a smaller request, open diagnostics for backend signals, or edit the member contract from its owning member surface.',
     );
-    expect(screen.getByRole('button', { name: 'Open diagnostics' })).toBeTruthy();
-    expect(screen.getByRole('button', { name: 'Retry as new run' })).toBeTruthy();
+    expect(
+      screen.getByRole('button', { name: 'Open diagnostics' }),
+    ).toBeTruthy();
+    expect(
+      screen.getByRole('button', { name: 'Retry as new run' }),
+    ).toBeTruthy();
   });
 
   it('lets Run history expand in document flow when many runs are rendered', () => {
@@ -1043,7 +1073,9 @@ describe('StudioMemberInvokePanel', () => {
     expect(
       screen.getByRole('button', { name: 'Retry as new run' }),
     ).toBeTruthy();
-    expect(screen.queryByTestId('studio-invoke-selected-run-detail')).toBeNull();
+    expect(
+      screen.queryByTestId('studio-invoke-selected-run-detail'),
+    ).toBeNull();
     expect(screen.queryByText('Member ID')).toBeNull();
   });
 
@@ -1529,7 +1561,9 @@ describe('StudioMemberInvokePanel', () => {
     });
 
     expect(await screen.findByText('Run history (1)')).toBeTruthy();
-    expect(screen.getByTestId('studio-invoke-observe-handoff')).toHaveTextContent(
+    expect(
+      screen.getByTestId('studio-invoke-observe-handoff'),
+    ).toHaveTextContent(
       'The workflow run was accepted. Switch to Observe to watch backend events and read-model materialization catch up for this member.',
     );
     expect(
@@ -1542,9 +1576,7 @@ describe('StudioMemberInvokePanel', () => {
     expect(screen.getByText('Run status')).toBeTruthy();
     expect(screen.getAllByText('Request').length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText('Response').length).toBeGreaterThanOrEqual(1);
-    expect(
-      screen.getByText('No readable response returned.'),
-    ).toBeTruthy();
+    expect(screen.getByText('No readable response returned.')).toBeTruthy();
     expect(screen.getByRole('button', { name: 'Details' })).toBeTruthy();
     expect(screen.queryByText('运行详情')).toBeNull();
     expect(screen.queryByText('最新输出')).toBeNull();
@@ -1569,7 +1601,9 @@ describe('StudioMemberInvokePanel', () => {
     expect(screen.queryByText('actor-1')).toBeNull();
     expect(screen.queryByText('Member ID')).toBeNull();
     expect(screen.getByText('Event payload')).toBeTruthy();
-    expect(screen.queryByTestId('studio-invoke-selected-run-detail')).toBeNull();
+    expect(
+      screen.queryByTestId('studio-invoke-selected-run-detail'),
+    ).toBeNull();
 
     fireEvent.click(screen.getByLabelText('Close'));
     fireEvent.click(screen.getByRole('button', { name: 'Clear' }));
@@ -1587,7 +1621,9 @@ describe('StudioMemberInvokePanel', () => {
     expect(screen.queryByText('Historical run · Read-only')).toBeNull();
     expect(screen.queryByTestId('studio-invoke-observe-handoff')).toBeNull();
     expect(screen.getByTestId('studio-invoke-diagnostics-drawer')).toBeTruthy();
-    expect(screen.getByTestId('studio-invoke-composer-guidance')).toHaveTextContent(
+    expect(
+      screen.getByTestId('studio-invoke-composer-guidance'),
+    ).toHaveTextContent(
       'Historical run is read-only. Sending this request starts a new run and fresh Observe handoff.',
     );
     expect(screen.getByRole('button', { name: 'Copy input' })).toBeTruthy();
@@ -1596,16 +1632,31 @@ describe('StudioMemberInvokePanel', () => {
     expect(
       screen.getByRole('button', { name: 'Retry as new run' }),
     ).toBeTruthy();
-    expect(screen.queryByRole('button', { name: /Continue|Resume|Edit/ })).toBeNull();
+    expect(
+      screen.queryByRole('button', { name: /Continue|Resume|Edit/ }),
+    ).toBeNull();
 
     fireEvent.click(screen.getByRole('button', { name: 'Copy input' }));
     expect(window.navigator.clipboard.writeText).toHaveBeenCalledWith(
       'Route this escalation to billing review.',
     );
-    expect(message.success).toHaveBeenCalledWith('Input copied.');
+    await waitFor(() => {
+      expect(mockConsoleToast.success).toHaveBeenCalledWith('Input copied.');
+    });
 
     expect(screen.getByRole('button', { name: 'Copy output' })).toBeDisabled();
 
+    (window.navigator.clipboard.writeText as jest.Mock).mockRejectedValueOnce(
+      new Error('Clipboard access was rejected.'),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Copy input' }));
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not copy this value.',
+      );
+    });
+    expect(mockConsoleToast.success).toHaveBeenCalledTimes(1);
+
     fireEvent.click(screen.getByRole('button', { name: 'Retry as new run' }));
     expect(screen.getByLabelText('Workflow request input')).toHaveValue(
       'Route this escalation to billing review.',
@@ -1614,7 +1665,7 @@ describe('StudioMemberInvokePanel', () => {
       behavior: 'smooth',
       block: 'start',
     });
-    expect(message.info).toHaveBeenCalledWith(
+    expect(mockConsoleToast.info).toHaveBeenCalledWith(
       'Request restored. Run workflow to create a new run.',
     );
 
@@ -1691,7 +1742,9 @@ describe('StudioMemberInvokePanel', () => {
   });
 
   it('requires base64 for non text typed payloads and sends it for structured invoke endpoints', async () => {
-    (scopeRuntimeApi.getMemberEndpointContract as jest.Mock).mockResolvedValueOnce({
+    (
+      scopeRuntimeApi.getMemberEndpointContract as jest.Mock
+    ).mockResolvedValueOnce({
       defaultSmokeInputMode: 'typed-payload',
       defaultSmokePrompt: null,
       deploymentStatus: 'Active',
@@ -1743,9 +1796,7 @@ describe('StudioMemberInvokePanel', () => {
       }),
     );
 
-    expect(
-      await screen.findByRole('button', { name: 'Details' }),
-    ).toBeTruthy();
+    expect(await screen.findByRole('button', { name: 'Details' })).toBeTruthy();
     fireEvent.click(screen.getByRole('button', { name: 'Details' }));
     expect(
       await screen.findByTestId('studio-invoke-diagnostics-drawer'),
@@ -1837,13 +1888,17 @@ describe('StudioMemberInvokePanel', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Run workflow' }));
 
     expect(await screen.findByText('Run failed')).toBeTruthy();
-    const errorNode = screen.getByText(/telegram_chats_tool_with_a_really_long/);
+    const errorNode = screen.getByText(
+      /telegram_chats_tool_with_a_really_long/,
+    );
     expect(errorNode).toHaveStyle({
       overflowWrap: 'anywhere',
       whiteSpace: 'pre-wrap',
       wordBreak: 'break-word',
     });
-    expect(screen.getByRole('button', { name: 'Open diagnostics' })).toBeTruthy();
+    expect(
+      screen.getByRole('button', { name: 'Open diagnostics' }),
+    ).toBeTruthy();
     expect(screen.getByRole('button', { name: 'Copy error' })).toBeTruthy();
     expect(
       screen.getByRole('button', { name: 'Retry as new run' }),
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.tsx
index 52dbf8121e..4e7912ceb6 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokePanel.tsx
@@ -1,5 +1,5 @@
 import { InfoCircleOutlined } from '@ant-design/icons';
-import { Alert, Button, Tooltip, message } from 'antd';
+import { Alert, Button } from 'antd';
 import React, {
   useCallback,
   useEffect,
@@ -7,6 +7,7 @@ import React, {
   useRef,
   useState,
 } from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import {
   applyRuntimeEvent,
   createRuntimeEventAccumulator,
@@ -15,6 +16,7 @@ import {
 import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
 import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
 import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import { t } from '@/shared/i18n/messages';
 import type {
   ScopeMemberEndpointContract,
   ScopeServiceEndpointContract,
@@ -33,26 +35,29 @@ import {
   type StudioMemberBindingRevision,
 } from '@/shared/studio/models';
 import type { StudioObserveSessionSeed } from '@/shared/studio/observeSession';
+import {
+  type ConsoleToastApi,
+  useConsoleToast,
+} from '@/shared/ui/ConsoleToast';
+import StudioInvokeDiagnosticsDrawer from './StudioInvokeDiagnosticsDrawer';
+import StudioMemberCurrentRunPanel from './StudioMemberCurrentRunPanel';
+import StudioMemberInvokeHistoryPanel from './StudioMemberInvokeHistoryPanel';
 import {
   buildStudioInvokeCurrentRunViewModel,
+  type CurrentRunRequest,
   cloneInvokeResult,
   createIdleInvokeResult as createIdleResult,
-  type CurrentRunRequest,
   type InvokeHistoryEntry,
   type InvokeResultState,
   type StudioInvokeChatMessage,
 } from './StudioMemberInvokePanel.currentRun';
-import StudioMemberCurrentRunPanel from './StudioMemberCurrentRunPanel';
-import StudioMemberInvokeHistoryPanel from './StudioMemberInvokeHistoryPanel';
 import { StudioMemberInvokeComposerPanel } from './StudioMemberInvokeSetupPanels';
-import StudioInvokeDiagnosticsDrawer from './StudioInvokeDiagnosticsDrawer';
 import {
   getInvokeStatusTone,
   studioInvokeColors,
   trimOptional,
   trimPreview,
 } from './studioInvokeUi';
-import { t } from "@/shared/i18n/messages";
 
 type StudioMemberInvokePanelProps = {
   readonly authoritativeEndpointContract?:
@@ -137,7 +142,9 @@ function resolveInvokeRouteTarget(input: {
     case 'member':
       return input.memberId ? { memberId: input.memberId } : {};
     case 'service':
-      return input.selectedServiceId ? { serviceId: input.selectedServiceId } : {};
+      return input.selectedServiceId
+        ? { serviceId: input.selectedServiceId }
+        : {};
     case 'team':
       return input.teamId ? { teamId: input.teamId } : {};
     default:
@@ -226,15 +233,17 @@ function renderTargetMetaItem(item: TargetMetaItem): React.ReactNode {
   const content = item.label ? `${item.label}: ${item.value}` : item.value;
 
   return (
-    <Tooltip key={item.key} placement="topLeft" title={content}>
+    <AevatarTooltip key={item.key} placement="topLeft" title={content}>
       <span style={targetMetaItemWrapStyle}>
         <span style={targetMetaItemStyle}>{content}</span>
       </span>
-    </Tooltip>
+    </AevatarTooltip>
   );
 }
 
-function renderTargetMetaItems(items: readonly TargetMetaItem[]): React.ReactNode {
+function renderTargetMetaItems(
+  items: readonly TargetMetaItem[],
+): React.ReactNode {
   return items.flatMap((item, index) => {
     const rendered = renderTargetMetaItem(item);
     return index === 0
@@ -299,20 +308,53 @@ function createPendingHistoryEntry(input: {
   };
 }
 
-function writeClipboardText(value: string, label: string): boolean {
+async function writeClipboardText(
+  value: string,
+  label: string,
+  toast: ConsoleToastApi,
+): Promise<boolean> {
   const normalized = trimOptional(value);
   if (!normalized) {
-    void message.warning(
-      t("pages.studio.studiomemberinvokepanel.no.value.available.to.copy", "No {label} available to copy.", { label }),
+    toast.warning(
+      t(
+        'pages.studio.studiomemberinvokepanel.no.value.available.to.copy',
+        'No {label} available to copy.',
+        { label },
+      ),
     );
     return false;
   }
 
-  void globalThis.navigator?.clipboard?.writeText(normalized);
-  void message.success(
-    t("pages.studio.studiomemberinvokepanel.value.copied", "{label} copied.", { label }),
-  );
-  return true;
+  const clipboard = globalThis.navigator?.clipboard;
+  if (!clipboard?.writeText) {
+    toast.error(
+      t(
+        'pages.studio.studiomemberinvokepanel.copyFailed',
+        'Could not copy this value.',
+      ),
+    );
+    return false;
+  }
+
+  try {
+    await clipboard.writeText(normalized);
+    toast.success(
+      t(
+        'pages.studio.studiomemberinvokepanel.value.copied',
+        '{label} copied.',
+        { label },
+      ),
+    );
+    return true;
+  } catch {
+    toast.error(
+      t(
+        'pages.studio.studiomemberinvokepanel.copyFailed',
+        'Could not copy this value.',
+      ),
+    );
+    return false;
+  }
 }
 
 const surfaceStyle: React.CSSProperties = {
@@ -680,6 +722,7 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
   presentation,
   targetSummaryVariant = 'default',
 }) => {
+  const toast = useConsoleToast();
   const abortControllerRef = useRef<AbortController | null>(null);
   const activeHistoryEntryIdRef = useRef('');
   const nyxIdChatBoundRef = useRef(false);
@@ -770,7 +813,7 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
   const currentMemberLabel =
     trimOptional(selectedMemberLabel) ||
     trimOptional(selectedService?.displayName) ||
-    t("pages.studio.studiomemberinvokepanel.current.member", "Member");
+    t('pages.studio.studiomemberinvokepanel.current.member', 'Member');
   const canInvoke = Boolean(
     scopeId &&
       normalizedMemberId &&
@@ -843,7 +886,7 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
     selectedEndpoint?.displayName || selectedEndpointId || '—';
   const endpointSummaryLabel =
     selectedEndpoint?.displayName ||
-    t("pages.studio.studiomemberinvokepanel.endpoint", "Endpoint");
+    t('pages.studio.studiomemberinvokepanel.endpoint', 'Endpoint');
   const invokePresentation = presentation ?? targetSummaryVariant;
   const currentImplementationKind =
     normalizeStudioMemberBindingImplementationKind(
@@ -855,12 +898,12 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
       return [
         {
           key: 'endpoint',
-          label: t("pages.studio.studiomemberinvokepanel.endpoint", "Endpoint"),
+          label: t('pages.studio.studiomemberinvokepanel.endpoint', 'Endpoint'),
           value: endpointSummaryLabel,
         },
         {
           key: 'status',
-          label: t("pages.studio.studiomemberinvokepanel.status", "Status"),
+          label: t('pages.studio.studiomemberinvokepanel.status', 'Status'),
           value: lifecycleLabel,
         },
       ];
@@ -871,26 +914,32 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
         ? [
             {
               key: 'team',
-              label: t("pages.studio.studiomemberinvokepanel.team", "Team"),
-              value: t("pages.studio.studiomemberinvokepanel.team.context", "Team context"),
+              label: t('pages.studio.studiomemberinvokepanel.team', 'Team'),
+              value: t(
+                'pages.studio.studiomemberinvokepanel.team.context',
+                'Team context',
+              ),
             },
           ]
         : []),
       {
         key: 'member',
-        label: t("pages.studio.studiomemberinvokepanel.member", "Member"),
+        label: t('pages.studio.studiomemberinvokepanel.member', 'Member'),
         value: currentMemberLabel,
       },
       {
         key: 'service',
-        label: t("pages.studio.studiomemberinvokepanel.service", "Service"),
+        label: t('pages.studio.studiomemberinvokepanel.service', 'Service'),
         value:
           selectedService?.displayName ||
-          t("pages.studio.studiomemberinvokepanel.bound.service", "Bound service"),
+          t(
+            'pages.studio.studiomemberinvokepanel.bound.service',
+            'Bound service',
+          ),
       },
       {
         key: 'endpoint',
-        label: t("pages.studio.studiomemberinvokepanel.endpoint", "Endpoint"),
+        label: t('pages.studio.studiomemberinvokepanel.endpoint', 'Endpoint'),
         value: endpointSummaryLabel,
       },
       {
@@ -899,7 +948,7 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
       },
       {
         key: 'lifecycle',
-        label: t("pages.studio.studiomemberinvokepanel.lifecycle", "Lifecycle"),
+        label: t('pages.studio.studiomemberinvokepanel.lifecycle', 'Lifecycle'),
         value: lifecycleLabel,
       },
     ];
@@ -913,11 +962,20 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
     invokePresentation,
   ]);
   const invokeBlockedReason = !scopeId
-    ? t("pages.studio.studiomemberinvokepanel.missing.workspace.scope", "Missing workspace scope.")
+    ? t(
+        'pages.studio.studiomemberinvokepanel.missing.workspace.scope',
+        'Missing workspace scope.',
+      )
     : !normalizedMemberId
-      ? t("pages.studio.studiomemberinvokepanel.missing.team.member.target", "Missing Team member target.")
+      ? t(
+          'pages.studio.studiomemberinvokepanel.missing.team.member.target',
+          'Missing Team member target.',
+        )
       : !selectedService
-        ? t("pages.studio.studiomemberinvokepanel.select.published.member.service", "Select a published member service before running.")
+        ? t(
+            'pages.studio.studiomemberinvokepanel.select.published.member.service',
+            'Select a published member service before running.',
+          )
         : !selectedEndpoint
           ? t("pages.studio.studiomemberinvokepanel.select.endpoint.before.invoking", "Select an endpoint before running.")
           : !memberEndpointContractAllowsInvoke
@@ -951,26 +1009,26 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
     diagnosticsHistoryEntry?.snapshot.chatMessages ?? chatMessages;
   const diagnosticsCompletedAt =
     diagnosticsHistoryEntry?.completedAt ?? activeRunCompletedAt;
-  const diagnosticsRawOutput =
-    diagnosticsHistoryEntry?.snapshot.result.responseJson
-      ? diagnosticsHistoryEntry.snapshot.result.responseJson
-      : diagnosticsHistoryEntry
-        ? JSON.stringify(
-            {
-              endpointId: diagnosticsHistoryEntry.endpointId || undefined,
-              error: diagnosticsHistoryEntry.errorDetail || undefined,
-              eventCount:
-                diagnosticsHistoryEntry.snapshot.result.eventCount ||
-                diagnosticsHistoryEntry.snapshot.result.events.length,
-              mode: diagnosticsHistoryEntry.mode,
-              runId: diagnosticsHistoryEntry.runId || undefined,
-              serviceId: diagnosticsHistoryEntry.serviceId || undefined,
-              status: diagnosticsHistoryEntry.status,
-            },
-            null,
-            2,
-          )
-        : currentRawOutput;
+  const diagnosticsRawOutput = diagnosticsHistoryEntry?.snapshot.result
+    .responseJson
+    ? diagnosticsHistoryEntry.snapshot.result.responseJson
+    : diagnosticsHistoryEntry
+      ? JSON.stringify(
+          {
+            endpointId: diagnosticsHistoryEntry.endpointId || undefined,
+            error: diagnosticsHistoryEntry.errorDetail || undefined,
+            eventCount:
+              diagnosticsHistoryEntry.snapshot.result.eventCount ||
+              diagnosticsHistoryEntry.snapshot.result.events.length,
+            mode: diagnosticsHistoryEntry.mode,
+            runId: diagnosticsHistoryEntry.runId || undefined,
+            serviceId: diagnosticsHistoryEntry.serviceId || undefined,
+            status: diagnosticsHistoryEntry.status,
+          },
+          null,
+          2,
+        )
+      : currentRawOutput;
   const diagnosticsRunElapsedLabel = diagnosticsHistoryEntry
     ? formatElapsedTime(
         diagnosticsHistoryEntry.startedAt,
@@ -1234,10 +1292,9 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
   }, [scopeId]);
 
   const upsertRequestHistory = useCallback((entry: InvokeHistoryEntry) => {
-    setRequestHistory((current) => [
-      entry,
-      ...current.filter((item) => item.id !== entry.id),
-    ].slice(0, 8));
+    setRequestHistory((current) =>
+      [entry, ...current.filter((item) => item.id !== entry.id)].slice(0, 8),
+    );
   }, []);
 
   const updateRequestHistoryEntry = useCallback(
@@ -1280,36 +1337,45 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
     [requestHistory],
   );
 
-  const restorePromptForNewRun = useCallback((nextPrompt: string) => {
-    const normalizedPrompt = trimOptional(nextPrompt);
-    if (!normalizedPrompt) {
-      void message.warning(
-        t("pages.studio.studiomemberinvokepanel.no.input.available.to.retry", "No input available to retry."),
-      );
-      return;
-    }
+  const restorePromptForNewRun = useCallback(
+    (nextPrompt: string) => {
+      const normalizedPrompt = trimOptional(nextPrompt);
+      if (!normalizedPrompt) {
+        toast.warning(
+          t(
+            'pages.studio.studiomemberinvokepanel.no.input.available.to.retry',
+            'No input available to retry.',
+          ),
+        );
+        return;
+      }
 
-    setPrompt(normalizedPrompt);
-    setAttachedFiles([]);
-    setSubmittedFiles([]);
-    composerDockRef.current?.scrollIntoView({
-      behavior: 'smooth',
-      block: 'start',
-    });
-    window.setTimeout(() => {
-      composerDockRef.current
-        ?.querySelector<HTMLTextAreaElement>('textarea')
-        ?.focus();
-    }, 0);
-    void message.info(
-      isMemberRunSurface
-        ? t(
-            "pages.studio.studiomemberinvokepanel.input.restored.start.run",
-            "Input restored. Start run to create a separate run.",
-          )
-        : t("pages.studio.studiomemberinvokepanel.prompt.restored.click.invoke", "Request restored. Run workflow to create a new run."),
-    );
-  }, [isMemberRunSurface]);
+      setPrompt(normalizedPrompt);
+      setAttachedFiles([]);
+      setSubmittedFiles([]);
+      composerDockRef.current?.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+      });
+      window.setTimeout(() => {
+        composerDockRef.current
+          ?.querySelector<HTMLTextAreaElement>('textarea')
+          ?.focus();
+      }, 0);
+      toast.info(
+        isMemberRunSurface
+          ? t(
+              'pages.studio.studiomemberinvokepanel.input.restored.start.run',
+              'Input restored. Start run to create a separate run.',
+            )
+          : t(
+              'pages.studio.studiomemberinvokepanel.prompt.restored.click.invoke',
+              'Request restored. Run workflow to create a new run.',
+            ),
+      );
+    },
+    [isMemberRunSurface, toast],
+  );
 
   const handleAttachmentsAdd = useCallback((files: readonly File[]) => {
     if (!files.length) {
@@ -1320,7 +1386,9 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
   }, []);
 
   const handleAttachmentRemove = useCallback((index: number) => {
-    setAttachedFiles((current) => current.filter((_, itemIndex) => itemIndex !== index));
+    setAttachedFiles((current) =>
+      current.filter((_, itemIndex) => itemIndex !== index),
+    );
   }, []);
 
   const handleAbort = useCallback(() => {
@@ -1329,14 +1397,22 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
     const completedAt = Date.now();
     setInvokeResult((current) => ({
       ...current,
-      error: t("pages.studio.studiomemberinvokepanel.the.call.was.aborted", "The call was aborted."),
+      error: t(
+        'pages.studio.studiomemberinvokepanel.the.call.was.aborted',
+        'The call was aborted.',
+      ),
       status: 'cancelled',
     }));
     setActiveRunCompletedAt(completedAt);
     updateRequestHistoryEntry(activeHistoryEntryIdRef.current, (entry) => {
       const cancelledResult: InvokeResultState = {
         ...entry.snapshot.result,
-        error: entry.snapshot.result.error || t("pages.studio.studiomemberinvokepanel.the.call.was.aborted.2", "The call was aborted."),
+        error:
+          entry.snapshot.result.error ||
+          t(
+            'pages.studio.studiomemberinvokepanel.the.call.was.aborted.2',
+            'The call was aborted.',
+          ),
         status: 'cancelled',
       };
 
@@ -1344,10 +1420,12 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
         ...entry,
         completedAt,
         errorDetail: cancelledResult.error,
-        eventCount:
-          cancelledResult.eventCount || cancelledResult.events.length,
+        eventCount: cancelledResult.eventCount || cancelledResult.events.length,
         status: 'cancelled',
-        summary: t("pages.studio.studiomemberinvokepanel.the.run.has.stopped", "The run has stopped and only partial output may currently be displayed."),
+        summary: t(
+          'pages.studio.studiomemberinvokepanel.the.run.has.stopped',
+          'The run has stopped and only partial output may currently be displayed.',
+        ),
         snapshot: {
           chatMessages: cloneChatMessages(entry.snapshot.chatMessages),
           result: cloneInvokeResult(cancelledResult),
@@ -1387,16 +1465,25 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
       !trimmedPrompt &&
       runFiles.length === 0
     ) {
-      setFormError(t("pages.studio.studiomemberinvokepanel.please.enter.prompt.before", "Enter a request before running this workflow."));
+      setFormError(
+        t(
+          'pages.studio.studiomemberinvokepanel.please.enter.prompt.before',
+          'Enter a request before running this workflow.',
+        ),
+      );
       return;
     }
 
     if (emptyFile) {
       setFormError(
         t(
-          "pages.studio.studiomemberinvokepanel.remove.empty.file.before.running",
-          "Remove empty file {name} before starting the run.",
-          { name: emptyFile.name || t("pages.studio.studiomemberinvokepanel.this.file", "this file") },
+          'pages.studio.studiomemberinvokepanel.remove.empty.file.before.running',
+          'Remove empty file {name} before starting the run.',
+          {
+            name:
+              emptyFile.name ||
+              t('pages.studio.studiomemberinvokepanel.this.file', 'this file'),
+          },
         ),
       );
       return;
@@ -1407,7 +1494,12 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
       !trimmedPrompt &&
       !trimmedPayloadBase64
     ) {
-      setFormError(t("pages.studio.studiomemberinvokepanel.please.enter.prompt.before.2", "Enter a request before running this workflow."));
+      setFormError(
+        t(
+          'pages.studio.studiomemberinvokepanel.please.enter.prompt.before.2',
+          'Enter a request before running this workflow.',
+        ),
+      );
       return;
     }
 
@@ -1613,7 +1705,10 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
               trimOptional(accumulator.finalOutput) ||
               accumulator.assistantText ||
               displayRunInput ||
-              t("pages.studio.studiomemberinvokepanel.this.run.returns.no", "This Run returns no additional text."),
+              t(
+                'pages.studio.studiomemberinvokepanel.this.run.returns.no',
+                'This Run returns no additional text.',
+              ),
             snapshot: {
               chatMessages: cloneChatMessages(finalChatMessages),
               result: cloneInvokeResult(finalResult),
@@ -1784,7 +1879,10 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
         summary:
           trimPreview(trimmedPrompt, 72) ||
           trimPreview(trimmedPayloadTypeUrl, 72) ||
-          t("pages.studio.studiomemberinvokepanel.structured.call", "structured call"),
+          t(
+            'pages.studio.studiomemberinvokepanel.structured.call',
+            'structured call',
+          ),
         snapshot: {
           chatMessages: [],
           result: cloneInvokeResult(finalResult),
@@ -1875,11 +1973,15 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
       variant={variant}
       onCopyInput={(entryId) => {
         const entry = requestHistory.find((item) => item.id === entryId);
-        writeClipboardText(entry?.prompt || '', 'Input');
+        void writeClipboardText(entry?.prompt || '', 'Input', toast);
       }}
       onCopyOutput={(entryId) => {
         const entry = requestHistory.find((item) => item.id === entryId);
-        writeClipboardText(entry ? getHistoryOutputText(entry) : '', 'Output');
+        void writeClipboardText(
+          entry ? getHistoryOutputText(entry) : '',
+          'Output',
+          toast,
+        );
       }}
       onRetryAsNewRun={(entryId) => {
         const entry = requestHistory.find((item) => item.id === entryId);
@@ -1894,7 +1996,10 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
       {!scopeId ? (
         <Alert
           showIcon
-          message={t("pages.studio.studiomemberinvokepanel.please.determine.the.team", "Please determine the team scope first before calling this member.")}
+          message={t(
+            'pages.studio.studiomemberinvokepanel.please.determine.the.team',
+            'Please determine the team scope first before calling this member.',
+          )}
           type="info"
         />
       ) : emptyState ? (
@@ -1907,8 +2012,14 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
       ) : services.length === 0 ? (
         <Alert
           showIcon
-          message={t("pages.studio.studiomemberinvokepanel.there.are.no.published", "There are no published member services that can be called in the current scope.")}
-          description={t("pages.studio.studiomemberinvokepanel.please.complete.the.binding", "Please complete the binding and release the version for the member before calling back here.")}
+          message={t(
+            'pages.studio.studiomemberinvokepanel.there.are.no.published',
+            'There are no published member services that can be called in the current scope.',
+          )}
+          description={t(
+            'pages.studio.studiomemberinvokepanel.please.complete.the.binding',
+            'Please complete the binding and release the version for the member before calling back here.',
+          )}
           type="warning"
         />
       ) : (
@@ -1933,7 +2044,7 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                   : targetTitleWrapStyle
               }
             >
-              <Tooltip placement="topLeft" title={currentMemberLabel}>
+              <AevatarTooltip placement="topLeft" title={currentMemberLabel}>
                 <div
                   style={
                     isMemberRunSurface
@@ -1943,7 +2054,7 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                 >
                   {currentMemberLabel}
                 </div>
-              </Tooltip>
+              </AevatarTooltip>
               <div
                 style={
                   isMemberRunSurface
@@ -1955,11 +2066,11 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                 {invokeBlockedReason ? (
                   <>
                     <span>·</span>
-                    <Tooltip placement="topLeft" title={invokeBlockedReason}>
+                    <AevatarTooltip placement="topLeft" title={invokeBlockedReason}>
                       <span style={targetMetaItemStyle}>
                         {invokeBlockedReason}
                       </span>
-                    </Tooltip>
+                    </AevatarTooltip>
                   </>
                 ) : null}
               </div>
@@ -1974,7 +2085,9 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
             >
               <div
                 style={
-                  isMemberRunSurface ? memberRunTargetPillStyle : targetPillStyle
+                  isMemberRunSurface
+                    ? memberRunTargetPillStyle
+                    : targetPillStyle
                 }
               >
                 <span
@@ -1990,18 +2103,15 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                   <div style={memberRunMetricPillStyle}>
                     <span style={memberRunMetricLabelStyle}>
                       {t(
-                        "pages.studio.studiomemberinvokepanel.elapsed",
-                        "Elapsed",
+                        'pages.studio.studiomemberinvokepanel.elapsed',
+                        'Elapsed',
                       )}
                     </span>
                     <span>{runElapsedLabel}</span>
                   </div>
                   <div style={memberRunMetricPillStyle}>
                     <span style={memberRunMetricLabelStyle}>
-                      {t(
-                        "pages.studio.studiomemberinvokepanel.runs",
-                        "Runs",
-                      )}
+                      {t('pages.studio.studiomemberinvokepanel.runs', 'Runs')}
                     </span>
                     <span>{visibleRequestHistory.length}</span>
                   </div>
@@ -2016,12 +2126,12 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
               >
                 {isMemberRunSurface
                   ? t(
-                      "pages.studio.studiomemberinvokepanel.technical.details",
-                      "Technical details",
+                      'pages.studio.studiomemberinvokepanel.technical.details',
+                      'Technical details',
                     )
                   : t(
-                      "pages.studio.studiomemberinvokepanel.inspector",
-                      "Details",
+                      'pages.studio.studiomemberinvokepanel.inspector',
+                      'Details',
                     )}
               </Button>
             </div>
@@ -2040,14 +2150,14 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                 <div style={memberRunLauncherHeaderStyle}>
                   <span style={memberRunLauncherTitleStyle}>
                     {t(
-                      "pages.studio.studiomemberinvokepanel.launch.run",
-                      "Launch run",
+                      'pages.studio.studiomemberinvokepanel.launch.run',
+                      'Launch run',
                     )}
                   </span>
                   <span style={memberRunLauncherHintStyle}>
                     {t(
-                      "pages.studio.studiomemberinvokepanel.isolated.run.hint",
-                      "One input creates one isolated run.",
+                      'pages.studio.studiomemberinvokepanel.isolated.run.hint',
+                      'One input creates one isolated run.',
                     )}
                   </span>
                 </div>
@@ -2107,7 +2217,11 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                           runViewMode={runViewMode}
                           transcriptViewportRef={transcriptViewportRef}
                           onCopyError={() =>
-                            writeClipboardText(invokeResult.error, 'Error')
+                            void writeClipboardText(
+                              invokeResult.error,
+                              'Error',
+                              toast,
+                            )
                           }
                           onOpenDiagnostics={() => {
                             setDiagnosticsHistoryId('');
@@ -2160,8 +2274,8 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                   <div style={{ flex: '0 0 auto', padding: '12px 14px 0' }}>
                     <span style={invokeSectionTitleStyle}>
                       {t(
-                        "pages.studio.studiomemberinvokepanel.run.output",
-                        "Response",
+                        'pages.studio.studiomemberinvokepanel.run.output',
+                        'Response',
                       )}
                     </span>
                   </div>
@@ -2185,7 +2299,11 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
                           runViewMode={runViewMode}
                           transcriptViewportRef={transcriptViewportRef}
                           onCopyError={() =>
-                            writeClipboardText(invokeResult.error, 'Error')
+                            void writeClipboardText(
+                              invokeResult.error,
+                              'Error',
+                              toast,
+                            )
                           }
                           onOpenDiagnostics={() => {
                             setDiagnosticsHistoryId('');
@@ -2229,8 +2347,8 @@ const StudioMemberInvokePanel: React.FC<StudioMemberInvokePanelProps> = ({
             title={
               isMemberRunSurface
                 ? t(
-                    "pages.studio.studiomemberinvokepanel.technical.details",
-                    "Technical details",
+                    'pages.studio.studiomemberinvokepanel.technical.details',
+                    'Technical details',
                   )
                 : undefined
             }
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokeSetupPanels.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokeSetupPanels.tsx
index f6ea0e45c7..21a8142369 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokeSetupPanels.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioMemberInvokeSetupPanels.tsx
@@ -7,8 +7,9 @@ import {
   PlayCircleOutlined,
   StopOutlined,
 } from '@ant-design/icons';
-import { Button, Input, Tooltip, Typography } from 'antd';
+import { Button, Input, Typography } from 'antd';
 import React from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { AevatarPanel } from '@/shared/ui/aevatarPageShells';
 import type { InvokeResultState } from './StudioMemberInvokePanel.currentRun';
 import {
@@ -403,7 +404,7 @@ export const StudioMemberInvokeComposerPanel: React.FC<
             event.currentTarget.value = '';
           }}
         />
-        <Tooltip
+        <AevatarTooltip
           title={t(
             "pages.studio.studiomemberinvokesetuppanels.attach.files",
             "Attach files",
@@ -418,7 +419,7 @@ export const StudioMemberInvokeComposerPanel: React.FC<
             icon={<PaperClipOutlined />}
             onClick={() => fileInputRef.current?.click()}
           />
-        </Tooltip>
+        </AevatarTooltip>
         <div style={attachmentListStyle}>
           {attachments.length === 0 ? (
             <span style={attachmentEmptyStyle}>
@@ -435,9 +436,9 @@ export const StudioMemberInvokeComposerPanel: React.FC<
                 style={attachmentChipStyle}
               >
                 {getFileIcon(file)}
-                <Tooltip title={`${file.name} · ${file.type || 'file'} · ${formatFileSize(file.size)}`}>
+                <AevatarTooltip title={`${file.name} · ${file.type || 'file'} · ${formatFileSize(file.size)}`}>
                   <span style={attachmentNameStyle}>{file.name}</span>
-                </Tooltip>
+                </AevatarTooltip>
                 <span style={attachmentMetaStyle}>{formatFileSize(file.size)}</span>
                 <Button
                   aria-label={t(
diff --git a/apps/aevatar-console-web/src/pages/studio/components/StudioWorkbenchSections.tsx b/apps/aevatar-console-web/src/pages/studio/components/StudioWorkbenchSections.tsx
index 9b77ef9bbe..06c774f702 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/StudioWorkbenchSections.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/StudioWorkbenchSections.tsx
@@ -45,6 +45,8 @@ import {
   fillCardStyle,
 } from '@/shared/ui/proComponents';
 import { AevatarPanel, AevatarStatusTag } from '@/shared/ui/aevatarPageShells';
+import ConsoleOperationNotice from '@/shared/ui/ConsoleOperationNotice';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { describeError } from '@/shared/ui/errorText';
 import {
   AEVATAR_INTERACTIVE_BUTTON_CLASS,
@@ -1358,7 +1360,7 @@ export const StudioExecutionPage: React.FC<StudioExecutionPageProps> = ({
                     ? t("pages.studio.studioworkbenchsections.waiting.for.manual.approval", "Waiting for manual approval")
                     : activeExecutionInteraction.kind === 'wait_signal'
                       ? t("pages.studio.studioworkbenchsections.wait.for.external.signal", "wait for external signal")
-                    : t("pages.studio.studioworkbenchsections.waiting.for.manual.input", "Waiting for manual input")}
+                    : null}
                 </Typography.Text>
                 <div style={{ color: '#6b7280', fontSize: 12, marginTop: 4 }}>
                   {activeExecutionInteraction.kind === 'human_approval'
@@ -1620,15 +1622,13 @@ export const StudioExecutionPage: React.FC<StudioExecutionPageProps> = ({
       type: 'error',
     });
   }
-  if (executionNotice) {
+  if (executionNotice && executionNotice.type !== 'error') {
     compactNotices.push({
       description: executionNotice.message,
       title:
-        executionNotice.type === 'error'
-          ? t("pages.studio.studioworkbenchsections.operation.failed", "Operation failed")
-          : executionNotice.type === 'info'
-            ? t("pages.studio.studioworkbenchsections.requested.to.stop.running", "Requested to stop running")
-            : t("pages.studio.studioworkbenchsections.execution.status.updated", "Execution status updated"),
+        executionNotice.type === 'info'
+          ? t("pages.studio.studioworkbenchsections.requested.to.stop.running", "Requested to stop running")
+          : t("pages.studio.studioworkbenchsections.execution.status.updated", "Execution status updated"),
       type: executionNotice.type,
     });
   }
@@ -1649,11 +1649,20 @@ export const StudioExecutionPage: React.FC<StudioExecutionPageProps> = ({
 
   return (
     <div style={cardStackStyle}>
+      <ConsoleOperationNotice
+        errorMessage={t(
+          'pages.studio.studioworkbenchsections.executionActionFailed',
+          'Execution action could not be completed. Try again.',
+        )}
+        notice={
+          executionNotice?.type === 'error' ? executionNotice : null
+        }
+      />
       {compactNotices.length > 0 ? (
         <div style={studioCompactNoticeStackStyle}>
-          {compactNotices.map((notice, index) => (
+          {compactNotices.map((notice) => (
             <StudioCompactNotice
-              key={`${notice.type}-${index}`}
+              key={String(notice.title)}
               {...notice}
             />
           ))}
@@ -1885,12 +1894,14 @@ export const StudioExecutionPage: React.FC<StudioExecutionPageProps> = ({
                 }}
               >
                 <Typography.Text type="secondary">{row.label}</Typography.Text>
-                <Typography.Text ellipsis={{ tooltip: row.current }}>
-                  {row.current}
-                </Typography.Text>
-                <Typography.Text type="secondary" ellipsis={{ tooltip: row.baseline }}>
-                  {row.baseline}
-                </Typography.Text>
+                <AevatarTooltip title={row.current}>
+                  <Typography.Text ellipsis>{row.current}</Typography.Text>
+                </AevatarTooltip>
+                <AevatarTooltip title={row.baseline}>
+                  <Typography.Text ellipsis type="secondary">
+                    {row.baseline}
+                  </Typography.Text>
+                </AevatarTooltip>
                 <AevatarStatusTag
                   domain="observation"
                   label="delta"
diff --git a/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.test.tsx b/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.test.tsx
index 4a7d3a325b..e354c0fa06 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.test.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.test.tsx
@@ -1,13 +1,28 @@
 import { act, fireEvent, screen, waitFor } from '@testing-library/react';
 import { setLocale } from '@umijs/max';
 import React from 'react';
+import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
 import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
 import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
-import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
 import { studioApi } from '@/shared/studio/api';
 import { renderWithQueryClient } from '../../../../../tests/reactQueryTestUtils';
 import StudioMemberBindPanel from './StudioMemberBindPanel';
 
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => {
+  const actual = jest.requireActual('@/shared/ui/ConsoleToast');
+  return {
+    ...actual,
+    useConsoleToast: () => mockConsoleToast,
+  };
+});
+
 jest.mock('@/shared/api/scopeRuntimeApi', () => ({
   scopeRuntimeApi: {
     getServiceBindings: jest.fn(),
@@ -165,7 +180,9 @@ describe('StudioMemberBindPanel', () => {
         },
       ],
     });
-    (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue({ ok: true });
+    (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue({
+      ok: true,
+    });
     (runtimeRunsApi.streamChat as jest.Mock).mockResolvedValue({ ok: true });
     (parseBackendSSEStream as jest.Mock).mockImplementation(async function* () {
       yield {
@@ -286,17 +303,12 @@ describe('StudioMemberBindPanel', () => {
     expect(screen.getByText('Current member publication')).toBeTruthy();
     expect(screen.queryByText('member:default')).toBeNull();
     expect(screen.queryByRole('combobox')).toBeNull();
-    expect(
-      screen.queryByText('Select a published service'),
-    ).toBeNull();
+    expect(screen.queryByText('Select a published service')).toBeNull();
     expect(
       screen.getByRole('button', {
         name: 'Chat Default test Endpoint ready Chat with the published workflow.',
       }),
-    ).toHaveAttribute(
-      'aria-pressed',
-      'true',
-    );
+    ).toHaveAttribute('aria-pressed', 'true');
     expect(
       screen.getByText(
         'For ordinary tests, you can directly enter a sentence; when you need a fixed format, choose advanced input.',
@@ -304,15 +316,21 @@ describe('StudioMemberBindPanel', () => {
     ).toBeTruthy();
     fireEvent.click(screen.getByText('Contract details'));
     expect(await screen.findByText('Published service')).toBeTruthy();
-    expect(primaryGrid.contains(screen.getByText('Published service'))).toBe(false);
+    expect(primaryGrid.contains(screen.getByText('Published service'))).toBe(
+      false,
+    );
     expect(screen.queryByText('Binding Contract')).toBeNull();
     expect(screen.queryByText('Current contract')).toBeNull();
     expect(screen.queryByText('Published contract context')).toBeNull();
-    expect(screen.queryByRole('button', { name: 'Open published service' })).toBeNull();
+    expect(
+      screen.queryByRole('button', { name: 'Open published service' }),
+    ).toBeNull();
     expect(screen.queryByRole('button', { name: 'Open Runs' })).toBeNull();
     expect(screen.queryByRole('button', { name: 'Activate' })).toBeNull();
     expect(screen.queryByRole('button', { name: 'Retire' })).toBeNull();
-    expect(screen.queryByRole('button', { name: '设为入口并测试 Team' })).toBeNull();
+    expect(
+      screen.queryByRole('button', { name: '设为入口并测试 Team' }),
+    ).toBeNull();
     expect(screen.queryByRole('button', { name: '测试 Team' })).toBeNull();
     expect(screen.queryByText('Need auth for a smoke test?')).toBeNull();
     expect(screen.getAllByText('Authorization').length).toBeGreaterThan(0);
@@ -332,9 +350,9 @@ describe('StudioMemberBindPanel', () => {
     expect(screen.queryByText('Rate limit')).toBeNull();
     expect(screen.queryByText('Allowed origins')).toBeNull();
     await waitFor(() => {
-      expect(screen.getByTestId('studio-bind-contract-card').textContent).toContain(
-        '/api/scopes/scope-1/members/default/invoke/chat:stream',
-      );
+      expect(
+        screen.getByTestId('studio-bind-contract-card').textContent,
+      ).toContain('/api/scopes/scope-1/members/default/invoke/chat:stream');
     });
     await waitFor(() => {
       expect(handleSelectionChange).toHaveBeenCalledWith({
@@ -346,10 +364,12 @@ describe('StudioMemberBindPanel', () => {
 
   it('runs a chat smoke test and offers a continue-to-invoke action', async () => {
     const handleContinueToInvoke = jest.fn();
-    const buildWorkflowYamls = jest.fn().mockResolvedValue([
-      'name: workspace-demo',
-      'steps:\n  tell_joke:\n    type: llm_call',
-    ]);
+    const buildWorkflowYamls = jest
+      .fn()
+      .mockResolvedValue([
+        'name: workspace-demo',
+        'steps:\n  tell_joke:\n    type: llm_call',
+      ]);
 
     renderWithQueryClient(
       React.createElement(StudioMemberBindPanel, {
@@ -433,11 +453,7 @@ describe('StudioMemberBindPanel', () => {
       screen.queryByText('The current Studio draft accepted the request.'),
     ).toBeNull();
     expect(screen.getByText('Second node final output.')).toBeTruthy();
-    expect(
-      screen.getByText(
-        'Current draft',
-      ),
-    ).toBeTruthy();
+    expect(screen.getByText('Current draft')).toBeTruthy();
 
     fireEvent.click(screen.getByRole('button', { name: 'Continue to Invoke' }));
     expect(handleContinueToInvoke).toHaveBeenCalledWith('default', 'chat');
@@ -491,7 +507,9 @@ describe('StudioMemberBindPanel', () => {
     );
 
     await act(async () => {
-      fireEvent.click(await screen.findByRole('button', { name: 'Send smoke test' }));
+      fireEvent.click(
+        await screen.findByRole('button', { name: 'Send smoke test' }),
+      );
     });
 
     await waitFor(() => {
@@ -613,7 +631,9 @@ describe('StudioMemberBindPanel', () => {
       }),
     );
 
-    expect(await screen.findByText('Select a Team member before using Invoke.')).toBeTruthy();
+    expect(
+      await screen.findByText('Select a Team member before using Invoke.'),
+    ).toBeTruthy();
     expect(screen.getByTestId('studio-bind-flow-guidance')).toHaveTextContent(
       'Bind can inspect this service, but Invoke stays blocked until Studio resolves a Team member target.',
     );
@@ -621,8 +641,12 @@ describe('StudioMemberBindPanel', () => {
       'blocked',
     );
     expect(screen.queryByTestId('studio-bind-contract-card')).toBeNull();
-    expect(screen.getByRole('button', { name: 'Send smoke test' })).toBeDisabled();
-    const continueButton = screen.getByRole('button', { name: 'Continue to Invoke' });
+    expect(
+      screen.getByRole('button', { name: 'Send smoke test' }),
+    ).toBeDisabled();
+    const continueButton = screen.getByRole('button', {
+      name: 'Continue to Invoke',
+    });
     expect(continueButton).toBeDisabled();
 
     fireEvent.click(continueButton);
@@ -633,7 +657,9 @@ describe('StudioMemberBindPanel', () => {
   });
 
   it('does not block current draft smoke tests on published endpoint auth state', async () => {
-    const buildWorkflowYamls = jest.fn().mockResolvedValue(['name: workspace-demo']);
+    const buildWorkflowYamls = jest
+      .fn()
+      .mockResolvedValue(['name: workspace-demo']);
 
     renderWithQueryClient(
       React.createElement(StudioMemberBindPanel, {
@@ -677,7 +703,9 @@ describe('StudioMemberBindPanel', () => {
       }),
     );
 
-    const smokeButton = await screen.findByRole('button', { name: 'Send smoke test' });
+    const smokeButton = await screen.findByRole('button', {
+      name: 'Send smoke test',
+    });
     expect(smokeButton).not.toBeDisabled();
 
     await act(async () => {
@@ -734,7 +762,9 @@ describe('StudioMemberBindPanel', () => {
     expect(screen.getByText('Publish current member')).toBeTruthy();
 
     await act(async () => {
-      fireEvent.click(screen.getByRole('button', { name: 'Bind current revision' }));
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current revision' }),
+      );
     });
 
     expect(handleBindPendingCandidate).toHaveBeenCalledTimes(1);
@@ -893,8 +923,12 @@ describe('StudioMemberBindPanel', () => {
     expect(screen.getByTestId('studio-bind-flow-guidance')).toHaveTextContent(
       'failed',
     );
-    expect(screen.getByRole('button', { name: 'Send smoke test' })).toBeEnabled();
-    const continueButton = screen.getByRole('button', { name: 'Continue to Invoke' });
+    expect(
+      screen.getByRole('button', { name: 'Send smoke test' }),
+    ).toBeEnabled();
+    const continueButton = screen.getByRole('button', {
+      name: 'Continue to Invoke',
+    });
     expect(continueButton).toBeEnabled();
 
     fireEvent.click(continueButton);
@@ -979,8 +1013,12 @@ describe('StudioMemberBindPanel', () => {
     expect(screen.getByTestId('studio-bind-flow-guidance')).toHaveTextContent(
       'waiting',
     );
-    expect(screen.getByRole('button', { name: 'Send smoke test' })).toBeDisabled();
-    const continueButton = screen.getByRole('button', { name: 'Continue to Invoke' });
+    expect(
+      screen.getByRole('button', { name: 'Send smoke test' }),
+    ).toBeDisabled();
+    const continueButton = screen.getByRole('button', {
+      name: 'Continue to Invoke',
+    });
     expect(continueButton).toBeDisabled();
 
     fireEvent.click(continueButton);
@@ -991,38 +1029,40 @@ describe('StudioMemberBindPanel', () => {
 
   it('blocks smoke test and Invoke while a newer bind run is still publishing over an old contract', async () => {
     const handleContinueToInvoke = jest.fn();
-    (studioApi.getMemberBinding as jest.Mock).mockImplementationOnce(async () => ({
-      available: true,
-      scopeId: 'scope-1',
-      serviceId: 'default',
-      displayName: 'workspace-demo',
-      serviceKey: 'scope-1:default:workspace-demo',
-      defaultServingRevisionId: 'rev-2',
-      activeServingRevisionId: 'rev-2',
-      deploymentId: 'dep-2',
-      deploymentStatus: 'Active',
-      primaryActorId: 'actor-default',
-      updatedAt: '2026-03-26T08:00:00Z',
-      revisions: [],
-      lastBinding: {
-        boundAt: '2026-03-26T08:00:00Z',
-        implementationKind: 'workflow',
-        revisionId: 'rev-2',
-      },
-      currentBindingRun: {
-        bindingRunId: 'bind-member-2',
-        completedAtUtc: null,
-        createdAtUtc: '2026-06-02T03:30:00Z',
-        failure: null,
-        memberId: 'default',
-        message: '',
+    (studioApi.getMemberBinding as jest.Mock).mockImplementationOnce(
+      async () => ({
+        available: true,
         scopeId: 'scope-1',
-        stateVersion: 4,
-        status: 'platform_binding_pending',
-        targetServiceId: 'default',
-        updatedAtUtc: '2026-06-02T03:30:05Z',
-      },
-    }));
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        serviceKey: 'scope-1:default:workspace-demo',
+        defaultServingRevisionId: 'rev-2',
+        activeServingRevisionId: 'rev-2',
+        deploymentId: 'dep-2',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
+        updatedAt: '2026-03-26T08:00:00Z',
+        revisions: [],
+        lastBinding: {
+          boundAt: '2026-03-26T08:00:00Z',
+          implementationKind: 'workflow',
+          revisionId: 'rev-2',
+        },
+        currentBindingRun: {
+          bindingRunId: 'bind-member-2',
+          completedAtUtc: null,
+          createdAtUtc: '2026-06-02T03:30:00Z',
+          failure: null,
+          memberId: 'default',
+          message: '',
+          scopeId: 'scope-1',
+          stateVersion: 4,
+          status: 'platform_binding_pending',
+          targetServiceId: 'default',
+          updatedAtUtc: '2026-06-02T03:30:05Z',
+        },
+      }),
+    );
 
     renderWithQueryClient(
       React.createElement(StudioMemberBindPanel, {
@@ -1080,7 +1120,9 @@ describe('StudioMemberBindPanel', () => {
     });
 
     const smokeButton = screen.getByRole('button', { name: 'Send smoke test' });
-    const continueButton = screen.getByRole('button', { name: 'Continue to Invoke' });
+    const continueButton = screen.getByRole('button', {
+      name: 'Continue to Invoke',
+    });
     expect(smokeButton).toBeDisabled();
     expect(continueButton).toBeDisabled();
 
@@ -1092,8 +1134,15 @@ describe('StudioMemberBindPanel', () => {
   });
 
   it('explains that a smoke test failure is scoped to the contract check', async () => {
-    (runtimeRunsApi.streamChat as jest.Mock).mockRejectedValueOnce(
-      new Error('Backend rejected the smoke prompt.'),
+    (parseBackendSSEStream as jest.Mock).mockImplementationOnce(
+      async function* () {
+        yield {
+          type: 'RUN_ERROR',
+          code: 'ERR_RUNTIME',
+          message: 'The workflow run failed.',
+          runId: 'run-1',
+        };
+      },
     );
 
     renderWithQueryClient(
@@ -1139,7 +1188,9 @@ describe('StudioMemberBindPanel', () => {
     );
 
     await act(async () => {
-      fireEvent.click(await screen.findByRole('button', { name: 'Send smoke test' }));
+      fireEvent.click(
+        await screen.findByRole('button', { name: 'Send smoke test' }),
+      );
     });
 
     expect(await screen.findByText('Smoke test failed')).toBeTruthy();
@@ -1149,8 +1200,78 @@ describe('StudioMemberBindPanel', () => {
     expect(screen.getByTestId('studio-bind-flow-guidance')).toHaveTextContent(
       'failed',
     );
-    expect(screen.getByRole('button', { name: 'Send smoke test' })).toBeEnabled();
-    expect(screen.getByRole('button', { name: 'Continue to Invoke' })).toBeEnabled();
+    expect(
+      screen.getByRole('button', { name: 'Send smoke test' }),
+    ).toBeEnabled();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Invoke' }),
+    ).toBeEnabled();
+  });
+
+  it('uses a generic shared toast when a smoke-test transport request fails', async () => {
+    (runtimeRunsApi.streamChat as jest.Mock).mockRejectedValueOnce(
+      new Error('Backend rejected the smoke prompt.'),
+    );
+
+    renderWithQueryClient(
+      React.createElement(StudioMemberBindPanel, {
+        authSession: {
+          enabled: true,
+          authenticated: true,
+          name: 'Abigail Deng',
+          scopeId: 'scope-1',
+          scopeSource: 'nyxid',
+        },
+        memberId: 'default',
+        scopeId: 'scope-1',
+        preferredServiceId: 'default',
+        services: [
+          {
+            serviceKey: 'scope-1:default:workspace-demo',
+            tenantId: 'scope-1',
+            appId: 'default',
+            namespace: 'default',
+            serviceId: 'default',
+            displayName: 'workspace-demo',
+            defaultServingRevisionId: 'rev-2',
+            activeServingRevisionId: 'rev-2',
+            deploymentId: 'dep-2',
+            primaryActorId: 'actor-default',
+            deploymentStatus: 'Active',
+            endpoints: [
+              {
+                endpointId: 'chat',
+                displayName: 'Chat',
+                kind: 'chat',
+                requestTypeUrl: '',
+                responseTypeUrl: '',
+                description: 'Chat with the published workflow.',
+              },
+            ],
+            policyIds: [],
+            updatedAt: '2026-03-26T08:00:00Z',
+          },
+        ],
+      }),
+    );
+
+    await act(async () => {
+      fireEvent.click(
+        await screen.findByRole('button', { name: 'Send smoke test' }),
+      );
+    });
+
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not complete the smoke test. Try again.',
+      );
+    });
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(
+      'Backend rejected the smoke prompt.',
+    );
+    expect(
+      screen.queryByText('Backend rejected the smoke prompt.'),
+    ).not.toBeInTheDocument();
   });
 
   it('clears the previous member bind notice when the bind candidate changes', async () => {
@@ -1201,7 +1322,9 @@ describe('StudioMemberBindPanel', () => {
     renderWithQueryClient(React.createElement(CandidateHarness));
 
     await act(async () => {
-      fireEvent.click(screen.getByRole('button', { name: 'Bind current revision' }));
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current revision' }),
+      );
     });
 
     expect(
@@ -1212,7 +1335,9 @@ describe('StudioMemberBindPanel', () => {
 
     fireEvent.click(screen.getByRole('button', { name: 'Switch candidate' }));
 
-    expect(await screen.findByText('No published contract exists for joker yet.')).toBeTruthy();
+    expect(
+      await screen.findByText('No published contract exists for joker yet.'),
+    ).toBeTruthy();
     expect(
       screen.queryByText(
         'draft1 binding request was accepted. Studio will show the published contract after the run completes.',
@@ -1224,4 +1349,44 @@ describe('StudioMemberBindPanel', () => {
       ),
     ).toBeNull();
   });
+
+  it('reports pending bind failures with a safe toast', async () => {
+    const handleBindPendingCandidate = jest
+      .fn()
+      .mockRejectedValue(new Error('POST /api/studio/bind returned 500'));
+
+    renderWithQueryClient(
+      React.createElement(StudioMemberBindPanel, {
+        authSession: {
+          enabled: true,
+          authenticated: true,
+          name: 'Abigail Deng',
+          scopeId: 'scope-1',
+          scopeSource: 'nyxid',
+        },
+        scopeId: 'scope-1',
+        pendingBindingCandidate: {
+          kind: 'workflow',
+          displayName: 'draft1',
+          description: 'Publish the current workflow revision first.',
+          actionLabel: 'Bind current revision',
+        },
+        onBindPendingCandidate: handleBindPendingCandidate,
+        services: [],
+      }),
+    );
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Bind current revision' }),
+    );
+
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Binding action could not be completed. Try again.',
+      );
+    });
+    expect(
+      screen.queryByText('POST /api/studio/bind returned 500'),
+    ).not.toBeInTheDocument();
+  });
 });
diff --git a/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.tsx b/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.tsx
index cffb19c91d..b280431a91 100644
--- a/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/components/bind/StudioMemberBindPanel.tsx
@@ -5,7 +5,16 @@ import {
   LinkOutlined,
 } from '@ant-design/icons';
 import { useQuery } from '@tanstack/react-query';
-import { Alert, Button, Collapse, Empty, Input, Space, Tag, Typography, message } from 'antd';
+import {
+  Alert,
+  Button,
+  Collapse,
+  Empty,
+  Input,
+  Space,
+  Tag,
+  Typography,
+} from 'antd';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   applyRuntimeEvent,
@@ -14,18 +23,18 @@ import {
 import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
 import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
 import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
-import type {
-  ScopeServiceBindingCatalogSnapshot,
+import { t } from '@/shared/i18n/messages';
+import type { ScopeServiceBindingCatalogSnapshot } from '@/shared/models/runtime/scopeServices';
+import {
+  describeScopeServiceBindingTarget,
+  getScopeServiceCurrentRevision,
 } from '@/shared/models/runtime/scopeServices';
 import type {
   ServiceCatalogSnapshot,
   ServiceEndpointSnapshot,
 } from '@/shared/models/services';
 import { isChatServiceEndpoint } from '@/shared/runs/scopeConsole';
-import {
-  describeScopeServiceBindingTarget,
-  getScopeServiceCurrentRevision,
-} from '@/shared/models/runtime/scopeServices';
+import { studioApi } from '@/shared/studio/api';
 import {
   describeStudioMemberBindingRevisionContext,
   describeStudioMemberBindingRevisionTarget,
@@ -36,8 +45,9 @@ import {
   type StudioMemberBindingRevision,
   type StudioMemberBindingRunStatusResponse,
 } from '@/shared/studio/models';
-import { studioApi } from '@/shared/studio/api';
 import { AevatarPanel, AevatarStatusTag } from '@/shared/ui/aevatarPageShells';
+import ConsoleOperationNotice from '@/shared/ui/ConsoleOperationNotice';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
 import { AEVATAR_INTERACTIVE_CHIP_CLASS } from '@/shared/ui/interactionStandards';
 import { getUserFacingIdentifierLabel } from '@/shared/ui/userFacingIdentifiers';
 import {
@@ -50,7 +60,6 @@ import {
   buildSdkSnippet,
   createDefaultBindSampleInput,
 } from './bindSnippets';
-import { t } from "@/shared/i18n/messages";
 
 type StudioMemberBindPanelProps = {
   readonly buildWorkflowYamls?: (() => Promise<string[]>) | null;
@@ -59,7 +68,9 @@ type StudioMemberBindPanelProps = {
   readonly teamId?: string;
   readonly initialServiceId?: string;
   readonly onContinueToInvoke?: (serviceId: string, endpointId: string) => void;
-  readonly onBindPendingCandidate?: (() => Promise<PendingBindNotice | void>) | null;
+  readonly onBindPendingCandidate?:
+    | (() => Promise<PendingBindNotice | undefined>)
+    | null;
   readonly postBindEntryActions?: {
     readonly busy?: boolean;
     readonly isEntryMember?: boolean;
@@ -118,7 +129,10 @@ function describeStudioMemberBindingRunStatus(
 ): PendingBindNotice {
   if (run.status === 'succeeded') {
     return {
-      message: t("pages.studio.bind.studiomemberbindpanel.binding.completed.studio.is.refreshing.2", "Binding completed. Studio is refreshing the published contract."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.binding.completed.studio.is.refreshing.2',
+        'Binding completed. Studio is refreshing the published contract.',
+      ),
       type: 'success',
     };
   }
@@ -136,23 +150,29 @@ function describeStudioMemberBindingRunStatus(
 
   if (run.status === 'platform_binding_pending') {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.binding.request.accepted.platform.publication.2", "Binding request accepted. Platform publication is still running; Invoke is not ready until the run completes."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.binding.request.accepted.platform.publication.2',
+        'Binding request accepted. Platform publication is still running; Invoke is not ready until the run completes.',
+      ),
       type: 'info',
     };
   }
 
   if (run.status === 'admitted') {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.binding.request.admitted.studio.is.2", "Binding request admitted. Studio is starting platform publication; the member is not callable yet."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.binding.request.admitted.studio.is.2',
+        'Binding request admitted. Studio is starting platform publication; the member is not callable yet.',
+      ),
       type: 'info',
     };
   }
 
   return {
-    message:
-      t("pages.studio.bind.studiomemberbindpanel.binding.request.accepted.studio.is.2", "Binding request accepted. Studio is waiting for the member authority; this does not mean the member is bound yet."),
+    message: t(
+      'pages.studio.bind.studiomemberbindpanel.binding.request.accepted.studio.is.2',
+      'Binding request accepted. Studio is waiting for the member authority; this does not mean the member is bound yet.',
+    ),
     type: 'info',
   };
 }
@@ -169,10 +189,15 @@ function buildBindFlowGuidance(input: {
   readonly smokeTestStatus: SmokeTestResult['status'];
 }): BindFlowGuidance {
   const { currentBindingRun } = input;
-  if (currentBindingRun && !isStudioMemberBindingRunTerminal(currentBindingRun)) {
+  if (
+    currentBindingRun &&
+    !isStudioMemberBindingRunTerminal(currentBindingRun)
+  ) {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.bind.accepted.the.publication.request", "Bind accepted the publication request. Stay here until Studio observes the published contract, then continue to Invoke."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.bind.accepted.the.publication.request',
+        'Bind accepted the publication request. Stay here until Studio observes the published contract, then continue to Invoke.',
+      ),
       stage: 'waiting',
       type: 'info',
     };
@@ -180,11 +205,14 @@ function buildBindFlowGuidance(input: {
 
   if (
     currentBindingRun &&
-    (currentBindingRun.status === 'failed' || currentBindingRun.status === 'rejected')
+    (currentBindingRun.status === 'failed' ||
+      currentBindingRun.status === 'rejected')
   ) {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.bind.did.not.publish.this", "Bind did not publish this member. Return to Build to adjust the member definition before retrying publication."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.bind.did.not.publish.this',
+        'Bind did not publish this member. Return to Build to adjust the member definition before retrying publication.',
+      ),
       stage: 'failed',
       type: 'error',
     };
@@ -192,8 +220,10 @@ function buildBindFlowGuidance(input: {
 
   if (currentBindingRun?.status === 'succeeded' && !input.hasEndpointOptions) {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.bind.completed.and.studio.is", "Bind completed, and Studio is refreshing the published contract. Continue to Invoke after endpoint data appears."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.bind.completed.and.studio.is',
+        'Bind completed, and Studio is refreshing the published contract. Continue to Invoke after endpoint data appears.',
+      ),
       stage: 'waiting',
       type: 'info',
     };
@@ -201,8 +231,10 @@ function buildBindFlowGuidance(input: {
 
   if (input.pendingBindingCandidate && !input.hasPublishedService) {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.this.member.still.needs.bind", "This member still needs Bind. Publish the current revision before trying Invoke or Observe."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.this.member.still.needs.bind',
+        'This member still needs Bind. Publish the current revision before trying Invoke or Observe.',
+      ),
       stage: 'blocked',
       type: 'warning',
     };
@@ -210,8 +242,10 @@ function buildBindFlowGuidance(input: {
 
   if (!input.hasMember) {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.bind.can.inspect.this.service", "Bind can inspect this service, but Invoke stays blocked until Studio resolves a Team member target."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.bind.can.inspect.this.service',
+        'Bind can inspect this service, but Invoke stays blocked until Studio resolves a Team member target.',
+      ),
       stage: 'blocked',
       type: 'info',
     };
@@ -219,8 +253,10 @@ function buildBindFlowGuidance(input: {
 
   if (!input.hasEndpointOptions) {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.the.member.is.published.but", "The member is published, but Studio has no callable endpoint yet. Wait for the contract to refresh before continuing."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.the.member.is.published.but',
+        'The member is published, but Studio has no callable endpoint yet. Wait for the contract to refresh before continuing.',
+      ),
       stage: 'waiting',
       type: 'warning',
     };
@@ -228,8 +264,10 @@ function buildBindFlowGuidance(input: {
 
   if (input.smokeTestStatus === 'success') {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.smoke.test.passed.continue.to", "Smoke test passed. Continue to Invoke for a full run transcript, then use Observe for backend events."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.smoke.test.passed.continue.to',
+        'Smoke test passed. Continue to Invoke for a full run transcript, then use Observe for backend events.',
+      ),
       stage: 'ready',
       type: 'success',
     };
@@ -237,16 +275,20 @@ function buildBindFlowGuidance(input: {
 
   if (input.smokeTestStatus === 'error') {
     return {
-      message:
-        t("pages.studio.bind.studiomemberbindpanel.smoke.test.failed.only.this", "Smoke test failed only this contract check. Retry here, or use Invoke when you need full events and typed payload debugging."),
+      message: t(
+        'pages.studio.bind.studiomemberbindpanel.smoke.test.failed.only.this',
+        'Smoke test failed only this contract check. Retry here, or use Invoke when you need full events and typed payload debugging.',
+      ),
       stage: 'failed',
       type: 'warning',
     };
   }
 
   return {
-    message:
-      t("pages.studio.bind.studiomemberbindpanel.bind.is.ready.run.quick", "Bind is ready. Run a quick smoke test or continue to Invoke for the full transcript and Observe handoff."),
+    message: t(
+      'pages.studio.bind.studiomemberbindpanel.bind.is.ready.run.quick',
+      'Bind is ready. Run a quick smoke test or continue to Invoke for the full transcript and Observe handoff.',
+    ),
     stage: 'ready',
     type: 'info',
   };
@@ -627,45 +669,68 @@ function buildBindingSectionTitle(count: number): string {
 }
 
 function describeEndpointKind(endpoint: ServiceEndpointSnapshot): string {
-  return isChatServiceEndpoint(endpoint) ? t("pages.studio.bind.studiomemberbindpanel.copy", "Default test") : t("pages.studio.bind.studiomemberbindpanel.copy.2", "Advanced input");
+  return isChatServiceEndpoint(endpoint)
+    ? t('pages.studio.bind.studiomemberbindpanel.copy', 'Default test')
+    : t('pages.studio.bind.studiomemberbindpanel.copy.2', 'Advanced input');
 }
 
 function describeEndpointPurpose(endpoint: ServiceEndpointSnapshot): string {
   if (isChatServiceEndpoint(endpoint)) {
-    return t("pages.studio.bind.studiomemberbindpanel.copy.3", "Enter one sentence to quickly confirm whether the member responds correctly.");
+    return t(
+      'pages.studio.bind.studiomemberbindpanel.copy.3',
+      'Enter one sentence to quickly confirm whether the member responds correctly.',
+    );
   }
 
-  return t("pages.studio.bind.studiomemberbindpanel.api.sdk", "Use this for API/SDK calls that require a fixed input shape.");
+  return t(
+    'pages.studio.bind.studiomemberbindpanel.api.sdk',
+    'Use this for API/SDK calls that require a fixed input shape.',
+  );
 }
 
 function renderPostBindEntryAction(
-  postBindEntryActions: NonNullable<StudioMemberBindPanelProps['postBindEntryActions']>,
+  postBindEntryActions: NonNullable<
+    StudioMemberBindPanelProps['postBindEntryActions']
+  >,
 ) {
   return (
     <Space direction="vertical" size={8} style={{ width: '100%' }}>
       {postBindEntryActions.isEntryMember ? (
         <>
           <Typography.Text>
-            {t("pages.studio.bind.studiomemberbindpanel.team", "This member is already the team entry. You can return to the Team page to test the full path.")}</Typography.Text>
+            {t(
+              'pages.studio.bind.studiomemberbindpanel.team',
+              'This member is already the team entry. You can return to the Team page to test the full path.',
+            )}
+          </Typography.Text>
           <Button
             loading={postBindEntryActions.busy}
             onClick={postBindEntryActions.onSetEntryAndTest}
             size="small"
             type="primary"
           >
-            {t("pages.studio.bind.studiomemberbindpanel.team.2", "Test Team")}</Button>
+            {t('pages.studio.bind.studiomemberbindpanel.team.2', 'Test Team')}
+          </Button>
         </>
       ) : (
         <>
           <Typography.Text>
-            {t("pages.studio.bind.studiomemberbindpanel.bind.team", "Bind is complete. Next, set it as the team entry and return to the Team page to test the full path.")}</Typography.Text>
+            {t(
+              'pages.studio.bind.studiomemberbindpanel.bind.team',
+              'Bind is complete. Next, set it as the team entry and return to the Team page to test the full path.',
+            )}
+          </Typography.Text>
           <Button
             loading={postBindEntryActions.busy}
             onClick={postBindEntryActions.onSetEntryAndTest}
             size="small"
             type="primary"
           >
-            {t("pages.studio.bind.studiomemberbindpanel.team.3", "Set as entry and test Team")}</Button>
+            {t(
+              'pages.studio.bind.studiomemberbindpanel.team.3',
+              'Set as entry and test Team',
+            )}
+          </Button>
         </>
       )}
     </Space>
@@ -689,6 +754,7 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
   authSession,
   servicesLoading,
 }) => {
+  const toast = useConsoleToast();
   const [selectedServiceId, setSelectedServiceId] = useState(() =>
     trimOptional(initialServiceId),
   );
@@ -723,10 +789,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
     const normalizedInitialServiceId = trimOptional(initialServiceId);
     if (
       normalizedInitialServiceId &&
-      services.some((service) => service.serviceId === normalizedInitialServiceId)
+      services.some(
+        (service) => service.serviceId === normalizedInitialServiceId,
+      )
     ) {
       setSelectedServiceId((current) =>
-        current === normalizedInitialServiceId ? current : normalizedInitialServiceId,
+        current === normalizedInitialServiceId
+          ? current
+          : normalizedInitialServiceId,
       );
       return;
     }
@@ -734,7 +804,9 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
     const normalizedPreferredServiceId = trimOptional(preferredServiceId);
     if (
       normalizedPreferredServiceId &&
-      services.some((service) => service.serviceId === normalizedPreferredServiceId)
+      services.some(
+        (service) => service.serviceId === normalizedPreferredServiceId,
+      )
     ) {
       setSelectedServiceId((current) =>
         current === normalizedPreferredServiceId
@@ -767,14 +839,18 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
       )
     ) {
       setSelectedEndpointId((current) =>
-        current === normalizedInitialEndpointId ? current : normalizedInitialEndpointId,
+        current === normalizedInitialEndpointId
+          ? current
+          : normalizedInitialEndpointId,
       );
       return;
     }
 
     setSelectedEndpointId((current) =>
       current &&
-      selectedService.endpoints.some((endpoint) => endpoint.endpointId === current)
+      selectedService.endpoints.some(
+        (endpoint) => endpoint.endpointId === current,
+      )
         ? current
         : selectedService.endpoints[0]?.endpointId || '',
     );
@@ -795,13 +871,19 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
     enabled: Boolean(scopeId && selectedService?.serviceId),
     queryKey: ['studio-bind', 'bindings', scopeId, selectedService?.serviceId],
     queryFn: () =>
-      scopeRuntimeApi.getServiceBindings(scopeId, selectedService?.serviceId || ''),
+      scopeRuntimeApi.getServiceBindings(
+        scopeId,
+        selectedService?.serviceId || '',
+      ),
   });
   const revisionsQuery = useQuery({
     enabled: Boolean(scopeId && selectedService?.serviceId),
     queryKey: ['studio-bind', 'revisions', scopeId, selectedService?.serviceId],
     queryFn: () =>
-      scopeRuntimeApi.getServiceRevisions(scopeId, selectedService?.serviceId || ''),
+      scopeRuntimeApi.getServiceRevisions(
+        scopeId,
+        selectedService?.serviceId || '',
+      ),
   });
   const memberBindingStatusQuery = useQuery({
     enabled: Boolean(scopeId && normalizedMemberId),
@@ -817,12 +899,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         : false;
     },
   });
-  const currentBindingRun = memberBindingStatusQuery.data?.currentBindingRun ?? null;
+  const currentBindingRun =
+    memberBindingStatusQuery.data?.currentBindingRun ?? null;
   const revisionCatalogQuery = revisionsQuery;
   const currentPublishedRevision = useMemo(
     () =>
-      buildRevisionFromMemberBinding(memberBindingStatusQuery.data?.lastBinding) ??
-      getScopeServiceCurrentRevision(revisionsQuery.data),
+      buildRevisionFromMemberBinding(
+        memberBindingStatusQuery.data?.lastBinding,
+      ) ?? getScopeServiceCurrentRevision(revisionsQuery.data),
     [memberBindingStatusQuery.data?.lastBinding, revisionsQuery.data],
   );
   const currentBindingRunNotice = currentBindingRun
@@ -850,8 +934,8 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
   const publishedSmokeRequiresAuth =
     !runsCurrentWorkflowDraft &&
     Boolean(bindContract?.authEnabled && !bindContract.authAuthenticated);
-  const bindingPublicationReady = !currentBindingRun ||
-    isStudioMemberBindingRunTerminal(currentBindingRun);
+  const bindingPublicationReady =
+    !currentBindingRun || isStudioMemberBindingRunTerminal(currentBindingRun);
   const canUsePublishedMemberInvoke = Boolean(
     normalizedMemberId &&
       selectedService &&
@@ -883,7 +967,8 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         const response = await runtimeRunsApi.streamDraftRun(
           scopeId,
           {
-            prompt: smokeInput.trim() || createDefaultBindSampleInput(bindContract),
+            prompt:
+              smokeInput.trim() || createDefaultBindSampleInput(bindContract),
             workflowYamls: await buildWorkflowYamls(),
           },
           new AbortController().signal,
@@ -908,7 +993,12 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         return;
       }
 
-      if (!selectedService || !selectedEndpoint || !normalizedMemberId || !bindContract) {
+      if (
+        !selectedService ||
+        !selectedEndpoint ||
+        !normalizedMemberId ||
+        !bindContract
+      ) {
         return;
       }
 
@@ -924,7 +1014,8 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         const response = await runtimeRunsApi.streamChat(
           scopeId,
           {
-            prompt: smokeInput.trim() || createDefaultBindSampleInput(bindContract),
+            prompt:
+              smokeInput.trim() || createDefaultBindSampleInput(bindContract),
           },
           new AbortController().signal,
           invokeRouteTarget,
@@ -953,7 +1044,8 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         scopeId,
         {
           endpointId: selectedEndpoint.endpointId,
-          prompt: smokeInput.trim() || createDefaultBindSampleInput(bindContract),
+          prompt:
+            smokeInput.trim() || createDefaultBindSampleInput(bindContract),
         },
         invokeRouteTarget,
       );
@@ -963,20 +1055,18 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         eventCount: 0,
         latencyMs: Date.now() - startedAt,
         responseSummary: JSON.stringify(response, null, 2),
-        runId: trimOptional(String(response.request_id || response.requestId || '')),
+        runId: trimOptional(
+          String(response.request_id || response.requestId || ''),
+        ),
         status: 'success',
       });
-    } catch (error) {
-      setSmokeTestResult({
-        error: error instanceof Error ? error.message : String(error),
-        eventCount: 0,
-        latencyMs: Date.now() - startedAt,
-        responseSummary: '',
-        runId: '',
-        status: 'error',
-      });
-      void message.error(
-        error instanceof Error ? error.message : String(error),
+    } catch {
+      setSmokeTestResult(createIdleSmokeTestResult());
+      toast.error(
+        t(
+          'pages.studio.bind.studiomemberbindpanel.smoke.test.request.failed',
+          'Could not complete the smoke test. Try again.',
+        ),
       );
     }
   }, [
@@ -987,6 +1077,7 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
     selectedEndpoint,
     selectedService,
     smokeInput,
+    toast,
   ]);
 
   const snippetMap = useMemo(() => {
@@ -1006,7 +1097,8 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
   }, [bindContract, smokeInput]);
 
   const selectedSnippet = snippetMap[snippetTab];
-  const bindingCatalog: ScopeServiceBindingCatalogSnapshot | undefined = bindingsQuery.data;
+  const bindingCatalog: ScopeServiceBindingCatalogSnapshot | undefined =
+    bindingsQuery.data;
   const bindingList = bindingCatalog?.bindings ?? [];
   const revisionList = revisionCatalogQuery.data?.revisions ?? [];
   const hasEndpointOptions = Boolean(selectedService?.endpoints.length);
@@ -1092,7 +1184,10 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
     return (
       <Alert
         showIcon
-        message={t("pages.studio.bind.studiomemberbindpanel.resolve.workspace.before.binding.this.2", "Resolve a workspace before binding this member.")}
+        message={t(
+          'pages.studio.bind.studiomemberbindpanel.resolve.workspace.before.binding.this.2',
+          'Resolve a workspace before binding this member.',
+        )}
         type="info"
       />
     );
@@ -1104,8 +1199,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         <div data-testid="studio-bind-surface" style={rootStyle}>
           <Alert
             showIcon
-            message={t("pages.studio.bind.studiomemberbindpanel.loading.current.member.contracts.2", "Loading current member contracts...")}
-            description={t("pages.studio.bind.studiomemberbindpanel.studio.is.checking.whether.this.2", "Studio is checking whether this member already has a callable published contract in the current workspace.")}
+            message={t(
+              'pages.studio.bind.studiomemberbindpanel.loading.current.member.contracts.2',
+              'Loading current member contracts...',
+            )}
+            description={t(
+              'pages.studio.bind.studiomemberbindpanel.studio.is.checking.whether.this.2',
+              'Studio is checking whether this member already has a callable published contract in the current workspace.',
+            )}
             type="info"
           />
         </div>
@@ -1122,29 +1223,59 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
             type="info"
           />
           <AevatarPanel
-            title={t("pages.studio.bind.studiomemberbindpanel.publish.current.member.2", "Publish current member")}
-            titleHelp={t("pages.studio.bind.studiomemberbindpanel.bind.publishes.the.current.revision.2", "Bind publishes the current revision first, then Studio reveals the invoke URL, endpoint contract, and smoke-test entry for this member.")}
+            title={t(
+              'pages.studio.bind.studiomemberbindpanel.publish.current.member.2',
+              'Publish current member',
+            )}
+            titleHelp={t(
+              'pages.studio.bind.studiomemberbindpanel.bind.publishes.the.current.revision.2',
+              'Bind publishes the current revision first, then Studio reveals the invoke URL, endpoint contract, and smoke-test entry for this member.',
+            )}
           >
             <div style={{ display: 'grid', gap: 12 }}>
               <div style={parameterGridStyle}>
                 <div style={valueCardStyle}>
-                  <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.implementation.kind.2", "Implementation kind")}</Typography.Text>
+                  <Typography.Text type="secondary">
+                    {t(
+                      'pages.studio.bind.studiomemberbindpanel.implementation.kind.2',
+                      'Implementation kind',
+                    )}
+                  </Typography.Text>
                   <Typography.Text strong>
                     {pendingBindingCandidate.kind === 'workflow'
-                      ? t("pages.studio.bind.studiomemberbindpanel.workflow.2", "Workflow")
+                      ? t(
+                          'pages.studio.bind.studiomemberbindpanel.workflow.2',
+                          'Workflow',
+                        )
                       : pendingBindingCandidate.kind === 'script'
-                        ? t("pages.studio.bind.studiomemberbindpanel.script.2", "Script")
-                        : t("pages.studio.bind.studiomemberbindpanel.gagent.2", "GAgent")}
+                        ? t(
+                            'pages.studio.bind.studiomemberbindpanel.script.2',
+                            'Script',
+                          )
+                        : t(
+                            'pages.studio.bind.studiomemberbindpanel.gagent.2',
+                            'GAgent',
+                          )}
                   </Typography.Text>
                 </div>
                 <div style={valueCardStyle}>
-                  <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.current.member.3", "Current member")}</Typography.Text>
+                  <Typography.Text type="secondary">
+                    {t(
+                      'pages.studio.bind.studiomemberbindpanel.current.member.3',
+                      'Current member',
+                    )}
+                  </Typography.Text>
                   <Typography.Text strong style={{ wordBreak: 'break-word' }}>
                     {pendingBindingCandidate.displayName}
                   </Typography.Text>
                 </div>
                 <div style={valueCardStyle}>
-                  <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.workspace.id.3", "Workspace ID")}</Typography.Text>
+                  <Typography.Text type="secondary">
+                    {t(
+                      'pages.studio.bind.studiomemberbindpanel.workspace.id.3',
+                      'Workspace ID',
+                    )}
+                  </Typography.Text>
                   <Typography.Text strong style={{ wordBreak: 'break-word' }}>
                     {scopeId}
                   </Typography.Text>
@@ -1153,13 +1284,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               <Typography.Text type="secondary">
                 {pendingBindingCandidate.description}
               </Typography.Text>
-              {pendingBindNotice ? (
-                <Alert
-                  showIcon
-                  message={pendingBindNotice.message}
-                  type={pendingBindNotice.type}
-                />
-              ) : null}
+              <ConsoleOperationNotice
+                errorMessage={t(
+                  'pages.studio.bind.studiomemberbindpanel.bindingActionFailed',
+                  'Binding action could not be completed. Try again.',
+                )}
+                notice={pendingBindNotice}
+                onClose={() => setPendingBindNotice(null)}
+              />
               {currentBindingRunNotice ? (
                 <Alert
                   showIcon
@@ -1173,8 +1305,17 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                 style={flowGuidanceCardStyle}
               >
                 <div style={flowGuidanceHeaderStyle}>
-                  <Typography.Text strong>{t("pages.studio.bind.studiomemberbindpanel.lifecycle.guidance", "Lifecycle guidance")}</Typography.Text>
-                  <Tag color={bindFlowGuidance.stage === 'ready' ? 'green' : 'blue'}>
+                  <Typography.Text strong>
+                    {t(
+                      'pages.studio.bind.studiomemberbindpanel.lifecycle.guidance',
+                      'Lifecycle guidance',
+                    )}
+                  </Typography.Text>
+                  <Tag
+                    color={
+                      bindFlowGuidance.stage === 'ready' ? 'green' : 'blue'
+                    }
+                  >
                     {bindFlowGuidance.stage}
                   </Tag>
                 </div>
@@ -1213,8 +1354,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
       <div data-testid="studio-bind-surface" style={rootStyle}>
         <Alert
           showIcon
-          message={t("pages.studio.bind.studiomemberbindpanel.no.published.contract.is.available.2", "No published contract is available for this member in the current workspace yet.")}
-          description={t("pages.studio.bind.studiomemberbindpanel.bind.workflow.script.or.gagent.2", "Bind a workflow, script, or gagent revision first so Studio can reveal the invoke contract.")}
+          message={t(
+            'pages.studio.bind.studiomemberbindpanel.no.published.contract.is.available.2',
+            'No published contract is available for this member in the current workspace yet.',
+          )}
+          description={t(
+            'pages.studio.bind.studiomemberbindpanel.bind.workflow.script.or.gagent.2',
+            'Bind a workflow, script, or gagent revision first so Studio can reveal the invoke contract.',
+          )}
           type="warning"
         />
       </div>
@@ -1227,15 +1374,35 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         <AevatarPanel
           layoutMode="document"
           padding={14}
-          title={t("pages.studio.bind.studiomemberbindpanel.current.member.publication.2", "Current member publication")}
-          titleHelp={t("pages.studio.bind.studiomemberbindpanel.bind.is.pinned.to.the.2", "Bind is pinned to the selected member. Published service ids stay visible only as supporting diagnostics.")}
+          title={t(
+            'pages.studio.bind.studiomemberbindpanel.current.member.publication.2',
+            'Current member publication',
+          )}
+          titleHelp={t(
+            'pages.studio.bind.studiomemberbindpanel.bind.is.pinned.to.the.2',
+            'Bind is pinned to the selected member. Published service ids stay visible only as supporting diagnostics.',
+          )}
           extra={
             <Space wrap size={[6, 6]}>
               <Tag color={bindContract ? 'green' : 'default'}>
-                {bindContract ? t("pages.studio.bind.studiomemberbindpanel.member.contract.selected.2", "member contract selected") : t("pages.studio.bind.studiomemberbindpanel.needs.endpoint.2", "needs endpoint")}
+                {bindContract
+                  ? t(
+                      'pages.studio.bind.studiomemberbindpanel.member.contract.selected.2',
+                      'member contract selected',
+                    )
+                  : t(
+                      'pages.studio.bind.studiomemberbindpanel.needs.endpoint.2',
+                      'needs endpoint',
+                    )}
               </Tag>
               {revisionList.length > 0 ? (
-                <Tag>{t("pages.studio.bind.studiomemberbindpanel.revisions.2", "revisions ·")}{revisionList.length}</Tag>
+                <Tag>
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.revisions.2',
+                    'revisions ·',
+                  )}
+                  {revisionList.length}
+                </Tag>
               ) : null}
             </Space>
           }
@@ -1259,15 +1426,22 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                 <Typography.Text strong>
                   {getUserFacingIdentifierLabel(
                     selectedService?.displayName || selectedService?.serviceId,
-                    t("pages.studio.bind.studiomemberbindpanel.no.published.service.2", "No published service"),
+                    t(
+                      'pages.studio.bind.studiomemberbindpanel.no.published.service.2',
+                      'No published service',
+                    ),
                   )}
                 </Typography.Text>
                 {selectedEndpoint ? (
                   <Typography.Text type="secondary">
-                    /{" "}
+                    /{' '}
                     {getUserFacingIdentifierLabel(
-                      selectedEndpoint.displayName || selectedEndpoint.endpointId,
-                      t("pages.studio.bind.studiomemberbindpanel.endpoint", "Endpoint"),
+                      selectedEndpoint.displayName ||
+                        selectedEndpoint.endpointId,
+                      t(
+                        'pages.studio.bind.studiomemberbindpanel.endpoint',
+                        'Endpoint',
+                      ),
                     )}
                   </Typography.Text>
                 ) : null}
@@ -1277,40 +1451,71 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                   icon={<CopyOutlined />}
                   onClick={() => void copyText(bindContract.invokeUrl)}
                 >
-                  {t("pages.studio.bind.studiomemberbindpanel.copy.url.2", "Copy URL")}</Button>
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.copy.url.2',
+                    'Copy URL',
+                  )}
+                </Button>
               ) : null}
             </div>
             <div style={controlsGridStyle}>
               <div style={sourceControlStackStyle}>
-                <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.current.member.4", "Current member")}</Typography.Text>
+                <Typography.Text type="secondary">
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.current.member.4',
+                    'Current member',
+                  )}
+                </Typography.Text>
                 <div style={valueCardStyle}>
                   <Typography.Text strong style={{ wordBreak: 'break-word' }}>
                     {getUserFacingIdentifierLabel(
-                      selectedService?.displayName || selectedService?.serviceId,
-                      t("pages.studio.bind.studiomemberbindpanel.no.published.contract.2", "No published contract"),
+                      selectedService?.displayName ||
+                        selectedService?.serviceId,
+                      t(
+                        'pages.studio.bind.studiomemberbindpanel.no.published.contract.2',
+                        'No published contract',
+                      ),
                     )}
                   </Typography.Text>
                   <Typography.Text type="secondary">
                     {normalizedMemberId
-                      ? t("pages.studio.bind.studiomemberbindpanel.member.selected", "Member selected")
-                      : t("pages.studio.bind.studiomemberbindpanel.no.member.selected.2", "No member selected")}
+                      ? t(
+                          'pages.studio.bind.studiomemberbindpanel.member.selected',
+                          'Member selected',
+                        )
+                      : t(
+                          'pages.studio.bind.studiomemberbindpanel.no.member.selected.2',
+                          'No member selected',
+                        )}
                   </Typography.Text>
                 </div>
               </div>
               <div style={sourceControlStackStyle}>
                 <Space direction="vertical" size={2}>
-                  <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.test.mode.2", "Test mode")}</Typography.Text>
                   <Typography.Text type="secondary">
-                    {t("pages.studio.bind.studiomemberbindpanel.copy.4", "For ordinary tests, you can directly enter a sentence; when you need a fixed format, choose advanced input.")}</Typography.Text>
+                    {t(
+                      'pages.studio.bind.studiomemberbindpanel.test.mode.2',
+                      'Test mode',
+                    )}
+                  </Typography.Text>
+                  <Typography.Text type="secondary">
+                    {t(
+                      'pages.studio.bind.studiomemberbindpanel.copy.4',
+                      'For ordinary tests, you can directly enter a sentence; when you need a fixed format, choose advanced input.',
+                    )}
+                  </Typography.Text>
                 </Space>
                 {selectedService && hasEndpointOptions ? (
                   <div style={endpointChoiceRowStyle}>
-	                {selectedService.endpoints.map((endpoint) => {
-	                  const active = endpoint.endpointId === selectedEndpointId;
-	                  const label = getUserFacingIdentifierLabel(
-	                    endpoint.displayName || endpoint.endpointId,
-	                    t("pages.studio.bind.studiomemberbindpanel.endpoint", "Endpoint"),
-	                  );
+                    {selectedService.endpoints.map((endpoint) => {
+                      const active = endpoint.endpointId === selectedEndpointId;
+                      const label = getUserFacingIdentifierLabel(
+                        endpoint.displayName || endpoint.endpointId,
+                        t(
+                          'pages.studio.bind.studiomemberbindpanel.endpoint',
+                          'Endpoint',
+                        ),
+                      );
                       const foregroundColor = active ? '#ffffff' : '#0f172a';
                       const secondaryColor = active
                         ? 'rgba(255, 255, 255, 0.74)'
@@ -1326,7 +1531,9 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                               ? endpointChoiceButtonActiveStyle
                               : endpointChoiceButtonStyle
                           }
-                          onClick={() => setSelectedEndpointId(endpoint.endpointId)}
+                          onClick={() =>
+                            setSelectedEndpointId(endpoint.endpointId)
+                          }
                         >
                           <span style={endpointChoiceTitleStyle}>
                             <span
@@ -1338,7 +1545,11 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                               {label}
                             </span>
                             <Tag
-                              color={isChatServiceEndpoint(endpoint) ? 'geekblue' : 'default'}
+                              color={
+                                isChatServiceEndpoint(endpoint)
+                                  ? 'geekblue'
+                                  : 'default'
+                              }
                               style={{ marginInlineEnd: 0 }}
                             >
                               {describeEndpointKind(endpoint)}
@@ -1350,7 +1561,10 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                               color: secondaryColor,
                             }}
                           >
-                            {t("pages.studio.bind.studiomemberbindpanel.endpoint.ready", "Endpoint ready")}
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.endpoint.ready',
+                              'Endpoint ready',
+                            )}
                           </span>
                           <span
                             style={{
@@ -1367,9 +1581,18 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                   </div>
                 ) : (
                   <div style={valueCardStyle}>
-                    <Typography.Text strong>{t("pages.studio.bind.studiomemberbindpanel.no.endpoint.data.available.2", "No endpoint data available")}</Typography.Text>
+                    <Typography.Text strong>
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.no.endpoint.data.available.2',
+                        'No endpoint data available',
+                      )}
+                    </Typography.Text>
                     <Typography.Text type="secondary">
-                      {t("pages.studio.bind.studiomemberbindpanel.this.member.publication.has.not.2", "This member publication has not exposed callable endpoints yet. Bind can still show revision diagnostics below.")}</Typography.Text>
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.this.member.publication.has.not.2',
+                        'This member publication has not exposed callable endpoints yet. Bind can still show revision diagnostics below.',
+                      )}
+                    </Typography.Text>
                   </div>
                 )}
               </div>
@@ -1378,15 +1601,24 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               <Alert
                 showIcon
                 message={endpointUnavailableMessage}
-                description={t("pages.studio.bind.studiomemberbindpanel.the.service.revision.history.can.2", "The service revision history can still load, but Invoke needs endpoint data on the selected service contract.")}
+                description={t(
+                  'pages.studio.bind.studiomemberbindpanel.the.service.revision.history.can.2',
+                  'The service revision history can still load, but Invoke needs endpoint data on the selected service contract.',
+                )}
                 type="warning"
               />
             ) : null}
             {!normalizedMemberId && selectedService && selectedEndpoint ? (
               <Alert
                 showIcon
-                message={t("pages.studio.bind.studiomemberbindpanel.select.team.member.before.using.2", "Select a Team member before using Invoke.")}
-                description={t("pages.studio.bind.studiomemberbindpanel.bind.can.inspect.the.published.2", "Bind can inspect the published service, but Studio only reveals invoke URLs and live requests after the route resolves to a backend member.")}
+                message={t(
+                  'pages.studio.bind.studiomemberbindpanel.select.team.member.before.using.2',
+                  'Select a Team member before using Invoke.',
+                )}
+                description={t(
+                  'pages.studio.bind.studiomemberbindpanel.bind.can.inspect.the.published.2',
+                  'Bind can inspect the published service, but Studio only reveals invoke URLs and live requests after the route resolves to a backend member.',
+                )}
                 type="info"
               />
             ) : null}
@@ -1395,7 +1627,12 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               style={flowGuidanceCardStyle}
             >
               <div style={flowGuidanceHeaderStyle}>
-                <Typography.Text strong>{t("pages.studio.bind.studiomemberbindpanel.lifecycle.guidance.2", "Lifecycle guidance")}</Typography.Text>
+                <Typography.Text strong>
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.lifecycle.guidance.2',
+                    'Lifecycle guidance',
+                  )}
+                </Typography.Text>
                 <Tag
                   color={
                     bindFlowGuidance.stage === 'ready'
@@ -1420,8 +1657,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
             layoutMode="document"
             padding={14}
             style={equalHeightPanelStyle}
-            title={t("pages.studio.bind.studiomemberbindpanel.current.member.contract.2", "Current member contract")}
-            titleHelp={t("pages.studio.bind.studiomemberbindpanel.keep.only.the.callable.essentials.2", "Keep only the callable essentials here so the page opens with the method, URL, auth, and revision at a glance.")}
+            title={t(
+              'pages.studio.bind.studiomemberbindpanel.current.member.contract.2',
+              'Current member contract',
+            )}
+            titleHelp={t(
+              'pages.studio.bind.studiomemberbindpanel.keep.only.the.callable.essentials.2',
+              'Keep only the callable essentials here so the page opens with the method, URL, auth, and revision at a glance.',
+            )}
           >
             <div
               data-testid="studio-bind-contract-section"
@@ -1429,8 +1672,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
             >
               <Typography.Text type="secondary">
                 {runsCurrentWorkflowDraft
-                  ? t("pages.studio.bind.studiomemberbindpanel.keep.the.current.draft.in.focus", "Keep the current draft in focus here; the smoke test and snippets below are the two fastest follow-up actions.")
-                  : t("pages.studio.bind.studiomemberbindpanel.keep.the.active.invoke.contract.in", "Keep the active invoke contract in focus here; the smoke test and snippets below are the two fastest follow-up actions.")}
+                  ? t(
+                      'pages.studio.bind.studiomemberbindpanel.keep.the.current.draft.in.focus',
+                      'Keep the current draft in focus here; the smoke test and snippets below are the two fastest follow-up actions.',
+                    )
+                  : t(
+                      'pages.studio.bind.studiomemberbindpanel.keep.the.active.invoke.contract.in',
+                      'Keep the active invoke contract in focus here; the smoke test and snippets below are the two fastest follow-up actions.',
+                    )}
               </Typography.Text>
               {bindContract ? (
                 <>
@@ -1438,30 +1687,55 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                     data-testid="studio-bind-contract-card"
                     style={contractUrlCardStyle}
                   >
-                    <div style={contractMethodStyle}>
-                      {bindContract.method}
-                    </div>
-                    <div style={contractUrlStyle}>
-                      {bindContract.invokeUrl}
-                    </div>
+                    <div style={contractMethodStyle}>{bindContract.method}</div>
+                    <div style={contractUrlStyle}>{bindContract.invokeUrl}</div>
                   </div>
                   <Space wrap size={[6, 6]}>
-                    <Tag>{t("pages.studio.bind.studiomemberbindpanel.auth.2", "auth ·")}{bindContract.authLabel}</Tag>
-                    <Tag>{t("pages.studio.bind.studiomemberbindpanel.revision.3", "revision ready")}</Tag>
+                    <Tag>
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.auth.2',
+                        'auth ·',
+                      )}
+                      {bindContract.authLabel}
+                    </Tag>
+                    <Tag>
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.revision.3',
+                        'revision ready',
+                      )}
+                    </Tag>
                     {bindContract.streaming.sse ? (
-                      <Tag color="gold">{t("pages.studio.bind.studiomemberbindpanel.stream.text.event.stream.2", "stream · text/event-stream")}</Tag>
+                      <Tag color="gold">
+                        {t(
+                          'pages.studio.bind.studiomemberbindpanel.stream.text.event.stream.2',
+                          'stream · text/event-stream',
+                        )}
+                      </Tag>
                     ) : (
-                      <Tag>{t("pages.studio.bind.studiomemberbindpanel.response.application.json.2", "response · application/json")}</Tag>
+                      <Tag>
+                        {t(
+                          'pages.studio.bind.studiomemberbindpanel.response.application.json.2',
+                          'response · application/json',
+                        )}
+                      </Tag>
                     )}
                     {bindContract.streaming.aguiFrames ? (
-                      <Tag color="geekblue">{t("pages.studio.bind.studiomemberbindpanel.agui.frames.2", "AGUI frames")}</Tag>
+                      <Tag color="geekblue">
+                        {t(
+                          'pages.studio.bind.studiomemberbindpanel.agui.frames.2',
+                          'AGUI frames',
+                        )}
+                      </Tag>
                     ) : null}
                   </Space>
                 </>
               ) : (
                 <Alert
                   showIcon
-                  message={t("pages.studio.bind.studiomemberbindpanel.select.an.endpoint.to.reveal.2", "Select an endpoint to reveal the invoke contract.")}
+                  message={t(
+                    'pages.studio.bind.studiomemberbindpanel.select.an.endpoint.to.reveal.2',
+                    'Select an endpoint to reveal the invoke contract.',
+                  )}
                   description={
                     normalizedMemberId
                       ? 'The contract URL, revision badge, snippets, and smoke test are generated from the selected member endpoint.'
@@ -1477,11 +1751,20 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
             layoutMode="document"
             padding={14}
             style={equalHeightPanelStyle}
-            title={t("pages.studio.bind.studiomemberbindpanel.quick.smoke.test.2", "Quick smoke test")}
+            title={t(
+              'pages.studio.bind.studiomemberbindpanel.quick.smoke.test.2',
+              'Quick smoke test',
+            )}
             titleHelp={
               runsCurrentWorkflowDraft
-                ? t("pages.studio.bind.studiomemberbindpanel.quick.smoke.test.workflow.draft.help", "Quick smoke test runs the current Studio workflow draft before publish. Continue to Invoke when you want to verify the published contract and endpoint.")
-                : t("pages.studio.bind.studiomemberbindpanel.quick.smoke.test.invoke.help", "Use a light contract check here, then move into Invoke for the full transcript and event stream.")
+                ? t(
+                    'pages.studio.bind.studiomemberbindpanel.quick.smoke.test.workflow.draft.help',
+                    'Quick smoke test runs the current Studio workflow draft before publish. Continue to Invoke when you want to verify the published contract and endpoint.',
+                  )
+                : t(
+                    'pages.studio.bind.studiomemberbindpanel.quick.smoke.test.invoke.help',
+                    'Use a light contract check here, then move into Invoke for the full transcript and event stream.',
+                  )
             }
           >
             <div
@@ -1489,21 +1772,50 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               style={workflowSectionStyle}
             >
               <div style={{ display: 'grid', gap: 6 }}>
-                <Typography.Text strong>{t("pages.studio.bind.studiomemberbindpanel.authorization.3", "Authorization")}</Typography.Text>
+                <Typography.Text strong>
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.authorization.3',
+                    'Authorization',
+                  )}
+                </Typography.Text>
                 <Typography.Text type="secondary">
                   {runsCurrentWorkflowDraft
-                    ? t("pages.studio.bind.studiomemberbindpanel.current.draft.smoke.tests.use.studio.2", "Current draft smoke tests use Studio draft execution. Published endpoint authorization is checked after you continue to Invoke.")
+                    ? t(
+                        'pages.studio.bind.studiomemberbindpanel.current.draft.smoke.tests.use.studio.2',
+                        'Current draft smoke tests use Studio draft execution. Published endpoint authorization is checked after you continue to Invoke.',
+                      )
                     : bindContract?.authAuthenticated
-                      ? t("pages.studio.bind.studiomemberbindpanel.in.browser.studio.requests.attach.the", "{value1} In-browser Studio requests attach the active bearer session automatically.", { value1: bindContract.authHint })
+                      ? t(
+                          'pages.studio.bind.studiomemberbindpanel.in.browser.studio.requests.attach.the',
+                          '{value1} In-browser Studio requests attach the active bearer session automatically.',
+                          { value1: bindContract.authHint },
+                        )
                       : bindContract?.authEnabled
-                        ? t("pages.studio.bind.studiomemberbindpanel.sign.in.before.running.smoke.test", "{value1} Sign in before running a smoke test.", { value1: bindContract?.authHint })
-                        : bindContract?.authHint || t("pages.studio.bind.studiomemberbindpanel.studio.auth.is.not.enabled.for", "Studio auth is not enabled for this environment.")}
+                        ? t(
+                            'pages.studio.bind.studiomemberbindpanel.sign.in.before.running.smoke.test',
+                            '{value1} Sign in before running a smoke test.',
+                            { value1: bindContract?.authHint },
+                          )
+                        : bindContract?.authHint ||
+                          t(
+                            'pages.studio.bind.studiomemberbindpanel.studio.auth.is.not.enabled.for',
+                            'Studio auth is not enabled for this environment.',
+                          )}
                 </Typography.Text>
                 {runsCurrentWorkflowDraft ? (
                   <Space wrap size={[6, 6]}>
-                    <Tag color="blue">{t("pages.studio.bind.studiomemberbindpanel.current.draft.2", "Current draft")}</Tag>
+                    <Tag color="blue">
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.current.draft.2',
+                        'Current draft',
+                      )}
+                    </Tag>
                     <Typography.Text type="secondary">
-                      {t("pages.studio.bind.studiomemberbindpanel.quick.smoke.test.runs.the.2", "Quick smoke test runs the current Studio draft before publish.")}</Typography.Text>
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.quick.smoke.test.runs.the.2',
+                        'Quick smoke test runs the current Studio draft before publish.',
+                      )}
+                    </Typography.Text>
                   </Space>
                 ) : null}
               </div>
@@ -1511,18 +1823,28 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                 <Typography.Text strong>
                   {runsCurrentWorkflowDraft ||
                   (selectedEndpoint && isChatServiceEndpoint(selectedEndpoint))
-                    ? t("pages.studio.bind.studiomemberbindpanel.prompt.2", "Prompt")
-                    : t("pages.studio.bind.studiomemberbindpanel.prompt.command.input.2", "Prompt / command input")}
+                    ? t(
+                        'pages.studio.bind.studiomemberbindpanel.prompt.2',
+                        'Prompt',
+                      )
+                    : t(
+                        'pages.studio.bind.studiomemberbindpanel.prompt.command.input.2',
+                        'Prompt / command input',
+                      )}
                 </Typography.Text>
                 <Input.TextArea
-                  aria-label={t("pages.studio.bind.studiomemberbindpanel.bind.smoke.test.input.2", "Bind smoke test input")}
+                  aria-label={t(
+                    'pages.studio.bind.studiomemberbindpanel.bind.smoke.test.input.2',
+                    'Bind smoke test input',
+                  )}
                   autoSize={{ minRows: 4, maxRows: 8 }}
                   placeholder={
                     runsCurrentWorkflowDraft
                       ? 'Ask the current workflow draft to do a quick task...'
-                      : selectedEndpoint && isChatServiceEndpoint(selectedEndpoint)
-                      ? 'Ask the selected member to do a quick task...'
-                      : 'Enter a quick smoke test input. Use Invoke for typed payload debugging.'
+                      : selectedEndpoint &&
+                          isChatServiceEndpoint(selectedEndpoint)
+                        ? 'Ask the selected member to do a quick task...'
+                        : 'Enter a quick smoke test input. Use Invoke for typed payload debugging.'
                   }
                   style={smokeInputStyle}
                   value={smokeInput}
@@ -1534,11 +1856,22 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               !isChatServiceEndpoint(selectedEndpoint) ? (
                 <Alert
                   showIcon
-                  message={t("pages.studio.bind.studiomemberbindpanel.copy.5", "Fixed-format input")}
+                  message={t(
+                    'pages.studio.bind.studiomemberbindpanel.copy.5',
+                    'Fixed-format input',
+                  )}
                   description={
                     <Typography.Text style={smokeTypedPayloadDescriptionStyle}>
-                      {t("pages.studio.bind.studiomemberbindpanel.api.sdk.invoke", "This entry is primarily for API/SDK calls. The current input is sent as simple text; continue to Invoke when you need to debug the full fixed-format input.")}<br />
-                      {t("pages.studio.bind.studiomemberbindpanel.request.type.2", "Request type:")}{bindContract.requestTypeUrl}
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.api.sdk.invoke',
+                        'This entry is primarily for API/SDK calls. The current input is sent as simple text; continue to Invoke when you need to debug the full fixed-format input.',
+                      )}
+                      <br />
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.request.type.2',
+                        'Request type:',
+                      )}
+                      {bindContract.requestTypeUrl}
                     </Typography.Text>
                   }
                   type="warning"
@@ -1547,7 +1880,10 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               <div style={smokeActionStackStyle}>
                 <Alert
                   showIcon
-                  message={t("pages.studio.bind.studiomemberbindpanel.next.step", "Next step")}
+                  message={t(
+                    'pages.studio.bind.studiomemberbindpanel.next.step',
+                    'Next step',
+                  )}
                   description={
                     canUsePublishedMemberInvoke
                       ? 'Continue to Invoke opens a full run transcript for the same member and endpoint. Observe will receive the latest run context after Invoke starts.'
@@ -1561,18 +1897,27 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                   loading={smokeTestResult.status === 'running'}
                   type="primary"
                   disabled={
-                    (!runsCurrentWorkflowDraft && !canUsePublishedMemberInvoke) ||
+                    (!runsCurrentWorkflowDraft &&
+                      !canUsePublishedMemberInvoke) ||
                     publishedSmokeRequiresAuth
                   }
                   onClick={() => void handleRunSmokeTest()}
                 >
-                  {t("pages.studio.bind.studiomemberbindpanel.send.smoke.test.2", "Send smoke test")}</Button>
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.send.smoke.test.2',
+                    'Send smoke test',
+                  )}
+                </Button>
                 <Button
                   block
                   icon={<LinkOutlined />}
                   disabled={!canUsePublishedMemberInvoke}
                   onClick={() => {
-                    if (!canUsePublishedMemberInvoke || !selectedService || !selectedEndpoint) {
+                    if (
+                      !canUsePublishedMemberInvoke ||
+                      !selectedService ||
+                      !selectedEndpoint
+                    ) {
                       return;
                     }
 
@@ -1582,16 +1927,23 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                     );
                   }}
                 >
-                  {t("pages.studio.bind.studiomemberbindpanel.continue.to.invoke.2", "Continue to Invoke")}</Button>
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.continue.to.invoke.2',
+                    'Continue to Invoke',
+                  )}
+                </Button>
               </div>
               {smokeTestResult.status === 'success' ? (
                 <Alert
                   showIcon
                   message={`Smoke test passed in ${smokeTestResult.latencyMs}ms`}
-	                  description={
-	                    smokeTestResult.runId
-	                      ? t("pages.studio.bind.studiomemberbindpanel.run.completed", "Run completed")
-	                      : runsCurrentWorkflowDraft
+                  description={
+                    smokeTestResult.runId
+                      ? t(
+                          'pages.studio.bind.studiomemberbindpanel.run.completed',
+                          'Run completed',
+                        )
+                      : runsCurrentWorkflowDraft
                         ? 'The current Studio draft completed without an error.'
                         : 'The selected contract returned without an error.'
                   }
@@ -1600,7 +1952,10 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               ) : smokeTestResult.status === 'error' ? (
                 <Alert
                   showIcon
-                  message={t("pages.studio.bind.studiomemberbindpanel.smoke.test.failed.2", "Smoke test failed")}
+                  message={t(
+                    'pages.studio.bind.studiomemberbindpanel.smoke.test.failed.2',
+                    'Smoke test failed',
+                  )}
                   description={smokeTestResult.error}
                   type="error"
                 />
@@ -1608,9 +1963,19 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               {smokeTestResult.responseSummary ? (
                 runsCurrentWorkflowDraft || bindContract?.streaming.sse ? (
                   <div style={{ display: 'grid', gap: 10 }}>
-                    <Typography.Text strong>{t("pages.studio.bind.studiomemberbindpanel.streaming.summary.2", "Streaming summary")}</Typography.Text>
+                    <Typography.Text strong>
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.streaming.summary.2',
+                        'Streaming summary',
+                      )}
+                    </Typography.Text>
                     <Typography.Text type="secondary">
-                      {smokeTestResult.eventCount} {t("pages.studio.bind.studiomemberbindpanel.observed.events.2", "observed events")}</Typography.Text>
+                      {smokeTestResult.eventCount}{' '}
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.observed.events.2',
+                        'observed events',
+                      )}
+                    </Typography.Text>
                     <div
                       style={{
                         background: '#f8fafc',
@@ -1630,7 +1995,12 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
                   </div>
                 ) : (
                   <div style={{ display: 'grid', gap: 10 }}>
-                    <Typography.Text strong>{t("pages.studio.bind.studiomemberbindpanel.response.summary.2", "Response summary")}</Typography.Text>
+                    <Typography.Text strong>
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.response.summary.2',
+                        'Response summary',
+                      )}
+                    </Typography.Text>
                     <pre style={{ ...snippetBlockStyle, margin: 0 }}>
                       {smokeTestResult.responseSummary}
                     </pre>
@@ -1646,8 +2016,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
             layoutMode="document"
             padding={14}
             style={equalHeightPanelStyle}
-            title={t("pages.studio.bind.studiomemberbindpanel.integration.snippets.2", "Integration snippets")}
-            titleHelp={t("pages.studio.bind.studiomemberbindpanel.give.the.user.ready.to.2", "Give the user a ready-to-copy call shape right away, without making them hunt through the support sections.")}
+            title={t(
+              'pages.studio.bind.studiomemberbindpanel.integration.snippets.2',
+              'Integration snippets',
+            )}
+            titleHelp={t(
+              'pages.studio.bind.studiomemberbindpanel.give.the.user.ready.to.2',
+              'Give the user a ready-to-copy call shape right away, without making them hunt through the support sections.',
+            )}
           >
             {bindContract ? (
               <div
@@ -1656,34 +2032,53 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               >
                 <div style={snippetHeaderStyle}>
                   <div style={snippetTabsStyle}>
-                    {(['curl', 'fetch', 'sdk'] as SnippetTab[]).map((tabKey) => (
-                      <button
-                        aria-pressed={snippetTab === tabKey}
-                        className={AEVATAR_INTERACTIVE_CHIP_CLASS}
-                        key={tabKey}
-                        type="button"
-                        style={{
-                          ...snippetTabButtonStyle,
-                          background: snippetTab === tabKey ? '#111827' : '#ffffff',
-                          borderColor: snippetTab === tabKey ? '#111827' : '#d9d9d9',
-                          color: snippetTab === tabKey ? '#ffffff' : '#111827',
-                        }}
-                        onClick={() => setSnippetTab(tabKey)}
-                      >
-                        {tabKey.toUpperCase()}
-                      </button>
-                    ))}
+                    {(['curl', 'fetch', 'sdk'] as SnippetTab[]).map(
+                      (tabKey) => (
+                        <button
+                          aria-pressed={snippetTab === tabKey}
+                          className={AEVATAR_INTERACTIVE_CHIP_CLASS}
+                          key={tabKey}
+                          type="button"
+                          style={{
+                            ...snippetTabButtonStyle,
+                            background:
+                              snippetTab === tabKey ? '#111827' : '#ffffff',
+                            borderColor:
+                              snippetTab === tabKey ? '#111827' : '#d9d9d9',
+                            color:
+                              snippetTab === tabKey ? '#ffffff' : '#111827',
+                          }}
+                          onClick={() => setSnippetTab(tabKey)}
+                        >
+                          {tabKey.toUpperCase()}
+                        </button>
+                      ),
+                    )}
                   </div>
-                  <Button icon={<CopyOutlined />} onClick={() => void copyText(selectedSnippet)}>
-                    {t("pages.studio.bind.studiomemberbindpanel.copy.snippet.2", "Copy snippet")}</Button>
+                  <Button
+                    icon={<CopyOutlined />}
+                    onClick={() => void copyText(selectedSnippet)}
+                  >
+                    {t(
+                      'pages.studio.bind.studiomemberbindpanel.copy.snippet.2',
+                      'Copy snippet',
+                    )}
+                  </Button>
                 </div>
                 <Typography.Text type="secondary">
-                  {t("pages.studio.bind.studiomemberbindpanel.use.the.selected.snippet.to.2", "Use the selected snippet to call the current member contract from your shell, browser, or SDK.")}</Typography.Text>
+                  {t(
+                    'pages.studio.bind.studiomemberbindpanel.use.the.selected.snippet.to.2',
+                    'Use the selected snippet to call the current member contract from your shell, browser, or SDK.',
+                  )}
+                </Typography.Text>
                 <pre style={snippetPreviewStyle}>{selectedSnippet}</pre>
               </div>
             ) : (
               <Empty
-                description={t("pages.studio.bind.studiomemberbindpanel.inspect.one.contract.first.to.2", "Inspect one contract first to generate its snippets.")}
+                description={t(
+                  'pages.studio.bind.studiomemberbindpanel.inspect.one.contract.first.to.2',
+                  'Inspect one contract first to generate its snippets.',
+                )}
                 image={Empty.PRESENTED_IMAGE_SIMPLE}
               />
             )}
@@ -1693,8 +2088,14 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
         <AevatarPanel
           layoutMode="document"
           padding={14}
-          title={t("pages.studio.bind.studiomemberbindpanel.supporting.details.2", "Supporting details")}
-          titleHelp={t("pages.studio.bind.studiomemberbindpanel.keep.the.source.selector.routing.2", "Keep the source selector, routing, bindings, and revision history available below the primary workflow.")}
+          title={t(
+            'pages.studio.bind.studiomemberbindpanel.supporting.details.2',
+            'Supporting details',
+          )}
+          titleHelp={t(
+            'pages.studio.bind.studiomemberbindpanel.keep.the.source.selector.routing.2',
+            'Keep the source selector, routing, bindings, and revision history available below the primary workflow.',
+          )}
         >
           <div
             data-testid="studio-bind-supporting-section"
@@ -1705,198 +2106,400 @@ const StudioMemberBindPanel: React.FC<StudioMemberBindPanelProps> = ({
               defaultActiveKey={[]}
               ghost
               items={[
-              {
-                key: 'contract-details',
-                label: t("pages.studio.bind.studiomemberbindpanel.contract.details.2", "Contract details"),
-                children: bindContract ? (
-                  <div style={parameterGridStyle}>
-	                    <div style={valueCardStyle}>
-	                      <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.published.service.2", "Published service")}</Typography.Text>
-	                      <Typography.Text strong style={{ wordBreak: 'break-word' }}>
-	                        {t("pages.studio.bind.studiomemberbindpanel.service.ready", "Service ready")}
-	                      </Typography.Text>
-                      <Typography.Text type="secondary">
-                        {t("pages.studio.bind.studiomemberbindpanel.platform.diagnostic.id.for.this.2", "Platform diagnostic id for this member contract.")}</Typography.Text>
-                    </div>
-                    <div style={valueCardStyle}>
-                      <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.workspace.id.4", "Workspace ID")}</Typography.Text>
-                      <Typography.Text strong style={{ wordBreak: 'break-word' }}>
-                        {bindContract.scopeLabel}
-                      </Typography.Text>
-                      <Typography.Text type="secondary">
-                        {bindContract.scopeSource
-                          ? t("pages.studio.bind.studiomemberbindpanel.resolved.from", "Resolved from {value1}.", { value1: bindContract.scopeSource })
-                          : t("pages.studio.bind.studiomemberbindpanel.bound.to.the.current.studio.workspace", "Bound to the current Studio workspace.")}
-                      </Typography.Text>
-                    </div>
-                    <div style={valueCardStyle}>
-                      <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.authorization.4", "Authorization")}</Typography.Text>
-                      <Typography.Text strong>{bindContract.authLabel}</Typography.Text>
-                      <Typography.Text type="secondary">{bindContract.authHint}</Typography.Text>
-                    </div>
-	                    <div style={valueCardStyle}>
-	                      <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.revision.4", "Revision")}</Typography.Text>
-	                      <Typography.Text strong>{t("pages.studio.bind.studiomemberbindpanel.revision.ready", "Revision ready")}</Typography.Text>
-	                      <Typography.Text type="secondary">{bindContract.serviceDisplayName}</Typography.Text>
-                    </div>
-                    <div style={valueCardStyle}>
-                      <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.delivery.2", "Delivery")}</Typography.Text>
-                      <Typography.Text strong>{bindContract.method}</Typography.Text>
-                      <Typography.Text type="secondary">
-                        {bindContract.streaming.sse
-                          ? t("pages.studio.bind.studiomemberbindpanel.streams.through.text.event.stream.2", "Streams through text/event-stream.")
-                          : t("pages.studio.bind.studiomemberbindpanel.returns.single.json.response.2", "Returns a single JSON response.")}
-                      </Typography.Text>
-                    </div>
-                    <div style={valueCardStyle}>
-                      <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.streaming.2", "Streaming")}</Typography.Text>
-                      <Space wrap size={[6, 6]}>
-                        <Tag color={bindContract.streaming.sse ? 'blue' : 'default'}>{t("pages.studio.bind.studiomemberbindpanel.sse.2", "SSE")}</Tag>
-                        <Tag color={bindContract.streaming.webSocket ? 'blue' : 'default'}>
-                          {t("pages.studio.bind.studiomemberbindpanel.websocket.2", "WebSocket")}</Tag>
-                        <Tag color={bindContract.streaming.aguiFrames ? 'geekblue' : 'default'}>
-                          {t("pages.studio.bind.studiomemberbindpanel.agui.2", "AGUI")}</Tag>
-                      </Space>
-                    </div>
-                    {bindContract.requestTypeUrl ? (
+                {
+                  key: 'contract-details',
+                  label: t(
+                    'pages.studio.bind.studiomemberbindpanel.contract.details.2',
+                    'Contract details',
+                  ),
+                  children: bindContract ? (
+                    <div style={parameterGridStyle}>
                       <div style={valueCardStyle}>
-                        <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.request.schema.2", "Request schema")}</Typography.Text>
-                        <Typography.Text strong style={{ wordBreak: 'break-word' }}>
-                          {bindContract.requestTypeUrl}
+                        <Typography.Text type="secondary">
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.published.service.2',
+                            'Published service',
+                          )}
+                        </Typography.Text>
+                        <Typography.Text
+                          strong
+                          style={{ wordBreak: 'break-word' }}
+                        >
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.service.ready',
+                            'Service ready',
+                          )}
+                        </Typography.Text>
+                        <Typography.Text type="secondary">
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.platform.diagnostic.id.for.this.2',
+                            'Platform diagnostic id for this member contract.',
+                          )}
                         </Typography.Text>
                       </div>
-                    ) : null}
-                    {bindContract.responseTypeUrl ? (
                       <div style={valueCardStyle}>
-                        <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.response.schema.2", "Response schema")}</Typography.Text>
-                        <Typography.Text strong style={{ wordBreak: 'break-word' }}>
-                          {bindContract.responseTypeUrl}
+                        <Typography.Text type="secondary">
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.workspace.id.4',
+                            'Workspace ID',
+                          )}
+                        </Typography.Text>
+                        <Typography.Text
+                          strong
+                          style={{ wordBreak: 'break-word' }}
+                        >
+                          {bindContract.scopeLabel}
+                        </Typography.Text>
+                        <Typography.Text type="secondary">
+                          {bindContract.scopeSource
+                            ? t(
+                                'pages.studio.bind.studiomemberbindpanel.resolved.from',
+                                'Resolved from {value1}.',
+                                { value1: bindContract.scopeSource },
+                              )
+                            : t(
+                                'pages.studio.bind.studiomemberbindpanel.bound.to.the.current.studio.workspace',
+                                'Bound to the current Studio workspace.',
+                              )}
                         </Typography.Text>
                       </div>
-                    ) : null}
-                  </div>
-                ) : (
-                  <Empty
-                    description={t("pages.studio.bind.studiomemberbindpanel.keep.one.published.contract.in.2", "Keep one published contract in focus to review its details.")}
-                    image={Empty.PRESENTED_IMAGE_SIMPLE}
-                  />
-                ),
-              },
-              {
-                key: 'bound-dependencies',
-                label: buildBindingSectionTitle(bindingList.length),
-                children: bindingsQuery.isLoading ? (
-                  <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.loading.bindings.2", "Loading bindings...")}</Typography.Text>
-                ) : bindingList.length > 0 ? (
-                  <div style={listColumnStyle}>
-                    {bindingList.map((binding) => (
-	                      <div key={binding.bindingId} style={compactCardStyle}>
-	                        <Space wrap size={[8, 8]}>
-	                          <Typography.Text strong>
-	                            {getUserFacingIdentifierLabel(
-	                              binding.displayName || binding.bindingId,
-	                              t("pages.studio.bind.studiomemberbindpanel.binding", "Binding"),
-	                            )}
-	                          </Typography.Text>
-                          <AevatarStatusTag
-                            domain="governance"
-                            label={binding.bindingKind}
-                            status={binding.retired ? 'retired' : 'active'}
-                          />
-                        </Space>
+                      <div style={valueCardStyle}>
+                        <Typography.Text type="secondary">
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.authorization.4',
+                            'Authorization',
+                          )}
+                        </Typography.Text>
+                        <Typography.Text strong>
+                          {bindContract.authLabel}
+                        </Typography.Text>
                         <Typography.Text type="secondary">
-                          {t("pages.studio.bind.studiomemberbindpanel.target.2", "Target")}{describeScopeServiceBindingTarget(binding)}
-	                        </Typography.Text>
-	                        <Typography.Text type="secondary">
-	                          {t("pages.studio.bind.studiomemberbindpanel.policies.2", "Policies")}
-	                          {binding.policyIds.length > 0
-	                            ? t("pages.studio.bind.studiomemberbindpanel.policy.count", "{value1} policies", {
-	                                value1: binding.policyIds.length,
-	                              })
-	                            : 'none'}
-	                        </Typography.Text>
+                          {bindContract.authHint}
+                        </Typography.Text>
                       </div>
-                    ))}
-                  </div>
-                ) : (
-                  <Empty
-                    description={t("pages.studio.bind.studiomemberbindpanel.this.service.does.not.depend.2", "This service does not depend on any extra connectors, secrets, or service bindings in the current workspace.")}
-                    image={Empty.PRESENTED_IMAGE_SIMPLE}
-                  />
-                ),
-              },
-              {
-                key: 'revisions',
-                label: t("pages.studio.bind.studiomemberbindpanel.revisions.3", "Revisions ({value1})", { value1: revisionList.length }),
-                children: revisionCatalogQuery.isLoading ? (
-                  <Typography.Text type="secondary">{t("pages.studio.bind.studiomemberbindpanel.loading.published.revisions.2", "Loading published revisions...")}</Typography.Text>
-                ) : revisionCatalogQuery.error ? (
-                  <Alert
-                    showIcon
-                    message={t("pages.studio.bind.studiomemberbindpanel.failed.to.load.revisions.2", "Failed to load revisions")}
-                    description={
-                      revisionCatalogQuery.error instanceof Error
-                        ? revisionCatalogQuery.error.message
-                        : 'Studio could not load the published revisions for this contract.'
-                    }
-                    type="error"
-                  />
-                ) : revisionList.length > 0 ? (
-                  <div style={listColumnStyle}>
-                    {revisionList.map((revision) => {
-                      const isCurrent = revision.revisionId === currentPublishedRevision?.revisionId;
-                      return (
-                        <div
-                          key={revision.revisionId}
-                          style={{
-                            ...revisionCardStyle,
-                            borderColor: isCurrent ? '#6b8cff' : '#eef2f7',
-                            boxShadow: isCurrent
-                              ? '0 0 0 1px rgba(107, 140, 255, 0.18)'
-                              : 'none',
-                          }}
-	                        >
-	                          <Space wrap size={[8, 8]}>
-	                            <Typography.Text strong>
-                                {formatStudioMemberBindingImplementationKind(
-                                  revision.implementationKind,
-                                )}
-                              </Typography.Text>
-	                            <AevatarStatusTag
-                              domain="governance"
-                              label={formatStudioMemberBindingImplementationKind(
-                                revision.implementationKind,
+                      <div style={valueCardStyle}>
+                        <Typography.Text type="secondary">
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.revision.4',
+                            'Revision',
+                          )}
+                        </Typography.Text>
+                        <Typography.Text strong>
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.revision.ready',
+                            'Revision ready',
+                          )}
+                        </Typography.Text>
+                        <Typography.Text type="secondary">
+                          {bindContract.serviceDisplayName}
+                        </Typography.Text>
+                      </div>
+                      <div style={valueCardStyle}>
+                        <Typography.Text type="secondary">
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.delivery.2',
+                            'Delivery',
+                          )}
+                        </Typography.Text>
+                        <Typography.Text strong>
+                          {bindContract.method}
+                        </Typography.Text>
+                        <Typography.Text type="secondary">
+                          {bindContract.streaming.sse
+                            ? t(
+                                'pages.studio.bind.studiomemberbindpanel.streams.through.text.event.stream.2',
+                                'Streams through text/event-stream.',
+                              )
+                            : t(
+                                'pages.studio.bind.studiomemberbindpanel.returns.single.json.response.2',
+                                'Returns a single JSON response.',
                               )}
-                              status={revision.status || 'draft'}
+                        </Typography.Text>
+                      </div>
+                      <div style={valueCardStyle}>
+                        <Typography.Text type="secondary">
+                          {t(
+                            'pages.studio.bind.studiomemberbindpanel.streaming.2',
+                            'Streaming',
+                          )}
+                        </Typography.Text>
+                        <Space wrap size={[6, 6]}>
+                          <Tag
+                            color={
+                              bindContract.streaming.sse ? 'blue' : 'default'
+                            }
+                          >
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.sse.2',
+                              'SSE',
+                            )}
+                          </Tag>
+                          <Tag
+                            color={
+                              bindContract.streaming.webSocket
+                                ? 'blue'
+                                : 'default'
+                            }
+                          >
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.websocket.2',
+                              'WebSocket',
+                            )}
+                          </Tag>
+                          <Tag
+                            color={
+                              bindContract.streaming.aguiFrames
+                                ? 'geekblue'
+                                : 'default'
+                            }
+                          >
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.agui.2',
+                              'AGUI',
+                            )}
+                          </Tag>
+                        </Space>
+                      </div>
+                      {bindContract.requestTypeUrl ? (
+                        <div style={valueCardStyle}>
+                          <Typography.Text type="secondary">
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.request.schema.2',
+                              'Request schema',
+                            )}
+                          </Typography.Text>
+                          <Typography.Text
+                            strong
+                            style={{ wordBreak: 'break-word' }}
+                          >
+                            {bindContract.requestTypeUrl}
+                          </Typography.Text>
+                        </div>
+                      ) : null}
+                      {bindContract.responseTypeUrl ? (
+                        <div style={valueCardStyle}>
+                          <Typography.Text type="secondary">
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.response.schema.2',
+                              'Response schema',
+                            )}
+                          </Typography.Text>
+                          <Typography.Text
+                            strong
+                            style={{ wordBreak: 'break-word' }}
+                          >
+                            {bindContract.responseTypeUrl}
+                          </Typography.Text>
+                        </div>
+                      ) : null}
+                    </div>
+                  ) : (
+                    <Empty
+                      description={t(
+                        'pages.studio.bind.studiomemberbindpanel.keep.one.published.contract.in.2',
+                        'Keep one published contract in focus to review its details.',
+                      )}
+                      image={Empty.PRESENTED_IMAGE_SIMPLE}
+                    />
+                  ),
+                },
+                {
+                  key: 'bound-dependencies',
+                  label: buildBindingSectionTitle(bindingList.length),
+                  children: bindingsQuery.isLoading ? (
+                    <Typography.Text type="secondary">
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.loading.bindings.2',
+                        'Loading bindings...',
+                      )}
+                    </Typography.Text>
+                  ) : bindingList.length > 0 ? (
+                    <div style={listColumnStyle}>
+                      {bindingList.map((binding) => (
+                        <div key={binding.bindingId} style={compactCardStyle}>
+                          <Space wrap size={[8, 8]}>
+                            <Typography.Text strong>
+                              {getUserFacingIdentifierLabel(
+                                binding.displayName || binding.bindingId,
+                                t(
+                                  'pages.studio.bind.studiomemberbindpanel.binding',
+                                  'Binding',
+                                ),
+                              )}
+                            </Typography.Text>
+                            <AevatarStatusTag
+                              domain="governance"
+                              label={binding.bindingKind}
+                              status={binding.retired ? 'retired' : 'active'}
                             />
-                            {revision.isDefaultServing ? (
-                              <Tag color="green">{t("pages.studio.bind.studiomemberbindpanel.default.2", "default")}</Tag>
-                            ) : null}
-                            {revision.isActiveServing ? (
-                              <Tag color="blue">{t("pages.studio.bind.studiomemberbindpanel.active.2", "active")}</Tag>
-                            ) : null}
-                            {revision.retiredAt ? <Tag color="red">{t("pages.studio.bind.studiomemberbindpanel.retired.2", "retired")}</Tag> : null}
-                            {isCurrent ? <Tag color="gold">{t("pages.studio.bind.studiomemberbindpanel.current.contract.2", "current contract")}</Tag> : null}
                           </Space>
                           <Typography.Text type="secondary">
-                            {describeStudioMemberBindingRevisionTarget(revision)} ·{' '}
-                            {describeStudioMemberBindingRevisionContext(revision) || t("pages.studio.bind.studiomemberbindpanel.no.detail.2", "No detail")}
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.target.2',
+                              'Target',
+                            )}
+                            {describeScopeServiceBindingTarget(binding)}
                           </Typography.Text>
                           <Typography.Text type="secondary">
-                            {t("pages.studio.bind.studiomemberbindpanel.serving.2", "Serving")}{revision.servingState || revision.status || 'unknown'} {t("pages.studio.bind.studiomemberbindpanel.published.2", "· Published")}{' '}
-                            {formatDateTime(revision.publishedAt)}
+                            {t(
+                              'pages.studio.bind.studiomemberbindpanel.policies.2',
+                              'Policies',
+                            )}
+                            {binding.policyIds.length > 0
+                              ? t(
+                                  'pages.studio.bind.studiomemberbindpanel.policy.count',
+                                  '{value1} policies',
+                                  {
+                                    value1: binding.policyIds.length,
+                                  },
+                                )
+                              : 'none'}
                           </Typography.Text>
                         </div>
-                      );
-                    })}
-                  </div>
-                ) : (
-                  <Empty
-                    description={t("pages.studio.bind.studiomemberbindpanel.no.published.revisions.are.available.2", "No published revisions are available for this contract yet.")}
-                    image={Empty.PRESENTED_IMAGE_SIMPLE}
-                  />
-                ),
-              },
+                      ))}
+                    </div>
+                  ) : (
+                    <Empty
+                      description={t(
+                        'pages.studio.bind.studiomemberbindpanel.this.service.does.not.depend.2',
+                        'This service does not depend on any extra connectors, secrets, or service bindings in the current workspace.',
+                      )}
+                      image={Empty.PRESENTED_IMAGE_SIMPLE}
+                    />
+                  ),
+                },
+                {
+                  key: 'revisions',
+                  label: t(
+                    'pages.studio.bind.studiomemberbindpanel.revisions.3',
+                    'Revisions ({value1})',
+                    { value1: revisionList.length },
+                  ),
+                  children: revisionCatalogQuery.isLoading ? (
+                    <Typography.Text type="secondary">
+                      {t(
+                        'pages.studio.bind.studiomemberbindpanel.loading.published.revisions.2',
+                        'Loading published revisions...',
+                      )}
+                    </Typography.Text>
+                  ) : revisionCatalogQuery.error ? (
+                    <Alert
+                      showIcon
+                      message={t(
+                        'pages.studio.bind.studiomemberbindpanel.failed.to.load.revisions.2',
+                        'Failed to load revisions',
+                      )}
+                      description={
+                        revisionCatalogQuery.error instanceof Error
+                          ? revisionCatalogQuery.error.message
+                          : 'Studio could not load the published revisions for this contract.'
+                      }
+                      type="error"
+                    />
+                  ) : revisionList.length > 0 ? (
+                    <div style={listColumnStyle}>
+                      {revisionList.map((revision) => {
+                        const isCurrent =
+                          revision.revisionId ===
+                          currentPublishedRevision?.revisionId;
+                        return (
+                          <div
+                            key={revision.revisionId}
+                            style={{
+                              ...revisionCardStyle,
+                              borderColor: isCurrent ? '#6b8cff' : '#eef2f7',
+                              boxShadow: isCurrent
+                                ? '0 0 0 1px rgba(107, 140, 255, 0.18)'
+                                : 'none',
+                            }}
+                          >
+                            <Space wrap size={[8, 8]}>
+                              <Typography.Text strong>
+                                {formatStudioMemberBindingImplementationKind(
+                                  revision.implementationKind,
+                                )}
+                              </Typography.Text>
+                              <AevatarStatusTag
+                                domain="governance"
+                                label={formatStudioMemberBindingImplementationKind(
+                                  revision.implementationKind,
+                                )}
+                                status={revision.status || 'draft'}
+                              />
+                              {revision.isDefaultServing ? (
+                                <Tag color="green">
+                                  {t(
+                                    'pages.studio.bind.studiomemberbindpanel.default.2',
+                                    'default',
+                                  )}
+                                </Tag>
+                              ) : null}
+                              {revision.isActiveServing ? (
+                                <Tag color="blue">
+                                  {t(
+                                    'pages.studio.bind.studiomemberbindpanel.active.2',
+                                    'active',
+                                  )}
+                                </Tag>
+                              ) : null}
+                              {revision.retiredAt ? (
+                                <Tag color="red">
+                                  {t(
+                                    'pages.studio.bind.studiomemberbindpanel.retired.2',
+                                    'retired',
+                                  )}
+                                </Tag>
+                              ) : null}
+                              {isCurrent ? (
+                                <Tag color="gold">
+                                  {t(
+                                    'pages.studio.bind.studiomemberbindpanel.current.contract.2',
+                                    'current contract',
+                                  )}
+                                </Tag>
+                              ) : null}
+                            </Space>
+                            <Typography.Text type="secondary">
+                              {describeStudioMemberBindingRevisionTarget(
+                                revision,
+                              )}{' '}
+                              ·{' '}
+                              {describeStudioMemberBindingRevisionContext(
+                                revision,
+                              ) ||
+                                t(
+                                  'pages.studio.bind.studiomemberbindpanel.no.detail.2',
+                                  'No detail',
+                                )}
+                            </Typography.Text>
+                            <Typography.Text type="secondary">
+                              {t(
+                                'pages.studio.bind.studiomemberbindpanel.serving.2',
+                                'Serving',
+                              )}
+                              {revision.servingState ||
+                                revision.status ||
+                                'unknown'}{' '}
+                              {t(
+                                'pages.studio.bind.studiomemberbindpanel.published.2',
+                                '· Published',
+                              )}{' '}
+                              {formatDateTime(revision.publishedAt)}
+                            </Typography.Text>
+                          </div>
+                        );
+                      })}
+                    </div>
+                  ) : (
+                    <Empty
+                      description={t(
+                        'pages.studio.bind.studiomemberbindpanel.no.published.revisions.are.available.2',
+                        'No published revisions are available for this contract yet.',
+                      )}
+                      image={Empty.PRESENTED_IMAGE_SIMPLE}
+                    />
+                  ),
+                },
               ]}
             />
           </div>
diff --git a/apps/aevatar-console-web/src/pages/studio/explorer/ExplorerDetailPane.test.tsx b/apps/aevatar-console-web/src/pages/studio/explorer/ExplorerDetailPane.test.tsx
new file mode 100644
index 0000000000..be8ab4998d
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/studio/explorer/ExplorerDetailPane.test.tsx
@@ -0,0 +1,91 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import * as React from 'react';
+import ExplorerDetailPane from './ExplorerDetailPane';
+
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
+function renderPane(
+  overrides: {
+    readonly onDeleteFile?: (key: string) => Promise<void>;
+    readonly onSaveFile?: (key: string, content: string) => Promise<void>;
+  } = {},
+) {
+  return render(
+    <ExplorerDetailPane
+      content="original"
+      contentErrorMessage={null}
+      contentLoading={false}
+      errorMessage={null}
+      onDeleteFile={overrides.onDeleteFile}
+      onOpenScriptInStudio={jest.fn()}
+      onOpenWorkflowInStudio={jest.fn()}
+      onSaveFile={overrides.onSaveFile}
+      scopeId="scope-alpha"
+      selectedEntry={{
+        key: 'configs/app.txt',
+        name: 'app.txt',
+        type: 'config',
+      }}
+    />,
+  );
+}
+
+describe('ExplorerDetailPane operation feedback', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('reports save failures with a toast without exposing raw details', async () => {
+    const onSaveFile = jest
+      .fn()
+      .mockRejectedValue(new Error('PUT /api/explorer returned 500'));
+    renderPane({ onSaveFile });
+
+    fireEvent.change(screen.getByLabelText('Explorer file editor'), {
+      target: { value: 'changed' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not save file. Try again.',
+      ),
+    );
+    expect(screen.queryByText('Could not save file')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('PUT /api/explorer returned 500'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('reports delete failures with a toast and keeps the retry action', async () => {
+    const onDeleteFile = jest
+      .fn()
+      .mockRejectedValue(new Error('DELETE /api/explorer returned 500'));
+    renderPane({ onDeleteFile });
+
+    fireEvent.click(screen.getByRole('button', { name: 'Delete' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Delete now' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not delete file. Try again.',
+      ),
+    );
+    expect(screen.queryByText('Could not delete file')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('DELETE /api/explorer returned 500'),
+    ).not.toBeInTheDocument();
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: /Delete now/ })).toBeEnabled(),
+    );
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/studio/explorer/ExplorerDetailPane.tsx b/apps/aevatar-console-web/src/pages/studio/explorer/ExplorerDetailPane.tsx
index 28edf8454d..462bd9b6c9 100644
--- a/apps/aevatar-console-web/src/pages/studio/explorer/ExplorerDetailPane.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/explorer/ExplorerDetailPane.tsx
@@ -1,6 +1,7 @@
 import { Alert, Button, Input, Space, Spin, Tag, Typography } from "antd";
 import React from "react";
 import type { ExplorerManifestEntry } from "@/shared/api/explorerApi";
+import { useConsoleToast } from "@/shared/ui/ConsoleToast";
 import ExplorerContentView from "./ExplorerContentView";
 import { t } from "@/shared/i18n/messages";
 
@@ -116,9 +117,8 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
   scopeId,
   selectedEntry,
 }) => {
+  const toast = useConsoleToast();
   const [draft, setDraft] = React.useState("");
-  const [saveError, setSaveError] = React.useState<string | null>(null);
-  const [deleteError, setDeleteError] = React.useState<string | null>(null);
   const [confirmDelete, setConfirmDelete] = React.useState(false);
   const [isSaving, setIsSaving] = React.useState(false);
   const [isDeleting, setIsDeleting] = React.useState(false);
@@ -139,8 +139,6 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
   }, [isDirty, onDirtyStateChange]);
 
   React.useEffect(() => {
-    setSaveError(null);
-    setDeleteError(null);
     setConfirmDelete(false);
     setDraft(content ?? "");
     if (selectedEntry?.type === "chat-history") {
@@ -259,7 +257,6 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
               <Button
                 onClick={() => {
                   setDraft(content ?? "");
-                  setSaveError(null);
                 }}
                 disabled={!isDirty || isSaving || isDeleting}
               >
@@ -273,13 +270,15 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
                     return;
                   }
 
-                  setSaveError(null);
                   setIsSaving(true);
                   try {
                     await onSaveFile(selectedEntry.key, draft);
-                  } catch (error) {
-                    setSaveError(
-                      error instanceof Error ? error.message : "Failed to save explorer file."
+                  } catch {
+                    toast.error(
+                      t(
+                        "pages.studio.explorer.explorerdetailpane.could.not.save.file.toast",
+                        "Could not save file. Try again.",
+                      ),
                     );
                   } finally {
                     setIsSaving(false);
@@ -292,7 +291,6 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
                 loading={isDeleting}
                 disabled={isSaving || !onDeleteFile}
                 onClick={() => {
-                  setDeleteError(null);
                   setConfirmDelete(true);
                 }}
               >
@@ -323,14 +321,16 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
                       return;
                     }
 
-                    setDeleteError(null);
                     setIsDeleting(true);
                     try {
                       await onDeleteFile(selectedEntry.key);
                       setConfirmDelete(false);
-                    } catch (error) {
-                      setDeleteError(
-                        error instanceof Error ? error.message : "Failed to delete explorer file."
+                    } catch {
+                      toast.error(
+                        t(
+                          "pages.studio.explorer.explorerdetailpane.could.not.delete.file.toast",
+                          "Could not delete file. Try again.",
+                        ),
                       );
                     } finally {
                       setIsDeleting(false);
@@ -342,17 +342,6 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
             }
           />
         ) : null}
-        {saveError ? (
-          <Alert type="error" showIcon message={t("pages.studio.explorer.explorerdetailpane.could.not.save.file", "Could not save file")} description={saveError} />
-        ) : null}
-        {deleteError ? (
-          <Alert
-            type="error"
-            showIcon
-            message={t("pages.studio.explorer.explorerdetailpane.could.not.delete.file", "Could not delete file")}
-            description={deleteError}
-          />
-        ) : null}
       </div>
 
       {contentLoading ? (
@@ -377,7 +366,6 @@ const ExplorerDetailPane: React.FC<ExplorerDetailPaneProps> = ({
               value={draft}
               onChange={(event) => {
                 setDraft(event.target.value);
-                setSaveError(null);
               }}
             />
           ) : (
diff --git a/apps/aevatar-console-web/src/pages/studio/index.test.tsx b/apps/aevatar-console-web/src/pages/studio/index.test.tsx
index 1288532b73..46ac68598c 100644
--- a/apps/aevatar-console-web/src/pages/studio/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/index.test.tsx
@@ -1,42 +1,55 @@
-import { act, cleanup, fireEvent, screen, waitFor, within } from "@testing-library/react";
-import { Modal, message } from "antd";
-import React from "react";
-import { setLocale } from "@umijs/max";
-import { ensureActiveAuthSession } from "@/shared/auth/client";
-import { runtimeGAgentApi } from "@/shared/api/runtimeGAgentApi";
-import { runtimeQueryApi } from "@/shared/api/runtimeQueryApi";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
-import { scopeRuntimeApi } from "@/shared/api/scopeRuntimeApi";
-import { studioApi } from "@/shared/studio/api";
-import { scriptsApi } from "@/shared/studio/scriptsApi";
-import { saveStudioObserveSessionSeed } from "@/shared/studio/observeSession";
+import {
+  act,
+  cleanup,
+  fireEvent,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import { setLocale } from '@umijs/max';
+import { Modal } from 'antd';
+import React from 'react';
+import { runtimeGAgentApi } from '@/shared/api/runtimeGAgentApi';
+import { runtimeQueryApi } from '@/shared/api/runtimeQueryApi';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import { ensureActiveAuthSession } from '@/shared/auth/client';
+import { studioApi } from '@/shared/studio/api';
+import { saveStudioObserveSessionSeed } from '@/shared/studio/observeSession';
+import { scriptsApi } from '@/shared/studio/scriptsApi';
 import {
   cleanupTestQueryClients,
   renderWithQueryClient,
-} from "../../../tests/reactQueryTestUtils";
-import StudioPage, { buildStudioMemberBindingPendingNotice } from "./index";
+} from '../../../tests/reactQueryTestUtils';
+import StudioPage, { buildStudioMemberBindingPendingNotice } from './index';
+
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => {
+  const actual = jest.requireActual('@/shared/ui/ConsoleToast');
+  return {
+    ...actual,
+    useConsoleToast: () => mockConsoleToast,
+  };
+});
 
-jest.mock("antd", () => {
-  const actual = jest.requireActual("antd");
+jest.mock('antd', () => {
+  const actual = jest.requireActual('antd');
   const modal = actual.Modal;
   return {
     ...actual,
-    message: {
-      ...actual.message,
-      success: jest.fn(),
-      info: jest.fn(),
-      warning: jest.fn(),
-      error: jest.fn(),
-      destroy: jest.fn(),
-    },
     Modal: Object.assign(modal, {
       confirm: jest.fn(),
     }),
   };
 });
 
-const STUDIO_AUTO_RELOGIN_ATTEMPT_KEY =
-  "aevatar-console:studio:auto-relogin:";
+const STUDIO_AUTO_RELOGIN_ATTEMPT_KEY = 'aevatar-console:studio:auto-relogin:';
 
 type MockChildrenProps = {
   readonly children?: any;
@@ -44,7 +57,7 @@ type MockChildrenProps = {
 
 type MockNotice =
   | {
-      readonly type: "success" | "info" | "warning" | "error";
+      readonly type: 'success' | 'info' | 'warning' | 'error';
     }
   | null
   | undefined;
@@ -56,35 +69,35 @@ type MockValueEvent = {
 };
 
 const mockWorkflowDocument = {
-  name: "workspace-demo",
-  description: "Workspace workflow",
+  name: 'workspace-demo',
+  description: 'Workspace workflow',
   roles: [
     {
-      id: "assistant",
-      name: "Assistant",
-      systemPrompt: "Help the operator.",
-      provider: "tornado",
-      model: "gpt-test",
-      connectors: ["web-search"],
+      id: 'assistant',
+      name: 'Assistant',
+      systemPrompt: 'Help the operator.',
+      provider: 'tornado',
+      model: 'gpt-test',
+      connectors: ['web-search'],
     },
   ],
   steps: [
     {
-      id: "draft_step",
-      type: "llm_call",
-      targetRole: "assistant",
+      id: 'draft_step',
+      type: 'llm_call',
+      targetRole: 'assistant',
       parameters: {
-        prompt_prefix: "Draft the response",
+        prompt_prefix: 'Draft the response',
       },
-      next: "approve_step",
+      next: 'approve_step',
       branches: {},
     },
     {
-      id: "approve_step",
-      type: "human_approval",
-      targetRole: "",
+      id: 'approve_step',
+      type: 'human_approval',
+      targetRole: '',
       parameters: {
-        reviewer: "operator",
+        reviewer: 'operator',
       },
       next: null,
       branches: {},
@@ -118,7 +131,7 @@ function mockBuildWorkflowYaml(document: typeof mockWorkflowDocument): string {
     }
     const parameterEntries = Object.entries(step.parameters ?? {});
     if (parameterEntries.length > 0) {
-      lines.push("    parameters:");
+      lines.push('    parameters:');
       for (const [key, value] of parameterEntries) {
         lines.push(`      ${key}: ${String(value)}`);
       }
@@ -131,12 +144,12 @@ function mockBuildWorkflowYaml(document: typeof mockWorkflowDocument): string {
 
   return [
     `name: ${document.name}`,
-    "roles:",
+    'roles:',
     ...roleLines,
-    "steps:",
+    'steps:',
     ...stepLines,
-    "",
-  ].join("\n");
+    '',
+  ].join('\n');
 }
 
 function mockBuildServiceRevisionCatalog(
@@ -147,14 +160,14 @@ function mockBuildServiceRevisionCatalog(
     workflowName: string;
     revisionId: string;
     deploymentStatus: string;
-  }>
+  }>,
 ) {
-  const scopeId = overrides?.scopeId ?? "scope-1";
-  const serviceId = overrides?.serviceId ?? "default";
-  const displayName = overrides?.displayName ?? "workspace-demo";
+  const scopeId = overrides?.scopeId ?? 'scope-1';
+  const serviceId = overrides?.serviceId ?? 'default';
+  const displayName = overrides?.displayName ?? 'workspace-demo';
   const workflowName = overrides?.workflowName ?? displayName;
-  const revisionId = overrides?.revisionId ?? "rev-2";
-  const deploymentStatus = overrides?.deploymentStatus ?? "Active";
+  const revisionId = overrides?.revisionId ?? 'rev-2';
+  const deploymentStatus = overrides?.deploymentStatus ?? 'Active';
 
   return {
     scopeId,
@@ -163,38 +176,38 @@ function mockBuildServiceRevisionCatalog(
     displayName,
     defaultServingRevisionId: revisionId,
     activeServingRevisionId: revisionId,
-    deploymentId: "dep-2",
+    deploymentId: 'dep-2',
     deploymentStatus,
-    primaryActorId: "actor-default",
+    primaryActorId: 'actor-default',
     catalogStateVersion: 2,
-    catalogLastEventId: "event-2",
-    updatedAt: "2026-03-26T08:00:00Z",
+    catalogLastEventId: 'event-2',
+    updatedAt: '2026-03-26T08:00:00Z',
     revisions: [
       {
         revisionId,
-        implementationKind: "workflow",
-        status: "Published",
-        artifactHash: "hash-2",
-        failureReason: "",
+        implementationKind: 'workflow',
+        status: 'Published',
+        artifactHash: 'hash-2',
+        failureReason: '',
         isDefaultServing: true,
         isActiveServing: true,
         isServingTarget: true,
         allocationWeight: 100,
-        servingState: "Active",
-        deploymentId: "dep-2",
-        primaryActorId: "actor-default",
-        createdAt: "2026-03-26T07:00:00Z",
-        preparedAt: "2026-03-26T07:01:00Z",
-        publishedAt: "2026-03-26T07:02:00Z",
+        servingState: 'Active',
+        deploymentId: 'dep-2',
+        primaryActorId: 'actor-default',
+        createdAt: '2026-03-26T07:00:00Z',
+        preparedAt: '2026-03-26T07:01:00Z',
+        publishedAt: '2026-03-26T07:02:00Z',
         retiredAt: null,
         workflowName,
-        workflowDefinitionActorId: "scope-workflow:scope-1:default",
+        workflowDefinitionActorId: 'scope-workflow:scope-1:default',
         inlineWorkflowCount: 1,
-        scriptId: "",
-        scriptRevision: "",
-        scriptDefinitionActorId: "",
-        scriptSourceHash: "",
-        staticAgentKind: "",
+        scriptId: '',
+        scriptRevision: '',
+        scriptDefinitionActorId: '',
+        scriptSourceHash: '',
+        staticAgentKind: '',
       },
     ],
   };
@@ -207,15 +220,15 @@ function mockBuildScriptServiceRevisionCatalog(
     displayName: string;
     scriptId: string;
     revisionId: string;
-  }>
+  }>,
 ) {
-  const scriptId = overrides?.scriptId ?? "script-alpha";
-  const revisionId = overrides?.revisionId ?? "rev-script-1";
+  const scriptId = overrides?.scriptId ?? 'script-alpha';
+  const revisionId = overrides?.revisionId ?? 'rev-script-1';
   const catalog = mockBuildServiceRevisionCatalog({
     scopeId: overrides?.scopeId,
     serviceId: overrides?.serviceId ?? scriptId,
     displayName: overrides?.displayName ?? scriptId,
-    workflowName: "",
+    workflowName: '',
     revisionId,
   });
 
@@ -224,14 +237,14 @@ function mockBuildScriptServiceRevisionCatalog(
     revisions: [
       {
         ...catalog.revisions[0],
-        implementationKind: "script",
-        workflowName: "",
-        workflowDefinitionActorId: "",
+        implementationKind: 'script',
+        workflowName: '',
+        workflowDefinitionActorId: '',
         inlineWorkflowCount: 0,
         scriptId,
         scriptRevision: revisionId,
-        scriptDefinitionActorId: "definition-1",
-        scriptSourceHash: "hash-1",
+        scriptDefinitionActorId: 'definition-1',
+        scriptSourceHash: 'hash-1',
       },
     ],
   };
@@ -244,15 +257,15 @@ function mockBuildGAgentServiceRevisionCatalog(
     displayName: string;
     agentKind: string;
     revisionId: string;
-  }>
+  }>,
 ) {
-  const agentKind = overrides?.agentKind ?? "Tests.OrdersGAgent";
-  const revisionId = overrides?.revisionId ?? "rev-gagent-1";
+  const agentKind = overrides?.agentKind ?? 'Tests.OrdersGAgent';
+  const revisionId = overrides?.revisionId ?? 'rev-gagent-1';
   const catalog = mockBuildServiceRevisionCatalog({
     scopeId: overrides?.scopeId,
-    serviceId: overrides?.serviceId ?? "gagent-1",
-    displayName: overrides?.displayName ?? "gagent-1",
-    workflowName: "",
+    serviceId: overrides?.serviceId ?? 'gagent-1',
+    displayName: overrides?.displayName ?? 'gagent-1',
+    workflowName: '',
     revisionId,
   });
 
@@ -261,14 +274,14 @@ function mockBuildGAgentServiceRevisionCatalog(
     revisions: [
       {
         ...catalog.revisions[0],
-        implementationKind: "gagent",
-        workflowName: "",
-        workflowDefinitionActorId: "",
+        implementationKind: 'gagent',
+        workflowName: '',
+        workflowDefinitionActorId: '',
         inlineWorkflowCount: 0,
-        scriptId: "",
-        scriptRevision: "",
-        scriptDefinitionActorId: "",
-        scriptSourceHash: "",
+        scriptId: '',
+        scriptRevision: '',
+        scriptDefinitionActorId: '',
+        scriptSourceHash: '',
         staticAgentKind: agentKind,
       },
     ],
@@ -285,17 +298,16 @@ function mockBuildServiceRunSummary(
     completionStatus: string;
     lastUpdatedAt: string;
     lastError: string;
-  }>
+  }>,
 ) {
-  const scopeId = overrides?.scopeId ?? "scope-1";
-  const serviceId = overrides?.serviceId ?? "default";
-  const runId = overrides?.runId ?? "execution-1";
-  const actorId = overrides?.actorId ?? "actor-1";
-  const workflowName = overrides?.workflowName ?? "workspace-demo";
-  const completionStatus = overrides?.completionStatus ?? "running";
-  const lastUpdatedAt =
-    overrides?.lastUpdatedAt ?? "2026-03-18T00:00:30Z";
-  const lastError = overrides?.lastError ?? "";
+  const scopeId = overrides?.scopeId ?? 'scope-1';
+  const serviceId = overrides?.serviceId ?? 'default';
+  const runId = overrides?.runId ?? 'execution-1';
+  const actorId = overrides?.actorId ?? 'actor-1';
+  const workflowName = overrides?.workflowName ?? 'workspace-demo';
+  const completionStatus = overrides?.completionStatus ?? 'running';
+  const lastUpdatedAt = overrides?.lastUpdatedAt ?? '2026-03-18T00:00:30Z';
+  const lastError = overrides?.lastError ?? '';
 
   return {
     scopeId,
@@ -303,20 +315,20 @@ function mockBuildServiceRunSummary(
     runId,
     actorId,
     definitionActorId: `definition:${workflowName}`,
-    revisionId: "rev-2",
-    deploymentId: "dep-2",
+    revisionId: 'rev-2',
+    deploymentId: 'dep-2',
     workflowName,
     completionStatus,
     stateVersion: 2,
     lastEventId: `event:${runId}`,
     lastUpdatedAt,
-    boundAt: "2026-03-18T00:00:00Z",
-    bindingUpdatedAt: "2026-03-18T00:00:00Z",
-    lastSuccess: completionStatus === "completed" ? true : null,
+    boundAt: '2026-03-18T00:00:00Z',
+    bindingUpdatedAt: '2026-03-18T00:00:00Z',
+    lastSuccess: completionStatus === 'completed' ? true : null,
     totalSteps: 2,
-    completedSteps: completionStatus === "running" ? 1 : 2,
+    completedSteps: completionStatus === 'running' ? 1 : 2,
     roleReplyCount: 0,
-    lastOutput: completionStatus === "completed" ? "Completed output" : "",
+    lastOutput: completionStatus === 'completed' ? 'Completed output' : '',
     lastError,
   };
 }
@@ -332,7 +344,7 @@ function mockBuildServiceRunAuditSnapshot(
     input: string;
     finalOutput: string;
     finalError: string;
-  }>
+  }>,
 ) {
   const summary = mockBuildServiceRunSummary({
     scopeId: overrides?.scopeId,
@@ -344,32 +356,32 @@ function mockBuildServiceRunAuditSnapshot(
     lastError: overrides?.finalError,
   });
   const completed =
-    summary.completionStatus === "completed" ||
-    summary.completionStatus === "failed" ||
-    summary.completionStatus === "stopped";
+    summary.completionStatus === 'completed' ||
+    summary.completionStatus === 'failed' ||
+    summary.completionStatus === 'stopped';
 
   return {
     summary,
     audit: {
-      reportVersion: "1",
-      projectionScope: "current-state",
-      topologySource: "projection",
+      reportVersion: '1',
+      projectionScope: 'current-state',
+      topologySource: 'projection',
       completionStatus: summary.completionStatus,
       workflowName: summary.workflowName,
       rootActorId: summary.actorId,
       commandId: `command:${summary.runId}`,
       stateVersion: summary.stateVersion,
       lastEventId: summary.lastEventId,
-      createdAt: "2026-03-18T00:00:00Z",
+      createdAt: '2026-03-18T00:00:00Z',
       updatedAt: summary.lastUpdatedAt,
-      startedAt: "2026-03-18T00:00:00Z",
+      startedAt: '2026-03-18T00:00:00Z',
       endedAt: completed ? summary.lastUpdatedAt : null,
       durationMs: completed ? 30000 : 0,
-      success: summary.completionStatus === "completed" ? true : null,
-      input: overrides?.input ?? "Run the demo workflow.",
+      success: summary.completionStatus === 'completed' ? true : null,
+      input: overrides?.input ?? 'Run the demo workflow.',
       finalOutput:
         overrides?.finalOutput ??
-        (summary.completionStatus === "completed" ? "Completed output" : ""),
+        (summary.completionStatus === 'completed' ? 'Completed output' : ''),
       finalError: overrides?.finalError ?? summary.lastError,
       topology: [],
       steps: [],
@@ -396,19 +408,19 @@ let mockRoleCatalog: any;
 let mockRoleDraftResponse: any;
 let mockLastWorkflowBuildPanelProps: any;
 const defaultStudioAppContext = {
-  mode: "proxy",
+  mode: 'proxy',
   scopeId: null,
   scopeResolved: false,
-  scopeSource: "",
-  workflowStorageMode: "workspace",
-  scriptStorageMode: "draft",
+  scopeSource: '',
+  workflowStorageMode: 'workspace',
+  scriptStorageMode: 'draft',
   features: {
     publishedWorkflows: true,
     scripts: false,
   },
   scriptContract: {
-    inputType: "type.googleapis.com/example.Command",
-    readModelFields: ["input", "output"],
+    inputType: 'type.googleapis.com/example.Command',
+    readModelFields: ['input', 'output'],
   },
 };
 
@@ -428,23 +440,23 @@ function mockCreateDefaultStudioAuthSession() {
   return {
     enabled: false,
     authenticated: false,
-    providerDisplayName: "NyxID",
+    providerDisplayName: 'NyxID',
   };
 }
 
 function mockCreateDefaultWorkflowSummaries() {
   return [
     {
-      workflowId: "workflow-1",
-      name: "workspace-demo",
-      description: "Workspace workflow",
-      fileName: "workspace-demo.yaml",
-      filePath: "/tmp/workflows/workspace-demo.yaml",
-      directoryId: "dir-1",
-      directoryLabel: "Workspace",
+      workflowId: 'workflow-1',
+      name: 'workspace-demo',
+      description: 'Workspace workflow',
+      fileName: 'workspace-demo.yaml',
+      filePath: '/tmp/workflows/workspace-demo.yaml',
+      directoryId: 'dir-1',
+      directoryLabel: 'Workspace',
       stepCount: 2,
       hasLayout: true,
-      updatedAtUtc: "2026-03-18T00:00:00Z",
+      updatedAtUtc: '2026-03-18T00:00:00Z',
     },
   ];
 }
@@ -452,31 +464,31 @@ function mockCreateDefaultWorkflowSummaries() {
 function mockCreateDefaultStudioMembers() {
   return [
     {
-      memberId: "workspace-demo",
-      scopeId: "scope-1",
-      displayName: "workspace-demo",
-      description: "Workspace workflow member",
-      implementationKind: "workflow",
-      lifecycleStage: "bind_ready",
-      publishedServiceId: "default",
-      lastBoundRevisionId: "rev-2",
-      teamId: "t-alpha",
-      createdAt: "2026-04-27T08:00:00Z",
-      updatedAt: "2026-04-27T08:05:00Z",
+      memberId: 'workspace-demo',
+      scopeId: 'scope-1',
+      displayName: 'workspace-demo',
+      description: 'Workspace workflow member',
+      implementationKind: 'workflow',
+      lifecycleStage: 'bind_ready',
+      publishedServiceId: 'default',
+      lastBoundRevisionId: 'rev-2',
+      teamId: 't-alpha',
+      createdAt: '2026-04-27T08:00:00Z',
+      updatedAt: '2026-04-27T08:05:00Z',
     },
   ];
 }
 
 function mockCreateDefaultTeamSummary(overrides: Record<string, unknown> = {}) {
   return {
-    teamId: "t-alpha",
-    scopeId: "scope-1",
-    displayName: "Alpha Team",
-    description: "Team summary",
-    lifecycleStage: "active",
+    teamId: 't-alpha',
+    scopeId: 'scope-1',
+    displayName: 'Alpha Team',
+    description: 'Team summary',
+    lifecycleStage: 'active',
     memberCount: 1,
-    createdAt: "2026-05-01T08:00:00Z",
-    updatedAt: "2026-05-01T08:05:00Z",
+    createdAt: '2026-05-01T08:00:00Z',
+    updatedAt: '2026-05-01T08:05:00Z',
     entryMemberId: null,
     ...overrides,
   };
@@ -487,11 +499,11 @@ async function mockAuthorWorkflowSuccess(
   options?: {
     onText?: (text: string) => void;
     onReasoning?: (text: string) => void;
-  }
+  },
 ) {
-  options?.onReasoning?.("Thinking through the workflow structure.");
-  options?.onText?.("name: ai-generated\nsteps: []\n");
-  return "name: ai-generated\nsteps: []\n";
+  options?.onReasoning?.('Thinking through the workflow structure.');
+  options?.onText?.('name: ai-generated\nsteps: []\n');
+  return 'name: ai-generated\nsteps: []\n';
 }
 
 function createStudioApiStatusError(
@@ -500,7 +512,7 @@ function createStudioApiStatusError(
   code: string,
 ): Error & { code: string; status: number } {
   const error = new Error(message) as Error & { code: string; status: number };
-  error.name = "StudioApiError";
+  error.name = 'StudioApiError';
   error.code = code;
   error.status = status;
   return error;
@@ -511,50 +523,50 @@ function resetMockState(): void {
   mockWorkflowSummaries = mockCreateDefaultWorkflowSummaries();
   mockStudioMembers = mockCreateDefaultStudioMembers();
   mockWorkflowFile = {
-    workflowId: "workflow-1",
-    name: "workspace-demo",
-    fileName: "workspace-demo.yaml",
-    filePath: "/tmp/workflows/workspace-demo.yaml",
-    directoryId: "dir-1",
-    directoryLabel: "Workspace",
+    workflowId: 'workflow-1',
+    name: 'workspace-demo',
+    fileName: 'workspace-demo.yaml',
+    filePath: '/tmp/workflows/workspace-demo.yaml',
+    directoryId: 'dir-1',
+    directoryLabel: 'Workspace',
     yaml: mockBuildWorkflowYaml(mockParsedDocument),
     findings: [],
     draftExists: true,
-    updatedAtUtc: "2026-03-18T00:00:00Z",
+    updatedAtUtc: '2026-03-18T00:00:00Z',
     document: mockParsedDocument,
   };
   mockConnectorCatalog = {
-    homeDirectory: "actor://connector-catalog",
-    filePath: "actor://connector-catalog/connectors",
+    homeDirectory: 'actor://connector-catalog',
+    filePath: 'actor://connector-catalog/connectors',
     fileExists: true,
     connectors: [
       {
-        name: "web-search",
-        type: "http",
+        name: 'web-search',
+        type: 'http',
         enabled: true,
         timeoutMs: 10000,
         retry: 1,
         http: {
-          baseUrl: "https://example.test",
-          allowedMethods: ["GET"],
-          allowedPaths: ["/search"],
-          allowedInputKeys: ["query"],
+          baseUrl: 'https://example.test',
+          allowedMethods: ['GET'],
+          allowedPaths: ['/search'],
+          allowedInputKeys: ['query'],
           defaultHeaders: {},
         },
         cli: {
-          command: "",
+          command: '',
           fixedArguments: [],
           allowedOperations: [],
           allowedInputKeys: [],
-          workingDirectory: "",
+          workingDirectory: '',
           environment: {},
         },
         mcp: {
-          serverName: "",
-          command: "",
+          serverName: '',
+          command: '',
           arguments: [],
           environment: {},
-          defaultTool: "",
+          defaultTool: '',
           allowedTools: [],
           allowedInputKeys: [],
         },
@@ -562,131 +574,131 @@ function resetMockState(): void {
     ],
   };
   mockConnectorDraftResponse = {
-    homeDirectory: "actor://connector-catalog",
-    filePath: "actor://connector-catalog/connectors/draft",
+    homeDirectory: 'actor://connector-catalog',
+    filePath: 'actor://connector-catalog/connectors/draft',
     fileExists: false,
     updatedAtUtc: null,
     draft: null,
   };
   mockRoleCatalog = {
-    homeDirectory: "actor://role-catalog",
-    filePath: "actor://role-catalog/roles",
+    homeDirectory: 'actor://role-catalog',
+    filePath: 'actor://role-catalog/roles',
     fileExists: true,
     roles: [
       {
-        id: "assistant",
-        name: "Assistant",
-        systemPrompt: "Help the operator.",
-        provider: "tornado",
-        model: "gpt-test",
-        connectors: ["web-search"],
+        id: 'assistant',
+        name: 'Assistant',
+        systemPrompt: 'Help the operator.',
+        provider: 'tornado',
+        model: 'gpt-test',
+        connectors: ['web-search'],
       },
     ],
   };
   mockRoleDraftResponse = {
-    homeDirectory: "actor://role-catalog",
-    filePath: "actor://role-catalog/roles/draft",
+    homeDirectory: 'actor://role-catalog',
+    filePath: 'actor://role-catalog/roles/draft',
     fileExists: false,
     updatedAtUtc: null,
     draft: null,
   };
 }
 
-jest.mock("@/shared/auth/client", () => ({
+jest.mock('@/shared/auth/client', () => ({
   ensureActiveAuthSession: jest.fn(async () => null),
 }));
 
-jest.mock("@/shared/api/runtimeQueryApi", () => ({
+jest.mock('@/shared/api/runtimeQueryApi', () => ({
   runtimeQueryApi: {
     listPrimitives: jest.fn(async () => [
       {
-        name: "llm_call",
+        name: 'llm_call',
         aliases: [],
-        category: "core",
-        description: "LLM call",
+        category: 'core',
+        description: 'LLM call',
         parameters: [],
         exampleWorkflows: [],
       },
       {
-        name: "demo_template",
-        aliases: ["render_template"],
-        category: "demo",
-        description: "Demo template primitive",
+        name: 'demo_template',
+        aliases: ['render_template'],
+        category: 'demo',
+        description: 'Demo template primitive',
         parameters: [],
-        exampleWorkflows: ["demo_template"],
+        exampleWorkflows: ['demo_template'],
       },
     ]),
   },
 }));
 
-jest.mock("@/shared/api/runtimeGAgentApi", () => ({
+jest.mock('@/shared/api/runtimeGAgentApi', () => ({
   runtimeGAgentApi: {
     listKinds: jest.fn(async () => [
       {
-        agentKind: "Tests.OrdersGAgent",
-        displayName: "Orders Assistant",
-        diagnosticClrTypeName: "Tests.OrdersGAgent, Tests",
+        agentKind: 'Tests.OrdersGAgent',
+        displayName: 'Orders Assistant',
+        diagnosticClrTypeName: 'Tests.OrdersGAgent, Tests',
         endpoints: [],
       },
     ]),
     listActors: jest.fn(async () => [
       {
-        agentKind: "Tests.OrdersGAgent",
-        actorIds: ["orders-gagent"],
+        agentKind: 'Tests.OrdersGAgent',
+        actorIds: ['orders-gagent'],
       },
     ]),
   },
 }));
 
-jest.mock("@/shared/api/scopeRuntimeApi", () => ({
+jest.mock('@/shared/api/scopeRuntimeApi', () => ({
   scopeRuntimeApi: {
     listServices: jest.fn(async () => [
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with the published workflow.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with the published workflow.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]),
     getServiceRevisions: jest.fn(async (_scopeId: string, serviceId: string) =>
-      mockBuildServiceRevisionCatalog({ serviceId })
+      mockBuildServiceRevisionCatalog({ serviceId }),
     ),
     listMemberRuns: jest.fn(async (_scopeId: string, memberId: string) => ({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       serviceId: memberId,
       serviceKey: `scope-1:default:default:${memberId}`,
-      displayName: "workspace-demo",
+      displayName: 'workspace-demo',
       runs: [mockBuildServiceRunSummary({ serviceId: memberId })],
     })),
     listServiceRuns: jest.fn(async (_scopeId: string, serviceId: string) => ({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       serviceId,
       serviceKey: `scope-1:default:default:${serviceId}`,
-      displayName: "workspace-demo",
+      displayName: 'workspace-demo',
       runs: [mockBuildServiceRunSummary({ serviceId })],
     })),
     getMemberRunAudit: jest.fn(
       async (_scopeId: string, memberId: string, runId: string) =>
-        mockBuildServiceRunAuditSnapshot({ serviceId: memberId, runId })
+        mockBuildServiceRunAuditSnapshot({ serviceId: memberId, runId }),
     ),
     getServiceRunAudit: jest.fn(
       async (_scopeId: string, serviceId: string, runId: string) =>
-        mockBuildServiceRunAuditSnapshot({ serviceId, runId })
+        mockBuildServiceRunAuditSnapshot({ serviceId, runId }),
     ),
   },
 }));
 
-jest.mock("@/shared/api/runtimeRunsApi", () => ({
+jest.mock('@/shared/api/runtimeRunsApi', () => ({
   runtimeRunsApi: {
     streamTeamChat: jest.fn(async () => ({ ok: true })),
     stop: jest.fn(async (_scopeId: string, request: { runId: string }) => ({
@@ -730,47 +742,47 @@ const mockRuntimeRunsApi = runtimeRunsApi as unknown as {
   signal: jest.Mock;
 };
 
-jest.mock("@/shared/studio/api", () => ({
+jest.mock('@/shared/studio/api', () => ({
   isStudioApiErrorCode: (error: unknown, status: number, code: string) =>
     error instanceof Error &&
-    error.name === "StudioApiError" &&
-    "status" in error &&
+    error.name === 'StudioApiError' &&
+    'status' in error &&
     error.status === status &&
-    "code" in error &&
+    'code' in error &&
     error.code === code,
   isStudioApiStatus: (error: unknown, status: number) =>
     error instanceof Error &&
-    error.name === "StudioApiError" &&
-    "status" in error &&
+    error.name === 'StudioApiError' &&
+    'status' in error &&
     error.status === status,
   studioApi: {
     getAppContext: jest.fn(async () => mockCreateDefaultStudioAppContext()),
     getAuthSession: jest.fn(async () => mockCreateDefaultStudioAuthSession()),
     getWorkspaceSettings: jest.fn(async () => ({
-      runtimeBaseUrl: "https://aevatar-console-backend-api.aevatar.ai",
+      runtimeBaseUrl: 'https://aevatar-console-backend-api.aevatar.ai',
       directories: [
         {
-          directoryId: "dir-1",
-          label: "Workspace",
-          path: "/tmp/workflows",
+          directoryId: 'dir-1',
+          label: 'Workspace',
+          path: '/tmp/workflows',
           isBuiltIn: false,
         },
       ],
     })),
     getUserLlmSettings: jest.fn(async () => ({
       savedSelection: {
-        routeKind: "gateway",
-        routeValue: "/api/v1/llm/gateway/v1",
+        routeKind: 'gateway',
+        routeValue: '/api/v1/llm/gateway/v1',
         modelSelection: {
-          kind: "explicit_model",
-          modelId: "gpt-4.1-mini",
+          kind: 'explicit_model',
+          modelId: 'gpt-4.1-mini',
         },
       },
-      savedRouteLabel: "Company LLM Gateway",
-      selectionStatus: "ready",
-      catalogDiagnostic: "unspecified",
-      remediation: "none",
-      catalogStatus: "ready",
+      savedRouteLabel: 'Company LLM Gateway',
+      selectionStatus: 'ready',
+      catalogDiagnostic: 'unspecified',
+      remediation: 'none',
+      catalogStatus: 'ready',
       capabilities: {
         canEditRoute: true,
         canEditModel: true,
@@ -779,10 +791,10 @@ jest.mock("@/shared/studio/api", () => ({
       },
       routeOptions: [
         {
-          routeValue: "",
-          label: "Company LLM Gateway",
-          source: "gateway_provider",
-          status: "ready",
+          routeValue: '',
+          label: 'Company LLM Gateway',
+          source: 'gateway_provider',
+          status: 'ready',
           allowed: true,
           ready: true,
           serviceId: null,
@@ -790,39 +802,39 @@ jest.mock("@/shared/studio/api", () => ({
           description: null,
         },
         {
-          routeValue: "/api/v1/proxy/s/openai",
-          label: "OpenAI",
-          source: "user_service",
-          status: "ready",
+          routeValue: '/api/v1/proxy/s/openai',
+          label: 'OpenAI',
+          source: 'user_service',
+          status: 'ready',
           allowed: true,
           ready: true,
-          serviceId: "svc-openai",
-          serviceSlug: "openai",
+          serviceId: 'svc-openai',
+          serviceSlug: 'openai',
           description: null,
         },
       ],
       modelGroupsByRoute: [
         {
-          routeValue: "",
-          groupId: "openai-gateway",
-          label: "OpenAI Gateway",
-          models: ["gpt-4.1-mini", "gpt-5.4-mini"],
+          routeValue: '',
+          groupId: 'openai-gateway',
+          label: 'OpenAI Gateway',
+          models: ['gpt-4.1-mini', 'gpt-5.4-mini'],
         },
         {
-          routeValue: "/api/v1/proxy/s/openai",
-          groupId: "openai",
-          label: "OpenAI",
-          models: ["gpt-4.1-mini", "gpt-5.4-mini"],
+          routeValue: '/api/v1/proxy/s/openai',
+          groupId: 'openai',
+          label: 'OpenAI',
+          models: ['gpt-4.1-mini', 'gpt-5.4-mini'],
         },
       ],
     })),
     listMembers: jest.fn(async () => ({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: mockStudioMembers,
       nextPageToken: null,
     })),
     listTeamMembers: jest.fn(async (_scopeId: string, teamId: string) => ({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: mockStudioMembers.filter((member) => member.teamId === teamId),
       nextPageToken: null,
     })),
@@ -830,21 +842,25 @@ jest.mock("@/shared/studio/api", () => ({
       mockCreateDefaultTeamSummary({
         scopeId: _scopeId,
         teamId,
-        entryMemberId: "workspace-demo",
-      })
+        entryMemberId: 'workspace-demo',
+      }),
+    ),
+    setTeamEntryMember: jest.fn(
+      async (_scopeId: string, _teamId: string, memberId: string) => ({
+        ...mockCreateDefaultTeamSummary({ scopeId: _scopeId, teamId: _teamId }),
+        scopeId: _scopeId,
+        teamId: _teamId,
+        entryMemberId: memberId,
+      }),
+    ),
+    clearTeamEntryMember: jest.fn(
+      async (_scopeId: string, _teamId: string) => ({
+        ...mockCreateDefaultTeamSummary({ scopeId: _scopeId, teamId: _teamId }),
+        scopeId: _scopeId,
+        teamId: _teamId,
+        entryMemberId: null,
+      }),
     ),
-    setTeamEntryMember: jest.fn(async (_scopeId: string, _teamId: string, memberId: string) => ({
-      ...mockCreateDefaultTeamSummary({ scopeId: _scopeId, teamId: _teamId }),
-      scopeId: _scopeId,
-      teamId: _teamId,
-      entryMemberId: memberId,
-    })),
-    clearTeamEntryMember: jest.fn(async (_scopeId: string, _teamId: string) => ({
-      ...mockCreateDefaultTeamSummary({ scopeId: _scopeId, teamId: _teamId }),
-      scopeId: _scopeId,
-      teamId: _teamId,
-      entryMemberId: null,
-    })),
     getMember: jest.fn(async (_scopeId: string, memberId: string) => {
       const matchedMember =
         mockStudioMembers.find((member) => member.memberId === memberId) ??
@@ -852,21 +868,21 @@ jest.mock("@/shared/studio/api", () => ({
       return {
         summary: matchedMember,
         implementationRef:
-          matchedMember?.implementationKind === "workflow"
+          matchedMember?.implementationKind === 'workflow'
             ? {
-                implementationKind: "workflow",
+                implementationKind: 'workflow',
                 workflowId: matchedMember.displayName,
                 workflowRevision: matchedMember.lastBoundRevisionId,
               }
-            : matchedMember?.implementationKind === "script"
+            : matchedMember?.implementationKind === 'script'
               ? {
-                  implementationKind: "script",
+                  implementationKind: 'script',
                   scriptId: matchedMember.scriptId || matchedMember.displayName,
                   scriptRevision: matchedMember.lastBoundRevisionId,
                 }
               : {
-                  implementationKind: "gagent",
-                  agentKind: matchedMember?.displayName || "",
+                  implementationKind: 'gagent',
+                  agentKind: matchedMember?.displayName || '',
                 },
         lastBinding: matchedMember?.lastBoundRevisionId
           ? {
@@ -882,37 +898,40 @@ jest.mock("@/shared/studio/api", () => ({
       async (input: {
         scopeId: string;
         displayName: string;
-        implementationKind: "workflow" | "script" | "gagent";
+        implementationKind: 'workflow' | 'script' | 'gagent';
         description?: string | null;
         memberId?: string | null;
         teamId?: string | null;
       }) => {
         const nextMemberId =
           input.memberId?.trim() ||
-          input.displayName.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-");
+          input.displayName
+            .trim()
+            .toLowerCase()
+            .replace(/[^a-z0-9_-]+/g, '-');
         const nextMember = {
           memberId: nextMemberId,
           scopeId: input.scopeId,
           displayName: input.displayName.trim(),
-          description: input.description?.trim() || "",
+          description: input.description?.trim() || '',
           implementationKind: input.implementationKind,
-          lifecycleStage: "created",
+          lifecycleStage: 'created',
           publishedServiceId: `member-${nextMemberId}`,
           lastBoundRevisionId: null,
           teamId: input.teamId ?? null,
-          createdAt: "2026-04-27T08:10:00Z",
-          updatedAt: "2026-04-27T08:10:00Z",
+          createdAt: '2026-04-27T08:10:00Z',
+          updatedAt: '2026-04-27T08:10:00Z',
         };
         mockStudioMembers = [nextMember, ...mockStudioMembers];
         return nextMember;
-      }
+      },
     ),
     createMemberWithId: jest.fn(
       async (input: {
         scopeId: string;
         memberId: string;
         displayName: string;
-        implementationKind: "workflow" | "script" | "gagent";
+        implementationKind: 'workflow' | 'script' | 'gagent';
         description?: string | null;
         teamId?: string | null;
       }) => {
@@ -921,35 +940,35 @@ jest.mock("@/shared/studio/api", () => ({
           memberId: nextMemberId,
           scopeId: input.scopeId,
           displayName: input.displayName.trim(),
-          description: input.description?.trim() || "",
+          description: input.description?.trim() || '',
           implementationKind: input.implementationKind,
-          lifecycleStage: "created",
+          lifecycleStage: 'created',
           publishedServiceId: `member-${nextMemberId}`,
           lastBoundRevisionId: null,
           teamId: input.teamId ?? null,
-          createdAt: "2026-04-27T08:10:00Z",
-          updatedAt: "2026-04-27T08:10:00Z",
+          createdAt: '2026-04-27T08:10:00Z',
+          updatedAt: '2026-04-27T08:10:00Z',
         };
         mockStudioMembers = [nextMember, ...mockStudioMembers];
         return nextMember;
-      }
+      },
     ),
     getSkillsHealth: jest.fn(async () => ({
-      baseUrl: "https://ornn.chrono-ai.fun",
+      baseUrl: 'https://ornn.chrono-ai.fun',
       reachable: true,
-      message: "Connected to Ornn.",
+      message: 'Connected to Ornn.',
     })),
     searchSkills: jest.fn(async () => ({
-      baseUrl: "https://ornn.chrono-ai.fun",
+      baseUrl: 'https://ornn.chrono-ai.fun',
       total: 1,
       totalPages: 1,
       page: 1,
       pageSize: 100,
       items: [
         {
-          guid: "skill-1",
-          name: "ornn-search",
-          description: "Search Ornn for reusable skills.",
+          guid: 'skill-1',
+          name: 'ornn-search',
+          description: 'Search Ornn for reusable skills.',
           isPrivate: false,
         },
       ],
@@ -957,70 +976,70 @@ jest.mock("@/shared/studio/api", () => ({
     listWorkflows: jest.fn(async () => mockWorkflowSummaries),
     getTemplateWorkflow: jest.fn(async () => ({
       catalog: {
-        name: "published-demo",
-        description: "Published demo workflow",
+        name: 'published-demo',
+        description: 'Published demo workflow',
       },
       yaml: [
-        "name: published-demo",
-        "description: Published demo workflow",
-        "roles:",
-        "  - id: reviewer",
-        "    name: Reviewer",
-        "steps:",
-        "  - id: step_prepare",
-        "    type: llm_call",
-        "    targetRole: reviewer",
-        "    next: step_finish",
-        "  - id: step_finish",
-        "    type: emit",
-        "    targetRole: reviewer",
-        "",
-      ].join("\n"),
+        'name: published-demo',
+        'description: Published demo workflow',
+        'roles:',
+        '  - id: reviewer',
+        '    name: Reviewer',
+        'steps:',
+        '  - id: step_prepare',
+        '    type: llm_call',
+        '    targetRole: reviewer',
+        '    next: step_finish',
+        '  - id: step_finish',
+        '    type: emit',
+        '    targetRole: reviewer',
+        '',
+      ].join('\n'),
       definition: {
-        name: "published-demo",
-        description: "Published demo workflow",
+        name: 'published-demo',
+        description: 'Published demo workflow',
         closedWorldMode: false,
         roles: [
           {
-            id: "reviewer",
-            name: "Reviewer",
-            systemPrompt: "Review the published flow.",
-            provider: "tornado",
-            model: "gpt-review",
+            id: 'reviewer',
+            name: 'Reviewer',
+            systemPrompt: 'Review the published flow.',
+            provider: 'tornado',
+            model: 'gpt-review',
             temperature: 0.1,
             maxTokens: 512,
             maxToolRounds: 2,
             maxHistoryMessages: 6,
             streamBufferCapacity: 4,
             eventModules: [],
-            eventRoutes: "",
+            eventRoutes: '',
             connectors: [],
           },
         ],
         steps: [
           {
-            id: "step_prepare",
-            type: "llm_call",
-            targetRole: "reviewer",
+            id: 'step_prepare',
+            type: 'llm_call',
+            targetRole: 'reviewer',
             parameters: {
-              prompt: "{{prompt}}",
+              prompt: '{{prompt}}',
             },
-            next: "step_finish",
+            next: 'step_finish',
             branches: {},
             children: [],
           },
           {
-            id: "step_finish",
-            type: "emit",
-            targetRole: "reviewer",
+            id: 'step_finish',
+            type: 'emit',
+            targetRole: 'reviewer',
             parameters: {},
-            next: "",
+            next: '',
             branches: {},
             children: [],
           },
         ],
       },
-      edges: [{ from: "step_prepare", to: "step_finish", label: "next" }],
+      edges: [{ from: 'step_prepare', to: 'step_finish', label: 'next' }],
     })),
     getWorkflow: jest.fn(async () => mockWorkflowFile),
     saveWorkflow: jest.fn(
@@ -1043,26 +1062,26 @@ jest.mock("@/shared/studio/api", () => ({
           directoryId: input.directoryId,
           yaml: input.yaml,
           draftExists: input.draftExists ?? true,
-          updatedAtUtc: "2026-03-18T00:05:00Z",
+          updatedAtUtc: '2026-03-18T00:05:00Z',
           document: {
             ...mockWorkflowFile.document,
             name: input.workflowName,
           },
         };
         const existingSummaryIndex = mockWorkflowSummaries.findIndex(
-          (workflow) => workflow.workflowId === resolvedWorkflowId
+          (workflow) => workflow.workflowId === resolvedWorkflowId,
         );
         const nextSummary = {
           workflowId: resolvedWorkflowId,
           name: input.workflowName,
-          description: "Workspace workflow",
+          description: 'Workspace workflow',
           fileName: mockWorkflowFile.fileName,
           filePath: mockWorkflowFile.filePath,
           directoryId: input.directoryId,
-          directoryLabel: "Workspace",
+          directoryLabel: 'Workspace',
           stepCount: 0,
           hasLayout: true,
-          updatedAtUtc: "2026-03-18T00:05:00Z",
+          updatedAtUtc: '2026-03-18T00:05:00Z',
         };
         if (existingSummaryIndex >= 0) {
           mockWorkflowSummaries[existingSummaryIndex] = nextSummary;
@@ -1071,11 +1090,11 @@ jest.mock("@/shared/studio/api", () => ({
         }
 
         return mockWorkflowFile;
-      }
+      },
     ),
     deleteWorkflow: jest.fn(async (workflowId: string) => {
       mockWorkflowSummaries = mockWorkflowSummaries.filter(
-        (workflow) => workflow.workflowId !== workflowId
+        (workflow) => workflow.workflowId !== workflowId,
       );
       if (mockWorkflowFile.workflowId === workflowId) {
         const fallback = mockWorkflowSummaries[0];
@@ -1097,44 +1116,46 @@ jest.mock("@/shared/studio/api", () => ({
       }
       return undefined;
     }),
-    deleteMember: jest.fn(async (input: { scopeId: string; memberId: string }) => {
-      return {
-        status: "delete_accepted",
-        scopeId: input.scopeId,
-        memberId: input.memberId,
-        ackedAt: "2026-07-09T08:12:00Z",
-      };
-    }),
+    deleteMember: jest.fn(
+      async (input: { scopeId: string; memberId: string }) => {
+        return {
+          status: 'delete_accepted',
+          scopeId: input.scopeId,
+          memberId: input.memberId,
+          ackedAt: '2026-07-09T08:12:00Z',
+        };
+      },
+    ),
     parseYaml: jest.fn(async (input: { yaml: string }) => ({
-      document: input.yaml.includes("name: legacy_draft")
-        ? {
-            name: "legacy_draft",
-            description: "",
-            roles: [],
-            steps: [],
-          }
-        : input.yaml.includes("name: published-demo")
-        ? {
-            name: "published-demo",
-            description: "Published demo workflow",
-            roles: [],
-            steps: [],
-          }
-        : input.yaml.includes("name: draft")
-        ? {
-            name: "draft",
-            description: "",
-            roles: [],
-            steps: [],
-          }
-        : input.yaml.includes("name: ai-generated")
+      document: input.yaml.includes('name: legacy_draft')
         ? {
-            name: "ai-generated",
-            description: "Generated by Studio AI",
+            name: 'legacy_draft',
+            description: '',
             roles: [],
             steps: [],
           }
-        : mockParsedDocument,
+        : input.yaml.includes('name: published-demo')
+          ? {
+              name: 'published-demo',
+              description: 'Published demo workflow',
+              roles: [],
+              steps: [],
+            }
+          : input.yaml.includes('name: draft')
+            ? {
+                name: 'draft',
+                description: '',
+                roles: [],
+                steps: [],
+              }
+            : input.yaml.includes('name: ai-generated')
+              ? {
+                  name: 'ai-generated',
+                  description: 'Generated by Studio AI',
+                  roles: [],
+                  steps: [],
+                }
+              : mockParsedDocument,
       findings: [],
     })),
     serializeYaml: jest.fn(
@@ -1151,354 +1172,368 @@ jest.mock("@/shared/studio/api", () => ({
           document: mockParsedDocument,
           findings: [],
         };
-      }
+      },
     ),
     previewExplicitRequests: jest.fn(),
     listExecutions: jest.fn(async () => [
       {
-        executionId: "execution-1",
-        workflowName: "workspace-demo",
-        prompt: "Run the demo workflow.",
-        status: "running",
-        startedAtUtc: "2026-03-18T00:00:00Z",
+        executionId: 'execution-1',
+        workflowName: 'workspace-demo',
+        prompt: 'Run the demo workflow.',
+        status: 'running',
+        startedAtUtc: '2026-03-18T00:00:00Z',
         completedAtUtc: null,
-        actorId: "actor-1",
+        actorId: 'actor-1',
         error: null,
       },
     ]),
     getExecution: jest.fn(async (executionId: string) => ({
       executionId,
-      workflowName: "workspace-demo",
+      workflowName: 'workspace-demo',
       prompt:
-        executionId === "execution-2"
-          ? "Run the active draft from Studio."
-          : "Run the demo workflow.",
-      status: "running",
+        executionId === 'execution-2'
+          ? 'Run the active draft from Studio.'
+          : 'Run the demo workflow.',
+      status: 'running',
       startedAtUtc:
-        executionId === "execution-2"
-          ? "2026-03-18T00:06:00Z"
-          : "2026-03-18T00:00:00Z",
+        executionId === 'execution-2'
+          ? '2026-03-18T00:06:00Z'
+          : '2026-03-18T00:00:00Z',
       completedAtUtc: null,
-      actorId: executionId === "execution-2" ? "actor-2" : "actor-1",
+      actorId: executionId === 'execution-2' ? 'actor-2' : 'actor-1',
       error: null,
       frames: [],
     })),
     startExecution: jest.fn(
       async (input: { workflowName: string; prompt: string }) => ({
-        executionId: "execution-2",
+        executionId: 'execution-2',
         workflowName: input.workflowName,
         prompt: input.prompt,
-        runtimeBaseUrl: "https://aevatar-console-backend-api.aevatar.ai",
-        status: "running",
-        startedAtUtc: "2026-03-18T00:06:00Z",
+        runtimeBaseUrl: 'https://aevatar-console-backend-api.aevatar.ai',
+        status: 'running',
+        startedAtUtc: '2026-03-18T00:06:00Z',
         completedAtUtc: null,
-        actorId: "actor-2",
+        actorId: 'actor-2',
         error: null,
         frames: [
           {
-            receivedAtUtc: "2026-03-18T00:06:01Z",
+            receivedAtUtc: '2026-03-18T00:06:01Z',
             payload: '{"event":"started"}',
           },
         ],
-      })
+      }),
     ),
-    bindScopeWorkflow: jest.fn(async (input: {
-      scopeId: string;
-      displayName?: string;
-      workflowYamls: string[];
-    }) => ({
-      scopeId: input.scopeId,
-      serviceId: "default",
-      displayName: input.displayName || "workspace-demo",
-      targetKind: "workflow",
-      targetName: input.displayName || "workspace-demo",
-      revisionId: "rev-2",
-      workflowName: input.displayName || "workspace-demo",
-      definitionActorIdPrefix: "scope-workflow:scope-1:default",
-      expectedActorId: "scope-workflow:scope-1:default:dep-1",
-    })),
-    bindScopeScript: jest.fn(async (input: {
-      scopeId: string;
-      displayName?: string;
-      scriptId: string;
-      scriptRevision: string;
-    }) => ({
-      scopeId: input.scopeId,
-      serviceId: input.scriptId,
-      displayName: input.displayName || input.scriptId,
-      targetKind: "script",
-      targetName: input.scriptId,
-      revisionId: "rev-script-binding",
-      script: {
-        scriptId: input.scriptId,
-        scriptRevision: input.scriptRevision,
-        definitionActorId: "definition-1",
-      },
-      expectedActorId: `scope-script:${input.scopeId}:${input.scriptId}:dep-1`,
-    })),
-    bindMemberScript: jest.fn(async (input: {
-      scopeId: string;
-      memberId: string;
-      displayName?: string;
-      scriptId: string;
-      scriptRevision: string;
-    }) => {
-      const existingMember = mockStudioMembers.find(
-        (member) => member.memberId === input.memberId
-      );
-      const serviceId = existingMember?.publishedServiceId || `member-${input.memberId}`;
-      mockStudioMembers = mockStudioMembers.map((member) =>
-        member.memberId === input.memberId
-          ? {
-              ...member,
-              lifecycleStage: "bind_ready",
-              publishedServiceId: serviceId,
-              lastBoundRevisionId: "rev-script-binding",
-              updatedAt: "2026-04-27T08:15:00Z",
-            }
-          : member
-      );
-
-      return {
+    bindScopeWorkflow: jest.fn(
+      async (input: {
+        scopeId: string;
+        displayName?: string;
+        workflowYamls: string[];
+      }) => ({
         scopeId: input.scopeId,
-        serviceId,
+        serviceId: 'default',
+        displayName: input.displayName || 'workspace-demo',
+        targetKind: 'workflow',
+        targetName: input.displayName || 'workspace-demo',
+        revisionId: 'rev-2',
+        workflowName: input.displayName || 'workspace-demo',
+        definitionActorIdPrefix: 'scope-workflow:scope-1:default',
+        expectedActorId: 'scope-workflow:scope-1:default:dep-1',
+      }),
+    ),
+    bindScopeScript: jest.fn(
+      async (input: {
+        scopeId: string;
+        displayName?: string;
+        scriptId: string;
+        scriptRevision: string;
+      }) => ({
+        scopeId: input.scopeId,
+        serviceId: input.scriptId,
         displayName: input.displayName || input.scriptId,
-        targetKind: "script",
+        targetKind: 'script',
         targetName: input.scriptId,
-        revisionId: "rev-script-binding",
+        revisionId: 'rev-script-binding',
         script: {
           scriptId: input.scriptId,
           scriptRevision: input.scriptRevision,
-          definitionActorId: "definition-1",
+          definitionActorId: 'definition-1',
         },
-        expectedActorId: `scope-script:${input.scopeId}:${serviceId}:dep-1`,
-      };
-    }),
-    bindMemberWorkflow: jest.fn(async (input: {
-      scopeId: string;
-      memberId: string;
-      displayName?: string;
-      workflowId: string;
-      workflowYamls: string[];
-    }) => {
-      mockStudioMembers = mockStudioMembers.map((member) =>
-        member.memberId === input.memberId
-          ? {
-              ...member,
-              lifecycleStage: "bind_ready",
-              lastBoundRevisionId: "rev-2",
-              updatedAt: "2026-04-27T08:15:00Z",
-            }
-          : member
-      );
+        expectedActorId: `scope-script:${input.scopeId}:${input.scriptId}:dep-1`,
+      }),
+    ),
+    bindMemberScript: jest.fn(
+      async (input: {
+        scopeId: string;
+        memberId: string;
+        displayName?: string;
+        scriptId: string;
+        scriptRevision: string;
+      }) => {
+        const existingMember = mockStudioMembers.find(
+          (member) => member.memberId === input.memberId,
+        );
+        const serviceId =
+          existingMember?.publishedServiceId || `member-${input.memberId}`;
+        mockStudioMembers = mockStudioMembers.map((member) =>
+          member.memberId === input.memberId
+            ? {
+                ...member,
+                lifecycleStage: 'bind_ready',
+                publishedServiceId: serviceId,
+                lastBoundRevisionId: 'rev-script-binding',
+                updatedAt: '2026-04-27T08:15:00Z',
+              }
+            : member,
+        );
 
-      return {
-        status: "accepted",
-        bindingRunId: "bind-member-workflow-1",
-        scopeId: input.scopeId,
-        memberId: input.memberId,
-      };
-    }),
-    bindMemberGAgent: jest.fn(async (input: {
-      scopeId: string;
-      memberId: string;
-      displayName?: string;
-      agentKind: string;
-      endpoints: Array<{
-        endpointId: string;
+        return {
+          scopeId: input.scopeId,
+          serviceId,
+          displayName: input.displayName || input.scriptId,
+          targetKind: 'script',
+          targetName: input.scriptId,
+          revisionId: 'rev-script-binding',
+          script: {
+            scriptId: input.scriptId,
+            scriptRevision: input.scriptRevision,
+            definitionActorId: 'definition-1',
+          },
+          expectedActorId: `scope-script:${input.scopeId}:${serviceId}:dep-1`,
+        };
+      },
+    ),
+    bindMemberWorkflow: jest.fn(
+      async (input: {
+        scopeId: string;
+        memberId: string;
         displayName?: string;
-        kind?: string;
-        requestTypeUrl?: string;
-        responseTypeUrl?: string;
-        description?: string;
-      }>;
-    }) => {
-      const existingMember = mockStudioMembers.find(
-        (member) => member.memberId === input.memberId
-      );
-      const serviceId = existingMember?.publishedServiceId || `member-${input.memberId}`;
-      mockStudioMembers = mockStudioMembers.map((member) =>
-        member.memberId === input.memberId
-          ? {
-              ...member,
-              lifecycleStage: "bind_ready",
-              publishedServiceId: serviceId,
-              lastBoundRevisionId: "rev-gagent-1",
-              updatedAt: "2026-04-27T08:15:00Z",
-            }
-          : member
-      );
+        workflowId: string;
+        workflowYamls: string[];
+      }) => {
+        mockStudioMembers = mockStudioMembers.map((member) =>
+          member.memberId === input.memberId
+            ? {
+                ...member,
+                lifecycleStage: 'bind_ready',
+                lastBoundRevisionId: 'rev-2',
+                updatedAt: '2026-04-27T08:15:00Z',
+              }
+            : member,
+        );
 
-      return {
-        status: "accepted",
-        bindingRunId: "bind-member-gagent-1",
-        scopeId: input.scopeId,
-        memberId: input.memberId,
-      };
-    }),
-    getMemberBindingRun: jest.fn(async (scopeId: string, memberId: string, bindingRunId: string) => ({
-      bindingRunId,
-      scopeId,
-      memberId,
-      status: "succeeded",
-      failure: null,
-      updatedAt: "2026-04-27T08:15:01Z",
-    })),
-    bindScopeGAgent: jest.fn(async (input: {
-      scopeId: string;
-      displayName?: string;
-      agentKind: string;
-      endpoints: Array<{
-        endpointId: string;
+        return {
+          status: 'accepted',
+          bindingRunId: 'bind-member-workflow-1',
+          scopeId: input.scopeId,
+          memberId: input.memberId,
+        };
+      },
+    ),
+    bindMemberGAgent: jest.fn(
+      async (input: {
+        scopeId: string;
+        memberId: string;
         displayName?: string;
-        kind?: string;
-        requestTypeUrl?: string;
-        responseTypeUrl?: string;
-        description?: string;
-      }>;
-    }) => ({
-      scopeId: input.scopeId,
-      displayName: input.displayName || "orders-gagent",
-      targetKind: "gagent",
-      targetName: input.agentKind || input.displayName || "orders-gagent",
-      revisionId: "rev-gagent-1",
-      expectedActorId: "scope-gagent:scope-1:default:dep-1",
-    })),
+        agentKind: string;
+        endpoints: Array<{
+          endpointId: string;
+          displayName?: string;
+          kind?: string;
+          requestTypeUrl?: string;
+          responseTypeUrl?: string;
+          description?: string;
+        }>;
+      }) => {
+        const existingMember = mockStudioMembers.find(
+          (member) => member.memberId === input.memberId,
+        );
+        const serviceId =
+          existingMember?.publishedServiceId || `member-${input.memberId}`;
+        mockStudioMembers = mockStudioMembers.map((member) =>
+          member.memberId === input.memberId
+            ? {
+                ...member,
+                lifecycleStage: 'bind_ready',
+                publishedServiceId: serviceId,
+                lastBoundRevisionId: 'rev-gagent-1',
+                updatedAt: '2026-04-27T08:15:00Z',
+              }
+            : member,
+        );
+
+        return {
+          status: 'accepted',
+          bindingRunId: 'bind-member-gagent-1',
+          scopeId: input.scopeId,
+          memberId: input.memberId,
+        };
+      },
+    ),
+    getMemberBindingRun: jest.fn(
+      async (scopeId: string, memberId: string, bindingRunId: string) => ({
+        bindingRunId,
+        scopeId,
+        memberId,
+        status: 'succeeded',
+        failure: null,
+        updatedAt: '2026-04-27T08:15:01Z',
+      }),
+    ),
+    bindScopeGAgent: jest.fn(
+      async (input: {
+        scopeId: string;
+        displayName?: string;
+        agentKind: string;
+        endpoints: Array<{
+          endpointId: string;
+          displayName?: string;
+          kind?: string;
+          requestTypeUrl?: string;
+          responseTypeUrl?: string;
+          description?: string;
+        }>;
+      }) => ({
+        scopeId: input.scopeId,
+        displayName: input.displayName || 'orders-gagent',
+        targetKind: 'gagent',
+        targetName: input.agentKind || input.displayName || 'orders-gagent',
+        revisionId: 'rev-gagent-1',
+        expectedActorId: 'scope-gagent:scope-1:default:dep-1',
+      }),
+    ),
     getScopeBinding: jest.fn(async () => ({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "workspace-demo",
-      serviceKey: "scope-1:default:default:default",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-default",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'workspace-demo',
+      serviceKey: 'scope-1:default:default:default',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-default',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [
         {
-          revisionId: "rev-2",
-          implementationKind: "workflow",
-          status: "Published",
-          artifactHash: "hash-2",
-          failureReason: "",
+          revisionId: 'rev-2',
+          implementationKind: 'workflow',
+          status: 'Published',
+          artifactHash: 'hash-2',
+          failureReason: '',
           isDefaultServing: true,
           isActiveServing: true,
           isServingTarget: true,
           allocationWeight: 100,
-          servingState: "Active",
-          deploymentId: "dep-2",
-          primaryActorId: "actor-default",
-          createdAt: "2026-03-26T07:00:00Z",
-          preparedAt: "2026-03-26T07:01:00Z",
-          publishedAt: "2026-03-26T07:02:00Z",
+          servingState: 'Active',
+          deploymentId: 'dep-2',
+          primaryActorId: 'actor-default',
+          createdAt: '2026-03-26T07:00:00Z',
+          preparedAt: '2026-03-26T07:01:00Z',
+          publishedAt: '2026-03-26T07:02:00Z',
           retiredAt: null,
-          workflowName: "workspace-demo",
-          workflowDefinitionActorId: "scope-workflow:scope-1:default",
+          workflowName: 'workspace-demo',
+          workflowDefinitionActorId: 'scope-workflow:scope-1:default',
           inlineWorkflowCount: 1,
-          scriptId: "",
-          scriptRevision: "",
-          scriptDefinitionActorId: "",
-          scriptSourceHash: "",
-          staticAgentKind: "",
+          scriptId: '',
+          scriptRevision: '',
+          scriptDefinitionActorId: '',
+          scriptSourceHash: '',
+          staticAgentKind: '',
         },
         {
-          revisionId: "rev-1",
-          implementationKind: "workflow",
-          status: "Published",
-          artifactHash: "hash-1",
-          failureReason: "",
+          revisionId: 'rev-1',
+          implementationKind: 'workflow',
+          status: 'Published',
+          artifactHash: 'hash-1',
+          failureReason: '',
           isDefaultServing: false,
           isActiveServing: false,
           isServingTarget: false,
           allocationWeight: 0,
-          servingState: "",
-          deploymentId: "",
-          primaryActorId: "",
-          createdAt: "2026-03-25T07:00:00Z",
-          preparedAt: "2026-03-25T07:01:00Z",
-          publishedAt: "2026-03-25T07:02:00Z",
+          servingState: '',
+          deploymentId: '',
+          primaryActorId: '',
+          createdAt: '2026-03-25T07:00:00Z',
+          preparedAt: '2026-03-25T07:01:00Z',
+          publishedAt: '2026-03-25T07:02:00Z',
           retiredAt: null,
-          workflowName: "workspace-demo-v1",
-          workflowDefinitionActorId: "scope-workflow:scope-1:default:v1",
+          workflowName: 'workspace-demo-v1',
+          workflowDefinitionActorId: 'scope-workflow:scope-1:default:v1',
           inlineWorkflowCount: 1,
-          scriptId: "",
-          scriptRevision: "",
-          scriptDefinitionActorId: "",
-          scriptSourceHash: "",
-          staticAgentKind: "",
+          scriptId: '',
+          scriptRevision: '',
+          scriptDefinitionActorId: '',
+          scriptSourceHash: '',
+          staticAgentKind: '',
         },
       ],
     })),
     getDefaultRouteTarget: jest.fn(async () => ({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "workspace-demo",
-      serviceKey: "scope-1:default:default:default",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-default",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'workspace-demo',
+      serviceKey: 'scope-1:default:default:default',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-default',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [
         {
-          revisionId: "rev-2",
-          implementationKind: "workflow",
-          status: "Published",
-          artifactHash: "hash-2",
-          failureReason: "",
+          revisionId: 'rev-2',
+          implementationKind: 'workflow',
+          status: 'Published',
+          artifactHash: 'hash-2',
+          failureReason: '',
           isDefaultServing: true,
           isActiveServing: true,
           isServingTarget: true,
           allocationWeight: 100,
-          servingState: "Active",
-          deploymentId: "dep-2",
-          primaryActorId: "actor-default",
-          createdAt: "2026-03-26T07:30:00Z",
-          preparedAt: "2026-03-26T07:35:00Z",
-          publishedAt: "2026-03-26T07:40:00Z",
+          servingState: 'Active',
+          deploymentId: 'dep-2',
+          primaryActorId: 'actor-default',
+          createdAt: '2026-03-26T07:30:00Z',
+          preparedAt: '2026-03-26T07:35:00Z',
+          publishedAt: '2026-03-26T07:40:00Z',
           retiredAt: null,
-          workflowName: "workspace-demo",
-          workflowDefinitionActorId: "definition://workspace-demo",
+          workflowName: 'workspace-demo',
+          workflowDefinitionActorId: 'definition://workspace-demo',
           inlineWorkflowCount: 1,
-          scriptId: "",
-          scriptRevision: "",
-          scriptDefinitionActorId: "",
-          scriptSourceHash: "",
-          staticAgentKind: "",
+          scriptId: '',
+          scriptRevision: '',
+          scriptDefinitionActorId: '',
+          scriptSourceHash: '',
+          staticAgentKind: '',
         },
       ],
     })),
-    activateScopeBindingRevision: jest.fn(async (input: {
-      scopeId: string;
-      revisionId: string;
-    }) => ({
-      scopeId: input.scopeId,
-      serviceId: "default",
-      displayName: "workspace-demo",
-      revisionId: input.revisionId,
-    })),
-    retireScopeBindingRevision: jest.fn(async (input: {
-      scopeId: string;
-      revisionId: string;
-    }) => ({
-      scopeId: input.scopeId,
-      serviceId: "default",
-      revisionId: input.revisionId,
-      status: "Retiring",
-    })),
+    activateScopeBindingRevision: jest.fn(
+      async (input: { scopeId: string; revisionId: string }) => ({
+        scopeId: input.scopeId,
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        revisionId: input.revisionId,
+      }),
+    ),
+    retireScopeBindingRevision: jest.fn(
+      async (input: { scopeId: string; revisionId: string }) => ({
+        scopeId: input.scopeId,
+        serviceId: 'default',
+        revisionId: input.revisionId,
+        status: 'Retiring',
+      }),
+    ),
     stopExecution: jest.fn(async (executionId: string) => ({
       executionId,
-      workflowName: "workspace-demo",
-      prompt: "Run the demo workflow.",
-      runtimeBaseUrl: "https://aevatar-console-backend-api.aevatar.ai",
-      status: "stopped",
-      startedAtUtc: "2026-03-18T00:00:00Z",
-      completedAtUtc: "2026-03-18T00:07:00Z",
-      actorId: "actor-1",
+      workflowName: 'workspace-demo',
+      prompt: 'Run the demo workflow.',
+      runtimeBaseUrl: 'https://aevatar-console-backend-api.aevatar.ai',
+      status: 'stopped',
+      startedAtUtc: '2026-03-18T00:00:00Z',
+      completedAtUtc: '2026-03-18T00:07:00Z',
+      actorId: 'actor-1',
       error: null,
       frames: [],
     })),
@@ -1512,7 +1547,7 @@ jest.mock("@/shared/studio/api", () => ({
       mockConnectorDraftResponse = {
         ...mockConnectorDraftResponse,
         fileExists: true,
-        updatedAtUtc: "2026-03-18T00:03:00Z",
+        updatedAtUtc: '2026-03-18T00:03:00Z',
         draft: input.draft,
       };
       return mockConnectorDraftResponse;
@@ -1532,39 +1567,39 @@ jest.mock("@/shared/studio/api", () => ({
           connectors: input.connectors,
         };
         return mockConnectorCatalog;
-      }
+      },
     ),
     importConnectorCatalog: jest.fn(async (file: File) => {
       mockConnectorCatalog = {
         ...mockConnectorCatalog,
         connectors: [
           {
-            name: "imported-search",
-            type: "http",
+            name: 'imported-search',
+            type: 'http',
             enabled: true,
             timeoutMs: 15000,
             retry: 2,
             http: {
-              baseUrl: "https://imported.example.test",
-              allowedMethods: ["POST"],
-              allowedPaths: ["/catalog"],
-              allowedInputKeys: ["query"],
+              baseUrl: 'https://imported.example.test',
+              allowedMethods: ['POST'],
+              allowedPaths: ['/catalog'],
+              allowedInputKeys: ['query'],
               defaultHeaders: {},
             },
             cli: {
-              command: "",
+              command: '',
               fixedArguments: [],
               allowedOperations: [],
               allowedInputKeys: [],
-              workingDirectory: "",
+              workingDirectory: '',
               environment: {},
             },
             mcp: {
-              serverName: "",
-              command: "",
+              serverName: '',
+              command: '',
               arguments: [],
               environment: {},
-              defaultTool: "",
+              defaultTool: '',
               allowedTools: [],
               allowedInputKeys: [],
             },
@@ -1588,7 +1623,7 @@ jest.mock("@/shared/studio/api", () => ({
       mockRoleDraftResponse = {
         ...mockRoleDraftResponse,
         fileExists: true,
-        updatedAtUtc: "2026-03-18T00:03:00Z",
+        updatedAtUtc: '2026-03-18T00:03:00Z',
         draft: input.draft,
       };
       return mockRoleDraftResponse;
@@ -1608,19 +1643,19 @@ jest.mock("@/shared/studio/api", () => ({
           roles: input.roles,
         };
         return mockRoleCatalog;
-      }
+      },
     ),
     importRoleCatalog: jest.fn(async (file: File) => {
       mockRoleCatalog = {
         ...mockRoleCatalog,
         roles: [
           {
-            id: "reviewer",
-            name: "Reviewer",
-            systemPrompt: "Review imported workflow outputs carefully.",
-            provider: "tornado",
-            model: "gpt-review",
-            connectors: ["imported-search"],
+            id: 'reviewer',
+            name: 'Reviewer',
+            systemPrompt: 'Review imported workflow outputs carefully.',
+            provider: 'tornado',
+            model: 'gpt-review',
+            connectors: ['imported-search'],
           },
         ],
       };
@@ -1632,12 +1667,12 @@ jest.mock("@/shared/studio/api", () => ({
       };
     }),
     addWorkflowDirectory: jest.fn(async () => ({
-      runtimeBaseUrl: "https://aevatar-console-backend-api.aevatar.ai",
+      runtimeBaseUrl: 'https://aevatar-console-backend-api.aevatar.ai',
       directories: [
         {
-          directoryId: "dir-1",
-          label: "Workspace",
-          path: "/tmp/workflows",
+          directoryId: 'dir-1',
+          label: 'Workspace',
+          path: '/tmp/workflows',
           isBuiltIn: false,
         },
       ],
@@ -1647,66 +1682,66 @@ jest.mock("@/shared/studio/api", () => ({
   },
 }));
 
-jest.mock("@/shared/studio/scriptsApi", () => ({
+jest.mock('@/shared/studio/scriptsApi', () => ({
   scriptsApi: {
     listScripts: jest.fn(async () => []),
     listRuntimes: jest.fn(async () => []),
     getScriptCatalog: jest.fn(async () => ({
-      scriptId: "script-1",
-      activeRevision: "rev-1",
-      activeDefinitionActorId: "definition-1",
-      activeSourceHash: "hash-1",
-      previousRevision: "",
-      revisionHistory: ["rev-1"],
-      lastProposalId: "",
-      catalogActorId: "catalog-1",
-      scopeId: "scope-1",
-      updatedAt: "2026-03-18T00:00:00Z",
+      scriptId: 'script-1',
+      activeRevision: 'rev-1',
+      activeDefinitionActorId: 'definition-1',
+      activeSourceHash: 'hash-1',
+      previousRevision: '',
+      revisionHistory: ['rev-1'],
+      lastProposalId: '',
+      catalogActorId: 'catalog-1',
+      scopeId: 'scope-1',
+      updatedAt: '2026-03-18T00:00:00Z',
     })),
     getEvolutionDecision: jest.fn(async () => ({
       accepted: true,
-      proposalId: "proposal-1",
-      scriptId: "script-1",
-      baseRevision: "rev-1",
-      candidateRevision: "rev-2",
-      status: "accepted",
-      failureReason: "",
-      definitionActorId: "definition-1",
-      catalogActorId: "catalog-1",
+      proposalId: 'proposal-1',
+      scriptId: 'script-1',
+      baseRevision: 'rev-1',
+      candidateRevision: 'rev-2',
+      status: 'accepted',
+      failureReason: '',
+      definitionActorId: 'definition-1',
+      catalogActorId: 'catalog-1',
       validationReport: {
         isSuccess: true,
         diagnostics: [],
       },
     })),
     getRuntimeActivity: jest.fn(async () => ({
-      actorId: "runtime-1",
-      scriptId: "script-1",
-      definitionActorId: "definition-1",
-      revision: "rev-1",
-      input: "",
-      output: "",
-      status: "ok",
-      lastCommandId: "",
+      actorId: 'runtime-1',
+      scriptId: 'script-1',
+      definitionActorId: 'definition-1',
+      revision: 'rev-1',
+      input: '',
+      output: '',
+      status: 'ok',
+      lastCommandId: '',
       notes: [],
       stateVersion: 1,
-      lastEventId: "event-1",
-      updatedAt: "2026-03-18T00:00:00Z",
+      lastEventId: 'event-1',
+      updatedAt: '2026-03-18T00:00:00Z',
     })),
     validateDraft: jest.fn(async () => ({
       success: true,
-      scriptId: "script-1",
-      scriptRevision: "draft-1",
-      primarySourcePath: "Behavior.cs",
+      scriptId: 'script-1',
+      scriptRevision: 'draft-1',
+      primarySourcePath: 'Behavior.cs',
       errorCount: 0,
       warningCount: 0,
       diagnostics: [],
     })),
     saveScript: jest.fn(),
     observeSaveScript: jest.fn(async () => ({
-      scopeId: "scope-1",
-      scriptId: "script-1",
-      status: "applied",
-      message: "applied",
+      scopeId: 'scope-1',
+      scriptId: 'script-1',
+      status: 'applied',
+      message: 'applied',
       currentScript: null,
       isTerminal: true,
     })),
@@ -1716,49 +1751,59 @@ jest.mock("@/shared/studio/scriptsApi", () => ({
   },
 }));
 
-jest.mock("./components/StudioBootstrapGate", () => ({
+jest.mock('./components/StudioBootstrapGate', () => ({
   __esModule: true,
   default: ({ children }: MockChildrenProps) => children,
 }));
 
-jest.mock("./components/StudioBuildPanels", () => {
-  const mockReact = require("react");
+jest.mock('./components/StudioBuildPanels', () => {
+  const mockReact = require('react');
   const StudioWorkflowBuildPanel = (props: any) => {
     mockLastWorkflowBuildPanelProps = props;
-    const [detailsMode, setDetailsMode] = mockReact.useState("step");
+    const [detailsMode, setDetailsMode] = mockReact.useState('step');
     const [addStepType, setAddStepType] = mockReact.useState(
-      props.availableStepTypes?.[0] || "llm_call"
+      props.availableStepTypes?.[0] || 'llm_call',
     );
     const selectedStep = mockReact.useMemo(() => {
-      const selectedStepId = String(props.selectedGraphNodeId || "").replace(/^step:/, "");
+      const selectedStepId = String(props.selectedGraphNodeId || '').replace(
+        /^step:/,
+        '',
+      );
       return (
-        props.workflowGraph?.steps?.find((step: any) => step.id === selectedStepId) ||
+        props.workflowGraph?.steps?.find(
+          (step: any) => step.id === selectedStepId,
+        ) ||
         props.workflowGraph?.steps?.[0] ||
         null
       );
     }, [props.selectedGraphNodeId, props.workflowGraph?.steps]);
-    const selectedStepDraftSeed = mockReact.useMemo(() => ({
-      kind: "step",
-      id: selectedStep?.id || "",
-      type: selectedStep?.type || "llm_call",
-      targetRole: selectedStep?.targetRole || "",
-      next: selectedStep?.next || "",
-      parametersText: JSON.stringify(selectedStep?.parameters || {}, null, 2),
-      branchesText: JSON.stringify(selectedStep?.branches || {}, null, 2),
-    }), [
-      selectedStep?.id,
-      selectedStep?.type,
-      selectedStep?.targetRole,
-      selectedStep?.next,
-      JSON.stringify(selectedStep?.parameters || {}),
-      JSON.stringify(selectedStep?.branches || {}),
-    ]);
-    const [stepDraft, setStepDraft] = mockReact.useState(() => selectedStepDraftSeed);
+    const selectedStepDraftSeed = mockReact.useMemo(
+      () => ({
+        kind: 'step',
+        id: selectedStep?.id || '',
+        type: selectedStep?.type || 'llm_call',
+        targetRole: selectedStep?.targetRole || '',
+        next: selectedStep?.next || '',
+        parametersText: JSON.stringify(selectedStep?.parameters || {}, null, 2),
+        branchesText: JSON.stringify(selectedStep?.branches || {}, null, 2),
+      }),
+      [
+        selectedStep?.id,
+        selectedStep?.type,
+        selectedStep?.targetRole,
+        selectedStep?.next,
+        JSON.stringify(selectedStep?.parameters || {}),
+        JSON.stringify(selectedStep?.branches || {}),
+      ],
+    );
+    const [stepDraft, setStepDraft] = mockReact.useState(
+      () => selectedStepDraftSeed,
+    );
     const stepDraftRef = mockReact.useRef(stepDraft);
 
     const updateStepDraft = mockReact.useCallback((updater: any) => {
       const nextDraft =
-        typeof updater === "function" ? updater(stepDraftRef.current) : updater;
+        typeof updater === 'function' ? updater(stepDraftRef.current) : updater;
       stepDraftRef.current = nextDraft;
       setStepDraft(nextDraft);
     }, []);
@@ -1767,257 +1812,302 @@ jest.mock("./components/StudioBuildPanels", () => {
       updateStepDraft(selectedStepDraftSeed);
     }, [selectedStepDraftSeed]);
 
-    return mockReact.createElement("div", { "data-testid": "studio-workflow-build-panel" }, [
-      mockReact.createElement("div", { key: "eyebrow" }, "DAG Canvas"),
-      mockReact.createElement("div", { key: "provenance" }, "canvas · live"),
-      mockReact.createElement(
-        "select",
-        {
-          key: "add-step-type",
-          "aria-label": "Add step type",
-          value: addStepType,
-          onChange: (event: MockValueEvent) => setAddStepType(event.target.value),
-        },
-        (props.availableStepTypes || ["llm_call"]).map((stepType: string) =>
-          mockReact.createElement("option", { key: stepType, value: stepType }, stepType)
-        )
-      ),
-      mockReact.createElement(
-        "button",
-        {
-          key: "add-step",
-          type: "button",
-          onClick: () => props.onInsertStep?.(addStepType),
-        },
-        "Add step"
-      ),
-      mockReact.createElement(
-        "button",
-        {
-          key: "auto-layout",
-          type: "button",
-          onClick: () => props.onAutoLayout?.(),
-        },
-        "Auto-layout"
-      ),
-      mockReact.createElement(
-        "button",
-        {
-          key: "yaml-toggle",
-          type: "button",
-          onClick: () =>
-            setDetailsMode((current: string) => (current === "yaml" ? "step" : "yaml")),
-        },
-        "YAML"
-      ),
-      mockReact.createElement(
-        "div",
-        { key: "node-count", "data-testid": "workflow-graph-node-count" },
-        String(props.workflowGraph?.nodes?.length ?? 0)
-      ),
-      mockReact.createElement(
-        "div",
-        { key: "graph-steps", "data-testid": "mock-workflow-graph-steps" },
-        (props.workflowGraph?.steps || []).map((step: any) =>
-          mockReact.createElement(
-            "button",
-            {
-              key: `graph-step-${step.id}`,
-              type: "button",
-              onClick: () => props.onSelectGraphNode?.(`step:${step.id}`),
-            },
-            step.id
-          )
-        )
-      ),
-      mockReact.createElement(
-        "button",
-        {
-          key: "canvas-delete-selected-step",
-          type: "button",
-          onClick: () =>
-            props.onDeleteWorkflowNodes?.(
-              props.selectedGraphNodeId ? [props.selectedGraphNodeId] : []
-            ),
-        },
-        "Delete selected step on canvas"
-      ),
-      detailsMode === "yaml"
-        ? mockReact.createElement("div", { key: "yaml-title" }, "Workflow YAML")
-        : mockReact.createElement("div", { key: "step-title" }, "Step Detail"),
-      detailsMode === "step"
-        ? mockReact.createElement(
-            mockReact.Fragment,
-            { key: "step-form" },
-            mockReact.createElement("input", {
-              "aria-label": "Step ID",
-              value: stepDraft.id,
-              onChange: (event: MockValueEvent) =>
-                updateStepDraft((current: any) => ({ ...current, id: event.target.value })),
-            }),
+    return mockReact.createElement(
+      'div',
+      { 'data-testid': 'studio-workflow-build-panel' },
+      [
+        mockReact.createElement('div', { key: 'eyebrow' }, 'DAG Canvas'),
+        mockReact.createElement('div', { key: 'provenance' }, 'canvas · live'),
+        mockReact.createElement(
+          'select',
+          {
+            key: 'add-step-type',
+            'aria-label': 'Add step type',
+            value: addStepType,
+            onChange: (event: MockValueEvent) =>
+              setAddStepType(event.target.value),
+          },
+          (props.availableStepTypes || ['llm_call']).map((stepType: string) =>
             mockReact.createElement(
-              "select",
-              {
-                "aria-label": "Step type",
-                value: stepDraft.type,
-                onChange: (event: MockValueEvent) =>
-                  updateStepDraft((current: any) => ({ ...current, type: event.target.value })),
-              },
-              (props.availableStepTypes || ["llm_call"]).map((stepType: string) =>
-                mockReact.createElement("option", { key: stepType, value: stepType }, stepType)
-              )
+              'option',
+              { key: stepType, value: stepType },
+              stepType,
             ),
-            mockReact.createElement("input", {
-              "aria-label": "Target role",
-              value: stepDraft.targetRole,
-              onChange: (event: MockValueEvent) =>
-                updateStepDraft((current: any) => ({
-                  ...current,
-                  targetRole: event.target.value,
-                })),
-            }),
-            mockReact.createElement("input", {
-              "aria-label": "Next step",
-              value: stepDraft.next,
-              onChange: (event: MockValueEvent) =>
-                updateStepDraft((current: any) => ({ ...current, next: event.target.value })),
-            }),
-            mockReact.createElement("textarea", {
-              "aria-label": "Step parameters",
-              value: stepDraft.parametersText,
-              onChange: (event: MockValueEvent) =>
-                updateStepDraft((current: any) => ({
-                  ...current,
-                  parametersText: event.target.value,
-                })),
-            }),
-            mockReact.createElement("textarea", {
-              "aria-label": "Step branches",
-              value: stepDraft.branchesText,
-              onChange: (event: MockValueEvent) =>
-                updateStepDraft((current: any) => ({
-                  ...current,
-                  branchesText: event.target.value,
-                })),
-            }),
+          ),
+        ),
+        mockReact.createElement(
+          'button',
+          {
+            key: 'add-step',
+            type: 'button',
+            onClick: () => props.onInsertStep?.(addStepType),
+          },
+          'Add step',
+        ),
+        mockReact.createElement(
+          'button',
+          {
+            key: 'auto-layout',
+            type: 'button',
+            onClick: () => props.onAutoLayout?.(),
+          },
+          'Auto-layout',
+        ),
+        mockReact.createElement(
+          'button',
+          {
+            key: 'yaml-toggle',
+            type: 'button',
+            onClick: () =>
+              setDetailsMode((current: string) =>
+                current === 'yaml' ? 'step' : 'yaml',
+              ),
+          },
+          'YAML',
+        ),
+        mockReact.createElement(
+          'div',
+          { key: 'node-count', 'data-testid': 'workflow-graph-node-count' },
+          String(props.workflowGraph?.nodes?.length ?? 0),
+        ),
+        mockReact.createElement(
+          'div',
+          { key: 'graph-steps', 'data-testid': 'mock-workflow-graph-steps' },
+          (props.workflowGraph?.steps || []).map((step: any) =>
             mockReact.createElement(
-              "button",
+              'button',
               {
-                type: "button",
-                onClick: () => props.onApplyStepDraft?.(stepDraft),
+                key: `graph-step-${step.id}`,
+                type: 'button',
+                onClick: () => props.onSelectGraphNode?.(`step:${step.id}`),
               },
-              "Apply changes"
+              step.id,
             ),
-            mockReact.createElement(
-              "button",
-              {
-                type: "button",
-                onClick: () => props.onRemoveSelectedStep?.(),
-              },
-              "Delete step"
+          ),
+        ),
+        mockReact.createElement(
+          'button',
+          {
+            key: 'canvas-delete-selected-step',
+            type: 'button',
+            onClick: () =>
+              props.onDeleteWorkflowNodes?.(
+                props.selectedGraphNodeId ? [props.selectedGraphNodeId] : [],
+              ),
+          },
+          'Delete selected step on canvas',
+        ),
+        detailsMode === 'yaml'
+          ? mockReact.createElement(
+              'div',
+              { key: 'yaml-title' },
+              'Workflow YAML',
             )
-          )
-        : null,
-      props.saveNotice
-        ? mockReact.createElement("div", { key: "save-notice" }, props.saveNotice.message)
-        : null,
-      mockReact.createElement("textarea", {
-        key: "yaml",
-        "aria-label": "定义 YAML",
-        value: props.draftYaml ?? "",
-        onChange: (event: MockValueEvent) => props.onSetDraftYaml?.(event.target.value),
-      }),
-      mockReact.createElement("div", { key: "dry-run-title" }, "Workflow draft run"),
-      mockReact.createElement(
-        "div",
-        { key: "dry-run-route", "data-testid": "workflow-dry-run-route" },
-        props.dryRunRouteLabel || ""
-      ),
-      props.dryRunBlockedReason
-        ? mockReact.createElement(
-            "div",
-            { key: "dry-run-blocked", role: "alert" },
-            props.dryRunBlockedReason,
-          )
-        : null,
-      mockReact.createElement("textarea", {
-        key: "run-input",
-        "aria-label": "Workflow dry run input",
-        value: props.runPrompt ?? "",
-        onChange: (event: MockValueEvent) =>
-          props.onRunPromptChange?.(event.target.value),
-      }),
-      mockReact.createElement(
-        "button",
-        {
-          key: "save",
-          type: "button",
-          disabled: !props.canSaveWorkflow,
-          onClick: () => {
-            const currentParametersText =
-              (
-                globalThis.document.querySelector(
-                  'textarea[aria-label="Step parameters"]'
-                ) as HTMLTextAreaElement | null
-              )?.value ?? stepDraftRef.current.parametersText;
-            const currentBranchesText =
-              (
-                globalThis.document.querySelector(
-                  'textarea[aria-label="Step branches"]'
-                ) as HTMLTextAreaElement | null
-              )?.value ?? stepDraftRef.current.branchesText;
-            const currentStepDraft = {
-              ...stepDraftRef.current,
-              parametersText: currentParametersText,
-              branchesText: currentBranchesText,
-            };
-            const currentHasPendingStepDraft =
-              currentStepDraft.id !== selectedStepDraftSeed.id ||
-              currentStepDraft.type !== selectedStepDraftSeed.type ||
-              currentStepDraft.targetRole !== selectedStepDraftSeed.targetRole ||
-              currentStepDraft.next !== selectedStepDraftSeed.next ||
-              currentStepDraft.parametersText !== selectedStepDraftSeed.parametersText ||
-              currentStepDraft.branchesText !== selectedStepDraftSeed.branchesText;
-            props.onSaveDraft?.(
-              currentHasPendingStepDraft
-                ? {
-                    stepId: selectedStep?.id || "",
-                    draft: currentStepDraft,
-                  }
-                : null
-            );
+          : mockReact.createElement(
+              'div',
+              { key: 'step-title' },
+              'Step Detail',
+            ),
+        detailsMode === 'step'
+          ? mockReact.createElement(
+              mockReact.Fragment,
+              { key: 'step-form' },
+              mockReact.createElement('input', {
+                'aria-label': 'Step ID',
+                value: stepDraft.id,
+                onChange: (event: MockValueEvent) =>
+                  updateStepDraft((current: any) => ({
+                    ...current,
+                    id: event.target.value,
+                  })),
+              }),
+              mockReact.createElement(
+                'select',
+                {
+                  'aria-label': 'Step type',
+                  value: stepDraft.type,
+                  onChange: (event: MockValueEvent) =>
+                    updateStepDraft((current: any) => ({
+                      ...current,
+                      type: event.target.value,
+                    })),
+                },
+                (props.availableStepTypes || ['llm_call']).map(
+                  (stepType: string) =>
+                    mockReact.createElement(
+                      'option',
+                      { key: stepType, value: stepType },
+                      stepType,
+                    ),
+                ),
+              ),
+              mockReact.createElement('input', {
+                'aria-label': 'Target role',
+                value: stepDraft.targetRole,
+                onChange: (event: MockValueEvent) =>
+                  updateStepDraft((current: any) => ({
+                    ...current,
+                    targetRole: event.target.value,
+                  })),
+              }),
+              mockReact.createElement('input', {
+                'aria-label': 'Next step',
+                value: stepDraft.next,
+                onChange: (event: MockValueEvent) =>
+                  updateStepDraft((current: any) => ({
+                    ...current,
+                    next: event.target.value,
+                  })),
+              }),
+              mockReact.createElement('textarea', {
+                'aria-label': 'Step parameters',
+                value: stepDraft.parametersText,
+                onChange: (event: MockValueEvent) =>
+                  updateStepDraft((current: any) => ({
+                    ...current,
+                    parametersText: event.target.value,
+                  })),
+              }),
+              mockReact.createElement('textarea', {
+                'aria-label': 'Step branches',
+                value: stepDraft.branchesText,
+                onChange: (event: MockValueEvent) =>
+                  updateStepDraft((current: any) => ({
+                    ...current,
+                    branchesText: event.target.value,
+                  })),
+              }),
+              mockReact.createElement(
+                'button',
+                {
+                  type: 'button',
+                  onClick: () => props.onApplyStepDraft?.(stepDraft),
+                },
+                'Apply changes',
+              ),
+              mockReact.createElement(
+                'button',
+                {
+                  type: 'button',
+                  onClick: () => props.onRemoveSelectedStep?.(),
+                },
+                'Delete step',
+              ),
+            )
+          : null,
+        props.saveNotice
+          ? mockReact.createElement(
+              'div',
+              { key: 'save-notice' },
+              props.saveNotice.message,
+            )
+          : null,
+        mockReact.createElement('textarea', {
+          key: 'yaml',
+          'aria-label': '定义 YAML',
+          value: props.draftYaml ?? '',
+          onChange: (event: MockValueEvent) =>
+            props.onSetDraftYaml?.(event.target.value),
+        }),
+        mockReact.createElement(
+          'div',
+          { key: 'dry-run-title' },
+          'Workflow draft run',
+        ),
+        mockReact.createElement(
+          'div',
+          { key: 'dry-run-route', 'data-testid': 'workflow-dry-run-route' },
+          props.dryRunRouteLabel || '',
+        ),
+        props.dryRunBlockedReason
+          ? mockReact.createElement(
+              'div',
+              { key: 'dry-run-blocked', role: 'alert' },
+              props.dryRunBlockedReason,
+            )
+          : null,
+        mockReact.createElement('textarea', {
+          key: 'run-input',
+          'aria-label': 'Workflow dry run input',
+          value: props.runPrompt ?? '',
+          onChange: (event: MockValueEvent) =>
+            props.onRunPromptChange?.(event.target.value),
+        }),
+        mockReact.createElement(
+          'button',
+          {
+            key: 'save',
+            type: 'button',
+            disabled: !props.canSaveWorkflow,
+            onClick: () => {
+              const currentParametersText =
+                (
+                  globalThis.document.querySelector(
+                    'textarea[aria-label="Step parameters"]',
+                  ) as HTMLTextAreaElement | null
+                )?.value ?? stepDraftRef.current.parametersText;
+              const currentBranchesText =
+                (
+                  globalThis.document.querySelector(
+                    'textarea[aria-label="Step branches"]',
+                  ) as HTMLTextAreaElement | null
+                )?.value ?? stepDraftRef.current.branchesText;
+              const currentStepDraft = {
+                ...stepDraftRef.current,
+                parametersText: currentParametersText,
+                branchesText: currentBranchesText,
+              };
+              const currentHasPendingStepDraft =
+                currentStepDraft.id !== selectedStepDraftSeed.id ||
+                currentStepDraft.type !== selectedStepDraftSeed.type ||
+                currentStepDraft.targetRole !==
+                  selectedStepDraftSeed.targetRole ||
+                currentStepDraft.next !== selectedStepDraftSeed.next ||
+                currentStepDraft.parametersText !==
+                  selectedStepDraftSeed.parametersText ||
+                currentStepDraft.branchesText !==
+                  selectedStepDraftSeed.branchesText;
+              props.onSaveDraft?.(
+                currentHasPendingStepDraft
+                  ? {
+                      stepId: selectedStep?.id || '',
+                      draft: currentStepDraft,
+                    }
+                  : null,
+              );
+            },
           },
-        },
-        "Save draft"
-      ),
-      mockReact.createElement(
-        "button",
-        {
-          key: "bind",
-          type: "button",
-          onClick: () =>
-            props.onContinueToBind?.({
-              agentKind: props.selectedAgentKind || "Tests.OrdersGAgent",
-              displayName: props.currentMemberLabel || "orders-gagent",
-              initialPrompt: "You are the team member gagent.",
-              persistenceMode: "grain",
-              role: "intake-classifier",
-              tools: ["classify_intent", "detect_language"],
-            }),
-        },
-        "Continue to Bind"
-      ),
-    ]);
+          'Save draft',
+        ),
+        mockReact.createElement(
+          'button',
+          {
+            key: 'bind',
+            type: 'button',
+            onClick: () =>
+              props.onContinueToBind?.({
+                agentKind: props.selectedAgentKind || 'Tests.OrdersGAgent',
+                displayName: props.currentMemberLabel || 'orders-gagent',
+                initialPrompt: 'You are the team member gagent.',
+                persistenceMode: 'grain',
+                role: 'intake-classifier',
+                tools: ['classify_intent', 'detect_language'],
+              }),
+          },
+          'Continue to Bind',
+        ),
+      ],
+    );
   };
 
   const StudioScriptBuildPanel = (props: any) => {
-    const [value, setValue] = mockReact.useState("using System;");
+    const [value, setValue] = mockReact.useState('using System;');
     const [dirty, setDirty] = mockReact.useState(false);
-    const selectedScriptId = props.selectedScriptId || "";
+    const selectedScriptId = props.selectedScriptId || '';
 
     mockReact.useEffect(() => {
       props.onRegisterLeaveGuard?.(
-        dirty ? jest.fn(async () => false) : jest.fn(async () => true)
+        dirty ? jest.fn(async () => false) : jest.fn(async () => true),
       );
 
       return () => props.onRegisterLeaveGuard?.(null);
@@ -2032,183 +2122,206 @@ jest.mock("./components/StudioBuildPanels", () => {
       props.onScriptBuildStateChange?.({
         scriptId: selectedScriptId,
         displayName: selectedScriptId,
-        scriptRevision: "rev-1",
-        revisionId: "rev-1",
-        sourceHash: "hash-1",
-        definitionActorId: "definition-1",
+        scriptRevision: 'rev-1',
+        revisionId: 'rev-1',
+        sourceHash: 'hash-1',
+        definitionActorId: 'definition-1',
         dirty,
-        validationStatus: dirty ? "unknown" : "valid",
-        saveStatus: dirty ? "idle" : "applied",
+        validationStatus: dirty ? 'unknown' : 'valid',
+        saveStatus: dirty ? 'idle' : 'applied',
       });
       return () => props.onScriptBuildStateChange?.(null);
     }, [dirty, props.onScriptBuildStateChange, selectedScriptId]);
 
     if (!selectedScriptId) {
-      return mockReact.createElement("div", { "data-testid": "studio-script-build-panel" }, [
-        mockReact.createElement("div", { key: "title" }, "Script source"),
+      return mockReact.createElement(
+        'div',
+        { 'data-testid': 'studio-script-build-panel' },
+        [
+          mockReact.createElement('div', { key: 'title' }, 'Script source'),
+          mockReact.createElement(
+            'p',
+            { key: 'empty-copy' },
+            'No script is selected yet. Start a script draft to open the editor.',
+          ),
+          mockReact.createElement(
+            'button',
+            {
+              key: 'add-script',
+              type: 'button',
+              onClick: () => props.onCreateScriptDraft?.(),
+            },
+            'Add script',
+          ),
+        ],
+      );
+    }
+
+    return mockReact.createElement(
+      'div',
+      { 'data-testid': 'studio-script-build-panel' },
+      [
+        mockReact.createElement('div', { key: 'title' }, 'Script source'),
         mockReact.createElement(
-          "p",
-          { key: "empty-copy" },
-          "No script is selected yet. Start a script draft to open the editor."
+          'div',
+          { key: 'provenance' },
+          'lints · partial',
         ),
+        mockReact.createElement('input', {
+          key: 'script-id',
+          'aria-label': 'Script ID',
+          value: selectedScriptId,
+          onChange: (event: MockValueEvent) =>
+            props.onSelectScriptId?.(event.target.value),
+        }),
+        mockReact.createElement('textarea', {
+          key: 'editor',
+          'aria-label': 'Script source editor',
+          value,
+          onChange: (event: MockValueEvent) => {
+            setValue(event.target.value);
+            setDirty(true);
+          },
+        }),
         mockReact.createElement(
-          "button",
+          'div',
+          { key: 'dry-run-title' },
+          'Script draft run',
+        ),
+        mockReact.createElement('textarea', {
+          key: 'run-input',
+          'aria-label': 'Script dry run input',
+          value: '{\n  "input": "fixture"\n}',
+          readOnly: true,
+        }),
+        mockReact.createElement(
+          'button',
           {
-            key: "add-script",
-            type: "button",
-            onClick: () => props.onCreateScriptDraft?.(),
+            key: 'save',
+            type: 'button',
           },
-          "Add script"
+          'Save draft',
         ),
-      ]);
-    }
-
-    return mockReact.createElement("div", { "data-testid": "studio-script-build-panel" }, [
-      mockReact.createElement("div", { key: "title" }, "Script source"),
-      mockReact.createElement("div", { key: "provenance" }, "lints · partial"),
-      mockReact.createElement("input", {
-        key: "script-id",
-        "aria-label": "Script ID",
-        value: selectedScriptId,
-        onChange: (event: MockValueEvent) => props.onSelectScriptId?.(event.target.value),
-      }),
-      mockReact.createElement("textarea", {
-        key: "editor",
-        "aria-label": "Script source editor",
-        value,
-        onChange: (event: MockValueEvent) => {
-          setValue(event.target.value);
-          setDirty(true);
-        },
-      }),
-      mockReact.createElement("div", { key: "dry-run-title" }, "Script draft run"),
-      mockReact.createElement("textarea", {
-        key: "run-input",
-        "aria-label": "Script dry run input",
-        value: "{\n  \"input\": \"fixture\"\n}",
-        readOnly: true,
-      }),
-      mockReact.createElement(
-        "button",
-        {
-          key: "save",
-          type: "button",
-        },
-        "Save draft"
-      ),
-      mockReact.createElement(
-        "button",
-        {
-          key: "bind",
-          type: "button",
-          onClick: () => props.onContinueToBind?.(),
-        },
-        "Continue to Bind"
-      ),
-    ]);
+        mockReact.createElement(
+          'button',
+          {
+            key: 'bind',
+            type: 'button',
+            onClick: () => props.onContinueToBind?.(),
+          },
+          'Continue to Bind',
+        ),
+      ],
+    );
   };
 
   const StudioGAgentBuildPanel = (props: any) => {
     mockReact.useEffect(() => {
       props.onBuildStateChange?.({
-        agentKind: props.selectedAgentKind || "Tests.OrdersGAgent",
-        displayName: props.currentMemberLabel || "orders-gagent",
-        initialPrompt: "You are the team member gagent.",
-        persistenceMode: "grain",
-        role: "intake-classifier",
-        tools: ["classify_intent", "detect_language"],
+        agentKind: props.selectedAgentKind || 'Tests.OrdersGAgent',
+        displayName: props.currentMemberLabel || 'orders-gagent',
+        initialPrompt: 'You are the team member gagent.',
+        persistenceMode: 'grain',
+        role: 'intake-classifier',
+        tools: ['classify_intent', 'detect_language'],
       });
-    }, [props.currentMemberLabel, props.onBuildStateChange, props.selectedAgentKind]);
-
-    return mockReact.createElement("div", { "data-testid": "studio-gagent-build-panel" }, [
-      mockReact.createElement("div", { key: "title" }, "GAgent definition"),
-      mockReact.createElement("div", { key: "provenance" }, "template · seeded"),
-      mockReact.createElement("input", {
-        key: "type",
-        "aria-label": "GAgent type",
-        value: props.selectedAgentKind || "",
-        onChange: (event: MockValueEvent) =>
-          props.onSelectAgentKind?.(event.target.value),
-      }),
-      mockReact.createElement("input", {
-        key: "display-name",
-        "aria-label": "Display name",
-        defaultValue: "orders-gagent",
-      }),
-      mockReact.createElement("input", {
-        key: "role",
-        "aria-label": "Role",
-        defaultValue: "intake-classifier",
-      }),
-      mockReact.createElement("textarea", {
-        key: "prompt",
-        "aria-label": "Initial prompt",
-        defaultValue: "You are the team member gagent.",
-      }),
-      mockReact.createElement("input", {
-        key: "tools",
-        "aria-label": "Tools",
-        defaultValue: "classify_intent, detect_language",
-      }),
-      mockReact.createElement(
-        "label",
-        { key: "grain" },
-        [
-          mockReact.createElement("input", {
-            key: "grain-input",
-            type: "radio",
-            name: "gagent-persistence",
+    }, [
+      props.currentMemberLabel,
+      props.onBuildStateChange,
+      props.selectedAgentKind,
+    ]);
+
+    return mockReact.createElement(
+      'div',
+      { 'data-testid': 'studio-gagent-build-panel' },
+      [
+        mockReact.createElement('div', { key: 'title' }, 'GAgent definition'),
+        mockReact.createElement(
+          'div',
+          { key: 'provenance' },
+          'template · seeded',
+        ),
+        mockReact.createElement('input', {
+          key: 'type',
+          'aria-label': 'GAgent type',
+          value: props.selectedAgentKind || '',
+          onChange: (event: MockValueEvent) =>
+            props.onSelectAgentKind?.(event.target.value),
+        }),
+        mockReact.createElement('input', {
+          key: 'display-name',
+          'aria-label': 'Display name',
+          defaultValue: 'orders-gagent',
+        }),
+        mockReact.createElement('input', {
+          key: 'role',
+          'aria-label': 'Role',
+          defaultValue: 'intake-classifier',
+        }),
+        mockReact.createElement('textarea', {
+          key: 'prompt',
+          'aria-label': 'Initial prompt',
+          defaultValue: 'You are the team member gagent.',
+        }),
+        mockReact.createElement('input', {
+          key: 'tools',
+          'aria-label': 'Tools',
+          defaultValue: 'classify_intent, detect_language',
+        }),
+        mockReact.createElement('label', { key: 'grain' }, [
+          mockReact.createElement('input', {
+            key: 'grain-input',
+            type: 'radio',
+            name: 'gagent-persistence',
             defaultChecked: true,
           }),
-          "Orleans grain",
-        ]
-      ),
-      mockReact.createElement(
-        "label",
-        { key: "ephemeral" },
-        [
-          mockReact.createElement("input", {
-            key: "ephemeral-input",
-            type: "radio",
-            name: "gagent-persistence",
+          'Orleans grain',
+        ]),
+        mockReact.createElement('label', { key: 'ephemeral' }, [
+          mockReact.createElement('input', {
+            key: 'ephemeral-input',
+            type: 'radio',
+            name: 'gagent-persistence',
           }),
-          "Ephemeral",
-        ]
-      ),
-      mockReact.createElement(
-        "button",
-        {
-          key: "bind",
-          type: "button",
-          onClick: () => props.onContinueToBind?.(),
-        },
-        "Continue to Bind"
-      ),
-    ]);
+          'Ephemeral',
+        ]),
+        mockReact.createElement(
+          'button',
+          {
+            key: 'bind',
+            type: 'button',
+            onClick: () => props.onContinueToBind?.(),
+          },
+          'Continue to Bind',
+        ),
+      ],
+    );
   };
 
   return {
     __esModule: true,
     getDefaultBuildModeCards: (scriptsEnabled: boolean) => [
       {
-        key: "workflow",
-        label: "Workflow",
-        description: "Workflow description",
-        hint: "When · Multiple agents hand off predictably",
+        key: 'workflow',
+        label: 'Workflow',
+        description: 'Workflow description',
+        hint: 'When · Multiple agents hand off predictably',
         disabled: false,
       },
       {
-        key: "script",
-        label: "Script",
-        description: "Script description",
-        hint: scriptsEnabled ? "When · You need code-level control" : "当前环境暂未启用脚本能力。",
+        key: 'script',
+        label: 'Script',
+        description: 'Script description',
+        hint: scriptsEnabled
+          ? 'When · You need code-level control'
+          : '当前环境暂未启用脚本能力。',
         disabled: !scriptsEnabled,
       },
       {
-        key: "gagent",
-        label: "GAgent",
-        description: "GAgent description",
-        hint: "When · State lives with one agent",
+        key: 'gagent',
+        label: 'GAgent',
+        description: 'GAgent description',
+        hint: 'When · State lives with one agent',
         disabled: false,
       },
     ],
@@ -2218,7 +2331,7 @@ jest.mock("./components/StudioBuildPanels", () => {
   };
 });
 
-jest.mock("./components/StudioShell", () => ({
+jest.mock('./components/StudioShell', () => ({
   __esModule: true,
   default: ({
     alerts,
@@ -2235,335 +2348,357 @@ jest.mock("./components/StudioShell", () => ({
     showLifecycle = true,
     showMemberRail = true,
   }: any) => {
-    const React = require("react");
+    const React = require('react');
     const filterOptions = [
-      "all",
+      'all',
       ...Array.from(
         new Set(
-          (members as any[]).map((member) => String(member.kind || "unknown"))
-        )
+          (members as any[]).map((member) => String(member.kind || 'unknown')),
+        ),
       ),
     ];
     const filterLabels: Record<string, string> = {
-      all: "All",
-      member: "Member",
-      workflow: "Workflow",
-      script: "Script",
-      gagent: "GAgent",
-      unknown: "Unknown",
+      all: 'All',
+      member: 'Member',
+      workflow: 'Workflow',
+      script: 'Script',
+      gagent: 'GAgent',
+      unknown: 'Unknown',
     };
-    return React.createElement(
-      "div",
-      null,
-      [
-        React.createElement("div", { key: "workbench" }, "Workbench"),
-        contextBar ? React.createElement("div", { key: "context-bar" }, contextBar) : null,
-        alerts ? React.createElement("div", { key: "alerts" }, alerts) : null,
-        showMemberRail ? React.createElement(
-          "div",
-          { key: "members", "aria-label": "Team members" },
-          [
-            React.createElement(
-              "div",
-              { key: "member-filters" },
-              filterOptions.map((key) =>
-                React.createElement(
-                  "button",
-                  {
-                    key: `filter-${key}`,
-                    type: "button",
-                  },
-                  filterLabels[key] || key
-                )
-              )
-            ),
-            inventoryActions
-              ? React.createElement("div", { key: "inventory-actions" }, inventoryActions)
-              : null,
-            ...members.map((member: any) =>
+    return React.createElement('div', null, [
+      React.createElement('div', { key: 'workbench' }, 'Workbench'),
+      contextBar
+        ? React.createElement('div', { key: 'context-bar' }, contextBar)
+        : null,
+      alerts ? React.createElement('div', { key: 'alerts' }, alerts) : null,
+      showMemberRail
+        ? React.createElement(
+            'div',
+            { key: 'members', 'aria-label': 'Team members' },
+            [
               React.createElement(
-                "div",
-                { key: `member-row-${member.key}` },
-                [
+                'div',
+                { key: 'member-filters' },
+                filterOptions.map((key) =>
                   React.createElement(
-                    "button",
+                    'button',
                     {
-                      key: `member-${member.key}`,
-                      type: "button",
-                      "aria-current": selectedMemberKey === member.key ? "true" : undefined,
-                      onClick: () => onSelectMember?.(member.key),
+                      key: `filter-${key}`,
+                      type: 'button',
                     },
-                    member.label
+                    filterLabels[key] || key,
                   ),
-                ]
-              )
-            ),
-          ]
-        ) : null,
-        ...(showLifecycle ? lifecycleSteps : []).map((step: any) =>
-          React.createElement(
-            "button",
-            {
-              key: `step-${step.key}`,
-              type: "button",
-              disabled: Boolean(step.disabled),
-              onClick: () => onSelectLifecycleStep?.(step.key),
-            },
-            step.label
+                ),
+              ),
+              inventoryActions
+                ? React.createElement(
+                    'div',
+                    { key: 'inventory-actions' },
+                    inventoryActions,
+                  )
+                : null,
+              ...members.map((member: any) =>
+                React.createElement(
+                  'div',
+                  { key: `member-row-${member.key}` },
+                  [
+                    React.createElement(
+                      'button',
+                      {
+                        key: `member-${member.key}`,
+                        type: 'button',
+                        'aria-current':
+                          selectedMemberKey === member.key ? 'true' : undefined,
+                        onClick: () => onSelectMember?.(member.key),
+                      },
+                      member.label,
+                    ),
+                  ],
+                ),
+              ),
+            ],
           )
+        : null,
+      ...(showLifecycle ? lifecycleSteps : []).map((step: any) =>
+        React.createElement(
+          'button',
+          {
+            key: `step-${step.key}`,
+            type: 'button',
+            disabled: Boolean(step.disabled),
+            onClick: () => onSelectLifecycleStep?.(step.key),
+          },
+          step.label,
         ),
-        ...navItems.map((item: any) =>
-          React.createElement(
-            "button",
-            {
-              key: item.key,
-              type: "button",
-              onClick: () => onSelectPage?.(item.key),
-            },
-            item.label
-          )
+      ),
+      ...navItems.map((item: any) =>
+        React.createElement(
+          'button',
+          {
+            key: item.key,
+            type: 'button',
+            onClick: () => onSelectPage?.(item.key),
+          },
+          item.label,
         ),
-        children,
-      ]
-    );
+      ),
+      children,
+    ]);
   },
 }));
 
-jest.mock("../scopes/components/ScopeServiceRuntimeWorkbench", () => ({
+jest.mock('../scopes/components/ScopeServiceRuntimeWorkbench', () => ({
   __esModule: true,
   default: (props: any) => {
-    const React = require("react");
-    return React.createElement("div", null, [
+    const React = require('react');
+    return React.createElement('div', null, [
       React.createElement(
-        "div",
-        { key: "title", "data-testid": "studio-bind-surface" },
-        "Runtime Workbench Mock"
+        'div',
+        { key: 'title', 'data-testid': 'studio-bind-surface' },
+        'Runtime Workbench Mock',
       ),
       React.createElement(
-        "div",
-        { key: "service" },
-        props.initialServiceId || props.preferredServiceId || "no-service"
+        'div',
+        { key: 'service' },
+        props.initialServiceId || props.preferredServiceId || 'no-service',
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "use-endpoint",
-          type: "button",
-          onClick: () => props.onUseEndpoint?.("default", "chat"),
+          key: 'use-endpoint',
+          type: 'button',
+          onClick: () => props.onUseEndpoint?.('default', 'chat'),
         },
-        "Use runtime endpoint"
+        'Use runtime endpoint',
       ),
     ]);
   },
 }));
 
-jest.mock("./components/bind/StudioMemberBindPanel", () => ({
+jest.mock('./components/bind/StudioMemberBindPanel', () => ({
   __esModule: true,
   default: (props: any) => {
-    const React = require("react");
-    return React.createElement("div", null, [
+    const React = require('react');
+    const selectedServiceId =
+      props.initialServiceId || props.preferredServiceId || '';
+    const selectedService = Array.isArray(props.services)
+      ? props.services.find(
+          (service: any) => service.serviceId === selectedServiceId,
+        )
+      : null;
+    const selectedEndpoint = selectedService?.endpoints?.[0] ?? null;
+    const canContinue = Boolean(
+      props.memberId && selectedService && selectedEndpoint,
+    );
+    return React.createElement('div', null, [
       React.createElement(
-        "div",
-        { key: "title", "data-testid": "studio-bind-surface" },
-        "Bind Surface Mock"
+        'div',
+        { key: 'title', 'data-testid': 'studio-bind-surface' },
+        'Bind Surface Mock',
       ),
       React.createElement(
-        "div",
-        { key: "service" },
-        `service:${props.initialServiceId || props.preferredServiceId || "no-service"}`
+        'div',
+        { key: 'service' },
+        `service:${selectedServiceId || 'no-service'}`,
       ),
       React.createElement(
-        "div",
-        { key: "services" },
+        'div',
+        { key: 'services' },
         `services:${
           Array.isArray(props.services) && props.services.length > 0
-            ? props.services.map((service: any) => service.serviceId).join(",")
-            : "none"
-        }`
+            ? props.services.map((service: any) => service.serviceId).join(',')
+            : 'none'
+        }`,
       ),
       React.createElement(
-        "div",
-        { key: "candidate" },
+        'div',
+        { key: 'candidate' },
         props.pendingBindingCandidate
           ? `candidate:${props.pendingBindingCandidate.displayName}`
-          : "candidate:none"
+          : 'candidate:none',
       ),
       React.createElement(
-        "div",
-        { key: "workflow-yamls" },
-        `workflow-yamls:${props.buildWorkflowYamls ? "present" : "none"}`
+        'div',
+        { key: 'workflow-yamls' },
+        `workflow-yamls:${props.buildWorkflowYamls ? 'present' : 'none'}`,
       ),
       React.createElement(
-        "div",
-        { key: "member" },
-        `member:${props.memberId || "no-member"}`
+        'div',
+        { key: 'member' },
+        `member:${props.memberId || 'no-member'}`,
       ),
       !props.memberId
         ? React.createElement(
-            "div",
-            { key: "member-warning" },
-            "Select a Team member before using Invoke."
+            'div',
+            { key: 'member-warning' },
+            'Select a Team member before using Invoke.',
           )
         : null,
       React.createElement(
-        "button",
+        'button',
         {
-          key: "select-endpoint",
-          type: "button",
+          key: 'select-endpoint',
+          type: 'button',
           onClick: () =>
             props.onSelectionChange?.({
-              serviceId: "default",
-              endpointId: "support-chat",
+              serviceId: 'default',
+              endpointId: 'support-chat',
             }),
         },
-        "Select bind endpoint"
+        'Select bind endpoint',
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "bind-candidate",
-          type: "button",
+          key: 'bind-candidate',
+          type: 'button',
           onClick: () => void props.onBindPendingCandidate?.(),
         },
-        "Bind current member"
+        'Bind current member',
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "continue",
-          type: "button",
-          disabled: !props.memberId,
-          onClick: () =>
-            props.memberId
-              ? props.onContinueToInvoke?.("default", "support-chat")
-              : undefined,
+          key: 'continue',
+          type: 'button',
+          disabled: !canContinue,
+          onClick: () => {
+            if (canContinue) {
+              props.onContinueToInvoke?.(
+                selectedService.serviceId,
+                selectedEndpoint.endpointId,
+              );
+            }
+          },
         },
-        "Continue to Invoke"
+        'Continue to Invoke',
       ),
     ]);
   },
 }));
 
-jest.mock("./components/StudioMemberInvokePanel", () => ({
+jest.mock('./components/StudioMemberInvokePanel', () => ({
   __esModule: true,
   default: (props: any) => {
-    const React = require("react");
-    return React.createElement("div", null, [
+    const React = require('react');
+    return React.createElement('div', null, [
       React.createElement(
-        "div",
-        { key: "title", "data-testid": "studio-invoke-surface" },
-        "Invoke Surface Mock"
+        'div',
+        { key: 'title', 'data-testid': 'studio-invoke-surface' },
+        'Invoke Surface Mock',
       ),
       React.createElement(
-        "div",
-        { key: "service" },
-        `service:${props.initialServiceId || "no-service"}`
+        'div',
+        { key: 'service' },
+        `service:${props.initialServiceId || 'no-service'}`,
       ),
       React.createElement(
-        "div",
-        { key: "member" },
-        `member:${props.selectedMemberLabel || "no-member"}`
+        'div',
+        { key: 'member' },
+        `member:${props.selectedMemberLabel || 'no-member'}`,
       ),
       React.createElement(
-        "div",
-        { key: "services" },
+        'div',
+        { key: 'services' },
         `services:${
           Array.isArray(props.services) && props.services.length > 0
-            ? props.services.map((service: any) => service.serviceId).join(",")
-            : "none"
-        }`
+            ? props.services.map((service: any) => service.serviceId).join(',')
+            : 'none'
+        }`,
       ),
       React.createElement(
-        "div",
-        { key: "endpoint" },
-        `endpoint:${props.initialEndpointId || "no-endpoint"}`
+        'div',
+        { key: 'endpoint' },
+        `endpoint:${props.initialEndpointId || 'no-endpoint'}`,
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "emit-observe-session",
-          type: "button",
+          key: 'emit-observe-session',
+          type: 'button',
           onClick: () => {
             const now = Date.now();
             const startedAtUtc = new Date(now - 1000).toISOString();
             const completedAtUtc = new Date(now).toISOString();
             props.onObserveSessionChange?.({
-              actorId: "actor-invoke",
-              assistantText: "Observed output",
-              commandId: "command-invoke",
+              actorId: 'actor-invoke',
+              assistantText: 'Observed output',
+              commandId: 'command-invoke',
               completedAtUtc,
-              endpointId: props.initialEndpointId || "chat",
-              error: "",
+              endpointId: props.initialEndpointId || 'chat',
+              error: '',
               events: [
                 {
-                  name: "aevatar.run.context",
+                  name: 'aevatar.run.context',
                   timestamp: now - 1000,
-                  type: "CUSTOM",
+                  type: 'CUSTOM',
                   value: {
-                    actorId: "actor-invoke",
-                    commandId: "command-invoke",
+                    actorId: 'actor-invoke',
+                    commandId: 'command-invoke',
                   },
                 },
                 {
-                  result: "Observed output",
-                  runId: "invoke-run-1",
-                  threadId: "actor-invoke",
+                  result: 'Observed output',
+                  runId: 'invoke-run-1',
+                  threadId: 'actor-invoke',
                   timestamp: now,
-                  type: "RUN_FINISHED",
+                  type: 'RUN_FINISHED',
                 },
               ],
-              finalOutput: "Observed output",
-              mode: "stream",
-              payloadBase64: "",
-              payloadTypeUrl: "",
-              prompt: "Observe this invoke result.",
-              runId: "invoke-run-1",
-              serviceId: props.initialServiceId || "default",
-              serviceLabel: props.selectedMemberLabel || "workspace-demo",
+              finalOutput: 'Observed output',
+              mode: 'stream',
+              payloadBase64: '',
+              payloadTypeUrl: '',
+              prompt: 'Observe this invoke result.',
+              runId: 'invoke-run-1',
+              serviceId: props.initialServiceId || 'default',
+              serviceLabel: props.selectedMemberLabel || 'workspace-demo',
               startedAtUtc,
-              status: "success",
+              status: 'success',
             });
           },
         },
-        "Emit Observe Session"
+        'Emit Observe Session',
       ),
       props.emptyState
         ? React.createElement(
-            "div",
-            { key: "empty" },
-            `empty:${props.emptyState.message}`
+            'div',
+            { key: 'empty' },
+            `empty:${props.emptyState.message}`,
           )
         : null,
     ]);
   },
 }));
 
-jest.mock("./components/StudioFilesPage", () => ({
+jest.mock('./components/StudioFilesPage', () => ({
   __esModule: true,
   default: (props: any) => {
-    const React = require("react");
-    return React.createElement("div", null, [
-      React.createElement("h2", { key: "title" }, "Files"),
-      React.createElement("div", { key: "scope" }, props.scopeId || "workspace"),
+    const React = require('react');
+    return React.createElement('div', null, [
+      React.createElement('h2', { key: 'title' }, 'Files'),
+      React.createElement(
+        'div',
+        { key: 'scope' },
+        props.scopeId || 'workspace',
+      ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "settings",
-          type: "button",
+          key: 'settings',
+          type: 'button',
           onClick: () => props.onOpenSettings?.(),
         },
-        "Open Settings"
+        'Open Settings',
       ),
     ]);
   },
 }));
 
-jest.mock("./components/StudioWorkbenchSections", () => {
-  const React = require("react");
+jest.mock('./components/StudioWorkbenchSections', () => {
+  const React = require('react');
 
-  const dedupeStudioWorkflowSummaries = (
-    workflows: readonly any[]
-  ) => {
+  const dedupeStudioWorkflowSummaries = (workflows: readonly any[]) => {
     const deduped = new Map<string, any>();
 
     const readTimestamp = (value: string) => {
@@ -2582,15 +2717,19 @@ jest.mock("./components/StudioWorkbenchSections", () => {
         return right.stepCount - left.stepCount;
       }
 
-      return String(left.workflowId ?? "").localeCompare(
-        String(right.workflowId ?? "")
+      return String(left.workflowId ?? '').localeCompare(
+        String(right.workflowId ?? ''),
       );
     };
 
     for (const workflow of workflows) {
       const key =
-        String(workflow.name ?? "").trim().toLowerCase() ||
-        String(workflow.workflowId ?? "").trim().toLowerCase();
+        String(workflow.name ?? '')
+          .trim()
+          .toLowerCase() ||
+        String(workflow.workflowId ?? '')
+          .trim()
+          .toLowerCase();
       const current = deduped.get(key);
       if (!current || comparePriority(workflow, current) < 0) {
         deduped.set(key, workflow);
@@ -2604,506 +2743,447 @@ jest.mock("./components/StudioWorkbenchSections", () => {
     key: string,
     notice: MockNotice,
     successTitle: string,
-    errorTitle: string
+    errorTitle: string,
   ) => {
     if (!notice) {
       return null;
     }
 
     return React.createElement(
-      "div",
+      'div',
       { key },
-      notice.type === "error" ? errorTitle : successTitle
+      notice.type === 'error' ? errorTitle : successTitle,
     );
   };
 
   const StudioWorkflowsPage = (props: any) =>
-    React.createElement("div", null, [
-      React.createElement("h2", { key: "title" }, "行为定义"),
-      React.createElement("div", { key: "draft" }, "当前定义"),
+    React.createElement('div', null, [
+      React.createElement('h2', { key: 'title' }, '行为定义'),
+      React.createElement('div', { key: 'draft' }, '当前定义'),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "open-editor",
-          type: "button",
+          key: 'open-editor',
+          type: 'button',
           disabled: !props.activeWorkflowSourceKey,
           onClick: () => props.onOpenCurrentDraft?.(),
         },
-        "进入编辑"
+        '进入编辑',
       ),
-      React.createElement("input", {
-        key: "search",
-        placeholder: "搜索定义",
-        value: props.workflowSearch ?? "",
+      React.createElement('input', {
+        key: 'search',
+        placeholder: '搜索定义',
+        value: props.workflowSearch ?? '',
         onChange: (event: MockValueEvent) =>
           props.onSetWorkflowSearch?.(event.target.value),
       }),
       ...(props.workflows.data ?? []).map((workflow: any) =>
         React.createElement(
-          "button",
+          'button',
           {
             key: workflow.workflowId,
-            type: "button",
+            type: 'button',
             onClick: () => props.onOpenWorkflow?.(workflow.workflowId),
           },
-          workflow.name
-        )
+          workflow.name,
+        ),
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "blank",
-          type: "button",
+          key: 'blank',
+          type: 'button',
           onClick: () => props.onStartBlankDraft?.(),
         },
-        "新建定义"
+        '新建定义',
       ),
     ]);
 
   const StudioEditorPage = (props: any) => {
-    const [runOpen, setRunOpen] = React.useState(false);
     const [askAiOpen, setAskAiOpen] = React.useState(false);
-    const title =
-      props.teamCreation?.teamName
-        ? `创建团队：${props.teamCreation.teamName}`
-        : props.draftMode === "new"
-        ? "新建草稿"
+    const title = props.teamCreation?.teamName
+      ? `创建团队：${props.teamCreation.teamName}`
+      : props.draftMode === 'new'
+        ? '新建草稿'
         : props.templateWorkflowName
-        ? "模板定义"
-        : "当前定义";
+          ? '模板定义'
+          : '当前定义';
     const publishLabel = props.teamCreation
-      ? "发布团队入口"
+      ? '发布团队入口'
       : props.scopeBinding?.available
-      ? "更新团队入口"
-      : "绑定团队入口";
+        ? '更新团队入口'
+        : '绑定团队入口';
 
     return React.createElement(
-      "div",
+      'div',
       null,
       [
-        React.createElement("div", { key: "title" }, title),
-        React.createElement("div", { key: "graph-title" }, "行为画布"),
+        React.createElement('div', { key: 'title' }, title),
+        React.createElement('div', { key: 'graph-title' }, '行为画布'),
         React.createElement(
-          "div",
+          'div',
           {
-            key: "graph-count",
-            "data-testid": "workflow-graph-node-count",
+            key: 'graph-count',
+            'data-testid': 'workflow-graph-node-count',
           },
-          String(props.workflowGraph?.nodes?.length ?? 0)
+          String(props.workflowGraph?.nodes?.length ?? 0),
         ),
         renderNoticeTitle(
-          "save-notice",
+          'save-notice',
           props.saveNotice,
-          "定义已保存",
-          "定义保存失败"
-        ),
-        renderNoticeTitle(
-          "run-notice",
-          props.runNotice,
-          "测试运行已启动",
-          "测试运行失败"
+          '定义已保存',
+          '定义保存失败',
         ),
         React.createElement(
-          "div",
+          'div',
           {
-            key: "run-prompt-state",
-            "data-testid": "studio-run-prompt-state",
+            key: 'run-prompt-state',
+            'data-testid': 'studio-run-prompt-state',
           },
-          props.runPrompt ?? ""
+          props.runPrompt ?? '',
         ),
         renderNoticeTitle(
-          "ask-ai-notice",
+          'ask-ai-notice',
           props.askAiNotice,
-          "AI 已更新当前草稿",
-          "AI 生成失败"
+          'AI 已更新当前草稿',
+          'AI 生成失败',
         ),
         props.askAiNotice
           ? React.createElement(
-              "div",
-              { key: "ask-ai-notice-message" },
-              props.askAiNotice.message
+              'div',
+              { key: 'ask-ai-notice-message' },
+              props.askAiNotice.message,
             )
           : null,
-        React.createElement("input", {
-          key: "workflow-name",
-          "aria-label": "定义名称",
-          value: props.draftWorkflowName ?? "",
+        React.createElement('input', {
+          key: 'workflow-name',
+          'aria-label': '定义名称',
+          value: props.draftWorkflowName ?? '',
           onChange: (event: MockValueEvent) =>
             props.onSetDraftWorkflowName?.(event.target.value),
         }),
-        React.createElement("textarea", {
-          key: "workflow-yaml",
-          "aria-label": "定义 YAML",
-          value: props.draftYaml ?? "",
+        React.createElement('textarea', {
+          key: 'workflow-yaml',
+          'aria-label': '定义 YAML',
+          value: props.draftYaml ?? '',
           onChange: (event: MockValueEvent) =>
             props.onSetDraftYaml?.(event.target.value),
         }),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "save",
-            type: "button",
+            key: 'save',
+            type: 'button',
             onClick: () => props.onSaveDraft?.(),
           },
-          "保存定义"
+          '保存定义',
         ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "clear-directory",
-            type: "button",
-            onClick: () => props.onSetDraftDirectoryId?.(""),
+            key: 'clear-directory',
+            type: 'button',
+            onClick: () => props.onSetDraftDirectoryId?.(''),
           },
-          "清空目录"
+          '清空目录',
         ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "yaml",
-            type: "button",
-            onClick: () => props.onSetInspectorTab?.("yaml"),
+            key: 'yaml',
+            type: 'button',
+            onClick: () => props.onSetInspectorTab?.('yaml'),
           },
-          "YAML"
+          'YAML',
         ),
-        props.inspectorTab === "yaml"
-          ? React.createElement("div", { key: "yaml-panel" }, [
-              React.createElement(
-                "div",
-                { key: "yaml-title" },
-                "已校验 YAML"
-              ),
-              React.createElement("textarea", {
-                key: "yaml-view",
-                "aria-label": "行为定义 YAML",
+        props.inspectorTab === 'yaml'
+          ? React.createElement('div', { key: 'yaml-panel' }, [
+              React.createElement('div', { key: 'yaml-title' }, '已校验 YAML'),
+              React.createElement('textarea', {
+                key: 'yaml-view',
+                'aria-label': '行为定义 YAML',
                 readOnly: true,
-                value: props.draftYaml ?? "",
+                value: props.draftYaml ?? '',
               }),
             ])
           : null,
-        props.recentPromptHistory?.length
-          ? React.createElement("div", { key: "recent-prompts" }, [
-              React.createElement("div", { key: "label" }, "Recent prompts"),
-              React.createElement(
-                "button",
-                {
-                  key: "reuse",
-                  type: "button",
-                  onClick: () =>
-                    props.onReusePrompt?.(props.recentPromptHistory[0].prompt),
-                },
-                "Reuse prompt"
-              ),
-            ])
-          : null,
-        React.createElement(
-          "button",
-          {
-            key: "run-toggle",
-            "data-testid": "studio-editor-run-button",
-            type: "button",
-            disabled: !props.canOpenRunWorkflow,
-            onClick: () => setRunOpen(true),
-          },
-          "测试运行"
-        ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "publish",
-            "data-testid": "studio-publish-workflow-button",
-            type: "button",
+            key: 'publish',
+            'data-testid': 'studio-publish-workflow-button',
+            type: 'button',
             disabled: !props.resolvedScopeId || !props.canPublishWorkflow,
             onClick: () => props.onPublishWorkflow?.(),
           },
-          publishLabel
+          publishLabel,
         ),
         props.scopeBinding?.available &&
         props.projectEntryReadyForCurrentWorkflow
           ? React.createElement(
-              "button",
+              'button',
               {
-                key: "project-entry",
-                type: "button",
+                key: 'project-entry',
+                type: 'button',
                 onClick: () => props.onOpenProjectInvoke?.(),
               },
-              "打开测试台"
+              '打开测试台',
             )
           : null,
         React.createElement(
-          "button",
+          'button',
           {
-            key: "bind-gagent",
-            type: "button",
+            key: 'bind-gagent',
+            type: 'button',
             disabled: !props.resolvedScopeId,
             onClick: () =>
               props.onBindGAgent?.({
-                displayName: "orders-gagent",
-                agentKind: "Tests.OrdersGAgent",
-                endpointId: "run",
-                endpointDisplayName: "Run",
+                displayName: 'orders-gagent',
+                agentKind: 'Tests.OrdersGAgent',
+                endpointId: 'run',
+                endpointDisplayName: 'Run',
                 requestTypeUrl:
-                  "type.googleapis.com/google.protobuf.StringValue",
-                responseTypeUrl: "type.googleapis.com/example.RunResult",
-                description: "Run the bound gagent.",
-                prompt: "Run the orders gagent",
+                  'type.googleapis.com/google.protobuf.StringValue',
+                responseTypeUrl: 'type.googleapis.com/example.RunResult',
+                description: 'Run the bound gagent.',
+                prompt: 'Run the orders gagent',
               }),
           },
-          "绑定团队入口"
+          '绑定团队入口',
         ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "bind-gagent-runs",
-            type: "button",
+            key: 'bind-gagent-runs',
+            type: 'button',
             disabled: !props.resolvedScopeId,
             onClick: () =>
               props.onBindGAgent?.(
                 {
-                  displayName: "orders-gagent",
-                  agentKind: "Tests.OrdersGAgent",
-                  endpointId: "run",
-                  endpointDisplayName: "Run",
+                  displayName: 'orders-gagent',
+                  agentKind: 'Tests.OrdersGAgent',
+                  endpointId: 'run',
+                  endpointDisplayName: 'Run',
                   requestTypeUrl:
-                    "type.googleapis.com/google.protobuf.StringValue",
-                  responseTypeUrl: "type.googleapis.com/example.RunResult",
-                  description: "Run the bound gagent.",
-                  prompt: "Run the orders gagent",
+                    'type.googleapis.com/google.protobuf.StringValue',
+                  responseTypeUrl: 'type.googleapis.com/example.RunResult',
+                  description: 'Run the bound gagent.',
+                  prompt: 'Run the orders gagent',
                 },
-                { openRuns: true }
+                { openRuns: true },
               ),
           },
-          "绑定团队入口并打开测试运行"
+          '绑定团队入口并打开测试运行',
         ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "bind-gagent-chat-runs",
-            type: "button",
+            key: 'bind-gagent-chat-runs',
+            type: 'button',
             disabled: !props.resolvedScopeId,
             onClick: () =>
               props.onBindGAgent?.(
                 {
-                  displayName: "orders-gagent",
-                  agentKind: "Tests.OrdersGAgent",
+                  displayName: 'orders-gagent',
+                  agentKind: 'Tests.OrdersGAgent',
                   endpoints: [
                     {
-                      endpointId: "run",
-                      displayName: "Run",
-                      kind: "command",
+                      endpointId: 'run',
+                      displayName: 'Run',
+                      kind: 'command',
                       requestTypeUrl:
-                        "type.googleapis.com/google.protobuf.StringValue",
-                      responseTypeUrl:
-                        "type.googleapis.com/example.RunResult",
-                      description: "Run the bound gagent.",
+                        'type.googleapis.com/google.protobuf.StringValue',
+                      responseTypeUrl: 'type.googleapis.com/example.RunResult',
+                      description: 'Run the bound gagent.',
                     },
                     {
-                      endpointId: "support-chat",
-                      displayName: "Chat",
-                      kind: "chat",
-                      requestTypeUrl: "",
-                      responseTypeUrl: "",
-                      description: "Chat with the bound gagent.",
+                      endpointId: 'support-chat',
+                      displayName: 'Chat',
+                      kind: 'chat',
+                      requestTypeUrl: '',
+                      responseTypeUrl: '',
+                      description: 'Chat with the bound gagent.',
                     },
                   ],
-                  openRunsEndpointId: "support-chat",
-                  prompt: "Chat with the orders gagent",
+                  openRunsEndpointId: 'support-chat',
+                  prompt: 'Chat with the orders gagent',
                 },
-                { openRuns: true }
+                { openRuns: true },
               ),
           },
-          "绑定聊天入口并打开测试运行"
+          '绑定聊天入口并打开测试运行',
         ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "open-runs",
-            type: "button",
+            key: 'open-runs',
+            type: 'button',
             onClick: () => props.onRunInConsole?.(),
           },
-          "Open runs"
+          'Open runs',
         ),
         props.scopeBinding?.available
           ? React.createElement(
-              "button",
+              'button',
               {
-                key: "activate-rev-1",
-                type: "button",
-                onClick: () => props.onActivateBindingRevision?.("rev-1"),
+                key: 'activate-rev-1',
+                type: 'button',
+                onClick: () => props.onActivateBindingRevision?.('rev-1'),
               },
-              "Activate rev-1"
+              'Activate rev-1',
             )
           : null,
         props.scopeBinding?.available
           ? React.createElement(
-              "button",
+              'button',
               {
-                key: "retire-rev-1",
-                type: "button",
-                onClick: () => props.onRetireBindingRevision?.("rev-1"),
+                key: 'retire-rev-1',
+                type: 'button',
+                onClick: () => props.onRetireBindingRevision?.('rev-1'),
               },
-              "Retire rev-1"
+              'Retire rev-1',
             )
           : null,
-        (runOpen || props.canOpenRunWorkflow)
-          ? React.createElement("div", { key: "run-dialog" }, [
-              React.createElement("textarea", {
-                key: "run-prompt",
-                "data-testid": "studio-run-prompt-input",
-                "aria-label": "Studio 测试运行输入",
-                value: props.runPrompt ?? "",
-                onChange: (event: MockValueEvent) =>
-                  props.onRunPromptChange?.(event.target.value),
-              }),
-              React.createElement(
-                "button",
-                {
-                  key: "run-submit",
-                  "data-testid": "studio-run-submit-button",
-                  type: "button",
-                  disabled: !props.canRunWorkflow,
-                  onClick: () => props.onStartExecution?.(),
-                },
-                "打开测试运行"
-              ),
-            ])
-          : null,
         React.createElement(
-          "button",
+          'button',
           {
-            key: "ask-ai-toggle",
-            type: "button",
+            key: 'ask-ai-toggle',
+            type: 'button',
             disabled: props.canAskAiGenerate === false,
-            title: props.askAiUnavailableMessage ?? "",
+            title: props.askAiUnavailableMessage ?? '',
             onClick: () => setAskAiOpen(true),
           },
-          "Open Ask AI"
+          'Open Ask AI',
         ),
         askAiOpen
-          ? React.createElement("div", { key: "ask-ai-panel" }, [
-              React.createElement("textarea", {
-                key: "ask-ai-prompt",
-                "aria-label": "Studio AI workflow prompt",
-                value: props.askAiPrompt ?? "",
+          ? React.createElement('div', { key: 'ask-ai-panel' }, [
+              React.createElement('textarea', {
+                key: 'ask-ai-prompt',
+                'aria-label': 'Studio AI workflow prompt',
+                value: props.askAiPrompt ?? '',
                 onChange: (event: MockValueEvent) =>
                   props.onAskAiPromptChange?.(event.target.value),
               }),
               React.createElement(
-                "button",
+                'button',
                 {
-                  key: "ask-ai-submit",
-                  type: "button",
+                  key: 'ask-ai-submit',
+                  type: 'button',
                   onClick: () => props.onAskAiGenerate?.(),
                 },
-                "Generate"
+                'Generate',
               ),
             ])
           : null,
-      ].filter(Boolean)
+      ].filter(Boolean),
     );
   };
 
   const StudioExecutionPage = (props: any) =>
     React.createElement(
-      "div",
+      'div',
       null,
       [
-        React.createElement("div", { key: "logs" }, "Logs"),
+        React.createElement('div', { key: 'logs' }, 'Logs'),
         React.createElement(
-          "div",
-          { key: "member" },
-          `observe-member:${props.selectedMemberLabel || "no-member"}`
+          'div',
+          { key: 'member' },
+          `observe-member:${props.selectedMemberLabel || 'no-member'}`,
         ),
         React.createElement(
-          "div",
-          { key: "implementation" },
-          `observe-implementation:${props.currentImplementationLabel || "no-implementation"}`
+          'div',
+          { key: 'implementation' },
+          `observe-implementation:${props.currentImplementationLabel || 'no-implementation'}`,
         ),
         React.createElement(
-          "div",
-          { key: "runs" },
+          'div',
+          { key: 'runs' },
           `observe-runs:${
-            Array.isArray(props.executions?.data) && props.executions.data.length > 0
-              ? props.executions.data.map((item: any) => item.executionId).join(",")
-              : "none"
-          }`
+            Array.isArray(props.executions?.data) &&
+            props.executions.data.length > 0
+              ? props.executions.data
+                  .map((item: any) => item.executionId)
+                  .join(',')
+              : 'none'
+          }`,
         ),
         React.createElement(
-          "div",
-          { key: "selected" },
-          `observe-selected:${props.selectedExecution?.data?.executionId || "none"}`
+          'div',
+          { key: 'selected' },
+          `observe-selected:${props.selectedExecution?.data?.executionId || 'none'}`,
         ),
         props.emptyState
           ? React.createElement(
-              "div",
-              { key: "empty" },
-              `observe-empty:${props.emptyState.title}`
+              'div',
+              { key: 'empty' },
+              `observe-empty:${props.emptyState.title}`,
             )
           : null,
         renderNoticeTitle(
-          "execution-notice",
+          'execution-notice',
           props.executionNotice,
-          "Execution stop requested",
-          "Execution stop failed"
+          'Execution stop requested',
+          'Execution stop failed',
         ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "stop",
-            type: "button",
+            key: 'stop',
+            type: 'button',
             onClick: () => props.onStopExecution?.(),
           },
-          "Stop"
+          'Stop',
         ),
-      ].filter(Boolean)
+      ].filter(Boolean),
     );
 
   const StudioRolesPage = (props: any) => {
     const selectedRole =
       props.selectedRole ?? props.roleCatalogDraft?.[0] ?? null;
     return React.createElement(
-      "div",
+      'div',
       null,
       [
-        React.createElement("div", { key: "label" }, "Saved roles"),
+        React.createElement('div', { key: 'label' }, 'Saved roles'),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "use",
-            type: "button",
+            key: 'use',
+            type: 'button',
             onClick: () => props.onApplyRoleToWorkflow?.(selectedRole?.key),
           },
-          "Use"
+          'Use',
         ),
         React.createElement(
-          "button",
+          'button',
           {
-            key: "save",
-            type: "button",
+            key: 'save',
+            type: 'button',
             onClick: () => props.onSaveRoles?.(),
           },
-          "Save"
+          'Save',
         ),
-      ].filter(Boolean)
+      ].filter(Boolean),
     );
   };
 
   const StudioConnectorsPage = (_props: any) => {
     return React.createElement(
-      "div",
+      'div',
       null,
-      [
-        React.createElement("div", { key: "label" }, "Connectors"),
-      ].filter(Boolean)
+      [React.createElement('div', { key: 'label' }, 'Connectors')].filter(
+        Boolean,
+      ),
     );
   };
 
   const StudioSettingsPage = (_props: any) =>
     React.createElement(
-      "div",
+      'div',
       null,
       [
-        React.createElement("div", { key: "label" }, "Provider settings"),
-      ].filter(Boolean)
+        React.createElement('div', { key: 'label' }, 'Provider settings'),
+      ].filter(Boolean),
     );
 
   return {
@@ -3119,29 +3199,29 @@ jest.mock("./components/StudioWorkbenchSections", () => {
   };
 });
 
-function renderStudioPage(route = "/studio") {
-  window.history.pushState({}, "", route);
+function renderStudioPage(route = '/studio') {
+  window.history.pushState({}, '', route);
   return renderWithQueryClient(React.createElement(StudioPage));
 }
 
 async function replaceStudioRoute(route: string) {
   await act(async () => {
-    window.history.replaceState({}, "", route);
+    window.history.replaceState({}, '', route);
     window.dispatchEvent(
-      new PopStateEvent("popstate", { state: window.history.state })
+      new PopStateEvent('popstate', { state: window.history.state }),
     );
   });
 }
 
-describe("StudioPage", () => {
+describe('StudioPage', () => {
   afterEach(() => {
     cleanup();
     cleanupTestQueryClients();
   });
 
   beforeEach(() => {
-    setLocale("en-US");
-    window.history.pushState({}, "", "/studio");
+    setLocale('en-US');
+    window.history.pushState({}, '', '/studio');
     window.localStorage.clear();
     window.sessionStorage.clear();
     resetMockState();
@@ -3150,51 +3230,51 @@ describe("StudioPage", () => {
     mockEnsureActiveAuthSession.mockResolvedValue(null);
     mockRuntimeQueryApi.listPrimitives.mockResolvedValue([
       {
-        name: "llm_call",
+        name: 'llm_call',
         aliases: [],
-        category: "core",
-        description: "LLM call",
+        category: 'core',
+        description: 'LLM call',
         parameters: [],
         exampleWorkflows: [],
       },
       {
-        name: "demo_template",
-        aliases: ["render_template"],
-        category: "demo",
-        description: "Demo template primitive",
+        name: 'demo_template',
+        aliases: ['render_template'],
+        category: 'demo',
+        description: 'Demo template primitive',
         parameters: [],
-        exampleWorkflows: ["demo_template"],
+        exampleWorkflows: ['demo_template'],
       },
     ]);
     mockRuntimeGAgentApi.listKinds.mockResolvedValue([
       {
-        agentKind: "Tests.OrdersGAgent",
-        displayName: "Orders Assistant",
-        diagnosticClrTypeName: "Tests.OrdersGAgent, Tests",
+        agentKind: 'Tests.OrdersGAgent',
+        displayName: 'Orders Assistant',
+        diagnosticClrTypeName: 'Tests.OrdersGAgent, Tests',
         endpoints: [],
       },
     ]);
     mockRuntimeGAgentApi.listActors.mockResolvedValue([
       {
-        agentKind: "Tests.OrdersGAgent",
-        actorIds: ["orders-gagent"],
+        agentKind: 'Tests.OrdersGAgent',
+        actorIds: ['orders-gagent'],
       },
     ]);
     mockScopeRuntimeApi.listServices.mockReset();
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with the published workflow.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with the published workflow.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
@@ -3202,76 +3282,76 @@ describe("StudioPage", () => {
     mockScopeRuntimeApi.getServiceRevisions.mockReset();
     mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
       async (_scopeId: string, serviceId: string) =>
-        mockBuildServiceRevisionCatalog({ serviceId })
+        mockBuildServiceRevisionCatalog({ serviceId }),
     );
     mockScopeRuntimeApi.listMemberRuns.mockReset();
     mockScopeRuntimeApi.listMemberRuns.mockImplementation(
       async (_scopeId: string, memberId: string) => ({
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         serviceId: memberId,
         serviceKey: `scope-1:default:default:${memberId}`,
-        displayName: "workspace-demo",
+        displayName: 'workspace-demo',
         runs: [mockBuildServiceRunSummary({ serviceId: memberId })],
-      })
+      }),
     );
     mockScopeRuntimeApi.listServiceRuns.mockReset();
     mockScopeRuntimeApi.listServiceRuns.mockImplementation(
       async (_scopeId: string, serviceId: string) => ({
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         serviceId,
         serviceKey: `scope-1:default:default:${serviceId}`,
-        displayName: "workspace-demo",
+        displayName: 'workspace-demo',
         runs: [mockBuildServiceRunSummary({ serviceId })],
-      })
+      }),
     );
     mockScopeRuntimeApi.getMemberRunAudit.mockReset();
     mockScopeRuntimeApi.getMemberRunAudit.mockImplementation(
       async (_scopeId: string, memberId: string, runId: string) =>
-        mockBuildServiceRunAuditSnapshot({ serviceId: memberId, runId })
+        mockBuildServiceRunAuditSnapshot({ serviceId: memberId, runId }),
     );
     mockScopeRuntimeApi.getServiceRunAudit.mockReset();
     mockScopeRuntimeApi.getServiceRunAudit.mockImplementation(
       async (_scopeId: string, serviceId: string, runId: string) =>
-        mockBuildServiceRunAuditSnapshot({ serviceId, runId })
+        mockBuildServiceRunAuditSnapshot({ serviceId, runId }),
     );
     mockRuntimeRunsApi.stop.mockReset();
     mockRuntimeRunsApi.stop.mockResolvedValue({
       accepted: true,
-      runId: "execution-1",
+      runId: 'execution-1',
     });
     mockRuntimeRunsApi.streamTeamChat.mockReset();
     mockRuntimeRunsApi.streamTeamChat.mockResolvedValue({ ok: true });
     mockRuntimeRunsApi.resume.mockReset();
     mockRuntimeRunsApi.resume.mockResolvedValue({
       accepted: true,
-      runId: "execution-1",
+      runId: 'execution-1',
     });
     mockRuntimeRunsApi.signal.mockReset();
     mockRuntimeRunsApi.signal.mockResolvedValue({
       accepted: true,
-      runId: "execution-1",
+      runId: 'execution-1',
     });
     (studioApi.getAuthSession as jest.Mock).mockReset();
     (studioApi.getAuthSession as jest.Mock).mockResolvedValue(
-      mockCreateDefaultStudioAuthSession()
+      mockCreateDefaultStudioAuthSession(),
     );
     (studioApi.getAppContext as jest.Mock).mockReset();
     (studioApi.getAppContext as jest.Mock).mockResolvedValue(
-      mockCreateDefaultStudioAppContext()
+      mockCreateDefaultStudioAppContext(),
     );
     (studioApi.listMembers as jest.Mock).mockReset();
     (studioApi.listMembers as jest.Mock).mockImplementation(async () => ({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: mockStudioMembers,
       nextPageToken: null,
     }));
     (studioApi.listTeamMembers as jest.Mock).mockReset();
     (studioApi.listTeamMembers as jest.Mock).mockImplementation(
       async (_scopeId: string, teamId: string) => ({
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         members: mockStudioMembers.filter((member) => member.teamId === teamId),
         nextPageToken: null,
-      })
+      }),
     );
     (studioApi.getTeam as jest.Mock).mockReset();
     (studioApi.getTeam as jest.Mock).mockImplementation(
@@ -3279,8 +3359,8 @@ describe("StudioPage", () => {
         mockCreateDefaultTeamSummary({
           scopeId: _scopeId,
           teamId,
-          entryMemberId: "workspace-demo",
-        })
+          entryMemberId: 'workspace-demo',
+        }),
     );
     (studioApi.setTeamEntryMember as jest.Mock).mockReset();
     (studioApi.setTeamEntryMember as jest.Mock).mockImplementation(
@@ -3289,7 +3369,7 @@ describe("StudioPage", () => {
         scopeId: _scopeId,
         teamId: _teamId,
         entryMemberId: memberId,
-      })
+      }),
     );
     (studioApi.clearTeamEntryMember as jest.Mock).mockReset();
     (studioApi.clearTeamEntryMember as jest.Mock).mockImplementation(
@@ -3298,7 +3378,7 @@ describe("StudioPage", () => {
         scopeId: _scopeId,
         teamId: _teamId,
         entryMemberId: null,
-      })
+      }),
     );
     (studioApi.getMember as jest.Mock).mockReset();
     (studioApi.getMember as jest.Mock).mockImplementation(
@@ -3309,22 +3389,22 @@ describe("StudioPage", () => {
         return {
           summary: matchedMember,
           implementationRef:
-            matchedMember?.implementationKind === "workflow"
+            matchedMember?.implementationKind === 'workflow'
               ? {
-                  implementationKind: "workflow",
+                  implementationKind: 'workflow',
                   workflowId: matchedMember.displayName,
                   workflowRevision: matchedMember.lastBoundRevisionId,
                 }
-              : matchedMember?.implementationKind === "script"
+              : matchedMember?.implementationKind === 'script'
                 ? {
-                    implementationKind: "script",
+                    implementationKind: 'script',
                     scriptId:
                       matchedMember.scriptId || matchedMember.displayName,
                     scriptRevision: matchedMember.lastBoundRevisionId,
                   }
                 : {
-                    implementationKind: "gagent",
-                    agentKind: matchedMember?.displayName || "",
+                    implementationKind: 'gagent',
+                    agentKind: matchedMember?.displayName || '',
                   },
           lastBinding: matchedMember?.lastBoundRevisionId
             ? {
@@ -3335,46 +3415,46 @@ describe("StudioPage", () => {
               }
             : null,
         };
-      }
+      },
     );
     (studioApi.listWorkflows as jest.Mock).mockReset();
     (studioApi.listWorkflows as jest.Mock).mockResolvedValue(
-      mockCreateDefaultWorkflowSummaries()
+      mockCreateDefaultWorkflowSummaries(),
     );
     (studioApi.getWorkflow as jest.Mock).mockReset();
     (studioApi.getWorkflow as jest.Mock).mockImplementation(
-      async () => mockWorkflowFile
+      async () => mockWorkflowFile,
     );
     (studioApi.authorWorkflow as jest.Mock).mockReset();
     (studioApi.authorWorkflow as jest.Mock).mockImplementation(
-      mockAuthorWorkflowSuccess
+      mockAuthorWorkflowSuccess,
     );
     (studioApi.getScopeBinding as jest.Mock).mockReset();
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValue({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "workspace-demo",
-      serviceKey: "scope-1:default:default:default",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-default",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'workspace-demo',
+      serviceKey: 'scope-1:default:default:default',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-default',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [
         {
-          revisionId: "rev-2",
-          implementationKind: "workflow",
-          status: "Published",
-          artifactHash: "hash-2",
-          failureReason: "",
+          revisionId: 'rev-2',
+          implementationKind: 'workflow',
+          status: 'Published',
+          artifactHash: 'hash-2',
+          failureReason: '',
           isDefaultServing: true,
           isActiveServing: true,
           isServingTarget: true,
           allocationWeight: 100,
-          servingState: "Active",
-          deploymentId: "dep-2",
+          servingState: 'Active',
+          deploymentId: 'dep-2',
         },
       ],
     });
@@ -3384,10 +3464,10 @@ describe("StudioPage", () => {
         bindingRunId,
         scopeId,
         memberId,
-        status: "succeeded",
+        status: 'succeeded',
         failure: null,
-        updatedAt: "2026-04-27T08:15:01Z",
-      })
+        updatedAt: '2026-04-27T08:15:01Z',
+      }),
     );
     (studioApi.previewExplicitRequests as jest.Mock).mockReset();
     (studioApi.previewExplicitRequests as jest.Mock).mockImplementation(
@@ -3401,17 +3481,17 @@ describe("StudioPage", () => {
     (scriptsApi.listScripts as jest.Mock).mockResolvedValue([]);
     (scriptsApi.observeSaveScript as jest.Mock).mockReset();
     (scriptsApi.observeSaveScript as jest.Mock).mockResolvedValue({
-      scopeId: "scope-1",
-      scriptId: "script-1",
-      status: "applied",
-      message: "applied",
+      scopeId: 'scope-1',
+      scriptId: 'script-1',
+      status: 'applied',
+      message: 'applied',
       currentScript: null,
       isTerminal: true,
     });
   });
 
-  it("loads workspace data and shows the workflow build workbench by default", async () => {
-    renderStudioPage("/studio");
+  it('loads workspace data and shows the workflow build workbench by default', async () => {
+    renderStudioPage('/studio');
 
     await waitFor(() => {
       expect(studioApi.getAppContext).toHaveBeenCalled();
@@ -3419,66 +3499,66 @@ describe("StudioPage", () => {
       expect(studioApi.listWorkflows).toHaveBeenCalled();
     });
 
-    expect(await screen.findByTestId("studio-context-title")).toBeTruthy();
-    expect(screen.getByText("Workbench")).toBeTruthy();
+    expect(await screen.findByTestId('studio-context-title')).toBeTruthy();
+    expect(screen.getByText('Workbench')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-title")).toHaveTextContent(
-        "workspace-demo"
+      expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+        'workspace-demo',
       );
     });
-    expect(screen.getByTestId("studio-context-meta")).toHaveTextContent(
-      "workflow canvas"
+    expect(screen.getByTestId('studio-context-meta')).toHaveTextContent(
+      'workflow canvas',
     );
-    expect(screen.getByTestId("studio-workflow-build-panel")).toBeTruthy();
-    expect(screen.getByText("DAG Canvas")).toBeTruthy();
-    expect(screen.getByText("Step Detail")).toBeTruthy();
-    expect(screen.getByText("Workflow draft run")).toBeTruthy();
-    expect(screen.queryByText("Workflow description")).toBeNull();
+    expect(screen.getByTestId('studio-workflow-build-panel')).toBeTruthy();
+    expect(screen.getByText('DAG Canvas')).toBeTruthy();
+    expect(screen.getByText('Step Detail')).toBeTruthy();
+    expect(screen.getByText('Workflow draft run')).toBeTruthy();
+    expect(screen.queryByText('Workflow description')).toBeNull();
     expect(
       screen.queryByText(
-        "The Build phase first determines which implementation method is used for the current member, and then directly completes authoring and dry-run in the same workbench."
-      )
+        'The Build phase first determines which implementation method is used for the current member, and then directly completes authoring and dry-run in the same workbench.',
+      ),
     ).toBeNull();
-    expect(screen.getByRole("button", { name: /^Workflow/ })).toHaveAttribute(
-      "aria-pressed",
-      "true"
+    expect(screen.getByRole('button', { name: /^Workflow/ })).toHaveAttribute(
+      'aria-pressed',
+      'true',
     );
-    expect(screen.getByRole("button", { name: /^Script/ })).toBeDisabled();
-    expect(screen.getByRole("button", { name: /^GAgent/ })).toHaveAttribute(
-      "aria-pressed",
-      "false"
+    expect(screen.getByRole('button', { name: /^Script/ })).toBeDisabled();
+    expect(screen.getByRole('button', { name: /^GAgent/ })).toHaveAttribute(
+      'aria-pressed',
+      'false',
     );
-    expect(screen.queryByRole("button", { name: "定义库" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "工作流画布" })).toBeNull();
+    expect(screen.queryByRole('button', { name: '定义库' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '工作流画布' })).toBeNull();
 
     fireEvent.click(
-      screen.getByRole("button", { name: "Open construction mode help" })
+      screen.getByRole('button', { name: 'Open construction mode help' }),
     );
     expect(
       await screen.findByText(
-        "The Build phase first determines which implementation method is used for the current member, and then directly completes authoring and dry-run in the same workbench."
-      )
+        'The Build phase first determines which implementation method is used for the current member, and then directly completes authoring and dry-run in the same workbench.',
+      ),
     ).toBeTruthy();
-    expect(await screen.findByText("Workflow description")).toBeTruthy();
+    expect(await screen.findByText('Workflow description')).toBeTruthy();
   });
 
-  it("blocks a repair-required saved route without substituting Gateway", async () => {
+  it('blocks a repair-required saved route without substituting Gateway', async () => {
     (studioApi.getUserLlmSettings as jest.Mock).mockResolvedValueOnce({
       savedSelection: {
-        routeKind: "nyx_id_user_service",
-        routeValue: "/api/v1/proxy/s/stale-openai",
-        nyxIdUserServiceId: "us-stale-openai",
-        serviceSlugSnapshot: "stale-openai",
+        routeKind: 'nyx_id_user_service',
+        routeValue: '/api/v1/proxy/s/stale-openai',
+        nyxIdUserServiceId: 'us-stale-openai',
+        serviceSlugSnapshot: 'stale-openai',
         modelSelection: {
-          kind: "explicit_model",
-          modelId: "gpt-5.4-mini",
+          kind: 'explicit_model',
+          modelId: 'gpt-5.4-mini',
         },
       },
-      savedRouteLabel: "/api/v1/proxy/s/stale-openai",
-      selectionStatus: "needs_repair",
-      catalogDiagnostic: "route_not_ready",
-      remediation: "choose_replacement",
-      catalogStatus: "ready",
+      savedRouteLabel: '/api/v1/proxy/s/stale-openai',
+      selectionStatus: 'needs_repair',
+      catalogDiagnostic: 'route_not_ready',
+      remediation: 'choose_replacement',
+      catalogStatus: 'ready',
       capabilities: {
         canEditRoute: true,
         canEditModel: true,
@@ -3487,589 +3567,638 @@ describe("StudioPage", () => {
       },
       routeOptions: [
         {
-          routeValue: "",
-          label: "Company LLM Gateway",
-          source: "gateway_provider",
-          status: "ready",
+          routeValue: '',
+          label: 'Company LLM Gateway',
+          source: 'gateway_provider',
+          status: 'ready',
           allowed: true,
           ready: true,
           userServiceId: null,
           serviceSlug: null,
           modelCatalog: {
-            certainty: "enumerated",
-            modelIds: ["gpt-4.1-mini", "gpt-5.4-mini"],
-            defaultModelId: "gpt-4.1-mini",
-            diagnostic: "unspecified",
+            certainty: 'enumerated',
+            modelIds: ['gpt-4.1-mini', 'gpt-5.4-mini'],
+            defaultModelId: 'gpt-4.1-mini',
+            diagnostic: 'unspecified',
           },
           description: null,
         },
         {
-          routeValue: "/api/v1/proxy/s/openai",
-          label: "OpenAI",
-          source: "user_service",
-          status: "ready",
+          routeValue: '/api/v1/proxy/s/openai',
+          label: 'OpenAI',
+          source: 'user_service',
+          status: 'ready',
           allowed: true,
           ready: true,
-          userServiceId: "us-openai",
-          serviceSlug: "openai",
+          userServiceId: 'us-openai',
+          serviceSlug: 'openai',
           modelCatalog: {
-            certainty: "enumerated",
-            modelIds: ["gpt-4.1-mini", "gpt-5.4-mini"],
-            defaultModelId: "gpt-4.1-mini",
-            diagnostic: "unspecified",
+            certainty: 'enumerated',
+            modelIds: ['gpt-4.1-mini', 'gpt-5.4-mini'],
+            defaultModelId: 'gpt-4.1-mini',
+            diagnostic: 'unspecified',
           },
           description: null,
         },
       ],
       modelGroupsByRoute: [
         {
-          routeValue: "",
-          groupId: "openai-gateway",
-          label: "OpenAI Gateway",
-          models: ["gpt-5.4-mini"],
+          routeValue: '',
+          groupId: 'openai-gateway',
+          label: 'OpenAI Gateway',
+          models: ['gpt-5.4-mini'],
         },
       ],
     });
 
-    renderStudioPage("/studio");
+    renderStudioPage('/studio');
 
-    const routeLabel = await screen.findByTestId("workflow-dry-run-route");
+    const routeLabel = await screen.findByTestId('workflow-dry-run-route');
     await waitFor(() => {
-      expect(routeLabel).toHaveTextContent("/api/v1/proxy/s/stale-openai");
+      expect(routeLabel).toHaveTextContent('/api/v1/proxy/s/stale-openai');
     });
-    expect(routeLabel).not.toHaveTextContent("Company LLM Gateway");
+    expect(routeLabel).not.toHaveTextContent('Company LLM Gateway');
     expect(
       screen.getByText(
-        "The saved LLM selection needs attention in Settings before this workflow can run.",
+        'The saved LLM selection needs attention in Settings before this workflow can run.',
       ),
     ).toBeTruthy();
   });
 
-  it("canonicalizes legacy service member params to real member ids", async () => {
+  it('canonicalizes legacy service member params to real member ids', async () => {
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "member-alpha",
-        scopeId: "scope-a",
-        displayName: "Member Alpha",
-        description: "Legacy service-backed member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "service-alpha",
-        lastBoundRevisionId: "rev-alpha",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'member-alpha',
+        scopeId: 'scope-a',
+        displayName: 'Member Alpha',
+        description: 'Legacy service-backed member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'service-alpha',
+        lastBoundRevisionId: 'rev-alpha',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "service-alpha",
-        displayName: "Member Alpha",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-alpha",
+        serviceId: 'service-alpha',
+        displayName: 'Member Alpha',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-alpha',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with Alpha.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with Alpha.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
-    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
-      async () =>
-        mockBuildServiceRevisionCatalog({
-          serviceId: "service-alpha",
-          displayName: "Member Alpha",
-          workflowName: "workspace-demo",
-        })
+    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(async () =>
+      mockBuildServiceRevisionCatalog({
+        serviceId: 'service-alpha',
+        displayName: 'Member Alpha',
+        workflowName: 'workspace-demo',
+      }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-a&scopeLabel=%E5%9B%A2%E9%98%9F+A&memberId=service-alpha&memberLabel=%E6%88%90%E5%91%98+Alpha&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-a&scopeLabel=%E5%9B%A2%E9%98%9F+A&memberId=service-alpha&memberLabel=%E6%88%90%E5%91%98+Alpha&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    expect(await screen.findByRole("button", { name: "Back to Team" })).toBeTruthy();
+    expect(
+      await screen.findByRole('button', { name: 'Back to Team' }),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-meta")).toHaveTextContent("service-alpha");
-      expect(window.location.search).toContain("member=member%3Amember-alpha");
+      expect(screen.getByTestId('studio-context-meta')).toHaveTextContent(
+        'service-alpha',
+      );
+      expect(window.location.search).toContain('member=member%3Amember-alpha');
     });
-    expect(screen.getByTestId("studio-context-meta")).not.toHaveTextContent("团队 A");
-    expect(screen.getByTestId("studio-context-meta")).not.toHaveTextContent("成员 Alpha");
-    expect(screen.getByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(screen.getByTestId('studio-context-meta')).not.toHaveTextContent(
+      '团队 A',
+    );
+    expect(screen.getByTestId('studio-context-meta')).not.toHaveTextContent(
+      '成员 Alpha',
+    );
+    expect(screen.getByTestId('studio-workflow-build-panel')).toBeTruthy();
 
     await waitFor(() => {
-      expect(window.location.pathname).toBe("/studio");
+      expect(window.location.pathname).toBe('/studio');
     });
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("scopeId")).toBe("scope-a");
-    expect(searchParams.get("member")).toBe("member:member-alpha");
-    expect(searchParams.get("memberId")).toBeNull();
-    expect(searchParams.get("scopeLabel")).toBeNull();
-    expect(searchParams.get("memberLabel")).toBeNull();
-    expect(searchParams.get("focus")).toBe("workflow:workflow-1");
-    expect(searchParams.get("tab")).toBe("studio");
-    expect(studioApi.getMember).toHaveBeenCalledWith("scope-a", "member-alpha");
-    expect(studioApi.getMember).not.toHaveBeenCalledWith("scope-a", "service-alpha");
+    expect(searchParams.get('scopeId')).toBe('scope-a');
+    expect(searchParams.get('member')).toBe('member:member-alpha');
+    expect(searchParams.get('memberId')).toBeNull();
+    expect(searchParams.get('scopeLabel')).toBeNull();
+    expect(searchParams.get('memberLabel')).toBeNull();
+    expect(searchParams.get('focus')).toBe('workflow:workflow-1');
+    expect(searchParams.get('tab')).toBe('studio');
+    expect(studioApi.getMember).toHaveBeenCalledWith('scope-a', 'member-alpha');
+    expect(studioApi.getMember).not.toHaveBeenCalledWith(
+      'scope-a',
+      'service-alpha',
+    );
   });
 
-  it("keeps direct member route keys as canonical member ids", async () => {
+  it('keeps direct member route keys as canonical member ids', async () => {
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    expect(await screen.findByRole("button", { name: "Back to Team" })).toBeTruthy();
+    expect(
+      await screen.findByRole('button', { name: 'Back to Team' }),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(window.location.search).toContain("member=member%3Aworkspace-demo");
+      expect(window.location.search).toContain(
+        'member=member%3Aworkspace-demo',
+      );
     });
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("member")).toBe("member:workspace-demo");
-    expect(searchParams.get("memberId")).toBeNull();
-    expect(studioApi.getMember).toHaveBeenCalledWith("scope-1", "workspace-demo");
+    expect(searchParams.get('member')).toBe('member:workspace-demo');
+    expect(searchParams.get('memberId')).toBeNull();
+    expect(studioApi.getMember).toHaveBeenCalledWith(
+      'scope-1',
+      'workspace-demo',
+    );
   });
 
-  it("resolves workflow member display names to stable draft ids before loading drafts", async () => {
+  it('resolves workflow member display names to stable draft ids before loading drafts', async () => {
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "untitled-member",
-        displayName: "Untitled member",
-        publishedServiceId: "",
+        memberId: 'untitled-member',
+        displayName: 'Untitled member',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
       },
     ];
     mockWorkflowSummaries = [
       {
         ...mockWorkflowSummaries[0],
-        workflowId: "untitled-member",
-        name: "Untitled member",
-        fileName: "untitled-member.yaml",
-        filePath: "scope://scope-1/untitled-member.yaml",
+        workflowId: 'untitled-member',
+        name: 'Untitled member',
+        fileName: 'untitled-member.yaml',
+        filePath: 'scope://scope-1/untitled-member.yaml',
       },
     ];
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      workflowId: "untitled-member",
-      name: "Untitled member",
-      fileName: "untitled-member.yaml",
-      filePath: "scope://scope-1/untitled-member.yaml",
-      yaml: "name: Untitled member\nsteps: []\n",
+      workflowId: 'untitled-member',
+      name: 'Untitled member',
+      fileName: 'untitled-member.yaml',
+      filePath: 'scope://scope-1/untitled-member.yaml',
+      yaml: 'name: Untitled member\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "Untitled member",
+        name: 'Untitled member',
       },
     };
-    (studioApi.listWorkflows as jest.Mock).mockResolvedValue(mockWorkflowSummaries);
+    (studioApi.listWorkflows as jest.Mock).mockResolvedValue(
+      mockWorkflowSummaries,
+    );
     (studioApi.getWorkflow as jest.Mock).mockImplementation(
       async (workflowId: string) => {
-        if (workflowId !== "untitled-member") {
+        if (workflowId !== 'untitled-member') {
           throw new Error(`Unexpected workflow id: ${workflowId}`);
         }
 
         return mockWorkflowFile;
-      }
+      },
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Auntitled-member&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&member=member%3Auntitled-member&step=bind&tab=bindings',
     );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
       expect(studioApi.getWorkflow).toHaveBeenCalledWith(
-        "untitled-member",
-        "scope-1"
+        'untitled-member',
+        'scope-1',
       );
       expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-        "Untitled member",
-        "scope-1"
+        'Untitled member',
+        'scope-1',
       );
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:untitled-member");
-      expect(searchParams.get("focus")).toBe("workflow:untitled-member");
+      expect(searchParams.get('member')).toBe('member:untitled-member');
+      expect(searchParams.get('focus')).toBe('workflow:untitled-member');
     });
   });
 
-  it("matches workflow member display names before falling back to direct member ids", async () => {
+  it('matches workflow member display names before falling back to direct member ids', async () => {
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "m-1",
-        displayName: "Workflow One",
-        publishedServiceId: "",
+        memberId: 'm-1',
+        displayName: 'Workflow One',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
       },
     ];
     mockWorkflowSummaries = [
       {
         ...mockWorkflowSummaries[0],
-        workflowId: "wf-1",
-        name: "Workflow One",
-        fileName: "workflow-one.yaml",
-        filePath: "scope://scope-1/workflow-one.yaml",
+        workflowId: 'wf-1',
+        name: 'Workflow One',
+        fileName: 'workflow-one.yaml',
+        filePath: 'scope://scope-1/workflow-one.yaml',
       },
     ];
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      workflowId: "wf-1",
-      name: "Workflow One",
-      fileName: "workflow-one.yaml",
-      filePath: "scope://scope-1/workflow-one.yaml",
-      yaml: "name: Workflow One\nsteps: []\n",
+      workflowId: 'wf-1',
+      name: 'Workflow One',
+      fileName: 'workflow-one.yaml',
+      filePath: 'scope://scope-1/workflow-one.yaml',
+      yaml: 'name: Workflow One\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "Workflow One",
+        name: 'Workflow One',
       },
     };
-    (studioApi.listWorkflows as jest.Mock).mockResolvedValue(mockWorkflowSummaries);
+    (studioApi.listWorkflows as jest.Mock).mockResolvedValue(
+      mockWorkflowSummaries,
+    );
     (studioApi.getWorkflow as jest.Mock).mockImplementation(
       async (workflowId: string) => {
-        if (workflowId !== "wf-1") {
+        if (workflowId !== 'wf-1') {
           throw new Error(`Unexpected workflow id: ${workflowId}`);
         }
 
         return mockWorkflowFile;
-      }
+      },
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Am-1&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&member=member%3Am-1&step=bind&tab=bindings',
     );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(studioApi.getWorkflow).toHaveBeenCalledWith("wf-1", "scope-1");
-      expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("m-1", "scope-1");
+      expect(studioApi.getWorkflow).toHaveBeenCalledWith('wf-1', 'scope-1');
+      expect(studioApi.getWorkflow).not.toHaveBeenCalledWith('m-1', 'scope-1');
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:m-1");
-      expect(searchParams.get("focus")).toBe("workflow:wf-1");
+      expect(searchParams.get('member')).toBe('member:m-1');
+      expect(searchParams.get('focus')).toBe('workflow:wf-1');
     });
   });
 
-  it("canonicalizes a legacy service member link to the real backend member identity", async () => {
+  it('canonicalizes a legacy service member link to the real backend member identity', async () => {
     renderStudioPage(
-      "/studio?scopeId=scope-1&memberId=default&step=invoke&tab=invoke"
+      '/studio?scopeId=scope-1&memberId=default&step=invoke&tab=invoke',
     );
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("member:workspace-demo")).toBeTruthy();
-      expect(screen.getByText("service:default")).toBeTruthy();
+      expect(screen.getByText('member:workspace-demo')).toBeTruthy();
+      expect(screen.getByText('service:default')).toBeTruthy();
     });
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("scopeId")).toBe("scope-1");
-    expect(searchParams.get("member")).toBe("member:workspace-demo");
-    expect(searchParams.get("memberId")).toBeNull();
-    expect(searchParams.get("step")).toBe("invoke");
-    expect(searchParams.get("tab")).toBe("invoke");
-    expect(studioApi.getMember).not.toHaveBeenCalledWith("scope-1", "default");
+    expect(searchParams.get('scopeId')).toBe('scope-1');
+    expect(searchParams.get('member')).toBe('member:workspace-demo');
+    expect(searchParams.get('memberId')).toBeNull();
+    expect(searchParams.get('step')).toBe('invoke');
+    expect(searchParams.get('tab')).toBe('invoke');
+    expect(studioApi.getMember).not.toHaveBeenCalledWith('scope-1', 'default');
   });
 
-  it("resyncs the Studio state from legacy service params when the route changes after mount", async () => {
+  it('resyncs the Studio state from legacy service params when the route changes after mount', async () => {
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "member-alpha",
-        scopeId: "scope-a",
-        displayName: "Member Alpha",
-        description: "Legacy service-backed member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "service-alpha",
-        lastBoundRevisionId: "rev-alpha",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'member-alpha',
+        scopeId: 'scope-a',
+        displayName: 'Member Alpha',
+        description: 'Legacy service-backed member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'service-alpha',
+        lastBoundRevisionId: 'rev-alpha',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
       {
-        memberId: "member-beta",
-        scopeId: "scope-b",
-        displayName: "Member Beta",
-        description: "Legacy service-backed member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "service-beta",
-        lastBoundRevisionId: "rev-beta",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'member-beta',
+        scopeId: 'scope-b',
+        displayName: 'Member Beta',
+        description: 'Legacy service-backed member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'service-beta',
+        lastBoundRevisionId: 'rev-beta',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
-    mockScopeRuntimeApi.listServices.mockImplementation(async (scopeId: string) => [
-      {
-        serviceId: scopeId === "scope-b" ? "service-beta" : "service-alpha",
-        displayName: scopeId === "scope-b" ? "Member Beta" : "Member Alpha",
-        deploymentStatus: "Active",
-        primaryActorId: scopeId === "scope-b" ? "actor-beta" : "actor-alpha",
-        endpoints: [
-          {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with the member.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
-          },
-        ],
-      },
-    ]);
+    mockScopeRuntimeApi.listServices.mockImplementation(
+      async (scopeId: string) => [
+        {
+          serviceId: scopeId === 'scope-b' ? 'service-beta' : 'service-alpha',
+          displayName: scopeId === 'scope-b' ? 'Member Beta' : 'Member Alpha',
+          deploymentStatus: 'Active',
+          primaryActorId: scopeId === 'scope-b' ? 'actor-beta' : 'actor-alpha',
+          endpoints: [
+            {
+              endpointId: 'chat',
+              displayName: 'Chat',
+              kind: 'chat',
+              description: 'Chat with the member.',
+              requestTypeUrl: '',
+              responseTypeUrl: '',
+            },
+          ],
+        },
+      ],
+    );
     mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
       async (_scopeId: string, serviceId: string) =>
         mockBuildServiceRevisionCatalog({
           serviceId,
-          displayName: serviceId === "service-beta" ? "Member Beta" : "Member Alpha",
-          workflowName: "workspace-demo",
-        })
+          displayName:
+            serviceId === 'service-beta' ? 'Member Beta' : 'Member Alpha',
+          workflowName: 'workspace-demo',
+        }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-a&scopeLabel=%E5%9B%A2%E9%98%9F+A&memberId=service-alpha&memberLabel=%E6%88%90%E5%91%98+Alpha&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-a&scopeLabel=%E5%9B%A2%E9%98%9F+A&memberId=service-alpha&memberLabel=%E6%88%90%E5%91%98+Alpha&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    expect(await screen.findByRole("button", { name: "Back to Team" })).toBeTruthy();
+    expect(
+      await screen.findByRole('button', { name: 'Back to Team' }),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(window.location.search).toContain("member=member%3Amember-alpha");
+      expect(window.location.search).toContain('member=member%3Amember-alpha');
     });
 
     await replaceStudioRoute(
-      "/studio?scopeId=scope-b&scopeLabel=%E5%9B%A2%E9%98%9F+B&memberId=service-beta&memberLabel=%E6%88%90%E5%91%98+Beta&tab=workflows"
+      '/studio?scopeId=scope-b&scopeLabel=%E5%9B%A2%E9%98%9F+B&memberId=service-beta&memberLabel=%E6%88%90%E5%91%98+Beta&tab=workflows',
     );
 
-    expect(await screen.findByRole("button", { name: "Back to Team" })).toBeTruthy();
+    expect(
+      await screen.findByRole('button', { name: 'Back to Team' }),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-meta")).toHaveTextContent("service-beta");
-      expect(window.location.search).toContain("member=member%3Amember-beta");
+      expect(screen.getByTestId('studio-context-meta')).toHaveTextContent(
+        'service-beta',
+      );
+      expect(window.location.search).toContain('member=member%3Amember-beta');
     });
-    expect(screen.getByTestId("studio-context-meta")).not.toHaveTextContent("团队 B");
-    expect(screen.getByTestId("studio-context-meta")).not.toHaveTextContent("成员 Beta");
-    expect(screen.getByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(screen.getByTestId('studio-context-meta')).not.toHaveTextContent(
+      '团队 B',
+    );
+    expect(screen.getByTestId('studio-context-meta')).not.toHaveTextContent(
+      '成员 Beta',
+    );
+    expect(screen.getByTestId('studio-workflow-build-panel')).toBeTruthy();
 
     await waitFor(() => {
       expect(mockScopeRuntimeApi.listServices).toHaveBeenCalledWith(
-        "scope-b",
+        'scope-b',
         expect.objectContaining({
-          appId: "default",
-        })
+          appId: 'default',
+        }),
       );
     });
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:member-beta");
-      expect(searchParams.get("memberId")).toBeNull();
+      expect(searchParams.get('member')).toBe('member:member-beta');
+      expect(searchParams.get('memberId')).toBeNull();
     });
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("scopeId")).toBe("scope-b");
-    expect(searchParams.get("member")).toBe("member:member-beta");
-    expect(searchParams.get("memberId")).toBeNull();
-    expect(searchParams.get("scopeLabel")).toBeNull();
-    expect(searchParams.get("memberLabel")).toBeNull();
-    expect(searchParams.get("focus")).toBe("workflow:workflow-1");
-    expect(searchParams.get("tab")).toBe("studio");
-    expect(studioApi.getMember).toHaveBeenCalledWith("scope-b", "member-beta");
-    expect(studioApi.getMember).not.toHaveBeenCalledWith("scope-b", "service-beta");
+    expect(searchParams.get('scopeId')).toBe('scope-b');
+    expect(searchParams.get('member')).toBe('member:member-beta');
+    expect(searchParams.get('memberId')).toBeNull();
+    expect(searchParams.get('scopeLabel')).toBeNull();
+    expect(searchParams.get('memberLabel')).toBeNull();
+    expect(searchParams.get('focus')).toBe('workflow:workflow-1');
+    expect(searchParams.get('tab')).toBe('studio');
+    expect(studioApi.getMember).toHaveBeenCalledWith('scope-b', 'member-beta');
+    expect(studioApi.getMember).not.toHaveBeenCalledWith(
+      'scope-b',
+      'service-beta',
+    );
   });
 
-  it("ignores removed create-team route params and falls back to the explicit member-selection empty state", async () => {
+  it('ignores removed create-team route params and falls back to the explicit member-selection empty state', async () => {
     renderStudioPage(
-      "/studio?draft=new&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3"
+      '/studio?draft=new&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3',
     );
 
-    expect(await screen.findByRole("button", { name: "Back to Team" })).toBeTruthy();
-    expect(screen.queryByRole("button", { name: "返回创建页" })).toBeNull();
-    expect(await screen.findByTestId("studio-empty-member-state")).toBeTruthy();
-    expect(screen.queryByRole("button", { name: "发布团队入口" })).toBeNull();
+    expect(
+      await screen.findByRole('button', { name: 'Back to Team' }),
+    ).toBeTruthy();
+    expect(screen.queryByRole('button', { name: '返回创建页' })).toBeNull();
+    expect(await screen.findByTestId('studio-empty-member-state')).toBeTruthy();
+    expect(screen.queryByRole('button', { name: '发布团队入口' })).toBeNull();
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(within(rail).queryByRole("button", { name: "draft" })).toBeNull();
+    const rail = await screen.findByLabelText('Team members');
+    expect(within(rail).queryByRole('button', { name: 'draft' })).toBeNull();
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("teamMode")).toBeNull();
-    expect(searchParams.get("teamName")).toBeNull();
-    expect(searchParams.get("entryName")).toBeNull();
-    expect(searchParams.get("teamDraftWorkflowId")).toBeNull();
-    expect(searchParams.get("teamDraftWorkflowName")).toBeNull();
-    expect(searchParams.get("draft")).toBeNull();
-    expect(searchParams.get("focus")).toBeNull();
+    expect(searchParams.get('teamMode')).toBeNull();
+    expect(searchParams.get('teamName')).toBeNull();
+    expect(searchParams.get('entryName')).toBeNull();
+    expect(searchParams.get('teamDraftWorkflowId')).toBeNull();
+    expect(searchParams.get('teamDraftWorkflowName')).toBeNull();
+    expect(searchParams.get('draft')).toBeNull();
+    expect(searchParams.get('focus')).toBeNull();
   });
 
-  it("resyncs the Studio deep link when the target workflow changes after mount", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('resyncs the Studio deep link when the target workflow changes after mount', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
 
     await replaceStudioRoute(
-      "/studio?focus=template%3Apublished-demo&prompt=Continue%20this%20workflow%20in%20Studio&tab=studio"
+      '/studio?focus=template%3Apublished-demo&prompt=Continue%20this%20workflow%20in%20Studio&tab=studio',
     );
 
     await waitFor(() => {
       expect(studioApi.getTemplateWorkflow).toHaveBeenCalledWith(
-        "published-demo"
+        'published-demo',
       );
     });
 
     expect(
-      (await screen.findByLabelText("Workflow dry run input")) as HTMLTextAreaElement
-    ).toHaveValue("Continue this workflow in Studio");
+      (await screen.findByLabelText(
+        'Workflow dry run input',
+      )) as HTMLTextAreaElement,
+    ).toHaveValue('Continue this workflow in Studio');
   });
 
-  it("falls back to the workflow build workbench when the removed files tab is requested", async () => {
-    renderStudioPage("/studio?tab=files");
+  it('falls back to the workflow build workbench when the removed files tab is requested', async () => {
+    renderStudioPage('/studio?tab=files');
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("tab")).toBe("studio");
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
+      expect(searchParams.get('tab')).toBe('studio');
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
     });
   });
 
-  it("hydrates an editable blank draft when a scope workflow has no YAML source yet", async () => {
+  it('hydrates an editable blank draft when a scope workflow has no YAML source yet', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValue({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
-      workflowStorageMode: "scope",
+      workflowStorageMode: 'scope',
     });
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "joker",
-        scopeId: "scope-1",
-        displayName: "joker",
-        description: "Joker workflow member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "joker",
-        lastBoundRevisionId: "rev-joker",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'joker',
+        scopeId: 'scope-1',
+        displayName: 'joker',
+        description: 'Joker workflow member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'joker',
+        lastBoundRevisionId: 'rev-joker',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      name: "scope-demo",
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
-      yaml: "",
+      name: 'scope-demo',
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
+      yaml: '',
       document: null,
       findings: [
         {
-          level: "error",
-          path: "/",
-          message: "Workflow YAML is not available yet.",
+          level: 'error',
+          path: '/',
+          message: 'Workflow YAML is not available yet.',
         },
       ],
     };
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
-    expect(screen.queryByText("尚未加载定义")).toBeNull();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
+    expect(screen.queryByText('尚未加载定义')).toBeNull();
     await waitFor(() => {
       expect(
-        (screen.getByLabelText("定义 YAML")) as HTMLTextAreaElement
-      ).toHaveValue("name: scope-demo\nsteps: []\n");
+        screen.getByLabelText('定义 YAML') as HTMLTextAreaElement,
+      ).toHaveValue('name: scope-demo\nsteps: []\n');
     });
   });
 
-  it("switches the build stage into GAgent mode", async () => {
-    renderStudioPage("/studio");
+  it('switches the build stage into GAgent mode', async () => {
+    renderStudioPage('/studio');
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: /^GAgent/ }));
+    fireEvent.click(screen.getByRole('button', { name: /^GAgent/ }));
 
-    expect(await screen.findByTestId("studio-gagent-build-panel")).toBeTruthy();
-    expect(screen.getByTestId("studio-context-title")).toHaveTextContent(
-      "GAgent Build"
+    expect(await screen.findByTestId('studio-gagent-build-panel')).toBeTruthy();
+    expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+      'GAgent Build',
     );
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("tab")).toBe("gagents");
-      expect(searchParams.get("step")).toBe("build");
+      expect(searchParams.get('tab')).toBe('gagents');
+      expect(searchParams.get('step')).toBe('build');
     });
   });
 
-  it("shows the standalone GAgent definition fields inside Build", async () => {
+  it('shows the standalone GAgent definition fields inside Build', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
 
-    renderStudioPage("/studio");
+    renderStudioPage('/studio');
 
-    fireEvent.click(await screen.findByRole("button", { name: /^GAgent/ }));
+    fireEvent.click(await screen.findByRole('button', { name: /^GAgent/ }));
 
     await waitFor(() => {
       expect(mockRuntimeGAgentApi.listKinds).toHaveBeenCalled();
     });
 
-    expect(await screen.findByLabelText("GAgent type")).toBeTruthy();
-    expect(screen.getByLabelText("Display name")).toBeTruthy();
-    expect(screen.getByLabelText("Role")).toBeTruthy();
-    expect(screen.getByLabelText("Initial prompt")).toBeTruthy();
-    expect(screen.getByLabelText("Tools")).toBeTruthy();
-    expect(screen.getByLabelText("Orleans grain")).toBeTruthy();
-    expect(screen.getByLabelText("Ephemeral")).toBeTruthy();
+    expect(await screen.findByLabelText('GAgent type')).toBeTruthy();
+    expect(screen.getByLabelText('Display name')).toBeTruthy();
+    expect(screen.getByLabelText('Role')).toBeTruthy();
+    expect(screen.getByLabelText('Initial prompt')).toBeTruthy();
+    expect(screen.getByLabelText('Tools')).toBeTruthy();
+    expect(screen.getByLabelText('Orleans grain')).toBeTruthy();
+    expect(screen.getByLabelText('Ephemeral')).toBeTruthy();
   });
 
-  it("opens the workflow build surface when a prompt is carried into Studio", async () => {
+  it('opens the workflow build surface when a prompt is carried into Studio', async () => {
     renderStudioPage(
-      "/studio?tab=workflows&prompt=Continue%20this%20workflow%20in%20Studio"
+      '/studio?tab=workflows&prompt=Continue%20this%20workflow%20in%20Studio',
     );
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
-    expect(screen.getByRole("button", { name: /^Workflow/ })).toHaveAttribute(
-      "aria-pressed",
-      "true"
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
+    expect(screen.getByRole('button', { name: /^Workflow/ })).toHaveAttribute(
+      'aria-pressed',
+      'true',
     );
     expect(
-      (await screen.findByLabelText("Workflow dry run input")) as HTMLTextAreaElement
-    ).toHaveValue("Continue this workflow in Studio");
+      (await screen.findByLabelText(
+        'Workflow dry run input',
+      )) as HTMLTextAreaElement,
+    ).toHaveValue('Continue this workflow in Studio');
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("tab")).toBe("studio");
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("prompt")).toBe("Continue this workflow in Studio");
+      expect(searchParams.get('tab')).toBe('studio');
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('prompt')).toBe(
+        'Continue this workflow in Studio',
+      );
     });
   });
 
-  it("tries to restore auth first and then loads Studio when the host session recovers", async () => {
+  it('tries to restore auth first and then loads Studio when the host session recovers', async () => {
     (studioApi.getAuthSession as jest.Mock)
       .mockResolvedValueOnce({
         enabled: true,
         authenticated: false,
-        providerDisplayName: "NyxID",
+        providerDisplayName: 'NyxID',
       })
       .mockResolvedValue({
         enabled: true,
         authenticated: true,
-        providerDisplayName: "NyxID",
+        providerDisplayName: 'NyxID',
       });
     mockEnsureActiveAuthSession.mockResolvedValue({
       tokens: {
-        accessToken: "token",
-        tokenType: "Bearer",
+        accessToken: 'token',
+        tokenType: 'Bearer',
         expiresIn: 3600,
         expiresAt: Date.now() + 3600_000,
       },
       user: {
-        sub: "user-1",
+        sub: 'user-1',
       },
     });
 
-    renderStudioPage("/studio?tab=studio");
+    renderStudioPage('/studio?tab=studio');
 
     await waitFor(() => {
       expect(mockEnsureActiveAuthSession).toHaveBeenCalledTimes(1);
@@ -4077,61 +4206,61 @@ describe("StudioPage", () => {
     });
 
     await waitFor(() => {
-      expect(window.location.pathname).toBe("/studio");
+      expect(window.location.pathname).toBe('/studio');
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("tab")).toBe("studio");
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("execution")).toBeNull();
+      expect(searchParams.get('tab')).toBe('studio');
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('execution')).toBeNull();
     });
   });
 
-  it("redirects to login when Studio auth stays unauthenticated after refresh", async () => {
+  it('redirects to login when Studio auth stays unauthenticated after refresh', async () => {
     (studioApi.getAuthSession as jest.Mock).mockResolvedValue({
       enabled: true,
       authenticated: false,
-      providerDisplayName: "NyxID",
+      providerDisplayName: 'NyxID',
     });
 
-    renderStudioPage("/studio?tab=studio&focus=workflow%3Aworkflow-1");
+    renderStudioPage('/studio?tab=studio&focus=workflow%3Aworkflow-1');
 
     await waitFor(() => {
       expect(mockEnsureActiveAuthSession).toHaveBeenCalledTimes(1);
-      expect(window.location.pathname).toBe("/login");
+      expect(window.location.pathname).toBe('/login');
     });
 
-    expect(new URLSearchParams(window.location.search).get("redirect")).toBe(
-      "/studio?step=build&focus=workflow%3Aworkflow-1&tab=studio"
+    expect(new URLSearchParams(window.location.search).get('redirect')).toBe(
+      '/studio?step=build&focus=workflow%3Aworkflow-1&tab=studio',
     );
   });
 
-  it("does not auto-redirect again after a previous Studio relogin attempt", async () => {
+  it('does not auto-redirect again after a previous Studio relogin attempt', async () => {
     (studioApi.getAuthSession as jest.Mock).mockResolvedValue({
       enabled: true,
       authenticated: false,
-      providerDisplayName: "NyxID",
+      providerDisplayName: 'NyxID',
     });
     window.sessionStorage.setItem(
       `${STUDIO_AUTO_RELOGIN_ATTEMPT_KEY}/studio`,
-      "1"
+      '1',
     );
 
-    renderStudioPage("/studio");
+    renderStudioPage('/studio');
 
     await waitFor(() => {
       expect(studioApi.getAuthSession).toHaveBeenCalled();
     });
 
     expect(mockEnsureActiveAuthSession).not.toHaveBeenCalled();
-    expect(window.location.pathname).toBe("/studio");
+    expect(window.location.pathname).toBe('/studio');
   });
 
-  it("keeps the script build surface active when its leave guard blocks a lifecycle switch", async () => {
+  it('keeps the script build surface active when its leave guard blocks a lifecycle switch', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
-      scriptStorageMode: "scope",
+      scriptStorageMode: 'scope',
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
@@ -4140,58 +4269,62 @@ describe("StudioPage", () => {
     (scriptsApi.listScripts as jest.Mock).mockResolvedValueOnce([
       {
         available: true,
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         script: {
-          scopeId: "scope-1",
-          scriptId: "script-alpha",
-          catalogActorId: "catalog-1",
-          definitionActorId: "definition-1",
-          activeRevision: "rev-script-1",
-          activeSourceHash: "hash-1",
-          updatedAt: "2026-03-18T00:00:00Z",
+          scopeId: 'scope-1',
+          scriptId: 'script-alpha',
+          catalogActorId: 'catalog-1',
+          definitionActorId: 'definition-1',
+          activeRevision: 'rev-script-1',
+          activeSourceHash: 'hash-1',
+          updatedAt: '2026-03-18T00:00:00Z',
         },
         source: {
-          sourceText: "using System;",
-          definitionActorId: "definition-1",
-          revision: "rev-script-1",
-          sourceHash: "hash-1",
+          sourceText: 'using System;',
+          definitionActorId: 'definition-1',
+          revision: 'rev-script-1',
+          sourceHash: 'hash-1',
         },
       },
     ]);
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=script%3Ascript-alpha&tab=scripts");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=script%3Ascript-alpha&tab=scripts',
+    );
 
-    await screen.findByLabelText("Script ID");
-    fireEvent.change(screen.getByLabelText("Script source editor"), {
+    await screen.findByLabelText('Script ID');
+    fireEvent.change(screen.getByLabelText('Script source editor'), {
       target: {
-        value: "using System;\n// dirty",
+        value: 'using System;\n// dirty',
       },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Bind" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Bind' }));
 
     await waitFor(() => {
-      expect(screen.getByTestId("studio-script-build-panel")).toBeTruthy();
-      expect(screen.queryByTestId("studio-bind-surface")).toBeNull();
+      expect(screen.getByTestId('studio-script-build-panel')).toBeTruthy();
+      expect(screen.queryByTestId('studio-bind-surface')).toBeNull();
     });
   });
 
-  it("saves edited workflow drafts back to the Studio workspace API", async () => {
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+  it('saves edited workflow drafts back to the Studio workspace API', async () => {
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
-    const editor = await screen.findByLabelText("定义 YAML");
+    const editor = await screen.findByLabelText('定义 YAML');
     await waitFor(() => {
       expect(editor).toHaveValue(mockWorkflowFile.yaml);
     });
     fireEvent.change(editor, {
       target: {
-        value: "name: workspace-demo\nsteps:\n  - id: approve_step\n",
+        value: 'name: workspace-demo\nsteps:\n  - id: approve_step\n',
       },
     });
     await waitFor(() => {
-      expect(editor).toHaveValue("name: workspace-demo\nsteps:\n  - id: approve_step\n");
+      expect(editor).toHaveValue(
+        'name: workspace-demo\nsteps:\n  - id: approve_step\n',
+      );
     });
 
-    const saveButton = screen.getByRole("button", { name: "Save draft" });
+    const saveButton = screen.getByRole('button', { name: 'Save draft' });
     await waitFor(() => {
       expect(saveButton).toBeEnabled();
     });
@@ -4200,335 +4333,366 @@ describe("StudioPage", () => {
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowId: "workflow-1",
-          directoryId: "dir-1",
-          workflowName: "workspace-demo",
-          yaml: "name: workspace-demo\nsteps:\n  - id: approve_step\n",
-        })
+          workflowId: 'workflow-1',
+          directoryId: 'dir-1',
+          workflowName: 'workspace-demo',
+          yaml: 'name: workspace-demo\nsteps:\n  - id: approve_step\n',
+        }),
       );
     });
 
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Saved to Workspace/workspace-demo.yaml.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Saved to Workspace/workspace-demo.yaml.',
       );
     });
   });
 
-  it("creates a workflow draft from the create-member inventory flow", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('creates a workflow draft from the create-member inventory flow', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    const createButton = await screen.findByLabelText("Create member");
+    const createButton = await screen.findByLabelText('Create member');
     await waitFor(() => {
       expect(createButton).not.toBeDisabled();
     });
     fireEvent.click(createButton);
 
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
 
     expect(
-      within(createDialog).getByRole("button", { name: "Create Workflow member" }),
-    ).toHaveAttribute("aria-pressed", "true");
+      within(createDialog).getByRole('button', {
+        name: 'Create Workflow member',
+      }),
+    ).toHaveAttribute('aria-pressed', 'true');
 
-    const nameInput = within(createDialog).getByLabelText("Member name");
-    expect(nameInput).toHaveValue("draft");
+    const nameInput = within(createDialog).getByLabelText('Member name');
+    expect(nameInput).toHaveValue('draft');
     fireEvent.change(nameInput, {
       target: {
-        value: "orders-draft",
+        value: 'orders-draft',
       },
     });
-    fireEvent.click(within(createDialog).getByRole("button", { name: "Create member" }));
+    fireEvent.click(
+      within(createDialog).getByRole('button', { name: 'Create member' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowName: "orders-draft",
-          fileName: "orders-draft.yaml",
-          yaml: "name: orders-draft\nsteps: []\n",
-        })
+          workflowName: 'orders-draft',
+          fileName: 'orders-draft.yaml',
+          yaml: 'name: orders-draft\nsteps: []\n',
+        }),
       );
     });
 
     await waitFor(() => {
       expect(studioApi.createMember).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        displayName: "orders-draft",
-        implementationKind: "workflow",
+        scopeId: 'scope-1',
+        displayName: 'orders-draft',
+        implementationKind: 'workflow',
       });
     });
 
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Created member orders-draft and opened its workflow draft.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Created member orders-draft and opened its workflow draft.',
       );
     });
   });
 
-  it("passes route Team context when creating a backend member", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&teamId=t-alpha&tab=studio&intent=create-member");
+  it('passes route Team context when creating a backend member', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&teamId=t-alpha&tab=studio&intent=create-member',
+    );
 
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
-    const nameInput = within(createDialog).getByLabelText("Member name");
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
+    const nameInput = within(createDialog).getByLabelText('Member name');
     fireEvent.change(nameInput, {
       target: {
-        value: "team-worker",
+        value: 'team-worker',
       },
     });
-    fireEvent.click(within(createDialog).getByRole("button", { name: "Create member" }));
+    fireEvent.click(
+      within(createDialog).getByRole('button', { name: 'Create member' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.createMember).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        displayName: "team-worker",
-        implementationKind: "workflow",
-        teamId: "t-alpha",
+        scopeId: 'scope-1',
+        displayName: 'team-worker',
+        implementationKind: 'workflow',
+        teamId: 't-alpha',
       });
     });
   });
 
-  it("shows a newly created Workflow member in the Team rail without refresh", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&teamId=t-alpha&tab=studio&intent=create-member");
+  it('shows a newly created Workflow member in the Team rail without refresh', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&teamId=t-alpha&tab=studio&intent=create-member',
+    );
 
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
-    fireEvent.change(within(createDialog).getByLabelText("Member name"), {
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
+    fireEvent.change(within(createDialog).getByLabelText('Member name'), {
       target: {
-        value: "fresh-workflow",
+        value: 'fresh-workflow',
       },
     });
-    fireEvent.click(within(createDialog).getByRole("button", { name: "Create member" }));
+    fireEvent.click(
+      within(createDialog).getByRole('button', { name: 'Create member' }),
+    );
 
-    const rail = await screen.findByLabelText("Team members");
-    const createdMember = await within(rail).findByRole("button", {
-      name: "fresh-workflow",
+    const rail = await screen.findByLabelText('Team members');
+    const createdMember = await within(rail).findByRole('button', {
+      name: 'fresh-workflow',
     });
-    expect(createdMember).toHaveAttribute("aria-current", "true");
+    expect(createdMember).toHaveAttribute('aria-current', 'true');
     expect(
-      within(rail).getAllByRole("button", { name: "fresh-workflow" })
+      within(rail).getAllByRole('button', { name: 'fresh-workflow' }),
     ).toHaveLength(1);
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:fresh-workflow");
-      expect(searchParams.get("focus")).toBe("workflow:workflow-2");
-      expect(searchParams.get("tab")).toBe("studio");
+      expect(searchParams.get('member')).toBe('member:fresh-workflow');
+      expect(searchParams.get('focus')).toBe('workflow:workflow-2');
+      expect(searchParams.get('tab')).toBe('studio');
     });
   });
 
-  it("loads only the current Team roster for the Studio member rail", async () => {
+  it('loads only the current Team roster for the Studio member rail', async () => {
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "alpha-member",
-        displayName: "Alpha member",
-        teamId: "t-alpha",
+        memberId: 'alpha-member',
+        displayName: 'Alpha member',
+        teamId: 't-alpha',
       },
       {
         ...mockStudioMembers[0],
-        memberId: "beta-member",
-        displayName: "Beta member",
-        teamId: "t-beta",
+        memberId: 'beta-member',
+        displayName: 'Beta member',
+        teamId: 't-beta',
       },
     ];
 
-    renderStudioPage("/studio?scopeId=scope-1&teamId=t-alpha&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&teamId=t-alpha&tab=studio');
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await within(rail).findByRole("button", { name: "Alpha member" })).toBeTruthy();
-    expect(within(rail).queryByRole("button", { name: "Beta member" })).toBeNull();
-    expect(studioApi.listTeamMembers).toHaveBeenCalledWith("scope-1", "t-alpha");
+    const rail = await screen.findByLabelText('Team members');
+    expect(
+      await within(rail).findByRole('button', { name: 'Alpha member' }),
+    ).toBeTruthy();
+    expect(
+      within(rail).queryByRole('button', { name: 'Beta member' }),
+    ).toBeNull();
+    expect(studioApi.listTeamMembers).toHaveBeenCalledWith(
+      'scope-1',
+      't-alpha',
+    );
     expect(studioApi.listMembers).not.toHaveBeenCalled();
   });
 
-  it("sets the selected Team member as the Team entry from Studio inventory", async () => {
+  it('sets the selected Team member as the Team entry from Studio inventory', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce(
-      mockCreateDefaultTeamSummary({ entryMemberId: null })
+      mockCreateDefaultTeamSummary({ entryMemberId: null }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&tab=studio',
     );
 
-    const rail = await screen.findByLabelText("Team members");
-    const setEntryButton = await within(rail).findByRole("button", {
-      name: "Set workspace-demo as Team entry member",
+    const rail = await screen.findByLabelText('Team members');
+    const setEntryButton = await within(rail).findByRole('button', {
+      name: 'Set workspace-demo as Team entry member',
     });
     fireEvent.click(setEntryButton);
 
     await waitFor(() => {
       expect(studioApi.setTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
-        "workspace-demo"
+        'scope-1',
+        't-alpha',
+        'workspace-demo',
       );
     });
-    expect(message.info).toHaveBeenCalledWith(
-      "Team entry change submitted. Waiting for sync confirmation.",
+    expect(mockConsoleToast.info).toHaveBeenCalledWith(
+      'Team entry change submitted. Waiting for sync confirmation.',
     );
   });
 
-  it("allows unbound workflow members to be configured as Team entry members", async () => {
+  it('allows unbound workflow members to be configured as Team entry members', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce(
-      mockCreateDefaultTeamSummary({ entryMemberId: null })
+      mockCreateDefaultTeamSummary({ entryMemberId: null }),
     );
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        lifecycleStage: "created",
+        lifecycleStage: 'created',
         lastBoundRevisionId: null,
-        publishedServiceId: "",
+        publishedServiceId: '',
       },
     ];
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&tab=studio',
     );
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await within(rail).findByRole("button", { name: "workspace-demo" })).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
+    expect(
+      await within(rail).findByRole('button', { name: 'workspace-demo' }),
+    ).toBeTruthy();
     fireEvent.click(
-      await within(rail).findByRole("button", {
-        name: "Set workspace-demo as Team entry member",
-      })
+      await within(rail).findByRole('button', {
+        name: 'Set workspace-demo as Team entry member',
+      }),
     );
 
     await waitFor(() => {
       expect(studioApi.setTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
-        "workspace-demo"
+        'scope-1',
+        't-alpha',
+        'workspace-demo',
       );
     });
   });
 
-  it("does not offer the Studio inventory entry action for members outside the current Team roster", async () => {
+  it('does not offer the Studio inventory entry action for members outside the current Team roster', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce(
-      mockCreateDefaultTeamSummary({ entryMemberId: null })
+      mockCreateDefaultTeamSummary({ entryMemberId: null }),
     );
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "alpha-member",
-        displayName: "Alpha member",
-        teamId: "t-alpha",
+        memberId: 'alpha-member',
+        displayName: 'Alpha member',
+        teamId: 't-alpha',
       },
       {
         ...mockStudioMembers[0],
-        memberId: "other-team-member",
-        displayName: "Other team member",
-        teamId: "t-beta",
+        memberId: 'other-team-member',
+        displayName: 'Other team member',
+        teamId: 't-beta',
       },
     ];
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aother-team-member&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aother-team-member&tab=studio',
     );
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await within(rail).findByRole("button", { name: "Alpha member" })).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
     expect(
-      within(rail).queryByRole("button", {
-        name: "Set Other team member as Team entry member",
-      })
+      await within(rail).findByRole('button', { name: 'Alpha member' }),
+    ).toBeTruthy();
+    expect(
+      within(rail).queryByRole('button', {
+        name: 'Set Other team member as Team entry member',
+      }),
     ).toBeNull();
     expect(
-      within(rail).queryByRole("button", {
-        name: "Set other-team-member as Team entry member",
-      })
+      within(rail).queryByRole('button', {
+        name: 'Set other-team-member as Team entry member',
+      }),
     ).toBeNull();
     expect(studioApi.setTeamEntryMember).not.toHaveBeenCalled();
   });
 
-  it("marks the selected Studio member when it is already the Team entry", async () => {
+  it('marks the selected Studio member when it is already the Team entry', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce(
-      mockCreateDefaultTeamSummary({ entryMemberId: "workspace-demo" })
+      mockCreateDefaultTeamSummary({ entryMemberId: 'workspace-demo' }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&tab=studio',
     );
 
-    const rail = await screen.findByLabelText("Team members");
+    const rail = await screen.findByLabelText('Team members');
     await waitFor(() => {
       expect(rail).toHaveTextContent(/Entry member ·\s*workspace-demo/);
     });
     expect(
-      within(rail).queryByRole("button", {
-        name: "Set workspace-demo as Team entry member",
-      })
+      within(rail).queryByRole('button', {
+        name: 'Set workspace-demo as Team entry member',
+      }),
     ).toBeNull();
   });
 
-  it("does not hydrate Team Studio rail members from scope-level services or drafts", async () => {
+  it('does not hydrate Team Studio rail members from scope-level services or drafts', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "alpha-member",
-        displayName: "Alpha member",
-        publishedServiceId: "service-alpha",
-        teamId: "t-alpha",
+        memberId: 'alpha-member',
+        displayName: 'Alpha member',
+        publishedServiceId: 'service-alpha',
+        teamId: 't-alpha',
       },
       {
         ...mockStudioMembers[0],
-        memberId: "beta-member",
-        displayName: "Beta member",
-        publishedServiceId: "service-beta",
-        teamId: "t-beta",
+        memberId: 'beta-member',
+        displayName: 'Beta member',
+        publishedServiceId: 'service-beta',
+        teamId: 't-beta',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "service-alpha",
-        displayName: "Alpha service",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-alpha",
+        serviceId: 'service-alpha',
+        displayName: 'Alpha service',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-alpha',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with alpha.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with alpha.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "service-beta",
-        displayName: "Beta service",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-beta",
+        serviceId: 'service-beta',
+        displayName: 'Beta service',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-beta',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with beta.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with beta.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "global-service",
-        displayName: "Global service",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-global",
+        serviceId: 'global-service',
+        displayName: 'Global service',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-global',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with global.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with global.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
@@ -4538,501 +4702,576 @@ describe("StudioPage", () => {
         mockBuildServiceRevisionCatalog({
           serviceId,
           displayName:
-            serviceId === "service-alpha"
-              ? "Alpha service"
-              : serviceId === "service-beta"
-                ? "Beta service"
-                : "Global service",
+            serviceId === 'service-alpha'
+              ? 'Alpha service'
+              : serviceId === 'service-beta'
+                ? 'Beta service'
+                : 'Global service',
           workflowName:
-            serviceId === "service-alpha"
-              ? "workspace-demo"
-              : serviceId === "service-beta"
-                ? "beta-workflow"
-                : "global-workflow",
-        })
+            serviceId === 'service-alpha'
+              ? 'workspace-demo'
+              : serviceId === 'service-beta'
+                ? 'beta-workflow'
+                : 'global-workflow',
+        }),
     );
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "workspace-demo",
-        description: "Workspace workflow",
-        fileName: "workspace-demo.yaml",
-        filePath: "/tmp/workflows/workspace-demo.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'workspace-demo',
+        description: 'Workspace workflow',
+        fileName: 'workspace-demo.yaml',
+        filePath: '/tmp/workflows/workspace-demo.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 2,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
       {
-        workflowId: "workflow-beta",
-        name: "beta-workflow",
-        description: "Beta workflow",
-        fileName: "beta-workflow.yaml",
-        filePath: "/tmp/workflows/beta-workflow.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-beta',
+        name: 'beta-workflow',
+        description: 'Beta workflow',
+        fileName: 'beta-workflow.yaml',
+        filePath: '/tmp/workflows/beta-workflow.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
       {
-        workflowId: "workflow-draft",
-        name: "draft",
-        description: "Loose draft",
-        fileName: "draft.yaml",
-        filePath: "/tmp/workflows/draft.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-draft',
+        name: 'draft',
+        description: 'Loose draft',
+        fileName: 'draft.yaml',
+        filePath: '/tmp/workflows/draft.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     (scriptsApi.listScripts as jest.Mock).mockResolvedValue([
       {
         available: true,
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         script: {
-          scopeId: "scope-1",
-          scriptId: "script-1",
-          catalogActorId: "catalog-1",
-          definitionActorId: "definition-1",
-          activeRevision: "rev-script-1",
-          activeSourceHash: "hash-1",
-          updatedAt: "2026-03-18T00:00:00Z",
+          scopeId: 'scope-1',
+          scriptId: 'script-1',
+          catalogActorId: 'catalog-1',
+          definitionActorId: 'definition-1',
+          activeRevision: 'rev-script-1',
+          activeSourceHash: 'hash-1',
+          updatedAt: '2026-03-18T00:00:00Z',
         },
         source: {
-          sourceText: "using System;",
-          definitionActorId: "definition-1",
-          revision: "rev-script-1",
-          sourceHash: "hash-1",
+          sourceText: 'using System;',
+          definitionActorId: 'definition-1',
+          revision: 'rev-script-1',
+          sourceHash: 'hash-1',
         },
       },
     ]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&focus=script%3Ascript-1&tab=scripts"
+      '/studio?scopeId=scope-1&teamId=t-alpha&focus=script%3Ascript-1&tab=scripts',
     );
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await within(rail).findByRole("button", { name: "Alpha member" })).toBeTruthy();
-    expect(within(rail).queryByRole("button", { name: "Beta member" })).toBeNull();
-    expect(within(rail).queryByRole("button", { name: "Beta service" })).toBeNull();
-    expect(within(rail).queryByRole("button", { name: "Global service" })).toBeNull();
-    expect(within(rail).queryByRole("button", { name: "draft" })).toBeNull();
-    expect(within(rail).queryByRole("button", { name: "script-1" })).toBeNull();
+    const rail = await screen.findByLabelText('Team members');
+    expect(
+      await within(rail).findByRole('button', { name: 'Alpha member' }),
+    ).toBeTruthy();
+    expect(
+      within(rail).queryByRole('button', { name: 'Beta member' }),
+    ).toBeNull();
+    expect(
+      within(rail).queryByRole('button', { name: 'Beta service' }),
+    ).toBeNull();
+    expect(
+      within(rail).queryByRole('button', { name: 'Global service' }),
+    ).toBeNull();
+    expect(within(rail).queryByRole('button', { name: 'draft' })).toBeNull();
+    expect(within(rail).queryByRole('button', { name: 'script-1' })).toBeNull();
     expect(mockScopeRuntimeApi.getServiceRevisions).toHaveBeenCalledWith(
-      "scope-1",
-      "service-alpha"
+      'scope-1',
+      'service-alpha',
     );
     expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalledWith(
-      "scope-1",
-      "service-beta"
+      'scope-1',
+      'service-beta',
     );
     expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalledWith(
-      "scope-1",
-      "global-service"
+      'scope-1',
+      'global-service',
     );
   });
 
-  it("returns to canonical Team detail when Studio has Team context", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+  it('returns to canonical Team detail when Studio has Team context', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    fireEvent.click(await screen.findByRole("button", { name: "Back to Team" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Back to Team' }),
+    );
 
-    expect(window.location.pathname).toBe("/scopes/scope-1/teams/t-alpha");
+    expect(window.location.pathname).toBe('/scopes/scope-1/teams/t-alpha');
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("memberId")).toBe("workspace-demo");
-    expect(searchParams.get("tab")).toBe("overview");
+    expect(searchParams.get('memberId')).toBe('workspace-demo');
+    expect(searchParams.get('tab')).toBe('overview');
   });
 
-  it("keeps the Studio Teams breadcrumb in the scoped Team collection", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+  it('keeps the Studio Teams breadcrumb in the scoped Team collection', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    const breadcrumb = await screen.findByRole("navigation", { name: "Breadcrumb" });
-    const teamsBreadcrumbLink = within(breadcrumb).getByRole("link", { name: "Teams" });
-    expect(teamsBreadcrumbLink).toHaveAttribute("href", "/scopes/scope-1/teams");
+    const breadcrumb = await screen.findByRole('navigation', {
+      name: 'Breadcrumb',
+    });
+    const teamsBreadcrumbLink = within(breadcrumb).getByRole('link', {
+      name: 'Teams',
+    });
+    expect(teamsBreadcrumbLink).toHaveAttribute(
+      'href',
+      '/scopes/scope-1/teams',
+    );
 
     fireEvent.click(teamsBreadcrumbLink);
 
-    expect(window.location.pathname).toBe("/scopes/scope-1/teams");
-    expect(window.location.search).toBe("");
+    expect(window.location.pathname).toBe('/scopes/scope-1/teams');
+    expect(window.location.search).toBe('');
   });
 
-  it("returns to the explicit Team handoff target after Studio settles its route", async () => {
+  it('returns to the explicit Team handoff target after Studio settles its route', async () => {
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&step=build&tab=studio&returnTo=%2Fscopes%2Fscope-1%2Fteams%2Ft-alpha%3FmemberId%3Dworkspace-demo%26tab%3Dmembers"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&step=build&tab=studio&returnTo=%2Fscopes%2Fscope-1%2Fteams%2Ft-alpha%3FmemberId%3Dworkspace-demo%26tab%3Dmembers',
     );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("returnTo")).toBe(
-        "/scopes/scope-1/teams/t-alpha?memberId=workspace-demo&tab=members"
+      expect(searchParams.get('returnTo')).toBe(
+        '/scopes/scope-1/teams/t-alpha?memberId=workspace-demo&tab=members',
       );
     });
 
-    fireEvent.click(await screen.findByRole("button", { name: "Back to Team" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Back to Team' }),
+    );
 
-    expect(window.location.pathname).toBe("/scopes/scope-1/teams/t-alpha");
+    expect(window.location.pathname).toBe('/scopes/scope-1/teams/t-alpha');
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("memberId")).toBe("workspace-demo");
-    expect(searchParams.get("tab")).toBe("members");
+    expect(searchParams.get('memberId')).toBe('workspace-demo');
+    expect(searchParams.get('tab')).toBe('members');
   });
 
-  it("moves focus from a Script draft to the new Workflow member after create", async () => {
+  it('moves focus from a Script draft to the new Workflow member after create', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=script%3Ascript-alpha&tab=scripts");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=script%3Ascript-alpha&tab=scripts',
+    );
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
-    expect(screen.getByLabelText("Script ID")).toHaveValue("script-alpha");
-    expect(screen.queryByText("Scripts Studio")).toBeNull();
-    expect(screen.queryByText("Leave Scripts Studio?")).toBeNull();
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
+    expect(screen.getByLabelText('Script ID')).toHaveValue('script-alpha');
+    expect(screen.queryByText('Scripts Studio')).toBeNull();
+    expect(screen.queryByText('Leave Scripts Studio?')).toBeNull();
 
-    fireEvent.click(await screen.findByRole("button", { name: "Create member" }));
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
     fireEvent.click(
-      within(createDialog).getByRole("button", { name: "Create Workflow member" }),
+      await screen.findByRole('button', { name: 'Create member' }),
     );
-    fireEvent.change(within(createDialog).getByLabelText("Member name"), {
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
+    fireEvent.click(
+      within(createDialog).getByRole('button', {
+        name: 'Create Workflow member',
+      }),
+    );
+    fireEvent.change(within(createDialog).getByLabelText('Member name'), {
       target: {
-        value: "orders-workflow",
+        value: 'orders-workflow',
       },
     });
-    fireEvent.click(within(createDialog).getByRole("button", { name: "Create member" }));
+    fireEvent.click(
+      within(createDialog).getByRole('button', { name: 'Create member' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowName: "orders-workflow",
+          workflowName: 'orders-workflow',
         }),
       );
     });
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
-    expect(screen.queryByTestId("studio-script-build-panel")).toBeNull();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
+    expect(screen.queryByTestId('studio-script-build-panel')).toBeNull();
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("tab")).toBe("studio");
-      expect(searchParams.get("focus")).not.toBe("script:script-alpha");
+      expect(searchParams.get('tab')).toBe('studio');
+      expect(searchParams.get('focus')).not.toBe('script:script-alpha');
     });
   });
 
-  it("opens the create-member modal once from the typed Studio intent", async () => {
-    renderStudioPage("/studio?tab=studio&intent=create-member");
+  it('opens the create-member modal once from the typed Studio intent', async () => {
+    renderStudioPage('/studio?tab=studio&intent=create-member');
 
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
-    expect(within(createDialog).getByLabelText("Member name")).toHaveValue("draft");
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
+    expect(within(createDialog).getByLabelText('Member name')).toHaveValue(
+      'draft',
+    );
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
 
-    fireEvent.click(within(createDialog).getByRole("button", { name: "Cancel" }));
+    fireEvent.click(
+      within(createDialog).getByRole('button', { name: 'Cancel' }),
+    );
 
     await waitFor(() => {
-      expect(screen.queryByRole("dialog", { name: "Create member" })).toBeNull();
+      expect(
+        screen.queryByRole('dialog', { name: 'Create member' }),
+      ).toBeNull();
     });
 
     await waitFor(() => {
-      expect(screen.queryByRole("dialog", { name: "Create member" })).toBeNull();
+      expect(
+        screen.queryByRole('dialog', { name: 'Create member' }),
+      ).toBeNull();
     });
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
   });
 
-  it("creates a named Script member authority and opens its draft before bind", async () => {
+  it('creates a named Script member authority and opens its draft before bind', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
-      scriptStorageMode: "scope",
+      scriptStorageMode: 'scope',
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
     });
 
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
-    fireEvent.click(await screen.findByRole("button", { name: "Create member" }));
-    let createDialog = await screen.findByRole("dialog", { name: "Create member" });
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Create member' }),
+    );
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
 
-    const scriptChip = within(createDialog).getByRole("button", {
-      name: "Create Script member",
+    const scriptChip = within(createDialog).getByRole('button', {
+      name: 'Create Script member',
     });
     fireEvent.click(scriptChip);
 
-    expect(scriptChip).toHaveAttribute("aria-pressed", "true");
-    expect(within(createDialog).queryByLabelText("Member name")).toBeNull();
-    const scriptNameInput = within(createDialog).getByLabelText("Script name");
-    expect(scriptNameInput).toHaveValue("script-1");
+    expect(scriptChip).toHaveAttribute('aria-pressed', 'true');
+    expect(within(createDialog).queryByLabelText('Member name')).toBeNull();
+    const scriptNameInput = within(createDialog).getByLabelText('Script name');
+    expect(scriptNameInput).toHaveValue('script-1');
     fireEvent.change(scriptNameInput, {
       target: {
-        value: "Refund Handler",
+        value: 'Refund Handler',
       },
     });
     expect(
       screen.getByText(
-        "Script creates a backend member and opens a stable script draft identity in Build. It becomes callable after Save script is catalog-applied and Bind succeeds.",
+        'Script creates a backend member and opens a stable script draft identity in Build. It becomes callable after Save script is catalog-applied and Bind succeeds.',
       ),
     ).toBeTruthy();
-    expect(createDialog).toHaveTextContent("Script id:refund-handler");
+    expect(createDialog).toHaveTextContent('Script id:refund-handler');
     fireEvent.click(
-      within(createDialog).getByRole("button", { name: "Create member" }),
+      within(createDialog).getByRole('button', { name: 'Create member' }),
     );
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
-    expect(screen.getByLabelText("Script ID")).toHaveValue("refund-handler");
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
+    expect(screen.getByLabelText('Script ID')).toHaveValue('refund-handler');
     expect(
-      window.localStorage.getItem("aevatar:studio:script-drafts:v1"),
-    ).toContain("refund-handler");
+      window.localStorage.getItem('aevatar:studio:script-drafts:v1'),
+    ).toContain('refund-handler');
     expect(studioApi.createMemberWithId).toHaveBeenCalledWith(
       expect.objectContaining({
-        scopeId: "scope-1",
-        memberId: "refund-handler",
-        displayName: "Refund Handler",
-        implementationKind: "script",
+        scopeId: 'scope-1',
+        memberId: 'refund-handler',
+        displayName: 'Refund Handler',
+        implementationKind: 'script',
       }),
     );
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("tab")).toBe("scripts");
-      expect(searchParams.get("step")).toBe("build");
-      expect(searchParams.get("member")).toBe("member:refund-handler");
-      expect(searchParams.get("focus")).toBe("script:refund-handler");
+      expect(searchParams.get('tab')).toBe('scripts');
+      expect(searchParams.get('step')).toBe('build');
+      expect(searchParams.get('member')).toBe('member:refund-handler');
+      expect(searchParams.get('focus')).toBe('script:refund-handler');
     });
   });
 
-  it("keeps the Script create action disabled when the Script feature is off", async () => {
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+  it('keeps the Script create action disabled when the Script feature is off', async () => {
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
-    fireEvent.click(await screen.findByRole("button", { name: "Create member" }));
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Create member' }),
+    );
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
 
     fireEvent.click(
-      within(createDialog).getByRole("button", { name: "Create Script member" })
+      within(createDialog).getByRole('button', {
+        name: 'Create Script member',
+      }),
     );
 
     expect(
-      within(createDialog).getByRole("button", { name: "Create member" })
+      within(createDialog).getByRole('button', { name: 'Create member' }),
     ).toBeDisabled();
-    expect(screen.getByRole("dialog", { name: "Create member" })).toBeTruthy();
+    expect(screen.getByRole('dialog', { name: 'Create member' })).toBeTruthy();
   });
 
-  it("opens the Script create flow from the empty Script build surface", async () => {
+  it('opens the Script create flow from the empty Script build surface', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
-      scriptStorageMode: "scope",
+      scriptStorageMode: 'scope',
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
     });
 
-    renderStudioPage("/studio?tab=scripts");
+    renderStudioPage('/studio?tab=scripts');
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
-    expect(screen.getByTestId("studio-context-title")).toHaveTextContent("Create a script");
-    expect(screen.getByText("No script is selected yet. Start a script draft to open the editor.")).toBeTruthy();
-    expect(screen.queryByLabelText("Team members")).toBeNull();
-    expect(screen.queryByTestId("studio-lifecycle-section")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Observe" })).toBeNull();
-    expect(screen.queryByLabelText("Script ID")).toBeNull();
-    expect(screen.queryByText("Script draft run")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Save draft" })).toBeNull();
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
+    expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+      'Create a script',
+    );
+    expect(
+      screen.getByText(
+        'No script is selected yet. Start a script draft to open the editor.',
+      ),
+    ).toBeTruthy();
+    expect(screen.queryByLabelText('Team members')).toBeNull();
+    expect(screen.queryByTestId('studio-lifecycle-section')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Observe' })).toBeNull();
+    expect(screen.queryByLabelText('Script ID')).toBeNull();
+    expect(screen.queryByText('Script draft run')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Save draft' })).toBeNull();
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add script" }));
+    fireEvent.click(await screen.findByRole('button', { name: 'Add script' }));
 
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
     expect(
-      within(createDialog).getByRole("button", { name: "Create Script member" }),
-    ).toHaveAttribute("aria-pressed", "true");
-    expect(within(createDialog).getByLabelText("Script name")).toHaveValue("script-1");
+      within(createDialog).getByRole('button', {
+        name: 'Create Script member',
+      }),
+    ).toHaveAttribute('aria-pressed', 'true');
+    expect(within(createDialog).getByLabelText('Script name')).toHaveValue(
+      'script-1',
+    );
     expect(
-      within(createDialog).getByRole("button", { name: "Create member" }),
+      within(createDialog).getByRole('button', { name: 'Create member' }),
     ).toBeEnabled();
   });
 
-  it("creates a named GAgent member authority and opens GAgent Build", async () => {
+  it('creates a named GAgent member authority and opens GAgent Build', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
 
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
-    fireEvent.click(await screen.findByRole("button", { name: "Create member" }));
-    const createDialog = await screen.findByRole("dialog", { name: "Create member" });
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Create member' }),
+    );
+    const createDialog = await screen.findByRole('dialog', {
+      name: 'Create member',
+    });
 
-    const gagentChip = within(createDialog).getByRole("button", {
-      name: "Create GAgent member",
+    const gagentChip = within(createDialog).getByRole('button', {
+      name: 'Create GAgent member',
     });
     fireEvent.click(gagentChip);
 
-    expect(gagentChip).toHaveAttribute("aria-pressed", "true");
-    expect(within(createDialog).queryByLabelText("Member name")).toBeNull();
-    const gAgentNameInput = within(createDialog).getByLabelText("GAgent name");
-    expect(gAgentNameInput).toHaveValue("gagent-1");
+    expect(gagentChip).toHaveAttribute('aria-pressed', 'true');
+    expect(within(createDialog).queryByLabelText('Member name')).toBeNull();
+    const gAgentNameInput = within(createDialog).getByLabelText('GAgent name');
+    expect(gAgentNameInput).toHaveValue('gagent-1');
     fireEvent.change(gAgentNameInput, {
       target: {
-        value: "Orders Worker",
+        value: 'Orders Worker',
       },
     });
     expect(
       screen.getByText(
-        "GAgent creates a backend member and opens Build > GAgent for actor type, role, prompt, tools, and persistence authoring.",
+        'GAgent creates a backend member and opens Build > GAgent for actor type, role, prompt, tools, and persistence authoring.',
       ),
     ).toBeTruthy();
     fireEvent.click(
-      within(createDialog).getByRole("button", { name: "Create member" }),
+      within(createDialog).getByRole('button', { name: 'Create member' }),
     );
 
-    expect(await screen.findByTestId("studio-gagent-build-panel")).toBeTruthy();
+    expect(await screen.findByTestId('studio-gagent-build-panel')).toBeTruthy();
     expect(studioApi.createMember).toHaveBeenCalledWith(
       expect.objectContaining({
-        scopeId: "scope-1",
-        displayName: "Orders Worker",
-        implementationKind: "gagent",
+        scopeId: 'scope-1',
+        displayName: 'Orders Worker',
+        implementationKind: 'gagent',
       }),
     );
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Created GAgent member Orders Worker and opened Build.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Created GAgent member Orders Worker and opened Build.',
       );
     });
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("tab")).toBe("gagents");
-      expect(searchParams.get("step")).toBe("build");
-      expect(searchParams.get("member")).toBe("member:orders-worker");
+      expect(searchParams.get('tab')).toBe('gagents');
+      expect(searchParams.get('step')).toBe('build');
+      expect(searchParams.get('member')).toBe('member:orders-worker');
     });
   });
 
-  it("restores an unbound GAgent member from the backend roster after refresh", async () => {
+  it('restores an unbound GAgent member from the backend roster after refresh', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockStudioMembers = [
       {
-        memberId: "orders-worker",
-        scopeId: "scope-1",
-        displayName: "Orders Worker",
-        description: "Unbound GAgent member",
-        implementationKind: "gagent",
-        lifecycleStage: "created",
-        publishedServiceId: "member-orders-worker",
+        memberId: 'orders-worker',
+        scopeId: 'scope-1',
+        displayName: 'Orders Worker',
+        description: 'Unbound GAgent member',
+        implementationKind: 'gagent',
+        lifecycleStage: 'created',
+        publishedServiceId: 'member-orders-worker',
         lastBoundRevisionId: null,
-        createdAt: "2026-04-27T08:10:00Z",
-        updatedAt: "2026-04-27T08:10:00Z",
+        createdAt: '2026-04-27T08:10:00Z',
+        updatedAt: '2026-04-27T08:10:00Z',
       },
       ...mockStudioMembers,
     ];
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Aorders-worker&step=build&tab=gagents",
+      '/studio?scopeId=scope-1&member=member%3Aorders-worker&step=build&tab=gagents',
     );
 
-    expect(await screen.findByTestId("studio-gagent-build-panel")).toBeTruthy();
-    const rail = await screen.findByLabelText("Team members");
+    expect(await screen.findByTestId('studio-gagent-build-panel')).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
     expect(
-      await within(rail).findByRole("button", { name: "Orders Worker" }),
+      await within(rail).findByRole('button', { name: 'Orders Worker' }),
     ).toBeTruthy();
-    expect(screen.getByTestId("studio-context-title")).toHaveTextContent(
-      "Orders Worker",
+    expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+      'Orders Worker',
     );
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:orders-worker");
-      expect(searchParams.get("tab")).toBe("gagents");
-      expect(searchParams.get("step")).toBe("build");
-      expect(searchParams.get("focus")).toBeNull();
+      expect(searchParams.get('member')).toBe('member:orders-worker');
+      expect(searchParams.get('tab')).toBe('gagents');
+      expect(searchParams.get('step')).toBe('build');
+      expect(searchParams.get('focus')).toBeNull();
     });
   });
 
-  it("opens a routed GAgent member on the GAgent Build surface without requiring a gagents tab hint", async () => {
+  it('opens a routed GAgent member on the GAgent Build surface without requiring a gagents tab hint', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockStudioMembers = [
       {
-        memberId: "orders-worker",
-        scopeId: "scope-1",
-        displayName: "Orders Worker",
-        description: "Team entry GAgent member",
-        implementationKind: "gagent",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "member-orders-worker",
-        lastBoundRevisionId: "rev-gagent-1",
-        teamId: "t-alpha",
-        createdAt: "2026-04-27T08:10:00Z",
-        updatedAt: "2026-04-27T08:15:00Z",
+        memberId: 'orders-worker',
+        scopeId: 'scope-1',
+        displayName: 'Orders Worker',
+        description: 'Team entry GAgent member',
+        implementationKind: 'gagent',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'member-orders-worker',
+        lastBoundRevisionId: 'rev-gagent-1',
+        teamId: 't-alpha',
+        createdAt: '2026-04-27T08:10:00Z',
+        updatedAt: '2026-04-27T08:15:00Z',
       },
       ...mockStudioMembers,
     ];
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aorders-worker&step=build&tab=studio",
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aorders-worker&step=build&tab=studio',
     );
 
-    expect(await screen.findByTestId("studio-gagent-build-panel")).toBeTruthy();
-    expect(screen.queryByTestId("studio-workflow-build-panel")).toBeNull();
-    expect(screen.getByTestId("studio-context-title")).toHaveTextContent(
-      "Orders Worker",
+    expect(await screen.findByTestId('studio-gagent-build-panel')).toBeTruthy();
+    expect(screen.queryByTestId('studio-workflow-build-panel')).toBeNull();
+    expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+      'Orders Worker',
     );
-    expect(screen.getByRole("button", { name: /^GAgent/ })).toHaveAttribute(
-      "aria-pressed",
-      "true",
+    expect(screen.getByRole('button', { name: /^GAgent/ })).toHaveAttribute(
+      'aria-pressed',
+      'true',
     );
-    expect(screen.getByRole("button", { name: "Workflow" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: "Script" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: /^GAgent/ })).toBeDisabled();
-    fireEvent.click(screen.getByRole("button", { name: "Workflow" }));
-    expect(screen.getByTestId("studio-gagent-build-panel")).toBeTruthy();
-    expect(screen.queryByTestId("studio-workflow-build-panel")).toBeNull();
-    expect(screen.getByRole("button", { name: "Continue to Bind" })).toBeEnabled();
+    expect(screen.getByRole('button', { name: 'Workflow' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Script' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: /^GAgent/ })).toBeDisabled();
+    fireEvent.click(screen.getByRole('button', { name: 'Workflow' }));
+    expect(screen.getByTestId('studio-gagent-build-panel')).toBeTruthy();
+    expect(screen.queryByTestId('studio-workflow-build-panel')).toBeNull();
+    expect(
+      screen.getByRole('button', { name: 'Continue to Bind' }),
+    ).toBeEnabled();
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:orders-worker");
-      expect(searchParams.get("tab")).toBe("gagents");
-      expect(searchParams.get("step")).toBe("build");
-      expect(searchParams.get("focus")).toBeNull();
+      expect(searchParams.get('member')).toBe('member:orders-worker');
+      expect(searchParams.get('tab')).toBe('gagents');
+      expect(searchParams.get('step')).toBe('build');
+      expect(searchParams.get('focus')).toBeNull();
     });
   });
 
-  it("binds an unbound GAgent member from Build and keeps the member route", async () => {
+  it('binds an unbound GAgent member from Build and keeps the member route', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockStudioMembers = [
       {
-        memberId: "orders-worker",
-        scopeId: "scope-1",
-        displayName: "Orders Worker",
-        description: "Unbound GAgent member",
-        implementationKind: "gagent",
-        lifecycleStage: "created",
-        publishedServiceId: "member-orders-worker",
+        memberId: 'orders-worker',
+        scopeId: 'scope-1',
+        displayName: 'Orders Worker',
+        description: 'Unbound GAgent member',
+        implementationKind: 'gagent',
+        lifecycleStage: 'created',
+        publishedServiceId: 'member-orders-worker',
         lastBoundRevisionId: null,
-        createdAt: "2026-04-27T08:10:00Z",
-        updatedAt: "2026-04-27T08:10:00Z",
+        createdAt: '2026-04-27T08:10:00Z',
+        updatedAt: '2026-04-27T08:10:00Z',
       },
       ...mockStudioMembers,
     ];
@@ -5041,107 +5280,109 @@ describe("StudioPage", () => {
       .mockResolvedValueOnce([])
       .mockResolvedValue([
         {
-          serviceId: "member-orders-worker",
-          displayName: "Orders Worker",
-          deploymentStatus: "Active",
-          primaryActorId: "actor-orders-worker",
+          serviceId: 'member-orders-worker',
+          displayName: 'Orders Worker',
+          deploymentStatus: 'Active',
+          primaryActorId: 'actor-orders-worker',
           endpoints: [
             {
-              endpointId: "run",
-              displayName: "Run",
-              kind: "command",
-              description: "Run the bound GAgent member.",
-              requestTypeUrl: "type.googleapis.com/google.protobuf.StringValue",
-              responseTypeUrl: "",
+              endpointId: 'run',
+              displayName: 'Run',
+              kind: 'command',
+              description: 'Run the bound GAgent member.',
+              requestTypeUrl: 'type.googleapis.com/google.protobuf.StringValue',
+              responseTypeUrl: '',
             },
           ],
         },
       ]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Aorders-worker&step=build&tab=gagents",
+      '/studio?scopeId=scope-1&member=member%3Aorders-worker&step=build&tab=gagents',
     );
 
-    expect(await screen.findByTestId("studio-gagent-build-panel")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
+    expect(await screen.findByTestId('studio-gagent-build-panel')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("candidate:Orders Worker")).toBeTruthy();
-      expect(screen.getByText("service:no-service")).toBeTruthy();
-      expect(screen.getByText("services:none")).toBeTruthy();
-      expect(screen.getByText("member:orders-worker")).toBeTruthy();
+      expect(screen.getByText('candidate:Orders Worker')).toBeTruthy();
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('member:orders-worker')).toBeTruthy();
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Bind current member' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.bindMemberGAgent).toHaveBeenCalledWith(
         expect.objectContaining({
-          scopeId: "scope-1",
-          memberId: "orders-worker",
-          displayName: "Orders Worker",
-          agentKind: "Tests.OrdersGAgent",
+          scopeId: 'scope-1',
+          memberId: 'orders-worker',
+          displayName: 'Orders Worker',
+          agentKind: 'Tests.OrdersGAgent',
           endpoints: expect.arrayContaining([
             expect.objectContaining({
-              endpointId: "run",
-              kind: "command",
+              endpointId: 'run',
+              kind: 'command',
             }),
           ]),
-        })
+        }),
       );
     });
     expect(studioApi.bindScopeGAgent).not.toHaveBeenCalled();
     await waitFor(() => {
-      expect(screen.getByText("service:member-orders-worker")).toBeTruthy();
-      expect(screen.getByText("services:member-orders-worker")).toBeTruthy();
-      expect(screen.getByText("candidate:none")).toBeTruthy();
+      expect(screen.getByText('service:member-orders-worker')).toBeTruthy();
+      expect(screen.getByText('services:member-orders-worker')).toBeTruthy();
+      expect(screen.getByText('candidate:none')).toBeTruthy();
     });
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("member")).toBe("member:orders-worker");
-    expect(searchParams.get("step")).toBe("bind");
-    expect(searchParams.get("tab")).toBe("bindings");
-    expect(searchParams.get("focus")).toBeNull();
+    expect(searchParams.get('member')).toBe('member:orders-worker');
+    expect(searchParams.get('step')).toBe('bind');
+    expect(searchParams.get('tab')).toBe('bindings');
+    expect(searchParams.get('focus')).toBeNull();
   });
 
-  it("renames a workflow member from the inventory actions", async () => {
-    jest.spyOn(window, "prompt").mockReturnValue("orders-router");
+  it('renames a workflow member from the inventory actions', async () => {
+    jest.spyOn(window, 'prompt').mockReturnValue('orders-router');
 
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
-    fireEvent.click(await screen.findByLabelText("Rename workspace-demo"));
+    fireEvent.click(await screen.findByLabelText('Rename workspace-demo'));
 
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowId: "workflow-1",
-          workflowName: "orders-router",
-          fileName: "orders-router.yaml",
-        })
+          workflowId: 'workflow-1',
+          workflowName: 'orders-router',
+          fileName: 'orders-router.yaml',
+        }),
       );
     });
 
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Renamed workflow member to orders-router.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Renamed workflow member to orders-router.',
       );
     });
   });
 
-  it("deletes a workflow member from the inventory rail", async () => {
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+  it('deletes a workflow member from the inventory rail', async () => {
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
-    fireEvent.click(await screen.findByLabelText("Delete workspace-demo"));
+    fireEvent.click(await screen.findByLabelText('Delete workspace-demo'));
 
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          title: "Delete workflow member",
-          okText: "Delete member",
-          cancelText: "Keep member",
-          autoFocusButton: "cancel",
-        })
+          title: 'Delete workflow member',
+          okText: 'Delete member',
+          cancelText: 'Keep member',
+          autoFocusButton: 'cancel',
+        }),
       );
     });
 
@@ -5153,31 +5394,32 @@ describe("StudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.deleteWorkflow).toHaveBeenCalledWith(
-        "workflow-1",
+        'workflow-1',
         undefined,
       );
     });
 
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Deleted workflow member workspace-demo.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Deleted workflow member workspace-demo.',
       );
     });
   });
 
-  it("deletes a synced Studio member from the inventory rail", async () => {
+  it('deletes a synced Studio member from the inventory rail', async () => {
     (studioApi.deleteMember as jest.Mock).mockResolvedValue({
-      status: "delete_accepted",
-      scopeId: "scope-1",
-      memberId: "workspace-demo",
-      ackedAt: "2026-07-09T08:12:00Z",
+      status: 'delete_accepted',
+      scopeId: 'scope-1',
+      memberId: 'workspace-demo',
+      ackedAt: '2026-07-09T08:12:00Z',
     });
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    const deleteButton = await screen.findByLabelText("Delete workspace-demo");
-    const memberReadsBeforeDelete = (studioApi.getMember as jest.Mock).mock.calls.length;
+    const deleteButton = await screen.findByLabelText('Delete workspace-demo');
+    const memberReadsBeforeDelete = (studioApi.getMember as jest.Mock).mock
+      .calls.length;
     let confirmRemoval: (() => void) | undefined;
     const removalObserved = new Promise<void>((resolve) => {
       confirmRemoval = resolve;
@@ -5191,9 +5433,9 @@ describe("StudioPage", () => {
       .mockImplementationOnce(async () => {
         await removalObserved;
         throw createStudioApiStatusError(
-          "Member not found",
+          'Member not found',
           404,
-          "STUDIO_MEMBER_NOT_FOUND",
+          'STUDIO_MEMBER_NOT_FOUND',
         );
       });
     fireEvent.click(deleteButton);
@@ -5201,11 +5443,11 @@ describe("StudioPage", () => {
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          title: "Delete Studio member",
-          okText: "Delete member",
-          cancelText: "Keep member",
-          autoFocusButton: "cancel",
-        })
+          title: 'Delete Studio member',
+          okText: 'Delete member',
+          cancelText: 'Keep member',
+          autoFocusButton: 'cancel',
+        }),
       );
     });
 
@@ -5218,8 +5460,8 @@ describe("StudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.deleteMember).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "workspace-demo",
+        scopeId: 'scope-1',
+        memberId: 'workspace-demo',
       });
     });
     expect(studioApi.deleteWorkflow).not.toHaveBeenCalled();
@@ -5228,9 +5470,11 @@ describe("StudioPage", () => {
         memberReadsBeforeDelete + 2,
       );
     });
-    expect(screen.getByLabelText("Delete workspace-demo")).toBeTruthy();
-    expect(message.info).toHaveBeenCalled();
-    expect(message.success).not.toHaveBeenCalled();
+    expect(screen.getByLabelText('Delete workspace-demo')).toBeTruthy();
+    expect(mockConsoleToast.info).toHaveBeenCalledWith(
+      'Deletion submitted. Waiting for confirmation.',
+    );
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
 
     await act(async () => {
       confirmRemoval?.();
@@ -5238,87 +5482,93 @@ describe("StudioPage", () => {
     });
 
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Deleted member workspace-demo.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Deleted member workspace-demo.',
       );
     });
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("member")).toBeNull();
-    expect(searchParams.get("focus")).toBeNull();
+    expect(searchParams.get('member')).toBeNull();
+    expect(searchParams.get('focus')).toBeNull();
   });
 
-  it("builds Studio member delete confirmation from the targeted member identity", async () => {
+  it('builds Studio member delete confirmation from the targeted member identity', async () => {
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "workspace-demo",
-        displayName: "workspace-demo",
-        teamId: "t-alpha",
+        memberId: 'workspace-demo',
+        displayName: 'workspace-demo',
+        teamId: 't-alpha',
       },
       {
         ...mockStudioMembers[0],
-        memberId: "other-team-member",
-        displayName: "Other team member",
-        teamId: "t-alpha",
+        memberId: 'other-team-member',
+        displayName: 'Other team member',
+        teamId: 't-alpha',
       },
     ];
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    fireEvent.click(await screen.findByLabelText("Delete workspace-demo"));
+    fireEvent.click(await screen.findByLabelText('Delete workspace-demo'));
 
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          title: "Delete Studio member",
-          okText: "Delete member",
-          cancelText: "Keep member",
-          autoFocusButton: "cancel",
-        })
+          title: 'Delete Studio member',
+          okText: 'Delete member',
+          cancelText: 'Keep member',
+          autoFocusButton: 'cancel',
+        }),
       );
     });
 
     const confirmConfig = (Modal.confirm as jest.Mock).mock.calls[0]?.[0];
     expect(confirmConfig.icon).toBeTruthy();
-    expect(String(confirmConfig.content?.props?.children?.[0]?.props?.children?.[1]?.props?.children)).toBe(
-      "workspace-demo",
-    );
+    expect(
+      String(
+        confirmConfig.content?.props?.children?.[0]?.props?.children?.[1]?.props
+          ?.children,
+      ),
+    ).toBe('workspace-demo');
 
     (Modal.confirm as jest.Mock).mockClear();
 
     window.history.replaceState(
       {},
-      "",
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aother-team-member&focus=workflow%3Aworkflow-1&tab=studio"
+      '',
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aother-team-member&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aother-team-member&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aother-team-member&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    fireEvent.click(await screen.findByLabelText("Delete Other team member"));
+    fireEvent.click(await screen.findByLabelText('Delete Other team member'));
 
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          title: "Delete Studio member",
-        })
+          title: 'Delete Studio member',
+        }),
       );
     });
 
     const otherConfirmConfig = (Modal.confirm as jest.Mock).mock.calls[0]?.[0];
-    expect(String(otherConfirmConfig.content?.props?.children?.[0]?.props?.children?.[1]?.props?.children)).toBe(
-      "Other team member",
-    );
+    expect(
+      String(
+        otherConfirmConfig.content?.props?.children?.[0]?.props?.children?.[1]
+          ?.props?.children,
+      ),
+    ).toBe('Other team member');
 
     (studioApi.getMember as jest.Mock).mockRejectedValueOnce(
       createStudioApiStatusError(
-        "Member not found",
+        'Member not found',
         404,
-        "STUDIO_MEMBER_NOT_FOUND",
+        'STUDIO_MEMBER_NOT_FOUND',
       ),
     );
 
@@ -5328,32 +5578,36 @@ describe("StudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.deleteMember).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "other-team-member",
+        scopeId: 'scope-1',
+        memberId: 'other-team-member',
       });
     });
 
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Deleted member Other team member.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Deleted member Other team member.',
       );
     });
   });
 
-  it("surfaces an unrelated Studio member delete 404", async () => {
+  it('surfaces an unrelated Studio member delete 404', async () => {
     (studioApi.deleteMember as jest.Mock).mockRejectedValueOnce(
-      createStudioApiStatusError("Delete route not found", 404, "ROUTE_NOT_FOUND"),
+      createStudioApiStatusError(
+        'Delete route not found',
+        404,
+        'ROUTE_NOT_FOUND',
+      ),
     );
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    fireEvent.click(await screen.findByLabelText("Delete workspace-demo"));
+    fireEvent.click(await screen.findByLabelText('Delete workspace-demo'));
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          title: "Delete Studio member",
-        })
+          title: 'Delete Studio member',
+        }),
       );
     });
 
@@ -5362,25 +5616,30 @@ describe("StudioPage", () => {
       await confirmConfig.onOk();
     });
 
-    expect(message.error).toHaveBeenCalledWith("Delete route not found");
-    expect(message.success).not.toHaveBeenCalled();
-    expect(screen.getByLabelText("Delete workspace-demo")).toBeTruthy();
+    expect(mockConsoleToast.error).toHaveBeenCalledWith(
+      'Failed to delete member.',
+    );
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(
+      'Delete route not found',
+    );
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+    expect(screen.getByLabelText('Delete workspace-demo')).toBeTruthy();
   });
 
-  it("treats a missing workflow draft as already deleted from the inventory rail", async () => {
+  it('treats a missing workflow draft as already deleted from the inventory rail', async () => {
     (studioApi.deleteWorkflow as jest.Mock).mockRejectedValueOnce(
-      new Error("Not Found"),
+      new Error('Not Found'),
     );
 
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
-    fireEvent.click(await screen.findByLabelText("Delete workspace-demo"));
+    fireEvent.click(await screen.findByLabelText('Delete workspace-demo'));
 
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          title: "Delete workflow member",
-        })
+          title: 'Delete workflow member',
+        }),
       );
     });
 
@@ -5389,53 +5648,61 @@ describe("StudioPage", () => {
       await expect(confirmConfig.onOk()).resolves.toBeUndefined();
     });
 
-    expect(message.error).not.toHaveBeenCalled();
+    expect(mockConsoleToast.error).not.toHaveBeenCalled();
     await waitFor(() => {
-      expect(message.success).toHaveBeenCalledWith(
-        "Deleted workflow member workspace-demo.",
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Deleted workflow member workspace-demo.',
       );
     });
   });
 
-  it("saves the workflow draft and continues to bind from the build page", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('saves the workflow draft and continues to bind from the build page', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByLabelText("Step ID")).toHaveValue("draft_step");
+      expect(screen.getByLabelText('Step ID')).toHaveValue('draft_step');
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Add step" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Add step' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalled();
     });
     await waitFor(() => {
-      expect(screen.getByLabelText("Step ID")).toHaveValue("llm_step");
+      expect(screen.getByLabelText('Step ID')).toHaveValue('llm_step');
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Save draft" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save draft' }));
 
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          scopeId: "scope-1",
+          scopeId: 'scope-1',
           yaml: expect.stringMatching(/llm_step[\s\S]*llm_call/),
         }),
       );
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
-    const bindSurface = await screen.findByTestId("studio-bind-surface");
+    const bindSurface = await screen.findByTestId('studio-bind-surface');
     expect(bindSurface).toBeTruthy();
   });
 
-  it("saves pending workflow step prompt edits without requiring Apply changes", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('saves pending workflow step prompt edits without requiring Apply changes', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
     await waitFor(() => {
-      expect(mockLastWorkflowBuildPanelProps?.onSaveDraft).toEqual(expect.any(Function));
+      expect(mockLastWorkflowBuildPanelProps?.onSaveDraft).toEqual(
+        expect.any(Function),
+      );
       expect(mockLastWorkflowBuildPanelProps?.canSaveWorkflow).toBe(true);
     });
     const staleWorkflowDocument = mockCloneValue(mockWorkflowDocument) as any;
@@ -5445,25 +5712,27 @@ describe("StudioPage", () => {
       yaml: mockBuildWorkflowYaml(staleWorkflowDocument),
       document: staleWorkflowDocument,
     };
-    (studioApi.saveWorkflow as jest.Mock).mockResolvedValueOnce(staleWorkflowResponse);
+    (studioApi.saveWorkflow as jest.Mock).mockResolvedValueOnce(
+      staleWorkflowResponse,
+    );
     (studioApi.serializeYaml as jest.Mock).mockClear();
     await act(async () => {
       await mockLastWorkflowBuildPanelProps.onSaveDraft({
-        stepId: "draft_step",
+        stepId: 'draft_step',
         draft: {
-          kind: "step",
-          id: "draft_step",
-          type: "llm_call",
-          targetRole: "assistant",
-          next: "approve_step",
+          kind: 'step',
+          id: 'draft_step',
+          type: 'llm_call',
+          targetRole: 'assistant',
+          next: 'approve_step',
           parametersText: JSON.stringify(
             {
-              prompt_prefix: "Classify the refund request before answering.",
+              prompt_prefix: 'Classify the refund request before answering.',
             },
             null,
-            2
+            2,
           ),
-          branchesText: "{}",
+          branchesText: '{}',
         },
       });
     });
@@ -5474,272 +5743,300 @@ describe("StudioPage", () => {
           document: expect.objectContaining({
             steps: expect.arrayContaining([
               expect.objectContaining({
-                id: "draft_step",
+                id: 'draft_step',
                 parameters: expect.objectContaining({
-                  prompt_prefix: "Classify the refund request before answering.",
+                  prompt_prefix:
+                    'Classify the refund request before answering.',
                 }),
               }),
             ]),
           }),
-        })
+        }),
       );
     });
 
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          scopeId: "scope-1",
+          scopeId: 'scope-1',
           yaml: expect.stringContaining(
-            "prompt_prefix: Classify the refund request before answering."
+            'prompt_prefix: Classify the refund request before answering.',
           ),
-        })
+        }),
       );
     });
 
     await waitFor(() => {
       expect(mockLastWorkflowBuildPanelProps?.draftYaml).toContain(
-        "prompt_prefix: Classify the refund request before answering."
+        'prompt_prefix: Classify the refund request before answering.',
       );
-      expect(mockLastWorkflowBuildPanelProps?.workflowGraph.steps[0].parameters).toEqual(
+      expect(
+        mockLastWorkflowBuildPanelProps?.workflowGraph.steps[0].parameters,
+      ).toEqual(
         expect.objectContaining({
-          prompt_prefix: "Classify the refund request before answering.",
-        })
+          prompt_prefix: 'Classify the refund request before answering.',
+        }),
       );
     });
   });
 
-  it("applies workflow step changes without requiring a manual graph selection first", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('applies workflow step changes without requiring a manual graph selection first', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByLabelText("Step ID")).toHaveValue("draft_step");
+      expect(screen.getByLabelText('Step ID')).toHaveValue('draft_step');
     });
 
     (studioApi.serializeYaml as jest.Mock).mockClear();
 
-    const stepIdInput = screen.getByLabelText("Step ID");
+    const stepIdInput = screen.getByLabelText('Step ID');
     fireEvent.change(stepIdInput, {
-      target: { value: "draft_step_updated" },
+      target: { value: 'draft_step_updated' },
     });
     fireEvent.input(stepIdInput, {
-      target: { value: "draft_step_updated" },
+      target: { value: 'draft_step_updated' },
     });
-    expect(stepIdInput).toHaveValue("draft_step_updated");
-    fireEvent.click(screen.getByRole("button", { name: "Apply changes" }));
+    expect(stepIdInput).toHaveValue('draft_step_updated');
+    fireEvent.click(screen.getByRole('button', { name: 'Apply changes' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalled();
-      const serializedDocument = (studioApi.serializeYaml as jest.Mock).mock.calls.at(-1)?.[0]
-        ?.document;
-      expect(serializedDocument?.steps?.[0]?.id).toBe("draft_step_updated");
+      const serializedDocument = (
+        studioApi.serializeYaml as jest.Mock
+      ).mock.calls.at(-1)?.[0]?.document;
+      expect(serializedDocument?.steps?.[0]?.id).toBe('draft_step_updated');
     });
 
     expect(
-      screen.queryByText("Select a workflow step before applying changes."),
+      screen.queryByText('Select a workflow step before applying changes.'),
     ).toBeNull();
   });
 
-  it("carries the selected bind contract into invoke after continuing from build", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+  it('carries the selected bind contract into invoke after continuing from build', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
 
     await waitFor(() => {
-      expect(screen.getByRole("button", { name: "Continue to Invoke" })).not.toBeDisabled();
+      expect(
+        screen.getByRole('button', { name: 'Continue to Invoke' }),
+      ).not.toBeDisabled();
     });
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Invoke" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Invoke' }));
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
-    expect(screen.getByText("service:default")).toBeTruthy();
-    expect(screen.getByText("services:default")).toBeTruthy();
-    expect(screen.getByText("endpoint:chat")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
+    expect(screen.getByText('service:default')).toBeTruthy();
+    expect(screen.getByText('services:default')).toBeTruthy();
+    expect(screen.getByText('endpoint:chat')).toBeTruthy();
   });
 
-  it("does not continue from Bind to Invoke without backend member identity", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('does not continue from Bind to Invoke without backend member identity', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    expect(screen.getByText("Select a Team member before using Invoke.")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    expect(
+      screen.getByText('Select a Team member before using Invoke.'),
+    ).toBeTruthy();
 
-    const continueButton = screen.getByRole("button", { name: "Continue to Invoke" });
+    const continueButton = screen.getByRole('button', {
+      name: 'Continue to Invoke',
+    });
     expect(continueButton).toBeDisabled();
     fireEvent.click(continueButton);
 
-    expect(screen.queryByTestId("studio-invoke-surface")).toBeNull();
+    expect(screen.queryByTestId('studio-invoke-surface')).toBeNull();
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("step")).not.toBe("invoke");
+    expect(searchParams.get('step')).not.toBe('invoke');
   });
 
-  it("pins Invoke to the selected member instead of exposing every runtime service", async () => {
+  it('pins Invoke to the selected member instead of exposing every runtime service', async () => {
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with workspace-demo.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with workspace-demo.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "billing-api",
-        displayName: "Billing API",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-billing",
+        serviceId: 'billing-api',
+        displayName: 'Billing API',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-billing',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with billing.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with billing.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
 
-    renderStudioPage("/studio?scopeId=scope-1&memberId=default&step=invoke&tab=invoke");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&memberId=default&step=invoke&tab=invoke',
+    );
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("service:default")).toBeTruthy();
-      expect(screen.getByText("member:workspace-demo")).toBeTruthy();
-      expect(screen.getByText("services:default")).toBeTruthy();
+      expect(screen.getByText('service:default')).toBeTruthy();
+      expect(screen.getByText('member:workspace-demo')).toBeTruthy();
+      expect(screen.getByText('services:default')).toBeTruthy();
     });
-    expect(screen.queryByText("services:default,billing-api")).toBeNull();
+    expect(screen.queryByText('services:default,billing-api')).toBeNull();
   });
 
-  it("keeps Invoke on the selected member when a stale bind selection exists", async () => {
+  it('keeps Invoke on the selected member when a stale bind selection exists', async () => {
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "support-member",
-        scopeId: "scope-1",
-        displayName: "support-member",
-        description: "Support member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "support-service",
-        lastBoundRevisionId: "rev-support",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'support-member',
+        scopeId: 'scope-1',
+        displayName: 'support-member',
+        description: 'Support member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'support-service',
+        lastBoundRevisionId: 'rev-support',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with workspace-demo.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with workspace-demo.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "support-service",
-        displayName: "support-member",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-support",
+        serviceId: 'support-service',
+        displayName: 'support-member',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-support',
         endpoints: [
           {
-            endpointId: "support-chat",
-            displayName: "Support chat",
-            kind: "chat",
-            description: "Chat with support.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'support-chat',
+            displayName: 'Support chat',
+            kind: 'chat',
+            description: 'Chat with support.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Aworkspace-demo&step=bind"
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&step=bind',
     );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Select bind endpoint" }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Select bind endpoint' }),
+    );
 
     await replaceStudioRoute(
-      "/studio?scopeId=scope-1&member=member%3Asupport-member&step=invoke"
+      '/studio?scopeId=scope-1&member=member%3Asupport-member&step=invoke',
     );
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("service:support-service")).toBeTruthy();
-      expect(screen.getByText("member:support-member")).toBeTruthy();
-      expect(screen.getByText("services:support-service")).toBeTruthy();
-      expect(screen.getByText("endpoint:support-chat")).toBeTruthy();
+      expect(screen.getByText('service:support-service')).toBeTruthy();
+      expect(screen.getByText('member:support-member')).toBeTruthy();
+      expect(screen.getByText('services:support-service')).toBeTruthy();
+      expect(screen.getByText('endpoint:support-chat')).toBeTruthy();
     });
-    expect(screen.queryByText("service:default")).toBeNull();
+    expect(screen.queryByText('service:default')).toBeNull();
   });
 
-  it("shows an invoke empty state when a bound member has no endpoint data", async () => {
+  it('shows an invoke empty state when a bound member has no endpoint data', async () => {
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "script-member",
-        scopeId: "scope-1",
-        displayName: "script-alpha",
-        description: "Script member with no endpoints",
-        implementationKind: "script",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "script-alpha",
-        lastBoundRevisionId: "rev-script-alpha",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'script-member',
+        scopeId: 'scope-1',
+        displayName: 'script-alpha',
+        description: 'Script member with no endpoints',
+        implementationKind: 'script',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'script-alpha',
+        lastBoundRevisionId: 'rev-script-alpha',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "script-alpha",
-        displayName: "script-alpha",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-script-alpha",
+        serviceId: 'script-alpha',
+        displayName: 'script-alpha',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-script-alpha',
         endpoints: [],
       },
     ]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Ascript-member&step=invoke&tab=invoke"
+      '/studio?scopeId=scope-1&member=member%3Ascript-member&step=invoke&tab=invoke',
     );
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("service:script-alpha")).toBeTruthy();
-      expect(screen.getByText("member:script-alpha")).toBeTruthy();
-      expect(screen.getByText("services:none")).toBeTruthy();
-      expect(screen.getByText("endpoint:no-endpoint")).toBeTruthy();
-      expect(screen.getByText(/empty:script-alpha cannot be invoked directly yet\./)).toBeTruthy();
+      expect(screen.getByText('service:script-alpha')).toBeTruthy();
+      expect(screen.getByText('member:script-alpha')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('endpoint:no-endpoint')).toBeTruthy();
+      expect(
+        screen.getByText(/empty:script-alpha cannot be invoked directly yet\./),
+      ).toBeTruthy();
     });
   });
 
-  it("requires a fresh explicit-request confirmation before binding a workflow member", async () => {
+  it('requires a fresh explicit-request confirmation before binding a workflow member', async () => {
     mockStudioMembers = mockStudioMembers.map((member) =>
-      member.memberId === "workspace-demo"
-        ? { ...member, lastBoundRevisionId: "rev-2" }
+      member.memberId === 'workspace-demo'
+        ? { ...member, lastBoundRevisionId: 'rev-2' }
         : member,
     );
     (studioApi.previewExplicitRequests as jest.Mock).mockImplementation(
@@ -5748,17 +6045,17 @@ describe("StudioPage", () => {
         revisionId: input.revisionId,
         items: [
           {
-            callSiteId: "wf-alpha/request-alpha",
-            requestContractDigest: "digest-alpha",
-            userServiceId: "usvc-alpha",
-            method: "post",
-            pathTemplate: "/records/{id}",
-            bodyMode: "json",
+            callSiteId: 'wf-alpha/request-alpha',
+            requestContractDigest: 'digest-alpha',
+            userServiceId: 'usvc-alpha',
+            method: 'post',
+            pathTemplate: '/records/{id}',
+            bodyMode: 'json',
             bodyRequired: true,
-            responseMode: "text",
-            effectiveRisk: "write",
+            responseMode: 'text',
+            effectiveRisk: 'write',
             approvalRequired: true,
-            allowedExecutionModes: ["interactive"],
+            allowedExecutionModes: ['interactive'],
           },
         ],
       }),
@@ -5768,65 +6065,75 @@ describe("StudioPage", () => {
       .mockResolvedValueOnce([])
       .mockResolvedValueOnce([
         {
-          serviceId: "default",
-          displayName: "workspace-demo",
-          deploymentStatus: "Active",
-          primaryActorId: "actor-default",
+          serviceId: 'default',
+          displayName: 'workspace-demo',
+          deploymentStatus: 'Active',
+          primaryActorId: 'actor-default',
           endpoints: [
             {
-              endpointId: "chat",
-              displayName: "Chat",
-              kind: "chat",
-              description: "Chat with the published workflow.",
-              requestTypeUrl: "",
-              responseTypeUrl: "",
+              endpointId: 'chat',
+              displayName: 'Chat',
+              kind: 'chat',
+              description: 'Chat with the published workflow.',
+              requestTypeUrl: '',
+              responseTypeUrl: '',
             },
           ],
         },
       ]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
 
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("service:default")).toBeTruthy();
-      expect(screen.getByText("candidate:none")).toBeTruthy();
+      expect(screen.getByText('service:default')).toBeTruthy();
+      expect(screen.getByText('candidate:none')).toBeTruthy();
     });
 
     await act(async () => {
-      fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current member' }),
+      );
     });
 
     await waitFor(() => {
       expect(studioApi.previewExplicitRequests).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        workflowId: "workflow-1",
-        workflowYaml: expect.stringContaining("name: workspace-demo"),
+        scopeId: 'scope-1',
+        workflowId: 'workflow-1',
+        workflowYaml: expect.stringContaining('name: workspace-demo'),
         inlineWorkflowYamls: {},
-        executionMode: "interactive",
+        executionMode: 'interactive',
         revisionId: expect.stringMatching(/^rev-/),
       });
       expect(Modal.confirm).toHaveBeenCalledTimes(1);
     });
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
 
-    const cancelledConfirmation = (Modal.confirm as jest.Mock).mock.calls[0]?.[0];
+    const cancelledConfirmation = (Modal.confirm as jest.Mock).mock
+      .calls[0]?.[0];
     await act(async () => {
       cancelledConfirmation.onCancel();
     });
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
 
-    fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Bind current member' }),
+    );
     await waitFor(() => {
       expect(studioApi.previewExplicitRequests).toHaveBeenCalledTimes(2);
       expect(Modal.confirm).toHaveBeenCalledTimes(2);
     });
-    const previewInput = (studioApi.previewExplicitRequests as jest.Mock).mock.calls[1]?.[0];
+    const previewInput = (studioApi.previewExplicitRequests as jest.Mock).mock
+      .calls[1]?.[0];
     const confirmedDialog = (Modal.confirm as jest.Mock).mock.calls[1]?.[0];
     await act(async () => {
       await confirmedDialog.onOk();
@@ -5834,1441 +6141,1785 @@ describe("StudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.bindMemberWorkflow).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "workspace-demo",
-        displayName: "workspace-demo",
-        workflowId: "workflow-1",
+        scopeId: 'scope-1',
+        memberId: 'workspace-demo',
+        displayName: 'workspace-demo',
+        workflowId: 'workflow-1',
         revisionId: previewInput.revisionId,
         workflowYamls: [previewInput.workflowYaml],
         explicitRequestConfirmations: [
           {
-            workflowId: "workflow-1",
+            workflowId: 'workflow-1',
             revisionId: previewInput.revisionId,
-            callSiteId: "wf-alpha/request-alpha",
-            requestContractDigest: "digest-alpha",
-            attestedRisk: "write",
+            callSiteId: 'wf-alpha/request-alpha',
+            requestContractDigest: 'digest-alpha',
+            attestedRisk: 'write',
           },
         ],
       });
     });
-    expect(previewInput.revisionId).not.toBe("rev-2");
+    expect(previewInput.revisionId).not.toBe('rev-2');
   });
 
-  it("does not expose post-bind Team entry or Team test actions from Studio bind", async () => {
+  it('does not expose post-bind Team entry or Team test actions from Studio bind', async () => {
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&step=bind&tab=bindings',
     );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     expect(
-      screen.queryByRole("button", { name: "设为入口并测试 Team" })
+      screen.queryByRole('button', { name: '设为入口并测试 Team' }),
     ).toBeNull();
-    expect(screen.queryByRole("button", { name: "测试 Team" })).toBeNull();
+    expect(screen.queryByRole('button', { name: '测试 Team' })).toBeNull();
     await waitFor(() =>
-      expect(screen.getByText("service:default")).toBeTruthy()
+      expect(screen.getByText('service:default')).toBeTruthy(),
     );
     expect(studioApi.setTeamEntryMember).not.toHaveBeenCalled();
-    expect(window.location.pathname).toBe("/studio");
-    expect(new URLSearchParams(window.location.search).get("testTeam")).toBeNull();
-    expect(message.warning).not.toHaveBeenCalledWith(
-      expect.stringContaining("读模型还没有确认新入口成员"),
+    expect(window.location.pathname).toBe('/studio');
+    expect(
+      new URLSearchParams(window.location.search).get('testTeam'),
+    ).toBeNull();
+    expect(mockConsoleToast.warning).not.toHaveBeenCalledWith(
+      expect.stringContaining('读模型还没有确认新入口成员'),
     );
   });
 
-  it("keeps pending member binding from promoting the bind selection", async () => {
+  it('keeps pending member binding from promoting the bind selection', async () => {
     mockScopeRuntimeApi.listServices.mockReset();
     mockScopeRuntimeApi.listServices
       .mockResolvedValueOnce([])
       .mockResolvedValue([
         {
-          serviceId: "member-workspace-demo",
-          displayName: "workspace-demo",
-          deploymentStatus: "Active",
-          primaryActorId: "actor-default",
+          serviceId: 'member-workspace-demo',
+          displayName: 'workspace-demo',
+          deploymentStatus: 'Active',
+          primaryActorId: 'actor-default',
           endpoints: [
             {
-              endpointId: "chat",
-              displayName: "Chat",
-              kind: "chat",
-              description: "Chat with workspace-demo.",
-              requestTypeUrl: "",
-              responseTypeUrl: "",
+              endpointId: 'chat',
+              displayName: 'Chat',
+              kind: 'chat',
+              description: 'Chat with workspace-demo.',
+              requestTypeUrl: '',
+              responseTypeUrl: '',
             },
           ],
         },
       ]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValue({
-      bindingRunId: "bind-member-workflow-1",
-      scopeId: "scope-1",
-      memberId: "workspace-demo",
-      status: "platform_binding_pending",
+      bindingRunId: 'bind-member-workflow-1',
+      scopeId: 'scope-1',
+      memberId: 'workspace-demo',
+      status: 'platform_binding_pending',
       stateVersion: 11,
       failure: null,
-      updatedAt: "2026-04-27T08:15:01Z",
+      updatedAt: '2026-04-27T08:15:01Z',
     });
 
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("member:workspace-demo")).toBeTruthy();
-      expect(screen.getByText("service:no-service")).toBeTruthy();
-      expect(screen.getByText("services:none")).toBeTruthy();
-      expect(screen.getByText("candidate:workspace-demo")).toBeTruthy();
+      expect(screen.getByText('member:workspace-demo')).toBeTruthy();
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('candidate:workspace-demo')).toBeTruthy();
     });
 
     await act(async () => {
-      fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current member' }),
+      );
     });
 
     await waitFor(() => {
       expect(studioApi.getMemberBindingRun).toHaveBeenCalled();
     });
-    expect(screen.getByText("service:no-service")).toBeTruthy();
-    expect(screen.getByText("services:none")).toBeTruthy();
-    expect(screen.queryByText("service:member-workspace-demo")).toBeNull();
-    expect(screen.queryByText("services:member-workspace-demo")).toBeNull();
+    expect(screen.getByText('service:no-service')).toBeTruthy();
+    expect(screen.getByText('services:none')).toBeTruthy();
+    expect(screen.queryByText('service:member-workspace-demo')).toBeNull();
+    expect(screen.queryByText('services:member-workspace-demo')).toBeNull();
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("member")).toBe("member:workspace-demo");
+    expect(searchParams.get('member')).toBe('member:workspace-demo');
   });
 
-  it("keeps accepted member binding pending when the run readmodel is not visible yet", async () => {
+  it('keeps accepted member binding pending when the run readmodel is not visible yet', async () => {
     mockScopeRuntimeApi.listServices.mockReset();
     mockScopeRuntimeApi.listServices.mockResolvedValue([]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
-    const notFoundError = new Error("not found");
-    notFoundError.name = "StudioApiError";
+    const notFoundError = new Error('not found');
+    notFoundError.name = 'StudioApiError';
     Object.assign(notFoundError, { status: 404 });
-    (studioApi.getMemberBindingRun as jest.Mock).mockRejectedValue(notFoundError);
+    (studioApi.getMemberBindingRun as jest.Mock).mockRejectedValue(
+      notFoundError,
+    );
 
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("candidate:workspace-demo")).toBeTruthy();
+      expect(screen.getByText('candidate:workspace-demo')).toBeTruthy();
     });
 
-    await act(async () => {
-      fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
-    });
+    jest.useFakeTimers();
+    try {
+      await act(async () => {
+        fireEvent.click(
+          screen.getByRole('button', { name: 'Bind current member' }),
+        );
+        await jest.runAllTimersAsync();
+      });
 
-    await waitFor(() => {
       expect(studioApi.getMemberBindingRun).toHaveBeenCalledTimes(8);
-    }, { timeout: 10_000 });
-    expect(screen.getByText("service:no-service")).toBeTruthy();
-    expect(screen.getByText("candidate:workspace-demo")).toBeTruthy();
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('candidate:workspace-demo')).toBeTruthy();
+    } finally {
+      jest.useRealTimers();
+    }
   });
 
-  it("includes readmodel freshness in pending member binding notices", () => {
+  it('includes readmodel freshness in pending member binding notices', () => {
     expect(
-      buildStudioMemberBindingPendingNotice("workspace-demo", {
-        bindingRunId: "bind-member-workflow-1",
-        scopeId: "scope-1",
-        memberId: "workspace-demo",
-        status: "platform_binding_pending",
+      buildStudioMemberBindingPendingNotice('workspace-demo', {
+        bindingRunId: 'bind-member-workflow-1',
+        scopeId: 'scope-1',
+        memberId: 'workspace-demo',
+        status: 'platform_binding_pending',
         stateVersion: 11,
         failure: null,
-        updatedAt: "2026-04-27T08:15:01Z",
+        updatedAt: '2026-04-27T08:15:01Z',
       }).message,
-    ).toContain("Read model observed v11.");
+    ).toContain('Read model observed v11.');
+
+    expect(
+      buildStudioMemberBindingPendingNotice('workspace-demo', null).message,
+    ).toContain('Read model has not materialized this run yet.');
+  });
+
+  it('keeps the explicit member binding contract when switching away and back', async () => {
+    // Member authority and draft identity come from the member contract; a
+    // published service ID in workflow focus must not select the bind subject.
+    mockStudioMembers = [{ ...mockStudioMembers[0], displayName: 'draft2' }];
+    (studioApi.getMember as jest.Mock).mockResolvedValue({
+      summary: mockStudioMembers[0],
+      implementationRef: {
+        implementationKind: 'workflow',
+        workflowId: 'workflow-1',
+        workflowRevision: 'rev-2',
+      },
+      lastBinding: {
+        publishedServiceId: 'default',
+        revisionId: 'rev-2',
+        implementationKind: 'workflow',
+        boundAt: '2026-04-27T08:05:00Z',
+      },
+    });
+    mockWorkflowFile = {
+      ...mockWorkflowFile,
+      workflowId: 'workflow-1',
+      name: 'draft2',
+      fileName: 'draft2.yaml',
+      filePath: '/tmp/workflows/draft2.yaml',
+      yaml: 'name: draft2\nsteps: []\n',
+      document: {
+        ...mockParsedDocument,
+        name: 'draft2',
+      },
+    };
+    (studioApi.getWorkflow as jest.Mock).mockImplementation(
+      async (workflowId: string) => {
+        if (workflowId === 'workflow-1') return mockWorkflowFile;
+        if (workflowId === 'workflow-2')
+          return {
+            ...mockWorkflowFile,
+            workflowId: 'workflow-2',
+            name: 'draft1',
+            fileName: 'draft1.yaml',
+            filePath: '/tmp/workflows/draft1.yaml',
+            yaml: 'name: draft1\nsteps: []\n',
+            document: { ...mockParsedDocument, name: 'draft1' },
+          };
+        throw new Error('Unexpected workflow identity in member binding test');
+      },
+    );
+    (studioApi.listWorkflows as jest.Mock).mockResolvedValue([
+      {
+        workflowId: 'workflow-1',
+        name: 'draft2',
+        description: 'Current draft member',
+        fileName: 'draft2.yaml',
+        filePath: '/tmp/workflows/draft2.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
+        stepCount: 1,
+        hasLayout: true,
+        updatedAtUtc: '2026-03-18T00:00:00Z',
+      },
+      {
+        workflowId: 'workflow-2',
+        name: 'draft1',
+        description: 'Another draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
+        stepCount: 1,
+        hasLayout: true,
+        updatedAtUtc: '2026-03-18T00:10:00Z',
+      },
+    ]);
+    const draft2Service = {
+      serviceId: 'default',
+      displayName: 'draft2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-default',
+      endpoints: [
+        {
+          endpointId: 'chat',
+          displayName: 'Chat',
+          kind: 'chat',
+          description: 'Chat with the published workflow.',
+          requestTypeUrl: '',
+          responseTypeUrl: '',
+        },
+      ],
+    };
+    let serviceCatalogVisible = false;
+    mockScopeRuntimeApi.listServices.mockImplementation(async () =>
+      serviceCatalogVisible ? [draft2Service] : [],
+    );
+    (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
+    (studioApi.getMemberBindingRun as jest.Mock).mockImplementationOnce(
+      async () => {
+        serviceCatalogVisible = true;
+        return {
+          bindingRunId: 'bind-member-workflow-1',
+          scopeId: 'scope-1',
+          memberId: 'workspace-demo',
+          status: 'succeeded',
+          result: {
+            publishedServiceId: 'default',
+            revisionId: 'rev-2',
+            implementationKind: 'workflow',
+            expectedActorId: 'actor-default',
+          },
+          failure: null,
+          updatedAt: '2026-04-27T08:15:01Z',
+        };
+      },
+    );
+    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(async () =>
+      mockBuildServiceRevisionCatalog({
+        serviceId: 'default',
+        displayName: 'draft2',
+        workflowName: 'draft2',
+      }),
+    );
+
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&step=build&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
     expect(
-      buildStudioMemberBindingPendingNotice("workspace-demo", null).message,
-    ).toContain("Read model has not materialized this run yet.");
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    await waitFor(() => {
+      expect(screen.getByText('candidate:draft2')).toBeTruthy();
+      expect(screen.getByText('member:workspace-demo')).toBeTruthy();
+    });
+
+    await act(async () => {
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current member' }),
+      );
+    });
+
+    await waitFor(() => {
+      expect(studioApi.bindMemberWorkflow).toHaveBeenCalledWith(
+        expect.objectContaining({
+          memberId: 'workspace-demo',
+          workflowId: 'workflow-1',
+        }),
+      );
+      expect(studioApi.bindScopeWorkflow).not.toHaveBeenCalled();
+      expect(screen.getByText('service:default')).toBeTruthy();
+      const searchParams = new URLSearchParams(window.location.search);
+      expect(searchParams.get('member')).toBe('member:workspace-demo');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('step')).toBe('bind');
+    });
+
+    const rail = await screen.findByLabelText('Team members');
+    fireEvent.click(within(rail).getByRole('button', { name: 'draft1' }));
+    await waitFor(() => {
+      expect(screen.getByText('candidate:draft1')).toBeTruthy();
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+    });
+    fireEvent.click(within(rail).getByRole('button', { name: 'draft2' }));
+
+    await waitFor(() => {
+      expect(screen.getByText('service:default')).toBeTruthy();
+      expect(screen.queryByText('service:no-service')).toBeNull();
+      const searchParams = new URLSearchParams(window.location.search);
+      expect(searchParams.get('member')).toBe('member:workspace-demo');
+    });
+  });
+
+  it('keeps Bind pinned to the member that was just bound instead of the scope default binding target', async () => {
+    mockWorkflowFile = {
+      ...mockWorkflowFile,
+      name: 'draft1',
+      fileName: 'draft1.yaml',
+      filePath: '/tmp/workflows/draft1.yaml',
+      yaml: 'name: draft1\nsteps: []\n',
+      document: {
+        ...mockParsedDocument,
+        name: 'draft1',
+      },
+    };
+    mockStudioMembers = [
+      ...mockStudioMembers,
+      {
+        memberId: 'draft1',
+        scopeId: 'scope-1',
+        displayName: 'draft1',
+        description: 'Current draft member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'created',
+        publishedServiceId: 'draft1',
+        lastBoundRevisionId: null,
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
+      },
+      {
+        memberId: 'joker',
+        scopeId: 'scope-1',
+        displayName: 'joker',
+        description: 'Joker workflow member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'joker',
+        lastBoundRevisionId: 'rev-joker',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
+      },
+    ];
+    (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
+      {
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
+        stepCount: 1,
+        hasLayout: true,
+        updatedAtUtc: '2026-03-18T00:00:00Z',
+      },
+      {
+        workflowId: 'workflow-2',
+        name: 'draft2',
+        description: 'Another draft member',
+        fileName: 'draft2.yaml',
+        filePath: '/tmp/workflows/draft2.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
+        stepCount: 1,
+        hasLayout: true,
+        updatedAtUtc: '2026-03-18T00:10:00Z',
+      },
+    ]);
+    let draft1ServicePublished = false;
+    const draft2Service = {
+      serviceId: 'draft2',
+      displayName: 'draft2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-draft2',
+      endpoints: [
+        {
+          endpointId: 'chat',
+          displayName: 'Chat',
+          kind: 'chat',
+          description: 'Chat with draft2.',
+          requestTypeUrl: '',
+          responseTypeUrl: '',
+        },
+      ],
+    };
+    const draft1Service = {
+      serviceId: 'draft1',
+      displayName: 'draft1',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-draft1',
+      endpoints: [
+        {
+          endpointId: 'chat',
+          displayName: 'Chat',
+          kind: 'chat',
+          description: 'Chat with draft1.',
+          requestTypeUrl: '',
+          responseTypeUrl: '',
+        },
+      ],
+    };
+    mockScopeRuntimeApi.listServices.mockImplementation(async () =>
+      draft1ServicePublished ? [draft2Service, draft1Service] : [draft2Service],
+    );
+    (studioApi.bindMemberWorkflow as jest.Mock).mockImplementationOnce(
+      async () => {
+        draft1ServicePublished = true;
+        return {
+          status: 'accepted',
+          bindingRunId: 'bind-draft1',
+          scopeId: 'scope-1',
+          memberId: 'draft1',
+        };
+      },
+    );
+    (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValueOnce({
+      bindingRunId: 'bind-draft1',
+      scopeId: 'scope-1',
+      memberId: 'draft1',
+      status: 'succeeded',
+      result: {
+        publishedServiceId: 'draft1',
+        revisionId: 'rev-draft1',
+        implementationKind: 'workflow',
+        expectedActorId: 'actor-draft1',
+      },
+      failure: null,
+      updatedAt: '2026-04-27T08:15:01Z',
+    });
+    (studioApi.getScopeBinding as jest.Mock).mockResolvedValue({
+      available: true,
+      scopeId: 'scope-1',
+      serviceId: 'draft2',
+      displayName: 'draft2',
+      serviceKey: 'scope-1:default:draft2',
+      defaultServingRevisionId: 'rev-draft2',
+      activeServingRevisionId: 'rev-draft2',
+      deploymentId: 'dep-draft2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-draft2',
+      updatedAt: '2026-03-26T08:00:00Z',
+      revisions: [],
+    });
+    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
+      async (_scopeId: string, serviceId: string) =>
+        mockBuildServiceRevisionCatalog({
+          serviceId,
+          displayName: serviceId,
+          workflowName: serviceId,
+          revisionId: serviceId === 'draft1' ? 'rev-draft1' : 'rev-draft2',
+        }),
+    );
+
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Adraft1&focus=workflow%3Aworkflow-1&step=bind&tab=bindings',
+    );
+
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    expect(await screen.findByText('candidate:draft1')).toBeTruthy();
+    expect(screen.queryByText('service:draft2')).toBeNull();
+    expect(await screen.findByText('service:no-service')).toBeTruthy();
+
+    await act(async () => {
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current member' }),
+      );
+    });
+
+    await waitFor(() => {
+      expect(studioApi.bindMemberWorkflow).toHaveBeenCalledWith(
+        expect.objectContaining({
+          scopeId: 'scope-1',
+          memberId: 'draft1',
+          displayName: 'draft1',
+          workflowId: 'workflow-1',
+        }),
+      );
+    });
+    await waitFor(() => {
+      expect(studioApi.getMemberBindingRun).toHaveBeenCalledWith(
+        'scope-1',
+        'draft1',
+        'bind-draft1',
+      );
+      expect(
+        mockScopeRuntimeApi.listServices.mock.calls.length,
+      ).toBeGreaterThanOrEqual(2);
+    });
+    expect(studioApi.bindScopeWorkflow).not.toHaveBeenCalled();
+    await waitFor(() => {
+      expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+        'draft1',
+      );
+      expect(screen.getByText('service:draft1')).toBeTruthy();
+      expect(screen.getByText('services:draft1')).toBeTruthy();
+      expect(screen.getByText('candidate:none')).toBeTruthy();
+    });
+    expect(screen.queryByText('service:draft2')).toBeNull();
   });
 
-  it("normalizes legacy workflow:default links and keeps the bound member contract when switching away and back", async () => {
+  it('does not infer a published service from a display name after a completed member bind', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      workflowId: "workflow-1",
-      name: "draft2",
-      fileName: "draft2.yaml",
-      filePath: "/tmp/workflows/draft2.yaml",
-      yaml: "name: draft2\nsteps: []\n",
+      workflowId: 'wf-draft-alpha',
+      name: 'draft-alpha',
+      fileName: 'draft-alpha.yaml',
+      filePath: '/tmp/workflows/draft-alpha.yaml',
+      yaml: 'name: draft-alpha\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft2",
+        name: 'draft-alpha',
       },
     };
+    mockStudioMembers = [
+      {
+        ...mockStudioMembers[0],
+        memberId: 'm-draft-alpha',
+        scopeId: 'scope-1',
+        displayName: 'draft-alpha',
+        description: 'Draft member awaiting a published service contract.',
+        implementationKind: 'workflow',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
+        lastBoundRevisionId: null,
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
+      },
+    ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft2",
-        description: "Current draft member",
-        fileName: "draft2.yaml",
-        filePath: "/tmp/workflows/draft2.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'wf-draft-alpha',
+        name: 'draft-alpha',
+        description: 'Draft member awaiting a published service contract.',
+        fileName: 'draft-alpha.yaml',
+        filePath: '/tmp/workflows/draft-alpha.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
+    ]);
+    mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        workflowId: "workflow-2",
-        name: "draft1",
-        description: "Another draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
-        stepCount: 1,
-        hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:10:00Z",
+        serviceId: 'svc-same-display-name',
+        displayName: 'draft-alpha',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-unrelated-service',
+        endpoints: [
+          {
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'An unrelated service with the same display name.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
+          },
+        ],
       },
     ]);
-    mockScopeRuntimeApi.listServices
-      .mockResolvedValueOnce([])
-      .mockResolvedValueOnce([
-        {
-          serviceId: "default",
-          displayName: "draft2",
-          deploymentStatus: "Active",
-          primaryActorId: "actor-default",
-          endpoints: [
-            {
-              endpointId: "chat",
-              displayName: "Chat",
-              kind: "chat",
-              description: "Chat with the published workflow.",
-              requestTypeUrl: "",
-              responseTypeUrl: "",
-            },
-          ],
-        },
-      ]);
-    (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValueOnce({
-      bindingRunId: "bind-member-workflow-1",
-      scopeId: "scope-1",
-      memberId: "workspace-demo",
-      status: "succeeded",
-      result: {
-        publishedServiceId: "default",
-        revisionId: "rev-2",
-        implementationKind: "workflow",
-        expectedActorId: "actor-default",
-      },
+      bindingRunId: 'bind-m-draft-alpha',
+      scopeId: 'scope-1',
+      memberId: 'm-draft-alpha',
+      status: 'succeeded',
       failure: null,
-      updatedAt: "2026-04-27T08:15:01Z",
+      updatedAt: '2026-04-27T08:15:01Z',
+    });
+    (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValueOnce({
+      status: 'accepted',
+      bindingRunId: 'bind-m-draft-alpha',
+      scopeId: 'scope-1',
+      memberId: 'm-draft-alpha',
     });
-    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
-      async () =>
-        mockBuildServiceRevisionCatalog({
-          serviceId: "default",
-          displayName: "draft2",
-          workflowName: "draft2",
-        })
-    );
-
-    renderStudioPage("/studio?scopeId=scope-1&step=build&focus=workflow%3Adefault&tab=studio");
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Am-draft-alpha&focus=workflow%3Awf-draft-alpha&step=bind&tab=bindings',
+    );
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    await waitFor(() => {
-      expect(screen.getByText("candidate:draft2")).toBeTruthy();
-    });
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    expect(await screen.findByText('candidate:draft-alpha')).toBeTruthy();
+    expect(screen.getByText('service:no-service')).toBeTruthy();
+    expect(screen.getByText('services:none')).toBeTruthy();
 
     await act(async () => {
-      fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current member' }),
+      );
     });
 
     await waitFor(() => {
-      expect(screen.getByText("service:default")).toBeTruthy();
-      const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:workspace-demo");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("step")).toBe("bind");
+      expect(studioApi.bindMemberWorkflow).toHaveBeenCalledWith(
+        expect.objectContaining({
+          scopeId: 'scope-1',
+          memberId: 'm-draft-alpha',
+          workflowId: 'wf-draft-alpha',
+        }),
+      );
+      expect(studioApi.getMemberBindingRun).toHaveBeenCalledWith(
+        'scope-1',
+        'm-draft-alpha',
+        'bind-m-draft-alpha',
+      );
     });
 
-    const rail = await screen.findByLabelText("Team members");
-    fireEvent.click(within(rail).getByRole("button", { name: "draft1" }));
-    fireEvent.click(within(rail).getByRole("button", { name: "draft2" }));
-
     await waitFor(() => {
-      expect(screen.getByText("service:default")).toBeTruthy();
-      expect(screen.queryByText("service:no-service")).toBeNull();
-      const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:workspace-demo");
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('candidate:draft-alpha')).toBeTruthy();
     });
+    expect(screen.queryByText('service:svc-same-display-name')).toBeNull();
+    const continueToInvokeButton = screen.getByRole('button', {
+      name: 'Continue to Invoke',
+    });
+    expect(continueToInvokeButton).toBeDisabled();
+    fireEvent.click(continueToInvokeButton);
+    expect(screen.queryByTestId('studio-invoke-surface')).toBeNull();
+    const searchParams = new URLSearchParams(window.location.search);
+    expect(searchParams.get('member')).toBe('member:m-draft-alpha');
+    expect(searchParams.get('focus')).toBe('workflow:wf-draft-alpha');
+    expect(searchParams.get('step')).toBe('bind');
   });
 
-  it("keeps Bind pinned to the member that was just bound instead of the scope default binding target", async () => {
+  it('keeps a bound member pending until its API-returned service appears in the catalog', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      name: "draft1",
-      fileName: "draft1.yaml",
-      filePath: "/tmp/workflows/draft1.yaml",
-      yaml: "name: draft1\nsteps: []\n",
+      workflowId: 'wf-catalog-delay',
+      name: 'catalog-delay',
+      fileName: 'catalog-delay.yaml',
+      filePath: '/tmp/workflows/catalog-delay.yaml',
+      yaml: 'name: catalog-delay\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft1",
+        name: 'catalog-delay',
       },
     };
     mockStudioMembers = [
-      ...mockStudioMembers,
       {
-        memberId: "draft1",
-        scopeId: "scope-1",
-        displayName: "draft1",
-        description: "Current draft member",
-        implementationKind: "workflow",
-        lifecycleStage: "created",
-        publishedServiceId: "draft1",
+        ...mockStudioMembers[0],
+        memberId: 'm-catalog-delay',
+        scopeId: 'scope-1',
+        displayName: 'catalog-delay',
+        description: 'Draft member awaiting service catalog materialization.',
+        implementationKind: 'workflow',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
-      },
-      {
-        memberId: "joker",
-        scopeId: "scope-1",
-        displayName: "joker",
-        description: "Joker workflow member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "joker",
-        lastBoundRevisionId: "rev-joker",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
-        stepCount: 1,
-        hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
-      },
-      {
-        workflowId: "workflow-2",
-        name: "draft2",
-        description: "Another draft member",
-        fileName: "draft2.yaml",
-        filePath: "/tmp/workflows/draft2.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'wf-catalog-delay',
+        name: 'catalog-delay',
+        description: 'Draft member awaiting service catalog materialization.',
+        fileName: 'catalog-delay.yaml',
+        filePath: '/tmp/workflows/catalog-delay.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:10:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
-    let draft1ServicePublished = false;
-    const draft2Service = {
-      serviceId: "draft2",
-      displayName: "draft2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-draft2",
-      endpoints: [
-        {
-          endpointId: "chat",
-          displayName: "Chat",
-          kind: "chat",
-          description: "Chat with draft2.",
-          requestTypeUrl: "",
-          responseTypeUrl: "",
-        },
-      ],
-    };
-    const draft1Service = {
-      serviceId: "draft1",
-      displayName: "draft1",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-draft1",
-      endpoints: [
-        {
-          endpointId: "chat",
-          displayName: "Chat",
-          kind: "chat",
-          description: "Chat with draft1.",
-          requestTypeUrl: "",
-          responseTypeUrl: "",
-        },
-      ],
-    };
-    mockScopeRuntimeApi.listServices.mockImplementation(async () =>
-      draft1ServicePublished ? [draft2Service, draft1Service] : [draft2Service],
-    );
-    (studioApi.bindMemberWorkflow as jest.Mock).mockImplementationOnce(async () => {
-      draft1ServicePublished = true;
-      return {
-      status: "accepted",
-      bindingRunId: "bind-draft1",
-      scopeId: "scope-1",
-      memberId: "draft1",
-      };
-    });
+    mockScopeRuntimeApi.listServices.mockResolvedValue([]);
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValueOnce({
-      bindingRunId: "bind-draft1",
-      scopeId: "scope-1",
-      memberId: "draft1",
-      status: "succeeded",
+      bindingRunId: 'bind-m-catalog-delay',
+      scopeId: 'scope-1',
+      memberId: 'm-catalog-delay',
+      status: 'succeeded',
       result: {
-        publishedServiceId: "draft1",
-        revisionId: "rev-draft1",
-        implementationKind: "workflow",
-        expectedActorId: "actor-draft1",
+        publishedServiceId: 'svc-catalog-delay',
+        revisionId: 'rev-catalog-delay',
+        implementationKind: 'workflow',
+        expectedActorId: 'actor-catalog-delay',
       },
       failure: null,
-      updatedAt: "2026-04-27T08:15:01Z",
+      updatedAt: '2026-04-27T08:15:01Z',
     });
-    (studioApi.getScopeBinding as jest.Mock).mockResolvedValue({
-      available: true,
-      scopeId: "scope-1",
-      serviceId: "draft2",
-      displayName: "draft2",
-      serviceKey: "scope-1:default:draft2",
-      defaultServingRevisionId: "rev-draft2",
-      activeServingRevisionId: "rev-draft2",
-      deploymentId: "dep-draft2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-draft2",
-      updatedAt: "2026-03-26T08:00:00Z",
-      revisions: [],
+    (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValueOnce({
+      status: 'accepted',
+      bindingRunId: 'bind-m-catalog-delay',
+      scopeId: 'scope-1',
+      memberId: 'm-catalog-delay',
     });
-    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
-      async (_scopeId: string, serviceId: string) =>
-        mockBuildServiceRevisionCatalog({
-          serviceId,
-          displayName: serviceId,
-          workflowName: serviceId,
-          revisionId: serviceId === "draft1" ? "rev-draft1" : "rev-draft2",
-        })
-    );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Adraft1&focus=workflow%3Aworkflow-1&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&member=member%3Am-catalog-delay&focus=workflow%3Awf-catalog-delay&step=bind&tab=bindings',
     );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    expect(await screen.findByText("candidate:draft1")).toBeTruthy();
-    expect(screen.queryByText("service:draft2")).toBeNull();
-    expect(await screen.findByText("service:no-service")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    expect(await screen.findByText('candidate:catalog-delay')).toBeTruthy();
 
     await act(async () => {
-      fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
-    });
-
-    await waitFor(() => {
-      expect(studioApi.bindMemberWorkflow).toHaveBeenCalledWith(
-        expect.objectContaining({
-          scopeId: "scope-1",
-          memberId: "draft1",
-          displayName: "draft1",
-          workflowId: "workflow-1",
-        })
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Bind current member' }),
       );
     });
+
     await waitFor(() => {
       expect(studioApi.getMemberBindingRun).toHaveBeenCalledWith(
-        "scope-1",
-        "draft1",
-        "bind-draft1"
+        'scope-1',
+        'm-catalog-delay',
+        'bind-m-catalog-delay',
       );
-      expect(mockScopeRuntimeApi.listServices.mock.calls.length).toBeGreaterThanOrEqual(2);
-    }, { timeout: 5_000 });
-    expect(studioApi.bindScopeWorkflow).not.toHaveBeenCalled();
+    });
+
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-title")).toHaveTextContent("draft1");
-      expect(screen.getByText("service:draft1")).toBeTruthy();
-      expect(screen.getByText("services:draft1")).toBeTruthy();
-      expect(screen.getByText("candidate:none")).toBeTruthy();
-    }, { timeout: 5_000 });
-    expect(screen.queryByText("service:draft2")).toBeNull();
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('candidate:catalog-delay')).toBeTruthy();
+    });
+    expect(screen.queryByText('service:svc-catalog-delay')).toBeNull();
+    const continueToInvokeButton = screen.getByRole('button', {
+      name: 'Continue to Invoke',
+    });
+    expect(continueToInvokeButton).toBeDisabled();
+    fireEvent.click(continueToInvokeButton);
+    expect(screen.queryByTestId('studio-invoke-surface')).toBeNull();
   });
 
-  it("keeps Bind pinned to the selected member after leaving a workflow build surface", async () => {
+  it('keeps Bind pinned to the selected member after leaving a workflow build surface', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      name: "draft1",
-      fileName: "draft1.yaml",
-      filePath: "/tmp/workflows/draft1.yaml",
-      yaml: "name: draft1\nsteps: []\n",
+      name: 'draft1',
+      fileName: 'draft1.yaml',
+      filePath: '/tmp/workflows/draft1.yaml',
+      yaml: 'name: draft1\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft1",
+        name: 'draft1',
       },
     };
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "joker",
-        scopeId: "scope-1",
-        displayName: "joker",
-        description: "Joker workflow member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "joker",
-        lastBoundRevisionId: "rev-joker",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'joker',
+        scopeId: 'scope-1',
+        displayName: 'joker',
+        description: 'Joker workflow member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'joker',
+        lastBoundRevisionId: 'rev-joker',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "joker",
-        displayName: "joker",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-joker",
+        serviceId: 'joker',
+        displayName: 'joker',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-joker',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with joker.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with joker.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValue({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "joker",
-      displayName: "joker",
-      serviceKey: "scope-1:default:joker",
-      defaultServingRevisionId: "rev-joker",
-      activeServingRevisionId: "rev-joker",
-      deploymentId: "dep-joker",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-joker",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'joker',
+      displayName: 'joker',
+      serviceKey: 'scope-1:default:joker',
+      defaultServingRevisionId: 'rev-joker',
+      activeServingRevisionId: 'rev-joker',
+      deploymentId: 'dep-joker',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-joker',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [],
     });
-    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
-      async () =>
-        mockBuildServiceRevisionCatalog({
-          serviceId: "joker",
-          displayName: "joker",
-          workflowName: "joker",
-        })
+    mockScopeRuntimeApi.getServiceRevisions.mockImplementation(async () =>
+      mockBuildServiceRevisionCatalog({
+        serviceId: 'joker',
+        displayName: 'joker',
+        workflowName: 'joker',
+      }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Ajoker&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&member=member%3Ajoker&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Bind" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Bind' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    const rail = await screen.findByLabelText("Team members");
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-title")).toHaveTextContent("joker");
-      expect(screen.getByText("service:joker")).toBeTruthy();
-      expect(screen.getByText("services:joker")).toBeTruthy();
-      expect(screen.getByText("candidate:none")).toBeTruthy();
-      expect(within(rail).getByRole("button", { name: "joker" })).toHaveAttribute(
-        "aria-current",
-        "true"
+      expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+        'joker',
       );
+      expect(screen.getByText('service:joker')).toBeTruthy();
+      expect(screen.getByText('services:joker')).toBeTruthy();
+      expect(screen.getByText('candidate:none')).toBeTruthy();
+      expect(
+        within(rail).getByRole('button', { name: 'joker' }),
+      ).toHaveAttribute('aria-current', 'true');
     });
     within(rail)
-      .getAllByRole("button", { name: "draft1" })
+      .getAllByRole('button', { name: 'draft1' })
       .forEach((button) => {
-        expect(button).not.toHaveAttribute("aria-current", "true");
+        expect(button).not.toHaveAttribute('aria-current', 'true');
       });
   });
 
-  it("keeps workflow build focus when continuing from Build to Bind", async () => {
+  it('keeps workflow build focus when continuing from Build to Bind', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      workflowId: "workflow-1",
-      name: "draft1",
-      fileName: "draft1.yaml",
-      filePath: "/tmp/workflows/draft1.yaml",
-      yaml: "name: draft1\nsteps: []\n",
+      workflowId: 'workflow-1',
+      name: 'draft1',
+      fileName: 'draft1.yaml',
+      filePath: '/tmp/workflows/draft1.yaml',
+      yaml: 'name: draft1\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft1",
+        name: 'draft1',
       },
     };
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "draft1",
-        displayName: "draft1",
-        lifecycleStage: "created",
-        publishedServiceId: "",
+        memberId: 'draft1',
+        displayName: 'draft1',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
       },
     ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValue([]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(window.location.search).toContain("focus=workflow%3Aworkflow-1");
-      expect(screen.getByText("candidate:draft1")).toBeTruthy();
-      expect(screen.getByRole("button", { name: "Bind current member" })).toBeTruthy();
+      expect(window.location.search).toContain('focus=workflow%3Aworkflow-1');
+      expect(screen.getByText('candidate:draft1')).toBeTruthy();
+      expect(
+        screen.getByRole('button', { name: 'Bind current member' }),
+      ).toBeTruthy();
     });
   });
 
-  it("keeps Bind active when selecting an unbound Workflow Team member from Bind", async () => {
+  it('keeps Bind active when selecting an unbound Workflow Team member from Bind', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      workflowId: "workflow-1",
-      name: "draft1",
-      fileName: "draft1.yaml",
-      filePath: "/tmp/workflows/draft1.yaml",
-      yaml: "name: draft1\nsteps: []\n",
+      workflowId: 'workflow-1',
+      name: 'draft1',
+      fileName: 'draft1.yaml',
+      filePath: '/tmp/workflows/draft1.yaml',
+      yaml: 'name: draft1\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft1",
+        name: 'draft1',
       },
     };
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "draft1",
-        displayName: "draft1",
-        lifecycleStage: "created",
-        publishedServiceId: "",
+        memberId: 'draft1',
+        displayName: 'draft1',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
       },
       {
         ...mockStudioMembers[0],
-        memberId: "gagent-1",
-        displayName: "gagent-1",
-        implementationKind: "gagent",
-        teamId: "t-alpha",
+        memberId: 'gagent-1',
+        displayName: 'gagent-1',
+        implementationKind: 'gagent',
+        teamId: 't-alpha',
       },
     ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValue([]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Agagent-1&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Agagent-1&step=bind&tab=bindings',
     );
 
-    const rail = await screen.findByLabelText("Team members");
-    fireEvent.click(await within(rail).findByRole("button", { name: "draft1" }));
+    const rail = await screen.findByLabelText('Team members');
+    fireEvent.click(
+      await within(rail).findByRole('button', { name: 'draft1' }),
+    );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:draft1");
-      expect(searchParams.get("focus")).toBe("workflow:workflow-1");
-      expect(searchParams.get("step")).toBe("bind");
-      expect(searchParams.get("tab")).toBe("bindings");
-      expect(screen.getByText("candidate:draft1")).toBeTruthy();
-      expect(within(rail).getByRole("button", { name: "draft1" })).toHaveAttribute(
-        "aria-current",
-        "true"
-      );
+      expect(searchParams.get('member')).toBe('member:draft1');
+      expect(searchParams.get('focus')).toBe('workflow:workflow-1');
+      expect(searchParams.get('step')).toBe('bind');
+      expect(searchParams.get('tab')).toBe('bindings');
+      expect(screen.getByText('candidate:draft1')).toBeTruthy();
+      expect(
+        within(rail).getByRole('button', { name: 'draft1' }),
+      ).toHaveAttribute('aria-current', 'true');
     });
   });
 
-  it("keeps Bind active when selecting an unbound GAgent Team member from Bind", async () => {
+  it('keeps Bind active when selecting an unbound GAgent Team member from Bind', async () => {
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "draft1",
-        displayName: "draft1",
-        lifecycleStage: "created",
-        publishedServiceId: "",
+        memberId: 'draft1',
+        displayName: 'draft1',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
       },
       {
         ...mockStudioMembers[0],
-        memberId: "gagent-1",
-        displayName: "gagent-1",
-        implementationKind: "gagent",
-        lifecycleStage: "created",
-        publishedServiceId: "",
+        memberId: 'gagent-1',
+        displayName: 'gagent-1',
+        implementationKind: 'gagent',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
-        teamId: "t-alpha",
+        teamId: 't-alpha',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValue([]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&step=bind&tab=bindings',
     );
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    fireEvent.click(await within(rail).findByRole("button", { name: "gagent-1" }));
+    const rail = await screen.findByLabelText('Team members');
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    fireEvent.click(
+      await within(rail).findByRole('button', { name: 'gagent-1' }),
+    );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:gagent-1");
-      expect(searchParams.get("step")).toBe("bind");
-      expect(searchParams.get("tab")).toBe("bindings");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(screen.getByText("candidate:none")).toBeTruthy();
-      expect(within(rail).getByRole("button", { name: "gagent-1" })).toHaveAttribute(
-        "aria-current",
-        "true"
-      );
+      expect(searchParams.get('member')).toBe('member:gagent-1');
+      expect(searchParams.get('step')).toBe('bind');
+      expect(searchParams.get('tab')).toBe('bindings');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(screen.getByText('candidate:none')).toBeTruthy();
+      expect(
+        within(rail).getByRole('button', { name: 'gagent-1' }),
+      ).toHaveAttribute('aria-current', 'true');
     });
-    expect(screen.queryByTestId("studio-gagent-build-panel")).toBeNull();
+    expect(screen.queryByTestId('studio-gagent-build-panel')).toBeNull();
   });
 
-  it("keeps Build active when selecting a GAgent Team member from Build", async () => {
+  it('keeps Build active when selecting a GAgent Team member from Build', async () => {
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "draft1",
-        displayName: "draft1",
-        lifecycleStage: "created",
-        publishedServiceId: "",
+        memberId: 'draft1',
+        displayName: 'draft1',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
       },
       {
         ...mockStudioMembers[0],
-        memberId: "gagent-1",
-        displayName: "gagent-1",
-        implementationKind: "gagent",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "gagent-service",
-        lastBoundRevisionId: "rev-gagent-1",
-        teamId: "t-alpha",
+        memberId: 'gagent-1',
+        displayName: 'gagent-1',
+        implementationKind: 'gagent',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'gagent-service',
+        lastBoundRevisionId: 'rev-gagent-1',
+        teamId: 't-alpha',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "gagent-service",
-        displayName: "gagent-1",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-gagent",
+        serviceId: 'gagent-service',
+        displayName: 'gagent-1',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-gagent',
         endpoints: [
           {
-            endpointId: "run",
-            displayName: "Run",
-            kind: "command",
-            description: "Run gagent-1.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'run',
+            displayName: 'Run',
+            kind: 'command',
+            description: 'Run gagent-1.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     mockScopeRuntimeApi.getServiceRevisions.mockResolvedValue(
       mockBuildGAgentServiceRevisionCatalog({
-        serviceId: "gagent-service",
-        displayName: "gagent-1",
-      })
+        serviceId: 'gagent-service',
+        displayName: 'gagent-1',
+      }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&focus=workflow%3Aworkflow-1&step=build&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&focus=workflow%3Aworkflow-1&step=build&tab=studio',
     );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
-    const rail = await screen.findByLabelText("Team members");
-    fireEvent.click(await within(rail).findByRole("button", { name: "gagent-1" }));
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
+    fireEvent.click(
+      await within(rail).findByRole('button', { name: 'gagent-1' }),
+    );
 
-    expect(await screen.findByTestId("studio-gagent-build-panel")).toBeTruthy();
+    expect(await screen.findByTestId('studio-gagent-build-panel')).toBeTruthy();
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:gagent-1");
-      expect(searchParams.get("step")).toBe("build");
-      expect(searchParams.get("tab")).toBe("gagents");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(within(rail).getByRole("button", { name: "gagent-1" })).toHaveAttribute(
-        "aria-current",
-        "true"
-      );
+      expect(searchParams.get('member')).toBe('member:gagent-1');
+      expect(searchParams.get('step')).toBe('build');
+      expect(searchParams.get('tab')).toBe('gagents');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(
+        within(rail).getByRole('button', { name: 'gagent-1' }),
+      ).toHaveAttribute('aria-current', 'true');
     });
-    expect(screen.queryByTestId("studio-bind-surface")).toBeNull();
+    expect(screen.queryByTestId('studio-bind-surface')).toBeNull();
   });
 
-  it("switches from GAgent Build to a workflow-backed Team draft without persisting the stale GAgent tab", async () => {
+  it('switches from GAgent Build to a workflow-backed Team draft without persisting the stale GAgent tab', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      workflowId: "workflow-1",
-      name: "draft1",
-      fileName: "draft1.yaml",
-      filePath: "/tmp/workflows/draft1.yaml",
-      yaml: "name: draft1\nsteps: []\n",
+      workflowId: 'workflow-1',
+      name: 'draft1',
+      fileName: 'draft1.yaml',
+      filePath: '/tmp/workflows/draft1.yaml',
+      yaml: 'name: draft1\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft1",
+        name: 'draft1',
       },
     };
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "draft1",
-        displayName: "draft1",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "draft1-service",
-        lastBoundRevisionId: "rev-draft1",
-        teamId: "t-alpha",
+        memberId: 'draft1',
+        displayName: 'draft1',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'draft1-service',
+        lastBoundRevisionId: 'rev-draft1',
+        teamId: 't-alpha',
       },
       {
         ...mockStudioMembers[0],
-        memberId: "gagent-1",
-        displayName: "gagent-1",
-        implementationKind: "gagent",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "gagent-service",
-        lastBoundRevisionId: "rev-gagent-1",
-        teamId: "t-alpha",
+        memberId: 'gagent-1',
+        displayName: 'gagent-1',
+        implementationKind: 'gagent',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'gagent-service',
+        lastBoundRevisionId: 'rev-gagent-1',
+        teamId: 't-alpha',
       },
     ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "draft1-service",
-        displayName: "draft1",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-draft1",
+        serviceId: 'draft1-service',
+        displayName: 'draft1',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-draft1',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with draft1.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with draft1.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "gagent-service",
-        displayName: "gagent-1",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-gagent",
+        serviceId: 'gagent-service',
+        displayName: 'gagent-1',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-gagent',
         endpoints: [
           {
-            endpointId: "run",
-            displayName: "Run",
-            kind: "command",
-            description: "Run gagent-1.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'run',
+            displayName: 'Run',
+            kind: 'command',
+            description: 'Run gagent-1.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
       async (_scopeId: string, serviceId: string) =>
-        serviceId === "gagent-service"
+        serviceId === 'gagent-service'
           ? mockBuildGAgentServiceRevisionCatalog({
-              serviceId: "gagent-service",
-              displayName: "gagent-1",
+              serviceId: 'gagent-service',
+              displayName: 'gagent-1',
             })
           : mockBuildServiceRevisionCatalog({
-              serviceId: "draft1-service",
-              displayName: "draft1",
-              workflowName: "draft1",
-            })
+              serviceId: 'draft1-service',
+              displayName: 'draft1',
+              workflowName: 'draft1',
+            }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Agagent-1&step=build&tab=gagents"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Agagent-1&step=build&tab=gagents',
     );
 
-    expect(await screen.findByTestId("studio-gagent-build-panel")).toBeTruthy();
-    const rail = await screen.findByLabelText("Team members");
-    fireEvent.click(await within(rail).findByRole("button", { name: "draft1" }));
+    expect(await screen.findByTestId('studio-gagent-build-panel')).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
+    fireEvent.click(
+      await within(rail).findByRole('button', { name: 'draft1' }),
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("tab")).toBe("studio");
-      expect(screen.queryByTestId("studio-gagent-build-panel")).toBeNull();
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('tab')).toBe('studio');
+      expect(screen.queryByTestId('studio-gagent-build-panel')).toBeNull();
     });
   });
 
-  it("recovers a direct unbound Workflow Team member Bind link with workflow focus", async () => {
+  it('recovers a direct unbound Workflow Team member Bind link with workflow focus', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      workflowId: "workflow-1",
-      name: "draft1",
-      fileName: "draft1.yaml",
-      filePath: "/tmp/workflows/draft1.yaml",
-      yaml: "name: draft1\nsteps: []\n",
+      workflowId: 'workflow-1',
+      name: 'draft1',
+      fileName: 'draft1.yaml',
+      filePath: '/tmp/workflows/draft1.yaml',
+      yaml: 'name: draft1\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft1",
+        name: 'draft1',
       },
     };
     mockStudioMembers = [
       {
         ...mockStudioMembers[0],
-        memberId: "draft1",
-        displayName: "draft1",
-        lifecycleStage: "created",
-        publishedServiceId: "",
+        memberId: 'draft1',
+        displayName: 'draft1',
+        lifecycleStage: 'created',
+        publishedServiceId: '',
         lastBoundRevisionId: null,
       },
     ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValue([]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Adraft1&step=bind&tab=bindings',
     );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    const rail = await screen.findByLabelText("Team members");
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:draft1");
-      expect(searchParams.get("focus")).toBe("workflow:workflow-1");
-      expect(searchParams.get("step")).toBe("bind");
-      expect(searchParams.get("tab")).toBe("bindings");
-      expect(screen.getByText("candidate:draft1")).toBeTruthy();
-      expect(within(rail).getByRole("button", { name: "draft1" })).toHaveAttribute(
-        "aria-current",
-        "true"
-      );
+      expect(searchParams.get('member')).toBe('member:draft1');
+      expect(searchParams.get('focus')).toBe('workflow:workflow-1');
+      expect(searchParams.get('step')).toBe('bind');
+      expect(searchParams.get('tab')).toBe('bindings');
+      expect(screen.getByText('candidate:draft1')).toBeTruthy();
+      expect(
+        within(rail).getByRole('button', { name: 'draft1' }),
+      ).toHaveAttribute('aria-current', 'true');
     });
   });
 
-  it("pins Bind to the selected published member instead of the scope default route target", async () => {
+  it('pins Bind to the selected published member instead of the scope default route target', async () => {
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "joker",
-        scopeId: "scope-1",
-        displayName: "joker",
-        description: "Joker workflow member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "joker",
-        lastBoundRevisionId: "rev-joker",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'joker',
+        scopeId: 'scope-1',
+        displayName: 'joker',
+        description: 'Joker workflow member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'joker',
+        lastBoundRevisionId: 'rev-joker',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with workspace-demo.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with workspace-demo.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "joker",
-        displayName: "joker",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-joker",
+        serviceId: 'joker',
+        displayName: 'joker',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-joker',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with joker.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with joker.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "workspace-demo",
-      serviceKey: "scope-1:default:workspace-demo",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-default",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'workspace-demo',
+      serviceKey: 'scope-1:default:workspace-demo',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-default',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [],
     });
     mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
       async (_scopeId: string, serviceId: string) =>
         mockBuildServiceRevisionCatalog({
           serviceId,
-          displayName: serviceId === "joker" ? "joker" : "workspace-demo",
-          workflowName: serviceId === "joker" ? "joker" : "workspace-demo",
-        })
+          displayName: serviceId === 'joker' ? 'joker' : 'workspace-demo',
+          workflowName: serviceId === 'joker' ? 'joker' : 'workspace-demo',
+        }),
     );
 
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Ajoker&step=bind&tab=bindings");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Ajoker&step=bind&tab=bindings',
+    );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-title")).toHaveTextContent("joker");
-      expect(screen.getByText("service:joker")).toBeTruthy();
-      expect(screen.getByText("services:joker")).toBeTruthy();
+      expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+        'joker',
+      );
+      expect(screen.getByText('service:joker')).toBeTruthy();
+      expect(screen.getByText('services:joker')).toBeTruthy();
     });
-    expect(screen.queryByText("services:default,joker")).toBeNull();
-    expect(screen.getByText("candidate:none")).toBeTruthy();
+    expect(screen.queryByText('services:default,joker')).toBeNull();
+    expect(screen.getByText('candidate:none')).toBeTruthy();
   });
 
-  it("resolves Bind to the published member contract when a workflow focus already maps to that member", async () => {
+  it('resolves Bind to the published member contract when a workflow focus already maps to that member', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      name: "joker",
-      fileName: "joker.yaml",
-      filePath: "/tmp/workflows/joker.yaml",
-      yaml: "name: joker\nsteps: []\n",
+      name: 'joker',
+      fileName: 'joker.yaml',
+      filePath: '/tmp/workflows/joker.yaml',
+      yaml: 'name: joker\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "joker",
+        name: 'joker',
       },
     };
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "joker",
-        description: "Current joker draft",
-        fileName: "joker.yaml",
-        filePath: "/tmp/workflows/joker.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'joker',
+        description: 'Current joker draft',
+        fileName: 'joker.yaml',
+        filePath: '/tmp/workflows/joker.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with workspace-demo.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with workspace-demo.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "joker",
-        displayName: "joker",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-joker",
+        serviceId: 'joker',
+        displayName: 'joker',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-joker',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with joker.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with joker.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "workspace-demo",
-      serviceKey: "scope-1:default:workspace-demo",
-      defaultServingRevisionId: "rev-default",
-      activeServingRevisionId: "rev-default",
-      deploymentId: "dep-default",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-default",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'workspace-demo',
+      serviceKey: 'scope-1:default:workspace-demo',
+      defaultServingRevisionId: 'rev-default',
+      activeServingRevisionId: 'rev-default',
+      deploymentId: 'dep-default',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-default',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [],
     });
     mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
       async (_scopeId: string, serviceId: string) =>
         mockBuildServiceRevisionCatalog({
           serviceId,
-          displayName: serviceId === "joker" ? "joker" : "workspace-demo",
-          workflowName: serviceId === "joker" ? "joker" : "workspace-demo",
-        })
+          displayName: serviceId === 'joker' ? 'joker' : 'workspace-demo',
+          workflowName: serviceId === 'joker' ? 'joker' : 'workspace-demo',
+        }),
     );
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&step=bind&tab=bindings");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&step=bind&tab=bindings',
+    );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-title")).toHaveTextContent("joker");
-      expect(screen.getByText("service:joker")).toBeTruthy();
-      expect(screen.getByText("services:joker")).toBeTruthy();
-      expect(screen.getByText("candidate:none")).toBeTruthy();
+      expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+        'joker',
+      );
+      expect(screen.getByText('service:joker')).toBeTruthy();
+      expect(screen.getByText('services:joker')).toBeTruthy();
+      expect(screen.getByText('candidate:none')).toBeTruthy();
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("step")).toBe("bind");
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("memberId")).toBeNull();
-      expect(searchParams.get("focus")).toBeNull();
+      expect(searchParams.get('step')).toBe('bind');
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('memberId')).toBeNull();
+      expect(searchParams.get('focus')).toBeNull();
     });
-    expect(screen.queryByText("service:default")).toBeNull();
-    expect(screen.queryByText("service:no-service")).toBeNull();
+    expect(screen.queryByText('service:default')).toBeNull();
+    expect(screen.queryByText('service:no-service')).toBeNull();
   });
 
-  it("keeps the current bind surface active when switching members from the rail", async () => {
+  it('keeps the current bind surface active when switching members from the rail', async () => {
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "joker",
-        scopeId: "scope-1",
-        displayName: "joker",
-        description: "Joker workflow member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "joker",
-        lastBoundRevisionId: "rev-joker",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'joker',
+        scopeId: 'scope-1',
+        displayName: 'joker',
+        description: 'Joker workflow member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'joker',
+        lastBoundRevisionId: 'rev-joker',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with workspace-demo.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with workspace-demo.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "joker",
-        displayName: "joker",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-joker",
+        serviceId: 'joker',
+        displayName: 'joker',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-joker',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with joker.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with joker.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "workspace-demo",
-      serviceKey: "scope-1:default:workspace-demo",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-default",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'workspace-demo',
+      serviceKey: 'scope-1:default:workspace-demo',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-default',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [],
     });
     mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
       async (_scopeId: string, serviceId: string) =>
         mockBuildServiceRevisionCatalog({
           serviceId,
-          displayName: serviceId === "joker" ? "joker" : "workspace-demo",
-          workflowName: serviceId === "joker" ? "joker" : "workspace-demo",
-        })
+          displayName: serviceId === 'joker' ? 'joker' : 'workspace-demo',
+          workflowName: serviceId === 'joker' ? 'joker' : 'workspace-demo',
+        }),
     );
 
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Aworkspace-demo&step=bind&tab=bindings");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&step=bind&tab=bindings',
+    );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("service:default")).toBeTruthy();
+      expect(screen.getByText('service:default')).toBeTruthy();
     });
 
-    const rail = await screen.findByLabelText("Team members");
-    fireEvent.click(within(rail).getByRole("button", { name: "joker" }));
+    const rail = await screen.findByLabelText('Team members');
+    fireEvent.click(within(rail).getByRole('button', { name: 'joker' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-title")).toHaveTextContent("joker");
-      expect(screen.getByText("service:joker")).toBeTruthy();
+      expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+        'joker',
+      );
+      expect(screen.getByText('service:joker')).toBeTruthy();
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("step")).toBe("bind");
-      expect(searchParams.get("member")).toBe("member:joker");
-      expect(searchParams.get("memberId")).toBeNull();
+      expect(searchParams.get('step')).toBe('bind');
+      expect(searchParams.get('member')).toBe('member:joker');
+      expect(searchParams.get('memberId')).toBeNull();
     });
-    expect(screen.queryByTestId("studio-invoke-surface")).toBeNull();
+    expect(screen.queryByTestId('studio-invoke-surface')).toBeNull();
   });
 
-  it("keeps the current bind surface active when switching to a workflow draft from the rail", async () => {
+  it('keeps the current bind surface active when switching to a workflow draft from the rail', async () => {
     mockWorkflowFile = {
       ...mockWorkflowFile,
-      name: "draft1",
-      fileName: "draft1.yaml",
-      filePath: "/tmp/workflows/draft1.yaml",
-      yaml: "name: draft1\nsteps: []\n",
+      name: 'draft1',
+      fileName: 'draft1.yaml',
+      filePath: '/tmp/workflows/draft1.yaml',
+      yaml: 'name: draft1\nsteps: []\n',
       document: {
         ...mockParsedDocument,
-        name: "draft1",
+        name: 'draft1',
       },
     };
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "joker",
-        scopeId: "scope-1",
-        displayName: "joker",
-        description: "Joker workflow member",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "joker",
-        lastBoundRevisionId: "rev-joker",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'joker',
+        scopeId: 'scope-1',
+        displayName: 'joker',
+        description: 'Joker workflow member',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'joker',
+        lastBoundRevisionId: 'rev-joker',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "joker",
-        displayName: "joker",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-joker",
+        serviceId: 'joker',
+        displayName: 'joker',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-joker',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with joker.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with joker.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "joker",
-      displayName: "joker",
-      serviceKey: "scope-1:default:joker",
-      defaultServingRevisionId: "rev-joker",
-      activeServingRevisionId: "rev-joker",
-      deploymentId: "dep-joker",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-joker",
-      updatedAt: "2026-03-26T08:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'joker',
+      displayName: 'joker',
+      serviceKey: 'scope-1:default:joker',
+      defaultServingRevisionId: 'rev-joker',
+      activeServingRevisionId: 'rev-joker',
+      deploymentId: 'dep-joker',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-joker',
+      updatedAt: '2026-03-26T08:00:00Z',
       revisions: [],
     });
-    mockScopeRuntimeApi.getServiceRevisions.mockImplementationOnce(
-      async () =>
-        mockBuildServiceRevisionCatalog({
-          serviceId: "joker",
-          displayName: "joker",
-          workflowName: "joker",
-        })
+    mockScopeRuntimeApi.getServiceRevisions.mockImplementationOnce(async () =>
+      mockBuildServiceRevisionCatalog({
+        serviceId: 'joker',
+        displayName: 'joker',
+        workflowName: 'joker',
+      }),
     );
 
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Ajoker&step=bind&tab=bindings");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Ajoker&step=bind&tab=bindings',
+    );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("member:joker")).toBeTruthy();
-      expect(screen.getByText("service:joker")).toBeTruthy();
+      expect(screen.getByText('member:joker')).toBeTruthy();
+      expect(screen.getByText('service:joker')).toBeTruthy();
     });
 
-    const rail = await screen.findByLabelText("Team members");
-    fireEvent.click(within(rail).getByRole("button", { name: "draft1" }));
+    const rail = await screen.findByLabelText('Team members');
+    fireEvent.click(within(rail).getByRole('button', { name: 'draft1' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("studio-context-title")).toHaveTextContent("draft1");
-      expect(screen.getByText("service:no-service")).toBeTruthy();
-      expect(screen.getByText("services:none")).toBeTruthy();
-      expect(screen.getByText("candidate:draft1")).toBeTruthy();
+      expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+        'draft1',
+      );
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('candidate:draft1')).toBeTruthy();
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("step")).toBe("bind");
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("memberId")).toBeNull();
+      expect(searchParams.get('step')).toBe('bind');
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('memberId')).toBeNull();
     });
-    expect(screen.queryByTestId("studio-workflow-build-panel")).toBeNull();
+    expect(screen.queryByTestId('studio-workflow-build-panel')).toBeNull();
   });
 
-  it("does not resurrect a deleted workflow step when another node is selected afterwards", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('does not resurrect a deleted workflow step when another node is selected afterwards', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByRole("button", { name: "approve_step" })).toBeTruthy();
+      expect(screen.getByRole('button', { name: 'approve_step' })).toBeTruthy();
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "approve_step" }));
+    fireEvent.click(screen.getByRole('button', { name: 'approve_step' }));
     await waitFor(() => {
-      expect(screen.getByLabelText("Step ID")).toHaveValue("approve_step");
+      expect(screen.getByLabelText('Step ID')).toHaveValue('approve_step');
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Delete step" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Delete step' }));
 
     await waitFor(() => {
-      expect(screen.queryByRole("button", { name: "approve_step" })).toBeNull();
-      expect(screen.getByLabelText("Step ID")).toHaveValue("draft_step");
+      expect(screen.queryByRole('button', { name: 'approve_step' })).toBeNull();
+      expect(screen.getByLabelText('Step ID')).toHaveValue('draft_step');
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "draft_step" }));
+    fireEvent.click(screen.getByRole('button', { name: 'draft_step' }));
 
     await waitFor(() => {
-      expect(screen.getByLabelText("Step ID")).toHaveValue("draft_step");
-      expect(screen.queryByRole("button", { name: "approve_step" })).toBeNull();
+      expect(screen.getByLabelText('Step ID')).toHaveValue('draft_step');
+      expect(screen.queryByRole('button', { name: 'approve_step' })).toBeNull();
     });
   });
 
-  it("does not resurrect a canvas-deleted workflow step after adding another node", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('does not resurrect a canvas-deleted workflow step after adding another node', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByRole("button", { name: "approve_step" })).toBeTruthy();
+      expect(screen.getByRole('button', { name: 'approve_step' })).toBeTruthy();
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "approve_step" }));
+    fireEvent.click(screen.getByRole('button', { name: 'approve_step' }));
     await waitFor(() => {
-      expect(screen.getByLabelText("Step ID")).toHaveValue("approve_step");
+      expect(screen.getByLabelText('Step ID')).toHaveValue('approve_step');
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Delete selected step on canvas" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Delete selected step on canvas' }),
+    );
 
     await waitFor(() => {
-      expect(screen.queryByRole("button", { name: "approve_step" })).toBeNull();
-      expect(screen.getByLabelText("Step ID")).toHaveValue("draft_step");
+      expect(screen.queryByRole('button', { name: 'approve_step' })).toBeNull();
+      expect(screen.getByLabelText('Step ID')).toHaveValue('draft_step');
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Add step" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Add step' }));
 
     await waitFor(() => {
-      expect(screen.queryByRole("button", { name: "approve_step" })).toBeNull();
-      expect(screen.getByRole("button", { name: "llm_step" })).toBeTruthy();
+      expect(screen.queryByRole('button', { name: 'approve_step' })).toBeNull();
+      expect(screen.getByRole('button', { name: 'llm_step' })).toBeTruthy();
     });
   });
 
-  it("does not re-persist removed create-team draft params after saving", async () => {
+  it('does not re-persist removed create-team draft params after saving', async () => {
     renderStudioPage(
-      "/studio?focus=workflow%3Aworkflow-1&tab=studio&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3"
+      '/studio?focus=workflow%3Aworkflow-1&tab=studio&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3',
     );
 
-    const editor = await screen.findByLabelText("定义 YAML");
+    const editor = await screen.findByLabelText('定义 YAML');
     fireEvent.change(editor, {
       target: {
-        value: "name: workspace-demo\nsteps:\n  - id: approve_step\n",
+        value: 'name: workspace-demo\nsteps:\n  - id: approve_step\n',
       },
     });
 
-    const saveButton = screen.getByRole("button", { name: "Save draft" });
+    const saveButton = screen.getByRole('button', { name: 'Save draft' });
     await waitFor(() => {
       expect(saveButton).toBeEnabled();
     });
@@ -7276,51 +7927,53 @@ describe("StudioPage", () => {
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(window.location.pathname).toBe("/studio");
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("teamMode")).toBeNull();
-      expect(searchParams.get("teamName")).toBeNull();
-      expect(searchParams.get("entryName")).toBeNull();
-      expect(searchParams.get("teamDraftWorkflowId")).toBeNull();
-      expect(searchParams.get("teamDraftWorkflowName")).toBeNull();
+      expect(window.location.pathname).toBe('/studio');
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('teamMode')).toBeNull();
+      expect(searchParams.get('teamName')).toBeNull();
+      expect(searchParams.get('entryName')).toBeNull();
+      expect(searchParams.get('teamDraftWorkflowId')).toBeNull();
+      expect(searchParams.get('teamDraftWorkflowName')).toBeNull();
     });
   });
 
-  it("drops removed create-team params when the route switches to a different workflow", async () => {
+  it('drops removed create-team params when the route switches to a different workflow', async () => {
     renderStudioPage(
-      "/studio?focus=workflow%3Aworkflow-1&tab=studio&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3&teamDraftWorkflowId=workflow-1&teamDraftWorkflowName=workspace-demo"
+      '/studio?focus=workflow%3Aworkflow-1&tab=studio&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3&teamDraftWorkflowId=workflow-1&teamDraftWorkflowName=workspace-demo',
     );
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
 
     await replaceStudioRoute(
-      "/studio?focus=workflow%3Aworkflow-2&tab=studio&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3&teamDraftWorkflowId=workflow-1&teamDraftWorkflowName=workspace-demo"
+      '/studio?focus=workflow%3Aworkflow-2&tab=studio&teamMode=create&teamName=%E8%AE%A2%E5%8D%95%E5%8A%A9%E6%89%8B%E5%9B%A2%E9%98%9F&entryName=%E8%AE%A2%E5%8D%95%E5%85%A5%E5%8F%A3&teamDraftWorkflowId=workflow-1&teamDraftWorkflowName=workspace-demo',
     );
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("workflow:workflow-2");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("teamMode")).toBeNull();
-      expect(searchParams.get("teamName")).toBeNull();
-      expect(searchParams.get("entryName")).toBeNull();
-      expect(searchParams.get("teamDraftWorkflowId")).toBeNull();
-      expect(searchParams.get("teamDraftWorkflowName")).toBeNull();
+      expect(searchParams.get('member')).toBe('workflow:workflow-2');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('teamMode')).toBeNull();
+      expect(searchParams.get('teamName')).toBeNull();
+      expect(searchParams.get('entryName')).toBeNull();
+      expect(searchParams.get('teamDraftWorkflowId')).toBeNull();
+      expect(searchParams.get('teamDraftWorkflowName')).toBeNull();
     });
   });
 
-  it("keeps Studio workflow saves pinned to the current scope route", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('keeps Studio workflow saves pinned to the current scope route', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    const editor = await screen.findByLabelText("定义 YAML");
+    const editor = await screen.findByLabelText('定义 YAML');
     fireEvent.change(editor, {
       target: {
-        value: "name: workspace-demo\nsteps:\n  - id: approve_step\n",
+        value: 'name: workspace-demo\nsteps:\n  - id: approve_step\n',
       },
     });
 
-    const saveButton = screen.getByRole("button", { name: "Save draft" });
+    const saveButton = screen.getByRole('button', { name: 'Save draft' });
     await waitFor(() => {
       expect(saveButton).toBeEnabled();
     });
@@ -7329,71 +7982,71 @@ describe("StudioPage", () => {
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowId: "workflow-1",
-          scopeId: "scope-1",
-          directoryId: "dir-1",
-          workflowName: "workspace-demo",
-        })
+          workflowId: 'workflow-1',
+          scopeId: 'scope-1',
+          directoryId: 'dir-1',
+          workflowName: 'workspace-demo',
+        }),
       );
     });
   });
 
-  it("keeps a backend Workflow member route selected after saving its draft", async () => {
+  it('keeps a backend Workflow member route selected after saving its draft', async () => {
     renderStudioPage(
-      "/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    const editor = await screen.findByLabelText("定义 YAML");
+    const editor = await screen.findByLabelText('定义 YAML');
     fireEvent.change(editor, {
       target: {
-        value: "name: workspace-demo\nsteps:\n  - id: approve_step\n",
+        value: 'name: workspace-demo\nsteps:\n  - id: approve_step\n',
       },
     });
 
-    const saveButton = screen.getByRole("button", { name: "Save draft" });
+    const saveButton = screen.getByRole('button', { name: 'Save draft' });
     await waitFor(() => {
       expect(saveButton).toBeEnabled();
     });
     fireEvent.click(saveButton);
 
-    const rail = await screen.findByLabelText("Team members");
+    const rail = await screen.findByLabelText('Team members');
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowId: "workflow-1",
-          scopeId: "scope-1",
-          directoryId: "dir-1",
-          workflowName: "workspace-demo",
-        })
+          workflowId: 'workflow-1',
+          scopeId: 'scope-1',
+          directoryId: 'dir-1',
+          workflowName: 'workspace-demo',
+        }),
       );
 
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("member:workspace-demo");
-      expect(searchParams.get("focus")).toBe("workflow:workflow-1");
-      expect(searchParams.get("step")).toBe("build");
-      expect(searchParams.get("tab")).toBe("studio");
+      expect(searchParams.get('member')).toBe('member:workspace-demo');
+      expect(searchParams.get('focus')).toBe('workflow:workflow-1');
+      expect(searchParams.get('step')).toBe('build');
+      expect(searchParams.get('tab')).toBe('studio');
       expect(
-        within(rail).getByRole("button", { name: "workspace-demo" })
-      ).toHaveAttribute("aria-current", "true");
+        within(rail).getByRole('button', { name: 'workspace-demo' }),
+      ).toHaveAttribute('aria-current', 'true');
     });
   });
 
-  it("marks the first scoped save of a committed workflow as create-draft work", async () => {
+  it('marks the first scoped save of a committed workflow as create-draft work', async () => {
     (studioApi.getWorkflow as jest.Mock).mockResolvedValueOnce({
       ...mockWorkflowFile,
       draftExists: false,
     });
 
-    renderStudioPage("/studio?scopeId=scope-1&workflow=workflow-1&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&workflow=workflow-1&tab=studio');
 
-    const editor = await screen.findByLabelText("定义 YAML");
+    const editor = await screen.findByLabelText('定义 YAML');
     fireEvent.change(editor, {
       target: {
-        value: "name: workspace-demo\nsteps:\n  - id: approve_step\n",
+        value: 'name: workspace-demo\nsteps:\n  - id: approve_step\n',
       },
     });
 
-    const saveButton = screen.getByRole("button", { name: "Save draft" });
+    const saveButton = screen.getByRole('button', { name: 'Save draft' });
     await waitFor(() => {
       expect(saveButton).toBeEnabled();
     });
@@ -7402,33 +8055,35 @@ describe("StudioPage", () => {
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowId: "workflow-1",
+          workflowId: 'workflow-1',
           draftExists: false,
-          scopeId: "scope-1",
-          directoryId: "dir-1",
-          workflowName: "workspace-demo",
-        })
+          scopeId: 'scope-1',
+          directoryId: 'dir-1',
+          workflowName: 'workspace-demo',
+        }),
       );
     });
   });
 
-  it("keeps the toolbar save action enabled when the draft falls back to the default directory", async () => {
+  it('keeps the toolbar save action enabled when the draft falls back to the default directory', async () => {
     (studioApi.getWorkflow as jest.Mock).mockResolvedValueOnce({
       ...mockWorkflowFile,
-      directoryId: "",
-      directoryLabel: "",
+      directoryId: '',
+      directoryLabel: '',
     });
 
-    renderStudioPage("/studio?workflow=workflow-1&tab=studio");
+    renderStudioPage('/studio?workflow=workflow-1&tab=studio');
 
-    const editor = await screen.findByLabelText("定义 YAML");
+    const editor = await screen.findByLabelText('定义 YAML');
     fireEvent.change(editor, {
       target: {
-        value: "name: workspace-demo\nsteps:\n  - id: approve_step\n",
+        value: 'name: workspace-demo\nsteps:\n  - id: approve_step\n',
       },
     });
 
-    const toolbarSaveButton = screen.getByRole("button", { name: "Save draft" });
+    const toolbarSaveButton = screen.getByRole('button', {
+      name: 'Save draft',
+    });
     await waitFor(() => {
       expect(toolbarSaveButton).toBeEnabled();
     });
@@ -7437,155 +8092,164 @@ describe("StudioPage", () => {
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowId: "workflow-1",
-          directoryId: "dir-1",
-          workflowName: "workspace-demo",
-        })
+          workflowId: 'workflow-1',
+          directoryId: 'dir-1',
+          workflowName: 'workspace-demo',
+        }),
       );
     });
   });
 
-  it("falls back to the existing workflow when the removed draft route flag is present", async () => {
-    renderStudioPage("/studio?draft=new");
+  it('falls back to the existing workflow when the removed draft route flag is present', async () => {
+    renderStudioPage('/studio?draft=new');
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
-    const rail = await screen.findByLabelText("Team members");
-    expect(within(rail).queryByRole("button", { name: "draft" })).toBeNull();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
+    expect(within(rail).queryByRole('button', { name: 'draft' })).toBeNull();
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("draft")).toBeNull();
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
+      expect(searchParams.get('draft')).toBeNull();
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
     });
   });
 
-  it("does not auto-create a draft when Studio opens without any team members", async () => {
+  it('does not auto-create a draft when Studio opens without any team members', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
-      workflowStorageMode: "scope",
+      workflowStorageMode: 'scope',
     });
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
 
-    renderStudioPage("/studio?scopeId=scope-1&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&tab=studio');
 
-    expect(await screen.findByTestId("studio-empty-member-state")).toBeTruthy();
-    expect(screen.getByTestId("studio-context-title")).toHaveTextContent(
-      "Select a member"
+    expect(await screen.findByTestId('studio-empty-member-state')).toBeTruthy();
+    expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+      'Select a member',
     );
-    expect(screen.getByLabelText("Create member from empty state")).toBeTruthy();
-    expect(screen.queryByText("DAG Canvas")).toBeNull();
+    expect(
+      screen.getByLabelText('Create member from empty state'),
+    ).toBeTruthy();
+    expect(screen.queryByText('DAG Canvas')).toBeNull();
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("draft")).toBeNull();
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("tab")).toBe("studio");
+      expect(searchParams.get('draft')).toBeNull();
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('tab')).toBe('studio');
     });
   });
 
-  it("recovers to an explicit member-selection empty state when the route points at a missing workflow", async () => {
+  it('recovers to an explicit member-selection empty state when the route points at a missing workflow', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
-      workflowStorageMode: "scope",
+      workflowStorageMode: 'scope',
     });
     (studioApi.listWorkflows as jest.Mock).mockResolvedValue([]);
     (studioApi.getWorkflow as jest.Mock).mockRejectedValueOnce(
-      new Error("Not Found")
+      new Error('Not Found'),
     );
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Adraft&tab=studio");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Adraft&tab=studio',
+    );
 
     await waitFor(() => {
-      expect(studioApi.getWorkflow).toHaveBeenCalledWith("draft", "scope-1");
+      expect(studioApi.getWorkflow).toHaveBeenCalledWith('draft', 'scope-1');
     });
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("draft")).toBeNull();
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("tab")).toBe("studio");
+      expect(searchParams.get('draft')).toBeNull();
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('tab')).toBe('studio');
     });
 
-    expect(await screen.findByTestId("studio-empty-member-state")).toBeTruthy();
-    expect(screen.getByTestId("studio-context-title")).toHaveTextContent(
-      "Select a member"
+    expect(await screen.findByTestId('studio-empty-member-state')).toBeTruthy();
+    expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+      'Select a member',
     );
-    expect(screen.queryByText("DAG Canvas")).toBeNull();
+    expect(screen.queryByText('DAG Canvas')).toBeNull();
   });
 
-  it("ignores the legacy playground handoff route flag and opens the existing workflow workspace", async () => {
-    renderStudioPage("/studio?draft=new&legacy=playground");
+  it('ignores the legacy playground handoff route flag and opens the existing workflow workspace', async () => {
+    renderStudioPage('/studio?draft=new&legacy=playground');
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("legacy")).toBeNull();
-      expect(searchParams.get("draft")).toBeNull();
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
+      expect(searchParams.get('legacy')).toBeNull();
+      expect(searchParams.get('draft')).toBeNull();
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
     });
   });
 
-  it("hydrates the workflow dry-run prompt from the route query", async () => {
+  it('hydrates the workflow dry-run prompt from the route query', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     renderStudioPage(
-      "/studio?focus=template%3Apublished-demo&prompt=Continue%20this%20workflow%20in%20Studio"
+      '/studio?focus=template%3Apublished-demo&prompt=Continue%20this%20workflow%20in%20Studio',
     );
 
     await waitFor(() => {
       expect(studioApi.getTemplateWorkflow).toHaveBeenCalledWith(
-        "published-demo"
+        'published-demo',
       );
     });
 
     expect(
-      (await screen.findByLabelText("Workflow dry run input")) as HTMLTextAreaElement
-    ).toHaveValue("Continue this workflow in Studio");
+      (await screen.findByLabelText(
+        'Workflow dry run input',
+      )) as HTMLTextAreaElement,
+    ).toHaveValue('Continue this workflow in Studio');
   });
 
-  it("runs workflow dry-run with pending step prompt edits", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('runs workflow dry-run with pending step prompt edits', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
     await waitFor(() => {
       expect(mockLastWorkflowBuildPanelProps?.buildWorkflowYamls).toEqual(
-        expect.any(Function)
+        expect.any(Function),
       );
     });
     (studioApi.serializeYaml as jest.Mock).mockClear();
 
-    const workflowYamls = await mockLastWorkflowBuildPanelProps.buildWorkflowYamls({
-      stepId: "draft_step",
-      draft: {
-        kind: "step",
-        id: "draft_step",
-        type: "llm_call",
-        targetRole: "assistant",
-        next: "approve_step",
-        parametersText: JSON.stringify(
-          {
-            prompt_prefix: "Translate the input to English.",
-          },
-          null,
-          2
-        ),
-        branchesText: "{}",
-      },
-    });
+    const workflowYamls =
+      await mockLastWorkflowBuildPanelProps.buildWorkflowYamls({
+        stepId: 'draft_step',
+        draft: {
+          kind: 'step',
+          id: 'draft_step',
+          type: 'llm_call',
+          targetRole: 'assistant',
+          next: 'approve_step',
+          parametersText: JSON.stringify(
+            {
+              prompt_prefix: 'Translate the input to English.',
+            },
+            null,
+            2,
+          ),
+          branchesText: '{}',
+        },
+      });
 
     expect(workflowYamls).toEqual([
-      expect.stringContaining("prompt_prefix: Translate the input to English."),
+      expect.stringContaining('prompt_prefix: Translate the input to English.'),
     ]);
     expect(studioApi.serializeYaml).toHaveBeenCalledTimes(1);
     expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -7593,148 +8257,157 @@ describe("StudioPage", () => {
         document: expect.objectContaining({
           steps: expect.arrayContaining([
             expect.objectContaining({
-              id: "draft_step",
+              id: 'draft_step',
               parameters: expect.objectContaining({
-                prompt_prefix: "Translate the input to English.",
+                prompt_prefix: 'Translate the input to English.',
               }),
             }),
           ]),
         }),
-      })
+      }),
     );
   });
 
-  it("shows the published template graph in the Studio editor", async () => {
-    renderStudioPage("/studio?focus=template%3Apublished-demo&tab=workflows");
+  it('shows the published template graph in the Studio editor', async () => {
+    renderStudioPage('/studio?focus=template%3Apublished-demo&tab=workflows');
 
     await waitFor(() => {
       expect(studioApi.getTemplateWorkflow).toHaveBeenCalledWith(
-        "published-demo"
+        'published-demo',
       );
     });
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
-    expect(screen.getByTestId("studio-context-title")).toHaveTextContent(
-      "published-demo"
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
+    expect(screen.getByTestId('studio-context-title')).toHaveTextContent(
+      'published-demo',
     );
     await waitFor(() => {
-      expect(screen.getByTestId("workflow-graph-node-count")).toHaveTextContent("2");
+      expect(screen.getByTestId('workflow-graph-node-count')).toHaveTextContent(
+        '2',
+      );
     });
   });
 
-  it("prefers the active scope binding workflow when Studio opens in a team context", async () => {
+  it('prefers the active scope binding workflow when Studio opens in a team context', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-2",
-        name: "other-workflow",
-        description: "Other workflow",
-        fileName: "other-workflow.yaml",
-        filePath: "/tmp/workflows/other-workflow.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-2',
+        name: 'other-workflow',
+        description: 'Other workflow',
+        fileName: 'other-workflow.yaml',
+        filePath: '/tmp/workflows/other-workflow.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
       {
-        workflowId: "workflow-1",
-        name: "workspace-demo",
-        description: "Workspace workflow",
-        fileName: "workspace-demo.yaml",
-        filePath: "/tmp/workflows/workspace-demo.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'workspace-demo',
+        description: 'Workspace workflow',
+        fileName: 'workspace-demo.yaml',
+        filePath: '/tmp/workflows/workspace-demo.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 2,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
 
-    renderStudioPage("/studio?scopeId=scope-1&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&tab=studio');
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBe("workflow:workflow-1");
-      expect(searchParams.get("focus")).toBeNull();
-      expect(searchParams.get("tab")).toBe("studio");
+      expect(searchParams.get('member')).toBe('workflow:workflow-1');
+      expect(searchParams.get('focus')).toBeNull();
+      expect(searchParams.get('tab')).toBe('studio');
     });
   });
 
-  it("keeps team members in recent-first order when selecting from the rail", async () => {
+  it('keeps team members in recent-first order when selecting from the rail', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-2",
-        name: "other-workflow",
-        description: "Other workflow",
-        fileName: "other-workflow.yaml",
-        filePath: "/tmp/workflows/other-workflow.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-2',
+        name: 'other-workflow',
+        description: 'Other workflow',
+        fileName: 'other-workflow.yaml',
+        filePath: '/tmp/workflows/other-workflow.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
       {
-        workflowId: "workflow-1",
-        name: "workspace-demo",
-        description: "Workspace workflow",
-        fileName: "workspace-demo.yaml",
-        filePath: "/tmp/workflows/workspace-demo.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'workspace-demo',
+        description: 'Workspace workflow',
+        fileName: 'workspace-demo.yaml',
+        filePath: '/tmp/workflows/workspace-demo.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 2,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
 
-    renderStudioPage("/studio?scopeId=scope-1&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&tab=studio');
 
-    const rail = await screen.findByLabelText("Team members");
-    await within(rail).findByText("other-workflow");
-    const workspaceButtonsBefore = within(rail).getAllByRole("button", {
-      name: "workspace-demo",
+    const rail = await screen.findByLabelText('Team members');
+    await within(rail).findByText('other-workflow');
+    const workspaceButtonsBefore = within(rail).getAllByRole('button', {
+      name: 'workspace-demo',
     });
     const workspaceButtonBefore = workspaceButtonsBefore[0];
-    const otherWorkflowButtonBefore = within(rail).getByRole("button", {
-      name: "other-workflow",
+    const otherWorkflowButtonBefore = within(rail).getByRole('button', {
+      name: 'other-workflow',
     });
 
     expect(workspaceButtonBefore).toBeTruthy();
     expect(workspaceButtonsBefore).toHaveLength(1);
     expect(otherWorkflowButtonBefore).toBeTruthy();
+    if (!workspaceButtonBefore || !otherWorkflowButtonBefore) {
+      throw new Error(
+        'Expected both workflow buttons before checking their order.',
+      );
+    }
     expect(
-      workspaceButtonBefore!.compareDocumentPosition(otherWorkflowButtonBefore!) &
-        Node.DOCUMENT_POSITION_FOLLOWING
+      workspaceButtonBefore.compareDocumentPosition(otherWorkflowButtonBefore) &
+        Node.DOCUMENT_POSITION_FOLLOWING,
     ).toBeTruthy();
 
     fireEvent.click(otherWorkflowButtonBefore);
 
     await waitFor(() => {
       expect(
-        within(rail).getAllByRole("button", { name: "workspace-demo" })
+        within(rail).getAllByRole('button', { name: 'workspace-demo' }),
       ).toHaveLength(1);
-      expect(within(rail).getByRole("button", { name: "other-workflow" })).toBeTruthy();
+      expect(
+        within(rail).getByRole('button', { name: 'other-workflow' }),
+      ).toBeTruthy();
     });
 
-    const workspaceButtonsAfter = within(rail).getAllByRole("button", {
-      name: "workspace-demo",
+    const workspaceButtonsAfter = within(rail).getAllByRole('button', {
+      name: 'workspace-demo',
     });
     const workspaceButtonAfter = workspaceButtonsAfter[0];
-    const otherWorkflowButtonAfter = within(rail).getByRole("button", {
-      name: "other-workflow",
+    const otherWorkflowButtonAfter = within(rail).getByRole('button', {
+      name: 'other-workflow',
     });
-    const railButtonsAfter = within(rail).getAllByRole("button");
+    const railButtonsAfter = within(rail).getAllByRole('button');
 
     expect(otherWorkflowButtonAfter).toBeTruthy();
     expect(workspaceButtonAfter).toBeTruthy();
@@ -7744,229 +8417,232 @@ describe("StudioPage", () => {
     );
   });
 
-  it("highlights the newly selected workflow instead of keeping the previous service selected", async () => {
+  it('highlights the newly selected workflow instead of keeping the previous service selected', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-2",
-        name: "other-workflow",
-        description: "Other workflow",
-        fileName: "other-workflow.yaml",
-        filePath: "/tmp/workflows/other-workflow.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-2',
+        name: 'other-workflow',
+        description: 'Other workflow',
+        fileName: 'other-workflow.yaml',
+        filePath: '/tmp/workflows/other-workflow.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
       {
-        workflowId: "workflow-1",
-        name: "workspace-demo",
-        description: "Workspace workflow",
-        fileName: "workspace-demo.yaml",
-        filePath: "/tmp/workflows/workspace-demo.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'workspace-demo',
+        description: 'Workspace workflow',
+        fileName: 'workspace-demo.yaml',
+        filePath: '/tmp/workflows/workspace-demo.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 2,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&memberId=default&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&memberId=default&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    const rail = await screen.findByLabelText("Team members");
-    const workspaceButton = await within(rail).findByRole("button", {
-      name: "workspace-demo",
+    const rail = await screen.findByLabelText('Team members');
+    const workspaceButton = await within(rail).findByRole('button', {
+      name: 'workspace-demo',
     });
-    const otherWorkflowButton = within(rail).getByRole("button", {
-      name: "other-workflow",
+    const otherWorkflowButton = within(rail).getByRole('button', {
+      name: 'other-workflow',
     });
 
     fireEvent.click(otherWorkflowButton);
 
     await waitFor(() => {
-      expect(otherWorkflowButton).toHaveAttribute("aria-current", "true");
-      expect(workspaceButton).not.toHaveAttribute("aria-current", "true");
+      expect(otherWorkflowButton).toHaveAttribute('aria-current', 'true');
+      expect(workspaceButton).not.toHaveAttribute('aria-current', 'true');
     });
   });
 
-  it("surfaces the currently selected workflow member ahead of older published members", async () => {
+  it('surfaces the currently selected workflow member ahead of older published members', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        workflowId: "workflow-1",
-        name: "draft1",
-        description: "Current draft member",
-        fileName: "draft1.yaml",
-        filePath: "/tmp/workflows/draft1.yaml",
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        workflowId: 'workflow-1',
+        name: 'draft1',
+        description: 'Current draft member',
+        fileName: 'draft1.yaml',
+        filePath: '/tmp/workflows/draft1.yaml',
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
+        updatedAtUtc: '2026-03-18T00:00:00Z',
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "joker",
-        displayName: "joker",
-        deploymentStatus: "Idle",
-        primaryActorId: "actor-joker",
+        serviceId: 'joker',
+        displayName: 'joker',
+        deploymentStatus: 'Idle',
+        primaryActorId: 'actor-joker',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with joker.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with joker.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
-    mockScopeRuntimeApi.getServiceRevisions.mockImplementationOnce(
-      async () =>
-        mockBuildServiceRevisionCatalog({
-          serviceId: "joker",
-          displayName: "joker",
-          workflowName: "joker",
-          deploymentStatus: "Idle",
-        })
+    mockScopeRuntimeApi.getServiceRevisions.mockImplementationOnce(async () =>
+      mockBuildServiceRevisionCatalog({
+        serviceId: 'joker',
+        displayName: 'joker',
+        workflowName: 'joker',
+        deploymentStatus: 'Idle',
+      }),
     );
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    const rail = await screen.findByLabelText("Team members");
-    const draftButton = await within(rail).findByRole("button", {
-      name: "draft1",
+    const rail = await screen.findByLabelText('Team members');
+    const draftButton = await within(rail).findByRole('button', {
+      name: 'draft1',
     });
-    const jokerButton = within(rail).getByRole("button", {
-      name: "joker",
+    const jokerButton = within(rail).getByRole('button', {
+      name: 'joker',
     });
 
     expect(
       draftButton.compareDocumentPosition(jokerButton) &
-        Node.DOCUMENT_POSITION_FOLLOWING
+        Node.DOCUMENT_POSITION_FOLLOWING,
     ).toBeTruthy();
   });
 
-  it("does not hide a workflow draft when the matching service revision cannot be loaded", async () => {
+  it('does not hide a workflow draft when the matching service revision cannot be loaded', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with workspace-demo.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with workspace-demo.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
     mockScopeRuntimeApi.getServiceRevisions.mockRejectedValueOnce(
-      new Error("revision service unavailable"),
+      new Error('revision service unavailable'),
     );
 
-    renderStudioPage("/studio?scopeId=scope-1&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&tab=studio');
 
-    const rail = await screen.findByLabelText("Team members");
+    const rail = await screen.findByLabelText('Team members');
     await waitFor(() => {
       expect(mockScopeRuntimeApi.getServiceRevisions).toHaveBeenCalledWith(
-        "scope-1",
-        "default",
+        'scope-1',
+        'default',
       );
       expect(
-        within(rail).getAllByRole("button", { name: "workspace-demo" }),
+        within(rail).getAllByRole('button', { name: 'workspace-demo' }),
       ).toHaveLength(2);
     });
   });
 
-  it("fetches published revisions for each service on initial Studio rail render", async () => {
+  it('fetches published revisions for each service on initial Studio rail render', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockScopeRuntimeApi.listServices.mockResolvedValueOnce([
       {
-        serviceId: "default",
-        displayName: "workspace-demo",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-default",
+        serviceId: 'default',
+        displayName: 'workspace-demo',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-default',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with workspace-demo.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with workspace-demo.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
       {
-        serviceId: "billing-api",
-        displayName: "Billing API",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-billing",
+        serviceId: 'billing-api',
+        displayName: 'Billing API',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-billing',
         endpoints: [
           {
-            endpointId: "chat",
-            displayName: "Chat",
-            kind: "chat",
-            description: "Chat with billing.",
-            requestTypeUrl: "",
-            responseTypeUrl: "",
+            endpointId: 'chat',
+            displayName: 'Chat',
+            kind: 'chat',
+            description: 'Chat with billing.',
+            requestTypeUrl: '',
+            responseTypeUrl: '',
           },
         ],
       },
     ]);
 
-    renderStudioPage("/studio?scopeId=scope-1&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&tab=studio');
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await within(rail).findByRole("button", { name: "Billing API" })).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
+    expect(
+      await within(rail).findByRole('button', { name: 'Billing API' }),
+    ).toBeTruthy();
 
     await waitFor(() => {
       expect(mockScopeRuntimeApi.getServiceRevisions).toHaveBeenCalledWith(
-        "scope-1",
-        "default"
+        'scope-1',
+        'default',
       );
       expect(mockScopeRuntimeApi.getServiceRevisions).toHaveBeenCalledWith(
-        "scope-1",
-        "billing-api"
+        'scope-1',
+        'billing-api',
       );
     });
   });
 
-  it("does not truncate the team member rail when more than eight members are available", async () => {
+  it('does not truncate the team member rail when more than eight members are available', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce(
@@ -7976,284 +8652,297 @@ describe("StudioPage", () => {
         description: `Workflow ${index + 1}`,
         fileName: `member-${index + 1}.yaml`,
         filePath: `/tmp/workflows/member-${index + 1}.yaml`,
-        directoryId: "dir-1",
-        directoryLabel: "Workspace",
+        directoryId: 'dir-1',
+        directoryLabel: 'Workspace',
         stepCount: index + 1,
         hasLayout: true,
-        updatedAtUtc: "2026-03-18T00:00:00Z",
-      }))
+        updatedAtUtc: '2026-03-18T00:00:00Z',
+      })),
     );
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await within(rail).findByRole("button", { name: "member-1" })).toBeTruthy();
-    expect(within(rail).getByRole("button", { name: "member-8" })).toBeTruthy();
-    expect(within(rail).getByRole("button", { name: "member-9" })).toBeTruthy();
+    const rail = await screen.findByLabelText('Team members');
+    expect(
+      await within(rail).findByRole('button', { name: 'member-1' }),
+    ).toBeTruthy();
+    expect(within(rail).getByRole('button', { name: 'member-8' })).toBeTruthy();
+    expect(within(rail).getByRole('button', { name: 'member-9' })).toBeTruthy();
   });
 
-  it("opens the scripts workspace when the route only carries a script id", async () => {
+  it('opens the scripts workspace when the route only carries a script id', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
 
-    renderStudioPage("/studio?focus=script%3Ascript-alpha");
+    renderStudioPage('/studio?focus=script%3Ascript-alpha');
 
-    expect(await screen.findByLabelText("Script ID")).toBeTruthy();
-    expect(screen.getByTestId("studio-script-build-panel")).toBeTruthy();
-    expect(screen.getByText("Script source")).toBeTruthy();
+    expect(await screen.findByLabelText('Script ID')).toBeTruthy();
+    expect(screen.getByTestId('studio-script-build-panel')).toBeTruthy();
+    expect(screen.getByText('Script source')).toBeTruthy();
   });
 
-  it("treats legacy script member routes as script focus only", async () => {
+  it('treats legacy script member routes as script focus only', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (scriptsApi.listScripts as jest.Mock).mockResolvedValue([
       {
         available: true,
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         script: {
-          scopeId: "scope-1",
-          scriptId: "script-alpha",
-          catalogActorId: "catalog-1",
-          definitionActorId: "definition-1",
-          activeRevision: "rev-1",
-          activeSourceHash: "hash-1",
-          updatedAt: "2026-03-18T00:00:00Z",
+          scopeId: 'scope-1',
+          scriptId: 'script-alpha',
+          catalogActorId: 'catalog-1',
+          definitionActorId: 'definition-1',
+          activeRevision: 'rev-1',
+          activeSourceHash: 'hash-1',
+          updatedAt: '2026-03-18T00:00:00Z',
         },
         source: {
-          sourceText: "using System;",
-          definitionActorId: "definition-1",
-          revision: "rev-1",
-          sourceHash: "hash-1",
+          sourceText: 'using System;',
+          definitionActorId: 'definition-1',
+          revision: 'rev-1',
+          sourceHash: 'hash-1',
         },
       },
     ]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=script%3Ascript-alpha&tab=scripts"
+      '/studio?scopeId=scope-1&member=script%3Ascript-alpha&tab=scripts',
     );
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
-    expect(screen.getByLabelText("Script ID")).toHaveValue("script-alpha");
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
+    expect(screen.getByLabelText('Script ID')).toHaveValue('script-alpha');
 
     await waitFor(() => {
       const searchParams = new URLSearchParams(window.location.search);
-      expect(searchParams.get("member")).toBeNull();
-      expect(searchParams.get("focus")).toBe("script:script-alpha");
-      expect(searchParams.get("tab")).toBe("scripts");
+      expect(searchParams.get('member')).toBeNull();
+      expect(searchParams.get('focus')).toBe('script:script-alpha');
+      expect(searchParams.get('tab')).toBe('scripts');
     });
   });
 
-  it("does not open Bind from Script Build without a member subject", async () => {
+  it('does not open Bind from Script Build without a member subject', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=script%3Ascript-alpha&tab=scripts");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=script%3Ascript-alpha&tab=scripts',
+    );
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
-    expect(screen.queryByTestId("studio-bind-surface")).toBeNull();
+    expect(screen.queryByTestId('studio-bind-surface')).toBeNull();
     expect(studioApi.bindMemberScript).not.toHaveBeenCalled();
     expect(studioApi.bindScopeScript).not.toHaveBeenCalled();
-    expect(message.warning).toHaveBeenCalledWith(
-      "Select or create a member before opening Bind for this Script.",
+    expect(mockConsoleToast.warning).toHaveBeenCalledWith(
+      'Select or create a member before opening Bind for this Script.',
     );
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("member")).toBeNull();
-    expect(searchParams.get("focus")).toBe("script:script-alpha");
-    expect(searchParams.get("tab")).toBe("scripts");
+    expect(searchParams.get('member')).toBeNull();
+    expect(searchParams.get('focus')).toBe('script:script-alpha');
+    expect(searchParams.get('tab')).toBe('scripts');
   });
 
-  it("does not duplicate the selected Script member and its script artifact in the rail", async () => {
+  it('does not duplicate the selected Script member and its script artifact in the rail', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (scriptsApi.listScripts as jest.Mock).mockResolvedValue([
       {
         available: true,
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         script: {
-          scopeId: "scope-1",
-          scriptId: "script-1",
-          catalogActorId: "catalog-1",
-          definitionActorId: "definition-1",
-          activeRevision: "rev-script-1",
-          activeSourceHash: "hash-1",
-          updatedAt: "2026-03-18T00:00:00Z",
+          scopeId: 'scope-1',
+          scriptId: 'script-1',
+          catalogActorId: 'catalog-1',
+          definitionActorId: 'definition-1',
+          activeRevision: 'rev-script-1',
+          activeSourceHash: 'hash-1',
+          updatedAt: '2026-03-18T00:00:00Z',
         },
         source: {
-          sourceText: "using System;",
-          definitionActorId: "definition-1",
-          revision: "rev-script-1",
-          sourceHash: "hash-1",
+          sourceText: 'using System;',
+          definitionActorId: 'definition-1',
+          revision: 'rev-script-1',
+          sourceHash: 'hash-1',
         },
       },
     ]);
 
-    renderStudioPage("/studio?scopeId=scope-1&focus=script%3Ascript-1&tab=scripts");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=script%3Ascript-1&tab=scripts',
+    );
 
-    const rail = await screen.findByLabelText("Team members");
+    const rail = await screen.findByLabelText('Team members');
     await waitFor(() => {
-      expect(within(rail).getAllByRole("button", { name: "script-1" })).toHaveLength(1);
+      expect(
+        within(rail).getAllByRole('button', { name: 'script-1' }),
+      ).toHaveLength(1);
     });
   });
 
-  it("returns from Bind to the selected Script build surface", async () => {
+  it('returns from Bind to the selected Script build surface', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "script-member",
-        scopeId: "scope-1",
-        displayName: "draft-test",
-        description: "Script member",
-        implementationKind: "script",
-        scriptId: "script-alpha",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "service-script-alpha",
-        lastBoundRevisionId: "rev-script-1",
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        memberId: 'script-member',
+        scopeId: 'scope-1',
+        displayName: 'draft-test',
+        description: 'Script member',
+        implementationKind: 'script',
+        scriptId: 'script-alpha',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'service-script-alpha',
+        lastBoundRevisionId: 'rev-script-1',
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     (scriptsApi.listScripts as jest.Mock).mockResolvedValue([
       {
         available: true,
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         script: {
-          scopeId: "scope-1",
-          scriptId: "script-alpha",
-          catalogActorId: "catalog-1",
-          definitionActorId: "definition-1",
-          activeRevision: "rev-script-1",
-          activeSourceHash: "hash-1",
-          updatedAt: "2026-03-18T00:00:00Z",
+          scopeId: 'scope-1',
+          scriptId: 'script-alpha',
+          catalogActorId: 'catalog-1',
+          definitionActorId: 'definition-1',
+          activeRevision: 'rev-script-1',
+          activeSourceHash: 'hash-1',
+          updatedAt: '2026-03-18T00:00:00Z',
         },
         source: {
-          sourceText: "using System;",
-          definitionActorId: "definition-1",
-          revision: "rev-script-1",
-          sourceHash: "hash-1",
+          sourceText: 'using System;',
+          definitionActorId: 'definition-1',
+          revision: 'rev-script-1',
+          sourceHash: 'hash-1',
         },
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValue([
       {
-        serviceId: "service-script-alpha",
-        displayName: "draft-test",
-        deploymentStatus: "Active",
-        primaryActorId: "actor-script-alpha",
+        serviceId: 'service-script-alpha',
+        displayName: 'draft-test',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor-script-alpha',
         endpoints: [
           {
-            endpointId: "script-command",
-            displayName: "Script command",
-            kind: "command",
-            description: "Invoke the script command.",
-            requestTypeUrl: "type.googleapis.com/example.ScriptCommand",
-            responseTypeUrl: "type.googleapis.com/example.ScriptResult",
+            endpointId: 'script-command',
+            displayName: 'Script command',
+            kind: 'command',
+            description: 'Invoke the script command.',
+            requestTypeUrl: 'type.googleapis.com/example.ScriptCommand',
+            responseTypeUrl: 'type.googleapis.com/example.ScriptResult',
           },
         ],
       },
     ]);
     mockScopeRuntimeApi.getServiceRevisions.mockImplementation(
       async (_scopeId: string, serviceId: string) =>
-        serviceId === "service-script-alpha"
-          ? mockBuildScriptServiceRevisionCatalog({ serviceId, scriptId: "script-alpha" })
-          : mockBuildServiceRevisionCatalog({ serviceId })
+        serviceId === 'service-script-alpha'
+          ? mockBuildScriptServiceRevisionCatalog({
+              serviceId,
+              scriptId: 'script-alpha',
+            })
+          : mockBuildServiceRevisionCatalog({ serviceId }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Ascript-member&step=bind&tab=bindings"
+      '/studio?scopeId=scope-1&member=member%3Ascript-member&step=bind&tab=bindings',
     );
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Build" }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Build' }));
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByLabelText("Script ID")).toHaveValue("script-alpha");
+      expect(screen.getByLabelText('Script ID')).toHaveValue('script-alpha');
     });
-    expect(screen.queryByTestId("studio-workflow-build-panel")).toBeNull();
+    expect(screen.queryByTestId('studio-workflow-build-panel')).toBeNull();
   });
 
-  it("binds a catalog-applied Script member through the member binding API", async () => {
+  it('binds a catalog-applied Script member through the member binding API', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "script-member",
-        scopeId: "scope-1",
-        displayName: "script-alpha",
-        description: "Script member",
-        implementationKind: "script",
-        lifecycleStage: "created",
-        publishedServiceId: "member-script-member",
+        memberId: 'script-member',
+        scopeId: 'scope-1',
+        displayName: 'script-alpha',
+        description: 'Script member',
+        implementationKind: 'script',
+        lifecycleStage: 'created',
+        publishedServiceId: 'member-script-member',
         lastBoundRevisionId: null,
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     (scriptsApi.listScripts as jest.Mock).mockResolvedValue([
       {
         available: true,
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         script: {
-          scopeId: "scope-1",
-          scriptId: "script-alpha",
-          catalogActorId: "catalog-1",
-          definitionActorId: "definition-1",
-          activeRevision: "rev-1",
-          activeSourceHash: "hash-1",
-          updatedAt: "2026-03-18T00:00:00Z",
+          scopeId: 'scope-1',
+          scriptId: 'script-alpha',
+          catalogActorId: 'catalog-1',
+          definitionActorId: 'definition-1',
+          activeRevision: 'rev-1',
+          activeSourceHash: 'hash-1',
+          updatedAt: '2026-03-18T00:00:00Z',
         },
         source: {
-          sourceText: "using System;",
-          definitionActorId: "definition-1",
-          revision: "rev-1",
-          sourceHash: "hash-1",
+          sourceText: 'using System;',
+          definitionActorId: 'definition-1',
+          revision: 'rev-1',
+          sourceHash: 'hash-1',
         },
       },
     ]);
@@ -8261,18 +8950,18 @@ describe("StudioPage", () => {
       .mockResolvedValueOnce([])
       .mockResolvedValue([
         {
-          serviceId: "member-script-member",
-          displayName: "script-alpha",
-          deploymentStatus: "Active",
-          primaryActorId: "actor-script-alpha",
+          serviceId: 'member-script-member',
+          displayName: 'script-alpha',
+          deploymentStatus: 'Active',
+          primaryActorId: 'actor-script-alpha',
           endpoints: [
             {
-              endpointId: "script-command",
-              displayName: "Script command",
-              kind: "command",
-              description: "Invoke the script command.",
-              requestTypeUrl: "type.googleapis.com/example.ScriptCommand",
-              responseTypeUrl: "type.googleapis.com/example.ScriptResult",
+              endpointId: 'script-command',
+              displayName: 'Script command',
+              kind: 'command',
+              description: 'Invoke the script command.',
+              requestTypeUrl: 'type.googleapis.com/example.ScriptCommand',
+              responseTypeUrl: 'type.googleapis.com/example.ScriptResult',
             },
           ],
         },
@@ -8282,406 +8971,444 @@ describe("StudioPage", () => {
       async (_scopeId: string, serviceId: string) =>
         mockBuildScriptServiceRevisionCatalog({
           serviceId,
-          displayName: "script-alpha",
-          scriptId: "script-alpha",
-          revisionId: "rev-script-binding",
-        })
+          displayName: 'script-alpha',
+          scriptId: 'script-alpha',
+          revisionId: 'rev-script-binding',
+        }),
     );
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Ascript-member&focus=script%3Ascript-alpha&tab=scripts"
+      '/studio?scopeId=scope-1&member=member%3Ascript-member&focus=script%3Ascript-alpha&tab=scripts',
     );
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("candidate:script-alpha")).toBeTruthy();
-      expect(screen.getByText("service:no-service")).toBeTruthy();
-      expect(screen.getByText("services:none")).toBeTruthy();
-      expect(screen.getByText("member:script-member")).toBeTruthy();
+      expect(screen.getByText('candidate:script-alpha')).toBeTruthy();
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('member:script-member')).toBeTruthy();
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Bind current member" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Bind current member' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.bindMemberScript).toHaveBeenCalledWith(
         expect.objectContaining({
-          scopeId: "scope-1",
-          memberId: "script-member",
-          displayName: "script-alpha",
-          scriptId: "script-alpha",
-          scriptRevision: "rev-1",
-        })
+          scopeId: 'scope-1',
+          memberId: 'script-member',
+          displayName: 'script-alpha',
+          scriptId: 'script-alpha',
+          scriptRevision: 'rev-1',
+        }),
       );
     });
     expect(studioApi.bindScopeScript).not.toHaveBeenCalled();
     await waitFor(() => {
-      expect(screen.getByText("services:member-script-member")).toBeTruthy();
-      expect(screen.getByText("candidate:none")).toBeTruthy();
+      expect(screen.getByText('services:member-script-member')).toBeTruthy();
+      expect(screen.getByText('candidate:none')).toBeTruthy();
+    });
+    await waitFor(() => {
+      const searchParams = new URLSearchParams(window.location.search);
+      expect(searchParams.get('member')).toBe('member:script-member');
+      expect(searchParams.get('focus')).toBe('script:script-alpha');
+      expect(searchParams.get('step')).toBe('bind');
+      expect(searchParams.get('tab')).toBe('bindings');
     });
-    const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("member")).toBe("member:script-member");
-    expect(searchParams.get("focus")).toBe("script:script-alpha");
-    expect(searchParams.get("step")).toBe("bind");
-    expect(searchParams.get("tab")).toBe("bindings");
   });
 
-  it("keeps a saved Script member on the pending bind panel until a published contract exists", async () => {
+  it('keeps a saved Script member on the pending bind panel until a published contract exists', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
       features: {
         ...defaultStudioAppContext.features,
         scripts: true,
       },
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     mockStudioMembers = [
       ...mockStudioMembers,
       {
-        memberId: "m-script-alpha",
-        scopeId: "scope-1",
-        displayName: "script-alpha",
-        description: "Saved Script member without a published contract yet.",
-        implementationKind: "script",
-        lifecycleStage: "created",
-        publishedServiceId: "member-m-script-alpha",
+        memberId: 'm-script-alpha',
+        scopeId: 'scope-1',
+        displayName: 'script-alpha',
+        description: 'Saved Script member without a published contract yet.',
+        implementationKind: 'script',
+        lifecycleStage: 'created',
+        publishedServiceId: 'member-m-script-alpha',
         lastBoundRevisionId: null,
-        createdAt: "2026-04-27T08:00:00Z",
-        updatedAt: "2026-04-27T08:05:00Z",
+        createdAt: '2026-04-27T08:00:00Z',
+        updatedAt: '2026-04-27T08:05:00Z',
       },
     ];
     (scriptsApi.listScripts as jest.Mock).mockResolvedValue([
       {
         available: true,
-        scopeId: "scope-1",
+        scopeId: 'scope-1',
         script: {
-          scopeId: "scope-1",
-          scriptId: "script-alpha",
-          catalogActorId: "catalog-1",
-          definitionActorId: "definition-1",
-          activeRevision: "rev-1",
-          activeSourceHash: "hash-1",
-          updatedAt: "2026-03-18T00:00:00Z",
+          scopeId: 'scope-1',
+          scriptId: 'script-alpha',
+          catalogActorId: 'catalog-1',
+          definitionActorId: 'definition-1',
+          activeRevision: 'rev-1',
+          activeSourceHash: 'hash-1',
+          updatedAt: '2026-03-18T00:00:00Z',
         },
         source: {
-          sourceText: "using System;",
-          definitionActorId: "definition-1",
-          revision: "rev-1",
-          sourceHash: "hash-1",
+          sourceText: 'using System;',
+          definitionActorId: 'definition-1',
+          revision: 'rev-1',
+          sourceHash: 'hash-1',
         },
       },
     ]);
     mockScopeRuntimeApi.listServices.mockResolvedValue([]);
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&member=member%3Am-script-alpha&focus=script%3Ascript-alpha&tab=scripts"
+      '/studio?scopeId=scope-1&member=member%3Am-script-alpha&focus=script%3Ascript-alpha&tab=scripts',
     );
 
-    expect(await screen.findByTestId("studio-script-build-panel")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
+    expect(await screen.findByTestId('studio-script-build-panel')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("candidate:script-alpha")).toBeTruthy();
-      expect(screen.getByText("services:none")).toBeTruthy();
-      expect(screen.getByText("service:no-service")).toBeTruthy();
-      expect(screen.getByText("member:m-script-alpha")).toBeTruthy();
+      expect(screen.getByText('candidate:script-alpha')).toBeTruthy();
+      expect(screen.getByText('services:none')).toBeTruthy();
+      expect(screen.getByText('service:no-service')).toBeTruthy();
+      expect(screen.getByText('member:m-script-alpha')).toBeTruthy();
     });
-    expect(screen.queryByText("services:member-m-script-alpha")).toBeNull();
+    expect(screen.queryByText('services:member-m-script-alpha')).toBeNull();
   });
 
-  it("loads discovered GAgent types and the published service revision catalog", async () => {
+  it('loads discovered GAgent types and the published service revision catalog', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=studio");
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=studio');
 
     await waitFor(() => {
       expect(mockRuntimeGAgentApi.listKinds).toHaveBeenCalled();
     });
     await waitFor(() => {
       expect(mockScopeRuntimeApi.getServiceRevisions).toHaveBeenCalledWith(
-        "scope-1",
-        "default"
+        'scope-1',
+        'default',
       );
     });
   });
 
-  it("stops the selected member run from the observe view", async () => {
+  it('stops the selected member run from the observe view', async () => {
     renderStudioPage(
-      "/studio?scopeId=scope-1&memberId=default&step=observe&tab=executions&execution=execution-1"
+      '/studio?scopeId=scope-1&memberId=default&step=observe&tab=executions&execution=execution-1',
     );
 
-    expect(await screen.findByText("Logs")).toBeTruthy();
-    expect(await screen.findByText("observe-selected:execution-1")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Stop" }));
+    expect(await screen.findByText('Logs')).toBeTruthy();
+    expect(
+      await screen.findByText('observe-selected:execution-1'),
+    ).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Stop' }));
 
     await waitFor(() => {
       expect(mockRuntimeRunsApi.stop).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         {
-          actorId: "actor-1",
-          runId: "execution-1",
-          reason: "user requested stop",
+          actorId: 'actor-1',
+          runId: 'execution-1',
+          reason: 'user requested stop',
         },
         {
-          memberId: "workspace-demo",
-          serviceId: "default",
-        }
+          memberId: 'workspace-demo',
+          serviceId: 'default',
+        },
       );
     });
 
-    expect(await screen.findByText("Execution stop requested")).toBeTruthy();
+    expect(await screen.findByText('Execution stop requested')).toBeTruthy();
   });
 
-  it("falls back to the build editor when a removed roles tab still carries a workflow draft", async () => {
-    renderStudioPage("/studio?focus=workflow%3Aworkflow-1&tab=roles");
+  it('falls back to the build editor when a removed roles tab still carries a workflow draft', async () => {
+    renderStudioPage('/studio?focus=workflow%3Aworkflow-1&tab=roles');
 
-    expect(await screen.findByText("DAG Canvas")).toBeTruthy();
-    expect(screen.queryByText("Saved roles")).toBeNull();
+    expect(await screen.findByText('DAG Canvas')).toBeTruthy();
+    expect(screen.queryByText('Saved roles')).toBeNull();
   });
 
-  it("switches the Studio lifecycle stepper into the bind surface", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio");
+  it('switches the Studio lifecycle stepper into the bind surface', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    fireEvent.click(await screen.findByRole("button", { name: "Bind" }));
+    fireEvent.click(await screen.findByRole('button', { name: 'Bind' }));
 
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
   });
 
-  it("shows published members in the left rail even when the workflow inventory is empty", async () => {
+  it('shows published members in the left rail even when the workflow inventory is empty', async () => {
     (studioApi.getAppContext as jest.Mock).mockResolvedValueOnce({
       ...defaultStudioAppContext,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       scopeResolved: true,
     });
     (studioApi.listWorkflows as jest.Mock).mockResolvedValueOnce([]);
 
-    renderStudioPage("/studio?scopeId=scope-1&tab=studio");
+    renderStudioPage('/studio?scopeId=scope-1&tab=studio');
 
-    const rail = await screen.findByLabelText("Team members");
-    expect(await within(rail).findByRole("button", { name: "workspace-demo" })).toBeTruthy();
-    expect(screen.queryByText("No team members yet. Create a member to start building in Studio.")).toBeNull();
+    const rail = await screen.findByLabelText('Team members');
+    expect(
+      await within(rail).findByRole('button', { name: 'workspace-demo' }),
+    ).toBeTruthy();
+    expect(
+      screen.queryByText(
+        'No team members yet. Create a member to start building in Studio.',
+      ),
+    ).toBeNull();
   });
 
-  it("keeps the Team members rail focused on member inventory instead of implementation filters", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&tab=studio");
+  it('keeps the Team members rail focused on member inventory instead of implementation filters', async () => {
+    renderStudioPage('/studio?scopeId=scope-1&tab=studio');
 
-    const rail = await screen.findByLabelText("Team members");
+    const rail = await screen.findByLabelText('Team members');
     expect(
-      await within(rail).findAllByRole("button", { name: "workspace-demo" })
+      await within(rail).findAllByRole('button', { name: 'workspace-demo' }),
     ).not.toHaveLength(0);
-    expect(within(rail).getByRole("button", { name: "All" })).toBeTruthy();
-    expect(within(rail).getByRole("button", { name: "Member" })).toBeTruthy();
-    expect(within(rail).queryByRole("button", { name: "Workflow" })).toBeNull();
-    expect(within(rail).queryByRole("button", { name: "Script" })).toBeNull();
-    expect(within(rail).queryByRole("button", { name: "GAgent" })).toBeNull();
+    expect(within(rail).getByRole('button', { name: 'All' })).toBeTruthy();
+    expect(within(rail).getByRole('button', { name: 'Member' })).toBeTruthy();
+    expect(within(rail).queryByRole('button', { name: 'Workflow' })).toBeNull();
+    expect(within(rail).queryByRole('button', { name: 'Script' })).toBeNull();
+    expect(within(rail).queryByRole('button', { name: 'GAgent' })).toBeNull();
   });
 
-  it("keeps Invoke available once the selected member already has a published endpoint", async () => {
+  it('keeps Invoke available once the selected member already has a published endpoint', async () => {
     renderStudioPage(
-      "/studio?scopeId=scope-1&memberId=default&focus=workflow%3Aworkflow-1&tab=studio"
+      '/studio?scopeId=scope-1&memberId=default&focus=workflow%3Aworkflow-1&tab=studio',
     );
 
-    const invokeButton = await screen.findByRole("button", { name: "Invoke" });
+    const invokeButton = await screen.findByRole('button', { name: 'Invoke' });
     await waitFor(() => {
       expect(invokeButton).toBeEnabled();
     });
 
     fireEvent.click(invokeButton);
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
-    expect(screen.getByText("service:default")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
+    expect(screen.getByText('service:default')).toBeTruthy();
   });
 
-  it("shows a clear invoke fallback when no selected member is available", async () => {
+  it('shows a clear invoke fallback when no selected member is available', async () => {
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
 
-    renderStudioPage("/studio?scopeId=scope-1&step=invoke&tab=invoke");
+    renderStudioPage('/studio?scopeId=scope-1&step=invoke&tab=invoke');
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
-    expect(screen.getByText("service:no-service")).toBeTruthy();
-    expect(screen.getByText("services:none")).toBeTruthy();
-    expect(screen.getByText("empty:Select a member to invoke.")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
+    expect(screen.getByText('service:no-service')).toBeTruthy();
+    expect(screen.getByText('services:none')).toBeTruthy();
+    expect(screen.getByText('empty:Select a member to invoke.')).toBeTruthy();
   });
 
-  it("opens the Studio invoke surface from the bind surface endpoint action", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+  it('opens the Studio invoke surface from the bind surface endpoint action', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&teamId=t-alpha&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    fireEvent.click(await screen.findByRole("button", { name: "Bind" }));
+    fireEvent.click(await screen.findByRole('button', { name: 'Bind' }));
     await waitFor(() => {
-      expect(screen.getByRole("button", { name: "Continue to Invoke" })).not.toBeDisabled();
+      expect(
+        screen.getByRole('button', { name: 'Continue to Invoke' }),
+      ).not.toBeDisabled();
     });
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Invoke" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Invoke' }));
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("service:default")).toBeTruthy();
-      expect(screen.getByText("endpoint:chat")).toBeTruthy();
+      expect(screen.getByText('service:default')).toBeTruthy();
+      expect(screen.getByText('endpoint:chat')).toBeTruthy();
     });
 
     const searchParams = new URLSearchParams(window.location.search);
-    expect(searchParams.get("teamId")).toBe("t-alpha");
-    expect(searchParams.get("member")).toBe("member:workspace-demo");
-    expect(searchParams.get("step")).toBe("invoke");
+    expect(searchParams.get('teamId')).toBe('t-alpha');
+    expect(searchParams.get('member')).toBe('member:workspace-demo');
+    expect(searchParams.get('step')).toBe('invoke');
   });
 
-  it("pins Observe to the selected member service and corrects stale run selection", async () => {
+  it('pins Observe to the selected member service and corrects stale run selection', async () => {
     mockScopeRuntimeApi.listServiceRuns.mockResolvedValueOnce({
-      scopeId: "scope-1",
-      serviceId: "default",
-      serviceKey: "scope-1:default:default:default",
-      displayName: "workspace-demo",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      serviceKey: 'scope-1:default:default:default',
+      displayName: 'workspace-demo',
       runs: [
         mockBuildServiceRunSummary({
-          runId: "execution-1",
-          actorId: "actor-1",
-          workflowName: "workspace-demo",
+          runId: 'execution-1',
+          actorId: 'actor-1',
+          workflowName: 'workspace-demo',
         }),
       ],
     });
 
     renderStudioPage(
-      "/studio?scopeId=scope-1&memberId=default&step=observe&tab=executions&execution=execution-2"
+      '/studio?scopeId=scope-1&memberId=default&step=observe&tab=executions&execution=execution-2',
     );
 
-    expect(await screen.findByText("Logs")).toBeTruthy();
+    expect(await screen.findByText('Logs')).toBeTruthy();
 
     await waitFor(() => {
       expect(mockScopeRuntimeApi.listServiceRuns).toHaveBeenCalledWith(
-        "scope-1",
-        "default",
+        'scope-1',
+        'default',
         {
           take: 12,
-        }
+        },
       );
-      expect(screen.getByText("observe-member:workspace-demo")).toBeTruthy();
-      expect(screen.getByText("observe-runs:execution-1")).toBeTruthy();
-      expect(screen.getByText("observe-selected:execution-1")).toBeTruthy();
+      expect(screen.getByText('observe-member:workspace-demo')).toBeTruthy();
+      expect(screen.getByText('observe-runs:execution-1')).toBeTruthy();
+      expect(screen.getByText('observe-selected:execution-1')).toBeTruthy();
     });
 
-    expect(screen.queryByText("observe-runs:execution-1,execution-2")).toBeNull();
-    expect(screen.queryByText("observe-selected:execution-2")).toBeNull();
+    expect(
+      screen.queryByText('observe-runs:execution-1,execution-2'),
+    ).toBeNull();
+    expect(screen.queryByText('observe-selected:execution-2')).toBeNull();
   });
 
-  it("keeps Observe populated with the latest invoke session while runtime runs warm up", async () => {
+  it('keeps Observe populated with the latest invoke session while runtime runs warm up', async () => {
     mockScopeRuntimeApi.listServiceRuns.mockResolvedValue({
-      scopeId: "scope-1",
-      serviceId: "default",
-      serviceKey: "scope-1:default:default:default",
-      displayName: "workspace-demo",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      serviceKey: 'scope-1:default:default:default',
+      displayName: 'workspace-demo',
       runs: [],
     });
 
-    renderStudioPage("/studio?scopeId=scope-1&memberId=default&step=invoke&tab=invoke");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&memberId=default&step=invoke&tab=invoke',
+    );
 
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Emit Observe Session" }));
-    fireEvent.click(screen.getByRole("button", { name: "Observe" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Emit Observe Session' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Observe' }));
 
-    expect(await screen.findByText("Logs")).toBeTruthy();
+    expect(await screen.findByText('Logs')).toBeTruthy();
 
     await waitFor(() => {
-      expect(screen.getByText("observe-runs:invoke-run-1")).toBeTruthy();
-      expect(screen.getByText("observe-selected:invoke-run-1")).toBeTruthy();
-      expect(screen.queryByText("observe-empty:No runs for workspace-demo yet.")).toBeNull();
+      expect(screen.getByText('observe-runs:invoke-run-1')).toBeTruthy();
+      expect(screen.getByText('observe-selected:invoke-run-1')).toBeTruthy();
+      expect(
+        screen.queryByText('observe-empty:No runs for workspace-demo yet.'),
+      ).toBeNull();
     });
   });
 
-  it("rehydrates Observe from the persisted invoke session after refresh", async () => {
+  it('rehydrates Observe from the persisted invoke session after refresh', async () => {
     const now = Date.now();
     mockScopeRuntimeApi.listServiceRuns.mockResolvedValue({
-      scopeId: "scope-1",
-      serviceId: "default",
-      serviceKey: "scope-1:default:default:default",
-      displayName: "workspace-demo",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      serviceKey: 'scope-1:default:default:default',
+      displayName: 'workspace-demo',
       runs: [],
     });
 
     saveStudioObserveSessionSeed({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       session: {
-        actorId: "actor-invoke",
-        assistantText: "Observed output",
-        commandId: "command-invoke",
-        correlationId: "",
+        actorId: 'actor-invoke',
+        assistantText: 'Observed output',
+        commandId: 'command-invoke',
+        correlationId: '',
         completedAtUtc: new Date(now).toISOString(),
-        endpointId: "chat",
-        error: "",
-        errorCode: "",
+        endpointId: 'chat',
+        error: '',
+        errorCode: '',
         events: [
           {
-            name: "aevatar.run.context",
+            name: 'aevatar.run.context',
             timestamp: now - 1000,
-            type: "CUSTOM",
+            type: 'CUSTOM',
             value: {
-              actorId: "actor-invoke",
-              commandId: "command-invoke",
+              actorId: 'actor-invoke',
+              commandId: 'command-invoke',
             },
           },
           {
-            result: "Observed output",
-            runId: "invoke-run-2",
+            result: 'Observed output',
+            runId: 'invoke-run-2',
             timestamp: now,
-            threadId: "actor-invoke",
-            type: "RUN_FINISHED",
+            threadId: 'actor-invoke',
+            type: 'RUN_FINISHED',
           },
         ],
-        finalOutput: "Observed output",
-        mode: "stream",
-        payloadBase64: "",
-        payloadTypeUrl: "",
-        prompt: "Observe after refresh.",
-        runId: "invoke-run-2",
-        serviceId: "default",
-        serviceLabel: "workspace-demo",
+        finalOutput: 'Observed output',
+        mode: 'stream',
+        payloadBase64: '',
+        payloadTypeUrl: '',
+        prompt: 'Observe after refresh.',
+        runId: 'invoke-run-2',
+        serviceId: 'default',
+        serviceLabel: 'workspace-demo',
         startedAtUtc: new Date(now - 1000).toISOString(),
-        status: "success",
+        status: 'success',
       },
     });
 
-    renderStudioPage("/studio?scopeId=scope-1&memberId=default&step=observe&tab=executions");
+    renderStudioPage(
+      '/studio?scopeId=scope-1&memberId=default&step=observe&tab=executions',
+    );
 
-    expect(await screen.findByText("Logs")).toBeTruthy();
+    expect(await screen.findByText('Logs')).toBeTruthy();
 
     await waitFor(() => {
-      expect(screen.getByText("observe-runs:invoke-run-2")).toBeTruthy();
-      expect(screen.getByText("observe-selected:invoke-run-2")).toBeTruthy();
-      expect(screen.queryByText("observe-empty:No runs for workspace-demo yet.")).toBeNull();
+      expect(screen.getByText('observe-runs:invoke-run-2')).toBeTruthy();
+      expect(screen.getByText('observe-selected:invoke-run-2')).toBeTruthy();
+      expect(
+        screen.queryByText('observe-empty:No runs for workspace-demo yet.'),
+      ).toBeNull();
     });
   });
 
-  it("shows a clear observe fallback when no selected member is available", async () => {
+  it('shows a clear observe fallback when no selected member is available', async () => {
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
 
-    renderStudioPage("/studio?scopeId=scope-1&step=observe&tab=executions");
+    renderStudioPage('/studio?scopeId=scope-1&step=observe&tab=executions');
 
-    expect(await screen.findByText("Logs")).toBeTruthy();
-    expect(screen.getByText("observe-runs:none")).toBeTruthy();
-    expect(screen.getByText("observe-empty:Select a member to observe.")).toBeTruthy();
+    expect(await screen.findByText('Logs')).toBeTruthy();
+    expect(screen.getByText('observe-runs:none')).toBeTruthy();
+    expect(
+      screen.getByText('observe-empty:Select a member to observe.'),
+    ).toBeTruthy();
   });
 
-  it("walks the lifecycle flow from build to bind to invoke to observe", async () => {
-    renderStudioPage("/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio");
+  it('walks the lifecycle flow from build to bind to invoke to observe', async () => {
+    renderStudioPage(
+      '/studio?scopeId=scope-1&member=member%3Aworkspace-demo&focus=workflow%3Aworkflow-1&tab=studio',
+    );
 
-    expect(await screen.findByTestId("studio-workflow-build-panel")).toBeTruthy();
+    expect(
+      await screen.findByTestId('studio-workflow-build-panel'),
+    ).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Bind" }));
-    expect(await screen.findByTestId("studio-bind-surface")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Bind' }));
+    expect(await screen.findByTestId('studio-bind-surface')).toBeTruthy();
 
     await waitFor(() => {
-      expect(screen.getByRole("button", { name: "Continue to Invoke" })).not.toBeDisabled();
+      expect(
+        screen.getByRole('button', { name: 'Continue to Invoke' }),
+      ).not.toBeDisabled();
     });
-    fireEvent.click(screen.getByRole("button", { name: "Continue to Invoke" }));
-    expect(await screen.findByTestId("studio-invoke-surface")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Continue to Invoke' }));
+    expect(await screen.findByTestId('studio-invoke-surface')).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "Observe" }));
-    expect(await screen.findByText("Logs")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Observe' }));
+    expect(await screen.findByText('Logs')).toBeTruthy();
   });
 });
diff --git a/apps/aevatar-console-web/src/pages/studio/index.tsx b/apps/aevatar-console-web/src/pages/studio/index.tsx
index 452d23d974..725afaa9a0 100644
--- a/apps/aevatar-console-web/src/pages/studio/index.tsx
+++ b/apps/aevatar-console-web/src/pages/studio/index.tsx
@@ -1,41 +1,9 @@
-import { PageContainer } from '@ant-design/pro-components';
 import { AGUIEventType } from '@aevatar-react-sdk/types';
 import { DeleteOutlined, InfoCircleOutlined } from '@ant-design/icons';
+import { PageContainer } from '@ant-design/pro-components';
 import { useQueries, useQuery, useQueryClient } from '@tanstack/react-query';
 import type { Node } from '@xyflow/react';
-import {
-  getLocationSnapshot,
-  history,
-  subscribeToLocationChanges,
-} from '@/shared/navigation/history';
-import {
-  buildTeamDetailHref,
-  buildTeamsHref,
-} from '@/shared/navigation/teamRoutes';
-import {
-  buildRuntimeRunsHref,
-} from '@/shared/navigation/runtimeRoutes';
-import {
-  normalizeAsyncOperationState,
-  probeAsyncOperation,
-} from '@/shared/asyncOperations';
-import {
-  applyRuntimeEvent,
-  createRuntimeEventAccumulator,
-  extractRunFinishedOutput,
-  type RuntimeEvent,
-} from '@/shared/agui/runtimeEventSemantics';
-import {
-  buildConversationHeaders,
-  resolveSavedConversationLlmConfig,
-} from '../chat/chatConversationConfig';
-import {
-  Button,
-  Modal,
-  Popover,
-  Typography,
-  message,
-} from 'antd';
+import { Button, Modal, Popover, Typography } from 'antd';
 import React, {
   useCallback,
   useEffect,
@@ -43,24 +11,53 @@ import React, {
   useRef,
   useState,
 } from 'react';
+import {
+  applyRuntimeEvent,
+  createRuntimeEventAccumulator,
+  extractRunFinishedOutput,
+  type RuntimeEvent,
+} from '@/shared/agui/runtimeEventSemantics';
+import { runtimeGAgentApi } from '@/shared/api/runtimeGAgentApi';
+import { runtimeQueryApi } from '@/shared/api/runtimeQueryApi';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import {
+  normalizeAsyncOperationState,
+  probeAsyncOperation,
+} from '@/shared/asyncOperations';
 import { ensureActiveAuthSession } from '@/shared/auth/client';
 import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
 import { sanitizeReturnTo } from '@/shared/auth/session';
+import { t } from '@/shared/i18n/messages';
+import type { WorkflowCatalogDefinition } from '@/shared/models/runtime/catalog';
+import {
+  buildRuntimeGAgentKindValue,
+  matchesRuntimeGAgentKindDescriptor,
+} from '@/shared/models/runtime/gagents';
+import {
+  getScopeServiceCurrentRevision,
+  type ScopeServiceRunAuditSnapshot,
+  type ScopeServiceRunAuditStep,
+  type ScopeServiceRunSummary,
+  toScopeServiceRunAuditSnapshot,
+  toScopeServiceRunSummary,
+} from '@/shared/models/runtime/scopeServices';
+import type { ServiceCatalogSnapshot } from '@/shared/models/services';
 import {
-  clearPlaygroundPromptHistory,
-  loadPlaygroundPromptHistory,
-  savePlaygroundPromptHistoryEntry,
-  type PlaygroundPromptHistoryEntry,
-} from '@/shared/playground/promptHistory';
+  getLocationSnapshot,
+  history,
+  subscribeToLocationChanges,
+} from '@/shared/navigation/history';
 import {
-  saveScopeDraftRunPayload,
-} from '@/shared/runs/draftRunSession';
+  buildTeamDetailHref,
+  buildTeamsHref,
+} from '@/shared/navigation/teamRoutes';
 import {
   buildScopeConsoleServiceOptions,
   isChatServiceEndpoint,
   scopeServiceAppId,
-  scopeServiceNamespace,
 } from '@/shared/runs/scopeConsole';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
 import {
   applyStepInspectorDraft,
   cloneStudioWorkflowDocument,
@@ -69,115 +66,96 @@ import {
   normalizeStepParametersForType,
   removeStep,
   removeSteps,
-  suggestBranchLabelForStep,
   type StudioStepInspectorDraft,
+  suggestBranchLabelForStep,
 } from '@/shared/studio/document';
-import {
-  buildStudioGraphElements,
-  buildStudioWorkflowLayout,
-} from '@/shared/studio/graph';
 import {
   confirmInteractiveExplicitRequestPreview,
   createWorkflowRevisionIdentityCandidate,
 } from '@/shared/studio/explicitRequestConfirmation';
-import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
+import {
+  buildStudioGraphElements,
+  buildStudioWorkflowLayout,
+} from '@/shared/studio/graph';
 import {
   isStudioMemberNotFound,
   StudioMemberDeletionNotConfirmedError,
   waitForStudioMemberDeletion,
 } from '@/shared/studio/memberDeletion';
-import { scriptsApi } from '@/shared/studio/scriptsApi';
-import type { ScopedScriptDetail } from '@/shared/studio/scriptsModels';
-import {
-  buildStudioWorkflowMemberKey,
-  buildStudioRoute,
-  resolveStudioWorkflowMemberRouteValue,
-  type StudioBuildFocus,
-  type StudioIntent,
-  type StudioStep,
-  type StudioTab,
-} from '@/shared/studio/navigation';
-import type {
-  WorkflowCatalogDefinition,
-} from '@/shared/models/runtime/catalog';
-import type { ScopeWorkflowSummary } from '@/shared/models/scopes';
-import { runtimeGAgentApi } from '@/shared/api/runtimeGAgentApi';
-import { runtimeQueryApi } from '@/shared/api/runtimeQueryApi';
-import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
-import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
-import {
-  buildRuntimeGAgentKindValue,
-  matchesRuntimeGAgentKindDescriptor,
-} from '@/shared/models/runtime/gagents';
-import {
-  getScopeServiceCurrentRevision,
-  toScopeServiceRunAuditSnapshot,
-  toScopeServiceRunSummary,
-  type ScopeServiceRunAuditSnapshot,
-  type ScopeServiceRunAuditStep,
-  type ScopeServiceRunSummary,
-} from '@/shared/models/runtime/scopeServices';
-import type { ServiceCatalogSnapshot } from '@/shared/models/services';
 import type {
   StudioExecutionDetail,
   StudioExecutionSummary,
   StudioMemberBindingAcceptedResponse,
+  StudioMemberBindingRevision,
   StudioMemberBindingRunStatusResponse,
   StudioMemberRoster,
-  StudioMemberBindingRevision,
   StudioMemberSummary,
   StudioTeamSummary,
   StudioValidationFinding,
-  StudioWorkflowDraftCreateAcceptedReceipt,
+  StudioWorkflowDirectory,
   StudioWorkflowDocument,
+  StudioWorkflowDraftCreateAcceptedReceipt,
   StudioWorkflowFile,
-  StudioWorkflowDirectory,
   StudioWorkflowSaveResult,
 } from '@/shared/studio/models';
 import {
   formatStudioMemberLifecycleStage,
-  normalizeStudioMemberLifecycleStage,
   normalizeStudioMemberBindingImplementationKind,
 } from '@/shared/studio/models';
+import {
+  buildStudioRoute,
+  buildStudioWorkflowMemberKey,
+  resolveStudioWorkflowMemberRouteValue,
+  type StudioBuildFocus,
+  type StudioIntent,
+  type StudioStep,
+  type StudioTab,
+} from '@/shared/studio/navigation';
 import {
   clearStudioObserveSessionSeed,
   isStudioObserveSessionSeedFresh,
   loadStudioObserveSessionSeed,
-  saveStudioObserveSessionSeed,
   type StudioObserveSessionSeed,
+  saveStudioObserveSessionSeed,
 } from '@/shared/studio/observeSession';
-import { embeddedPanelStyle } from '@/shared/ui/proComponents';
+import { scriptsApi } from '@/shared/studio/scriptsApi';
+import type { ScopedScriptDetail } from '@/shared/studio/scriptsModels';
 import {
   AevatarBackButton,
   AevatarBreadcrumb,
   type AevatarBreadcrumbItem,
 } from '@/shared/ui/aevatarPageShells';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
 import {
   AEVATAR_INTERACTIVE_BUTTON_CLASS,
   AEVATAR_INTERACTIVE_CHIP_CLASS,
 } from '@/shared/ui/interactionStandards';
+import { embeddedPanelStyle } from '@/shared/ui/proComponents';
+import {
+  buildConversationHeaders,
+  resolveSavedConversationLlmConfig,
+} from '../chat/chatConversationConfig';
+import StudioMemberBindPanel from './components/bind/StudioMemberBindPanel';
 import StudioBootstrapGate from './components/StudioBootstrapGate';
-import StudioMemberInvokePanel from './components/StudioMemberInvokePanel';
 import {
   getDefaultBuildModeCards,
   StudioGAgentBuildPanel,
-  StudioScriptBuildPanel,
   type StudioGAgentBuildState,
-  type StudioScriptBuildState,
   type StudioPendingScriptDraft,
+  StudioScriptBuildPanel,
+  type StudioScriptBuildState,
   StudioWorkflowBuildPanel,
 } from './components/StudioBuildPanels';
+import StudioMemberInvokePanel from './components/StudioMemberInvokePanel';
 import StudioShell, {
   type StudioLifecycleStep,
-  type StudioShellMemberKind,
   type StudioShellMemberItem,
+  type StudioShellMemberKind,
 } from './components/StudioShell';
-import StudioMemberBindPanel from './components/bind/StudioMemberBindPanel';
 import {
   dedupeStudioWorkflowSummaries,
   StudioExecutionPage,
 } from './components/StudioWorkbenchSections';
-import { t } from "@/shared/i18n/messages";
 
 type StudioRouteState = {
   scopeId: string;
@@ -223,11 +201,6 @@ type DraftSaveNotice = {
 
 type InventoryBusyAction = '' | 'create' | 'rename' | 'delete' | 'entry';
 
-type DraftRunNotice = {
-  readonly type: 'success' | 'error';
-  readonly message: string;
-};
-
 const STUDIO_SCRIPT_DRAFT_STORAGE_KEY = 'aevatar:studio:script-drafts:v1';
 
 type StudioNotice = {
@@ -330,7 +303,11 @@ export function buildStudioMemberBindingPendingNotice(
         ? ' Read model has not materialized this run yet.'
         : ' Status read model is still catching up.';
   return {
-    message: t("pages.studio.index.binding.request.was.accepted.and.is", "{value1} binding request was accepted and is still running.{value2}{value3} Studio will keep refreshing the status before treating it as bound.", { value1: displayName, value2: status, value3: freshness }),
+    message: t(
+      'pages.studio.index.binding.request.was.accepted.and.is',
+      '{value1} binding request was accepted and is still running.{value2}{value3} Studio will keep refreshing the status before treating it as bound.',
+      { value1: displayName, value2: status, value3: freshness },
+    ),
     type: 'info',
   };
 }
@@ -349,11 +326,17 @@ function studioMemberSummaryMatches(
       trimOptional(left.scopeId) === trimOptional(right.scopeId) &&
       trimOptional(left.displayName) === trimOptional(right.displayName) &&
       trimOptional(left.description) === trimOptional(right.description) &&
-      normalizeStudioMemberBindingImplementationKind(left.implementationKind) ===
-        normalizeStudioMemberBindingImplementationKind(right.implementationKind) &&
+      normalizeStudioMemberBindingImplementationKind(
+        left.implementationKind,
+      ) ===
+        normalizeStudioMemberBindingImplementationKind(
+          right.implementationKind,
+        ) &&
       trimOptional(left.teamId) === trimOptional(right.teamId) &&
-      trimOptional(left.publishedServiceId) === trimOptional(right.publishedServiceId) &&
-      trimOptional(left.lastBoundRevisionId) === trimOptional(right.lastBoundRevisionId),
+      trimOptional(left.publishedServiceId) ===
+        trimOptional(right.publishedServiceId) &&
+      trimOptional(left.lastBoundRevisionId) ===
+        trimOptional(right.lastBoundRevisionId),
   );
 }
 
@@ -419,8 +402,7 @@ type InlineInfoButtonProps = {
   readonly placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
 };
 
-const STUDIO_AUTO_RELOGIN_ATTEMPT_KEY =
-  'aevatar-console:studio:auto-relogin:';
+const STUDIO_AUTO_RELOGIN_ATTEMPT_KEY = 'aevatar-console:studio:auto-relogin:';
 
 const inlineInfoButtonStyle: React.CSSProperties = {
   alignItems: 'center',
@@ -673,7 +655,9 @@ const InlineInfoButton: React.FC<InlineInfoButtonProps> = ({
 
 function hasValidationError(findings: StudioValidationFinding[]): boolean {
   return findings.some((item) =>
-    String(item.level ?? '').toLowerCase().includes('error'),
+    String(item.level ?? '')
+      .toLowerCase()
+      .includes('error'),
   );
 }
 
@@ -799,7 +783,8 @@ function findWorkflowSummaryByLookupValue(
     workflows.find((workflow) => {
       const fileStem = workflow.fileName.replace(/\.(ya?ml)$/i, '');
       return (
-        normalizeComparableText(workflow.workflowId) === normalizedLookupValue ||
+        normalizeComparableText(workflow.workflowId) ===
+          normalizedLookupValue ||
         normalizeComparableText(workflow.name) === normalizedLookupValue ||
         normalizeComparableText(fileStem) === normalizedLookupValue
       );
@@ -807,16 +792,18 @@ function findWorkflowSummaryByLookupValue(
   );
 }
 
-function buildWorkflowMemberKeyFromSummary(input?: {
-  readonly workflowId?: string | null;
-  readonly name?: string | null;
-  readonly fileName?: string | null;
-} | null): `workflow:${string}` | '' {
+function buildWorkflowMemberKeyFromSummary(
+  input?: {
+    readonly workflowId?: string | null;
+    readonly name?: string | null;
+    readonly fileName?: string | null;
+  } | null,
+): `workflow:${string}` | '' {
   const memberKey = buildStudioWorkflowMemberKey({
-      workflowId: trimOptional(input?.workflowId),
-      workflowName: trimOptional(input?.name),
-      fileName: trimOptional(input?.fileName),
-    });
+    workflowId: trimOptional(input?.workflowId),
+    workflowName: trimOptional(input?.name),
+    fileName: trimOptional(input?.fileName),
+  });
   return memberKey?.startsWith('workflow:')
     ? (memberKey as `workflow:${string}`)
     : '';
@@ -832,7 +819,10 @@ function resolveWorkflowIdFromRouteValue(
   }>,
   options?: {
     readonly allowDirectIdFallback?: boolean;
-    readonly workflowFile?: Pick<StudioWorkflowFile, 'workflowId' | 'name' | 'fileName'> | null;
+    readonly workflowFile?: Pick<
+      StudioWorkflowFile,
+      'workflowId' | 'name' | 'fileName'
+    > | null;
   },
 ): string {
   const normalizedRouteValue = trimOptional(routeValue);
@@ -877,21 +867,29 @@ function resolveWorkflowIdFromMemberWorkflowReference(
     readonly fileName: string;
     readonly description?: string;
   }>,
-  workflowFile?: Pick<StudioWorkflowFile, 'workflowId' | 'name' | 'fileName'> | null,
+  workflowFile?: Pick<
+    StudioWorkflowFile,
+    'workflowId' | 'name' | 'fileName'
+  > | null,
 ): string {
   const typedWorkflowId = trimOptional(input.workflowId);
   const memberId = trimOptional(input.memberId);
   if (typedWorkflowId) {
-    const resolvedWorkflowId = resolveWorkflowIdFromRouteValue(typedWorkflowId, workflows, {
-      allowDirectIdFallback: false,
-      workflowFile,
-    });
+    const resolvedWorkflowId = resolveWorkflowIdFromRouteValue(
+      typedWorkflowId,
+      workflows,
+      {
+        allowDirectIdFallback: false,
+        workflowFile,
+      },
+    );
     if (resolvedWorkflowId) {
       return resolvedWorkflowId;
     }
 
     return !memberId ||
-      normalizeComparableText(typedWorkflowId) === normalizeComparableText(memberId)
+      normalizeComparableText(typedWorkflowId) ===
+        normalizeComparableText(memberId)
       ? resolveWorkflowIdFromRouteValue(typedWorkflowId, workflows, {
           allowDirectIdFallback: true,
           workflowFile,
@@ -900,10 +898,14 @@ function resolveWorkflowIdFromMemberWorkflowReference(
   }
 
   if (memberId) {
-    const resolvedByMemberId = resolveWorkflowIdFromRouteValue(memberId, workflows, {
-      allowDirectIdFallback: false,
-      workflowFile,
-    });
+    const resolvedByMemberId = resolveWorkflowIdFromRouteValue(
+      memberId,
+      workflows,
+      {
+        allowDirectIdFallback: false,
+        workflowFile,
+      },
+    );
     if (resolvedByMemberId) {
       return resolvedByMemberId;
     }
@@ -911,10 +913,14 @@ function resolveWorkflowIdFromMemberWorkflowReference(
 
   const displayName = trimOptional(input.displayName);
   if (displayName) {
-    const resolvedByDisplayName = resolveWorkflowIdFromRouteValue(displayName, workflows, {
-      allowDirectIdFallback: false,
-      workflowFile,
-    });
+    const resolvedByDisplayName = resolveWorkflowIdFromRouteValue(
+      displayName,
+      workflows,
+      {
+        allowDirectIdFallback: false,
+        workflowFile,
+      },
+    );
     if (resolvedByDisplayName) {
       return resolvedByDisplayName;
     }
@@ -929,7 +935,10 @@ function resolveWorkflowIdFromMemberWorkflowReference(
 }
 
 function describeSavedWorkflowLocation(
-  workflow: Pick<StudioWorkflowFile, 'directoryLabel' | 'fileName' | 'filePath'>,
+  workflow: Pick<
+    StudioWorkflowFile,
+    'directoryLabel' | 'fileName' | 'filePath'
+  >,
 ): string {
   const directoryLabel = trimOptional(workflow.directoryLabel);
   const fileName = trimOptional(workflow.fileName);
@@ -942,7 +951,11 @@ function describeSavedWorkflowLocation(
     return filePath;
   }
 
-  return directoryLabel || fileName || t("pages.studio.index.copy", "Current workspace");
+  return (
+    directoryLabel ||
+    fileName ||
+    t('pages.studio.index.copy', 'Current workspace')
+  );
 }
 
 function hasWorkflowGraphContent(
@@ -969,7 +982,9 @@ function buildTemplateWorkflowDocument(
       systemPrompt: trimOptional(role.systemPrompt) || undefined,
       provider: trimOptional(role.provider) || undefined,
       model: trimOptional(role.model) || undefined,
-      connectors: role.connectors.filter((connector) => connector.trim().length > 0),
+      connectors: role.connectors.filter(
+        (connector) => connector.trim().length > 0,
+      ),
     })),
     steps: definition.steps.map((step) => ({
       id: trimOptional(step.id) || undefined,
@@ -1053,9 +1068,7 @@ function parseStudioBuildFocus(
 ): StudioBuildFocusState {
   const normalizedValue = trimOptional(value);
   if (normalizedValue.startsWith('workflow:')) {
-    const workflowId = trimOptional(
-      normalizedValue.slice('workflow:'.length),
-    );
+    const workflowId = trimOptional(normalizedValue.slice('workflow:'.length));
     return workflowId
       ? {
           key: `workflow:${workflowId}`,
@@ -1101,9 +1114,8 @@ function parseStudioRouteMember(
 ): StudioRouteMemberState {
   const normalizedValue = trimOptional(value);
   if (normalizedValue.startsWith('workflow:')) {
-    const workflowRouteValue = readWorkflowMemberRouteValueFromMemberKey(
-      normalizedValue,
-    );
+    const workflowRouteValue =
+      readWorkflowMemberRouteValueFromMemberKey(normalizedValue);
     return workflowRouteValue
       ? {
           key: `workflow:${workflowRouteValue}`,
@@ -1113,7 +1125,14 @@ function parseStudioRouteMember(
           serviceId: '',
           legacyServiceId: '',
         }
-      : { key: '', kind: 'none', value: '', memberId: '', serviceId: '', legacyServiceId: '' };
+      : {
+          key: '',
+          kind: 'none',
+          value: '',
+          memberId: '',
+          serviceId: '',
+          legacyServiceId: '',
+        };
   }
 
   if (normalizedValue.startsWith('script:')) {
@@ -1127,7 +1146,14 @@ function parseStudioRouteMember(
           serviceId: '',
           legacyServiceId: '',
         }
-      : { key: '', kind: 'none', value: '', memberId: '', serviceId: '', legacyServiceId: '' };
+      : {
+          key: '',
+          kind: 'none',
+          value: '',
+          memberId: '',
+          serviceId: '',
+          legacyServiceId: '',
+        };
   }
 
   if (normalizedValue.startsWith('member:')) {
@@ -1141,7 +1167,14 @@ function parseStudioRouteMember(
           serviceId: '',
           legacyServiceId: '',
         }
-      : { key: '', kind: 'none', value: '', memberId: '', serviceId: '', legacyServiceId: '' };
+      : {
+          key: '',
+          kind: 'none',
+          value: '',
+          memberId: '',
+          serviceId: '',
+          legacyServiceId: '',
+        };
   }
 
   return {
@@ -1178,7 +1211,14 @@ function readStudioRouteMemberFromParams(
         serviceId: '',
         legacyServiceId,
       }
-    : { key: '', kind: 'none', value: '', memberId: '', serviceId: '', legacyServiceId: '' };
+    : {
+        key: '',
+        kind: 'none',
+        value: '',
+        memberId: '',
+        serviceId: '',
+        legacyServiceId: '',
+      };
 }
 
 function buildStudioBuildFocusKey(input: {
@@ -1244,8 +1284,9 @@ function hasStudioAutoReloginAttempt(returnTo: string): boolean {
 
   try {
     return (
-      window.sessionStorage.getItem(getStudioAutoReloginStorageKey(returnTo)) ===
-      '1'
+      window.sessionStorage.getItem(
+        getStudioAutoReloginStorageKey(returnTo),
+      ) === '1'
     );
   } catch {
     return false;
@@ -1437,14 +1478,8 @@ function primeStudioMemberRoster(
   scopeId: string,
   member: StudioMemberSummary,
 ): void {
-  queryClient.setQueryData<StudioMemberRoster>(
-    queryKey,
-    (current) =>
-      upsertStudioMemberRosterMember(
-        current,
-        scopeId,
-        member,
-      ),
+  queryClient.setQueryData<StudioMemberRoster>(queryKey, (current) =>
+    upsertStudioMemberRosterMember(current, scopeId, member),
   );
 }
 
@@ -1476,7 +1511,10 @@ function writeStoredScriptDrafts(
   );
 }
 
-function scriptDraftStorageKey(scopeId: string | undefined, scriptId: string): string {
+function scriptDraftStorageKey(
+  scopeId: string | undefined,
+  scriptId: string,
+): string {
   return `${scopeId || 'workspace'}:${scriptId}`;
 }
 
@@ -1484,9 +1522,8 @@ function loadStoredScriptDraft(
   scopeId: string | undefined,
   scriptId: string,
 ): StudioPendingScriptDraft | null {
-  const stored = readStoredScriptDrafts()[
-    scriptDraftStorageKey(scopeId, scriptId)
-  ];
+  const stored =
+    readStoredScriptDrafts()[scriptDraftStorageKey(scopeId, scriptId)];
   return stored?.scriptId ? stored : null;
 }
 
@@ -1508,7 +1545,9 @@ function removeStoredScriptDraft(
   writeStoredScriptDrafts(drafts);
 }
 
-function parseStudioIntent(value: string | null | undefined): StudioIntent | '' {
+function parseStudioIntent(
+  value: string | null | undefined,
+): StudioIntent | '' {
   return trimOptional(value) === 'create-member' ? 'create-member' : '';
 }
 
@@ -1552,7 +1591,8 @@ function resolveStudioMemberSummaryFromKey(
       (member) => trimOptional(member.memberId) === routeMemberId,
     ) ??
     publishedScopeMembers.find(
-      ({ memberSummary }) => trimOptional(memberSummary?.memberId) === routeMemberId,
+      ({ memberSummary }) =>
+        trimOptional(memberSummary?.memberId) === routeMemberId,
     )?.memberSummary ??
     null
   );
@@ -1686,7 +1726,9 @@ function readInitialBuildSurface(state: StudioRouteState): BuildSurface {
   return 'editor';
 }
 
-function resolveRouteRequestedBuildSurface(state: StudioRouteState): BuildSurface | '' {
+function resolveRouteRequestedBuildSurface(
+  state: StudioRouteState,
+): BuildSurface | '' {
   if (state.step !== 'build') {
     return '';
   }
@@ -1733,8 +1775,8 @@ function resolveLifecycleScriptId(
   }
 
   const publishedScriptId = trimOptional(
-    findPublishedStudioMemberByMemberKey(memberKey, publishedMembers)?.matchedScript
-      ?.script?.scriptId,
+    findPublishedStudioMemberByMemberKey(memberKey, publishedMembers)
+      ?.matchedScript?.script?.scriptId,
   );
   if (publishedScriptId) {
     return publishedScriptId;
@@ -1767,7 +1809,10 @@ function resolveWorkflowIdForMemberSummary(
     readonly fileName: string;
     readonly description?: string;
   }>,
-  workflowFile?: Pick<StudioWorkflowFile, 'workflowId' | 'name' | 'fileName'> | null,
+  workflowFile?: Pick<
+    StudioWorkflowFile,
+    'workflowId' | 'name' | 'fileName'
+  > | null,
 ): string {
   if (
     normalizeStudioMemberBindingImplementationKind(
@@ -1777,10 +1822,14 @@ function resolveWorkflowIdForMemberSummary(
     return '';
   }
 
-  return resolveWorkflowIdFromMemberWorkflowReference({
-    memberId: memberSummary?.memberId,
-    displayName: memberSummary?.displayName,
-  }, workflows, workflowFile);
+  return resolveWorkflowIdFromMemberWorkflowReference(
+    {
+      memberId: memberSummary?.memberId,
+      displayName: memberSummary?.displayName,
+    },
+    workflows,
+    workflowFile,
+  );
 }
 
 function resolveWorkflowIdForMemberDetail(
@@ -1794,13 +1843,20 @@ function resolveWorkflowIdForMemberDetail(
     readonly fileName: string;
     readonly description?: string;
   }>,
-  workflowFile?: Pick<StudioWorkflowFile, 'workflowId' | 'name' | 'fileName'> | null,
+  workflowFile?: Pick<
+    StudioWorkflowFile,
+    'workflowId' | 'name' | 'fileName'
+  > | null,
 ): string {
-  return resolveWorkflowIdFromMemberWorkflowReference({
-    workflowId: input.implementationRefWorkflowId,
-    memberId: input.memberSummary?.memberId,
-    displayName: input.memberSummary?.displayName,
-  }, workflows, workflowFile);
+  return resolveWorkflowIdFromMemberWorkflowReference(
+    {
+      workflowId: input.implementationRefWorkflowId,
+      memberId: input.memberSummary?.memberId,
+      displayName: input.memberSummary?.displayName,
+    },
+    workflows,
+    workflowFile,
+  );
 }
 
 function resolveLifecycleBuildSurface(input: {
@@ -1975,9 +2031,15 @@ function buildObserveExecutionFrames(
 
   const steps = [...snapshot.audit.steps].sort((left, right) => {
     const leftTimestamp =
-      Date.parse(trimOptional(left.requestedAt) || trimOptional(left.completedAt) || '') || 0;
+      Date.parse(
+        trimOptional(left.requestedAt) || trimOptional(left.completedAt) || '',
+      ) || 0;
     const rightTimestamp =
-      Date.parse(trimOptional(right.requestedAt) || trimOptional(right.completedAt) || '') || 0;
+      Date.parse(
+        trimOptional(right.requestedAt) ||
+          trimOptional(right.completedAt) ||
+          '',
+      ) || 0;
     return leftTimestamp - rightTimestamp;
   });
 
@@ -2026,7 +2088,11 @@ function buildObserveExecutionFrames(
       );
     }
 
-    if (trimOptional(step.completedAt) || step.success !== null || trimOptional(step.error)) {
+    if (
+      trimOptional(step.completedAt) ||
+      step.success !== null ||
+      trimOptional(step.error)
+    ) {
       const completedAt = trimOptional(step.completedAt) || requestedAt;
       if (suspensionType) {
         frames.push(
@@ -2036,7 +2102,10 @@ function buildObserveExecutionFrames(
               payload: {
                 stepId: step.stepId,
                 suspensionType,
-                approved: suspensionType === 'human_approval' ? step.success !== false : true,
+                approved:
+                  suspensionType === 'human_approval'
+                    ? step.success !== false
+                    : true,
                 userInput:
                   trimOptional(step.assignedValue) ||
                   trimOptional(step.outputPreview) ||
@@ -2083,7 +2152,9 @@ function buildObserveExecutionFrames(
         },
       }),
     );
-  } else if (normalizeObserveRunStatus(snapshot.audit.completionStatus) === 'stopped') {
+  } else if (
+    normalizeObserveRunStatus(snapshot.audit.completionStatus) === 'stopped'
+  ) {
     frames.push(
       buildObserveFrame(terminalTimestamp, {
         runStopped: {
@@ -2116,7 +2187,8 @@ function buildObserveExecutionFrames(
     )
     .sort((left, right) => {
       const leftTimestamp = Date.parse(trimOptional(left.timestamp) || '') || 0;
-      const rightTimestamp = Date.parse(trimOptional(right.timestamp) || '') || 0;
+      const rightTimestamp =
+        Date.parse(trimOptional(right.timestamp) || '') || 0;
       return leftTimestamp - rightTimestamp;
     });
   for (const event of timelineEvents) {
@@ -2330,8 +2402,7 @@ function toObserveExecutionFromSessionSeed(
       runtimeAccumulator.steps.length > 0
         ? runtimeAccumulator.steps.length
         : null,
-    completedSteps:
-      runtimeAccumulator.steps.length > 0 ? completedSteps : null,
+    completedSteps: runtimeAccumulator.steps.length > 0 ? completedSteps : null,
     roleReplyCount: null,
     output:
       trimOptional(seed.finalOutput) ||
@@ -2411,8 +2482,7 @@ function toObserveExecutionDetail(
       null,
     serviceId: trimOptional(snapshot.summary.serviceId) || null,
     revisionId: trimOptional(snapshot.summary.revisionId) || null,
-    definitionActorId:
-      trimOptional(snapshot.summary.definitionActorId) || null,
+    definitionActorId: trimOptional(snapshot.summary.definitionActorId) || null,
     stateVersion:
       typeof snapshot.audit.stateVersion === 'number'
         ? snapshot.audit.stateVersion
@@ -2563,7 +2633,8 @@ function findLegacyServiceBackedStudioMemberSummary(
   return (
     publishedMembers.find(
       ({ service, memberSummary }) =>
-        trimOptional(memberSummary?.publishedServiceId) === normalizedServiceId ||
+        trimOptional(memberSummary?.publishedServiceId) ===
+          normalizedServiceId ||
         trimOptional(service.serviceId) === normalizedServiceId,
     )?.memberSummary ?? null
   );
@@ -2623,7 +2694,8 @@ function resolveStudioMemberSummaryFromMemberKey(
     return null;
   }
 
-  const workflowRouteValue = readWorkflowMemberRouteValueFromMemberKey(memberKey);
+  const workflowRouteValue =
+    readWorkflowMemberRouteValueFromMemberKey(memberKey);
   if (workflowRouteValue) {
     return (
       publishedMembers.find(
@@ -2737,12 +2809,15 @@ function resolvePublishedServiceIdFromMemberKey(
     publishedMembers,
     studioScopeMembers,
   );
-  const resolvedPublishedServiceId = trimOptional(memberSummary?.publishedServiceId);
+  const resolvedPublishedServiceId = trimOptional(
+    memberSummary?.publishedServiceId,
+  );
   if (resolvedPublishedServiceId) {
     return resolvedPublishedServiceId;
   }
 
-  const workflowRouteValue = readWorkflowMemberRouteValueFromMemberKey(memberKey);
+  const workflowRouteValue =
+    readWorkflowMemberRouteValueFromMemberKey(memberKey);
   if (workflowRouteValue) {
     return trimOptional(
       publishedMembers.find(
@@ -2766,29 +2841,31 @@ function resolvePublishedServiceIdFromMemberKey(
   return '';
 }
 
-function buildStudioMemberDuplicateKeys(
-  input: {
-    readonly memberSummary?: StudioMemberSummary | null;
-    readonly service?: {
-      readonly serviceId?: string | null;
-      readonly displayName?: string | null;
-    } | null;
-    readonly revision?: StudioMemberBindingRevision | null;
-    readonly matchedWorkflow?: {
-      readonly workflowId?: string | null;
-    } | null;
-    readonly matchedScript?: {
-      readonly script?: {
-        readonly scriptId?: string | null;
-      } | null;
+function buildStudioMemberDuplicateKeys(input: {
+  readonly memberSummary?: StudioMemberSummary | null;
+  readonly service?: {
+    readonly serviceId?: string | null;
+    readonly displayName?: string | null;
+  } | null;
+  readonly revision?: StudioMemberBindingRevision | null;
+  readonly matchedWorkflow?: {
+    readonly workflowId?: string | null;
+  } | null;
+  readonly matchedScript?: {
+    readonly script?: {
+      readonly scriptId?: string | null;
     } | null;
-  },
-): string[] {
+  } | null;
+}): string[] {
   const memberSummary = input.memberSummary;
   const memberId = trimOptional(memberSummary?.memberId);
-  const memberPublishedServiceId = trimOptional(memberSummary?.publishedServiceId);
+  const memberPublishedServiceId = trimOptional(
+    memberSummary?.publishedServiceId,
+  );
   const serviceId = trimOptional(input.service?.serviceId);
-  const matchedWorkflowKey = buildWorkflowMemberKeyFromSummary(input.matchedWorkflow);
+  const matchedWorkflowKey = buildWorkflowMemberKeyFromSummary(
+    input.matchedWorkflow,
+  );
   const matchedScriptId = trimOptional(input.matchedScript?.script?.scriptId);
   const memberImplementationKind =
     normalizeStudioMemberBindingImplementationKind(
@@ -2798,13 +2875,12 @@ function buildStudioMemberDuplicateKeys(
     Boolean(input.revision) ||
     Boolean(input.matchedWorkflow) ||
     Boolean(input.matchedScript);
-  const memberImplementationName =
-    includeImplementationAlias
-      ? trimOptional(memberSummary?.displayName) ||
-        trimOptional(input.revision?.workflowName) ||
-        trimOptional(input.revision?.scriptId) ||
-        trimOptional(input.service?.displayName)
-      : '';
+  const memberImplementationName = includeImplementationAlias
+    ? trimOptional(memberSummary?.displayName) ||
+      trimOptional(input.revision?.workflowName) ||
+      trimOptional(input.revision?.scriptId) ||
+      trimOptional(input.service?.displayName)
+    : '';
 
   return [
     memberId ? `member:${memberId}` : '',
@@ -2846,81 +2922,6 @@ function resolveStudioMemberOwnerKey(
   return parsedMember.key;
 }
 
-function resolveBoundServiceIdFromCatalog(input: {
-  services: readonly Pick<ServiceCatalogSnapshot, 'serviceId' | 'displayName'>[];
-  candidates: Array<string | null | undefined>;
-}): string {
-  const candidateValues = Array.from(
-    new Set(
-      input.candidates
-        .map((candidate) => trimOptional(candidate))
-        .filter(Boolean),
-    ),
-  );
-  if (candidateValues.length === 0) {
-    return '';
-  }
-
-  const matchedServiceIds = Array.from(
-    new Set(
-      input.services.flatMap((service) => {
-        const serviceId = trimOptional(service.serviceId);
-        const displayName = trimOptional(service.displayName);
-        return candidateValues.some(
-          (candidate) => candidate === serviceId || candidate === displayName,
-        )
-          ? [serviceId]
-          : [];
-      }),
-    ),
-  );
-
-  return matchedServiceIds.length === 1 ? matchedServiceIds[0] : '';
-}
-
-function buildRecentlyBoundServiceSnapshot(input: {
-  readonly displayName?: string | null;
-  readonly revisionId?: string | null;
-  readonly scopeId: string;
-  readonly selectedService?: ServiceCatalogSnapshot | null;
-  readonly serviceId: string;
-  readonly updatedAt?: string | null;
-}): ServiceCatalogSnapshot {
-  const normalizedServiceId = trimOptional(input.serviceId);
-  const normalizedDisplayName =
-    trimOptional(input.displayName) ||
-    trimOptional(input.selectedService?.displayName) ||
-    normalizedServiceId;
-  const normalizedRevisionId =
-    trimOptional(input.revisionId) ||
-    trimOptional(input.selectedService?.activeServingRevisionId) ||
-    trimOptional(input.selectedService?.defaultServingRevisionId);
-
-  return {
-    serviceKey:
-      trimOptional(input.selectedService?.serviceKey) ||
-      `${input.scopeId}:${scopeServiceAppId}:${scopeServiceNamespace}:${normalizedServiceId}`,
-    tenantId: trimOptional(input.selectedService?.tenantId),
-    appId: trimOptional(input.selectedService?.appId) || scopeServiceAppId,
-    namespace:
-      trimOptional(input.selectedService?.namespace) || scopeServiceNamespace,
-    serviceId: normalizedServiceId,
-    displayName: normalizedDisplayName,
-    defaultServingRevisionId: normalizedRevisionId,
-    activeServingRevisionId: normalizedRevisionId,
-    deploymentId: trimOptional(input.selectedService?.deploymentId),
-    primaryActorId: trimOptional(input.selectedService?.primaryActorId),
-    deploymentStatus:
-      trimOptional(input.selectedService?.deploymentStatus) || 'Active',
-    endpoints: input.selectedService?.endpoints ?? [],
-    policyIds: input.selectedService?.policyIds ?? [],
-    updatedAt:
-      trimOptional(input.updatedAt) ||
-      trimOptional(input.selectedService?.updatedAt) ||
-      new Date().toISOString(),
-  };
-}
-
 function formatStudioAssetMeta(input: {
   primary?: string | null;
   secondary?: string | null;
@@ -2983,32 +2984,35 @@ const StudioPage: React.FC = () => {
     [routeState.memberKey],
   );
   const routeSelectedMemberKey = useMemo(
-    () =>
-      trimOptional(routeState.memberKey),
+    () => trimOptional(routeState.memberKey),
     [routeState.memberKey],
   );
-  const currentRouteMemberToken = readMemberIdFromMemberKey(routeSelectedMemberKey);
+  const currentRouteMemberToken = readMemberIdFromMemberKey(
+    routeSelectedMemberKey,
+  );
   const isStudioLocation =
     typeof window !== 'undefined' && window.location.pathname === '/studio';
   const nyxIdConfig = useMemo(() => getNyxIDRuntimeConfig(), []);
   const queryClient = useQueryClient();
-  const [studioSurface, setStudioSurface] = useState<StudioSurface>(
-    () => readInitialStudioSurface(readStudioRouteState()),
+  const toast = useConsoleToast();
+  const [studioSurface, setStudioSurface] = useState<StudioSurface>(() =>
+    readInitialStudioSurface(readStudioRouteState()),
   );
-  const [buildSurface, setBuildSurface] = useState<BuildSurface>(
-    () => readInitialBuildSurface(readStudioRouteState()),
+  const [buildSurface, setBuildSurface] = useState<BuildSurface>(() =>
+    readInitialBuildSurface(readStudioRouteState()),
   );
   const initialRouteState = readStudioRouteState();
   const initialBuildFocus = parseStudioBuildFocus(initialRouteState.focusKey);
-  const initialSelectedMember = parseStudioRouteMember(initialRouteState.memberKey);
+  const initialSelectedMember = parseStudioRouteMember(
+    initialRouteState.memberKey,
+  );
   const [selectedWorkflowId, setSelectedWorkflowId] = useState('');
-  const [selectedScriptId, setSelectedScriptId] = useState(
-    () =>
-      initialBuildFocus.kind === 'script'
-        ? initialBuildFocus.value
-        : initialSelectedMember.kind === 'script'
-          ? initialSelectedMember.value
-          : '',
+  const [selectedScriptId, setSelectedScriptId] = useState(() =>
+    initialBuildFocus.kind === 'script'
+      ? initialBuildFocus.value
+      : initialSelectedMember.kind === 'script'
+        ? initialSelectedMember.value
+        : '',
   );
   const [scriptBuildState, setScriptBuildState] =
     useState<StudioScriptBuildState | null>(null);
@@ -3023,7 +3027,10 @@ const StudioPage: React.FC = () => {
             ? initialSelectedMember.value
             : '';
       return initialScriptId
-        ? loadStoredScriptDraft(initialRouteState.scopeId || undefined, initialScriptId)
+        ? loadStoredScriptDraft(
+            initialRouteState.scopeId || undefined,
+            initialScriptId,
+          )
         : null;
     });
   const [selectedAgentKind, setSelectedAgentKind] = useState('');
@@ -3032,23 +3039,24 @@ const StudioPage: React.FC = () => {
   const [selectedExecutionId, setSelectedExecutionId] = useState(
     () => initialRouteState.executionId,
   );
-  const [templateWorkflow, setTemplateWorkflow] = useState(
-    () => (initialBuildFocus.kind === 'template' ? initialBuildFocus.value : ''),
+  const [templateWorkflow, setTemplateWorkflow] = useState(() =>
+    initialBuildFocus.kind === 'template' ? initialBuildFocus.value : '',
   );
   const [draftYaml, setDraftYaml] = useState('');
   const [draftWorkflowName, setDraftWorkflowName] = useState('');
   const [draftFileName, setDraftFileName] = useState('');
   const [draftDirectoryId, setDraftDirectoryId] = useState('');
-  const [draftWorkflowLayout, setDraftWorkflowLayout] = useState<unknown | null>(
-    null,
-  );
+  const [draftWorkflowLayout, setDraftWorkflowLayout] = useState<
+    unknown | null
+  >(null);
   const [editableWorkflowDocument, setEditableWorkflowDocument] =
     useState<StudioWorkflowDocument | null>(null);
   const [draftSourceKey, setDraftSourceKey] = useState('');
   const [savePending, setSavePending] = useState(false);
   const [saveNotice, setSaveNotice] = useState<DraftSaveNotice | null>(null);
   const [inventoryBusyKey, setInventoryBusyKey] = useState('');
-  const [inventoryBusyAction, setInventoryBusyAction] = useState<InventoryBusyAction>('');
+  const [inventoryBusyAction, setInventoryBusyAction] =
+    useState<InventoryBusyAction>('');
   const [memberRecencyOrder, setMemberRecencyOrder] = useState<string[]>([]);
   const [optimisticStudioMembers, setOptimisticStudioMembers] = useState<
     StudioMemberSummary[]
@@ -3056,16 +3064,19 @@ const StudioPage: React.FC = () => {
   const [confirmedDeletedStudioMemberIds, setConfirmedDeletedStudioMemberIds] =
     useState(() => new Set<string>());
   const [createMemberModalOpen, setCreateMemberModalOpen] = useState(false);
-  const [createMemberKind, setCreateMemberKind] = useState<BuildMode>('workflow');
+  const [createMemberKind, setCreateMemberKind] =
+    useState<BuildMode>('workflow');
   const [createMemberName, setCreateMemberName] = useState('');
   const [createMemberDirectoryId, setCreateMemberDirectoryId] = useState('');
   const [createMemberTeamId, setCreateMemberTeamId] = useState('');
-  const [runPrompt, setRunPrompt] = useState(() => readStudioRouteState().prompt);
-  const [runPending, setRunPending] = useState(false);
-  const [runNotice, setRunNotice] = useState<DraftRunNotice | null>(null);
+  const [runPrompt, setRunPrompt] = useState(
+    () => readStudioRouteState().prompt,
+  );
   const [selectedGraphNodeId, setSelectedGraphNodeId] = useState('');
   const [executionStopPending, setExecutionStopPending] = useState(false);
-  const [executionNotice, setExecutionNotice] = useState<StudioNotice | null>(null);
+  const [executionNotice, setExecutionNotice] = useState<StudioNotice | null>(
+    null,
+  );
   const [logsPopoutMode] = useState(() => readStudioRouteState().logsMode);
   const [recentlyBoundMemberKey, setRecentlyBoundMemberKey] = useState('');
   const [recentlyBoundServiceId, setRecentlyBoundServiceId] = useState('');
@@ -3086,18 +3097,16 @@ const StudioPage: React.FC = () => {
   const [pinnedRouteBackendMemberId, setPinnedRouteBackendMemberId] = useState(
     () => pinnedRouteBackendMemberIdRef.current,
   );
-  const [appliedRouteSnapshot, setAppliedRouteSnapshot] = useState(
-    locationSnapshot,
+  const [appliedRouteSnapshot, setAppliedRouteSnapshot] =
+    useState(locationSnapshot);
+  const [
+    pendingCreateMemberIntentSnapshot,
+    setPendingCreateMemberIntentSnapshot,
+  ] = useState(() =>
+    readStudioRouteState().intent === 'create-member'
+      ? getLocationSnapshot()
+      : '',
   );
-  const [pendingCreateMemberIntentSnapshot, setPendingCreateMemberIntentSnapshot] =
-    useState(() =>
-      readStudioRouteState().intent === 'create-member'
-        ? getLocationSnapshot()
-        : '',
-    );
-  const [promptHistory, setPromptHistory] = useState<
-    PlaygroundPromptHistoryEntry[]
-  >(() => loadPlaygroundPromptHistory());
   const [observeSessionSeedsByServiceId, setObserveSessionSeedsByServiceId] =
     useState<Record<string, StudioObserveSessionSeed>>({});
   const bindingSelectionRef = useRef<{
@@ -3132,8 +3141,7 @@ const StudioPage: React.FC = () => {
   const studioHostAuthenticated =
     authSessionQuery.data?.enabled === false ||
     Boolean(authSessionQuery.data?.authenticated);
-  const studioHostReady =
-    studioHostAccessResolved && studioHostAuthenticated;
+  const studioHostReady = studioHostAccessResolved && studioHostAuthenticated;
   useEffect(() => {
     if (!isStudioLocation) {
       return;
@@ -3151,7 +3159,9 @@ const StudioPage: React.FC = () => {
       setPendingCreateMemberIntentSnapshot(locationSnapshot);
     }
     setStudioSurface((currentSurface) =>
-      currentSurface === routeStudioSurface ? currentSurface : routeStudioSurface,
+      currentSurface === routeStudioSurface
+        ? currentSurface
+        : routeStudioSurface,
     );
     setBuildSurface((currentSurface) => {
       if (
@@ -3162,7 +3172,9 @@ const StudioPage: React.FC = () => {
         return currentSurface;
       }
 
-      return currentSurface === routeBuildSurface ? currentSurface : routeBuildSurface;
+      return currentSurface === routeBuildSurface
+        ? currentSurface
+        : routeBuildSurface;
     });
     if (routeBuildFocus.kind === 'workflow') {
       setSelectedWorkflowId((currentWorkflowId) =>
@@ -3187,7 +3199,10 @@ const StudioPage: React.FC = () => {
       setSelectedWorkflowId('');
       setTemplateWorkflow('');
     }
-    if (routeBuildFocus.kind === 'workflow' || routeSelectedMember.kind === 'workflow') {
+    if (
+      routeBuildFocus.kind === 'workflow' ||
+      routeSelectedMember.kind === 'workflow'
+    ) {
       setBuildSurface((currentSurface) =>
         currentSurface === 'editor' ? currentSurface : 'editor',
       );
@@ -3231,7 +3246,10 @@ const StudioPage: React.FC = () => {
     }
 
     const returnTo = getCurrentStudioReturnTo();
-    if (!authSessionQuery.data?.enabled || authSessionQuery.data.authenticated) {
+    if (
+      !authSessionQuery.data?.enabled ||
+      authSessionQuery.data.authenticated
+    ) {
       clearStudioAutoReloginAttempt(returnTo);
       setAuthRecoveryPending(false);
       return;
@@ -3364,9 +3382,14 @@ const StudioPage: React.FC = () => {
       studioApi.getTeam(resolvedStudioScopeId, resolvedStudioTeamId),
   });
   const selectedWorkflowQuery = useQuery({
-    queryKey: ['studio-workflow', workflowWorkspaceContextKey, selectedWorkflowId],
+    queryKey: [
+      'studio-workflow',
+      workflowWorkspaceContextKey,
+      selectedWorkflowId,
+    ],
     enabled: studioHostReady && Boolean(selectedWorkflowId),
-    queryFn: () => studioApi.getWorkflow(selectedWorkflowId, resolvedStudioScopeId),
+    queryFn: () =>
+      studioApi.getWorkflow(selectedWorkflowId, resolvedStudioScopeId),
     staleTime: SAVED_WORKFLOW_QUERY_STALE_MS,
   });
   const gAgentKindsQuery = useQuery({
@@ -3398,10 +3421,9 @@ const StudioPage: React.FC = () => {
       return;
     }
 
-    const fallbackAgentKind =
-      (gAgentKindsQuery.data?.[0]
-        ? buildRuntimeGAgentKindValue(gAgentKindsQuery.data[0])
-        : '');
+    const fallbackAgentKind = gAgentKindsQuery.data?.[0]
+      ? buildRuntimeGAgentKindValue(gAgentKindsQuery.data[0])
+      : '';
 
     if (!fallbackAgentKind) {
       return;
@@ -3410,10 +3432,7 @@ const StudioPage: React.FC = () => {
     setSelectedAgentKind((current) =>
       trimOptional(current) === fallbackAgentKind ? current : fallbackAgentKind,
     );
-  }, [
-    gAgentKindsQuery.data,
-    selectedAgentKind,
-  ]);
+  }, [gAgentKindsQuery.data, selectedAgentKind]);
   useEffect(() => {
     const serverMembers = studioMembersQuery.data?.members ?? [];
     if (!serverMembers.length || !optimisticStudioMembers.length) {
@@ -3525,7 +3544,10 @@ const StudioPage: React.FC = () => {
     }),
   });
   const currentServiceRevisionByServiceId = useMemo(() => {
-    const revisions = new Map<string, ReturnType<typeof getScopeServiceCurrentRevision>>();
+    const revisions = new Map<
+      string,
+      ReturnType<typeof getScopeServiceCurrentRevision>
+    >();
 
     publishedScopeServices.forEach((service, index) => {
       const serviceId = trimOptional(service.serviceId);
@@ -3548,10 +3570,10 @@ const StudioPage: React.FC = () => {
     return publishedScopeServices.map((service) => {
       const serviceId = trimOptional(service.serviceId);
       const memberSummary = serviceId
-        ? studioMemberByPublishedServiceId.get(serviceId) ?? null
+        ? (studioMemberByPublishedServiceId.get(serviceId) ?? null)
         : null;
       const revision = serviceId
-        ? currentServiceRevisionByServiceId.get(serviceId) ?? null
+        ? (currentServiceRevisionByServiceId.get(serviceId) ?? null)
         : null;
       const revisionWorkflowName = trimOptional(revision?.workflowName);
       const matchedWorkflow =
@@ -3565,13 +3587,12 @@ const StudioPage: React.FC = () => {
         revision?.implementationKind === 'script'
           ? trimOptional(revision.scriptId)
           : '';
-      const matchedScript =
-        matchedScriptId
-          ? availableScopeScripts.find(
-              (scriptDetail) =>
-                trimOptional(scriptDetail.script?.scriptId) === matchedScriptId,
-            ) ?? null
-          : null;
+      const matchedScript = matchedScriptId
+        ? (availableScopeScripts.find(
+            (scriptDetail) =>
+              trimOptional(scriptDetail.script?.scriptId) === matchedScriptId,
+          ) ?? null)
+        : null;
 
       return {
         memberSummary,
@@ -3603,7 +3624,10 @@ const StudioPage: React.FC = () => {
     }
 
     const legacyRouteServiceId = trimOptional(legacyRouteServiceIdRef.current);
-    if (legacyRouteServiceId && currentRouteMemberToken === legacyRouteServiceId) {
+    if (
+      legacyRouteServiceId &&
+      currentRouteMemberToken === legacyRouteServiceId
+    ) {
       return resolvePublishedMemberIdFromLegacyServiceId(
         legacyRouteServiceId,
         publishedScopeMembers,
@@ -3651,23 +3675,20 @@ const StudioPage: React.FC = () => {
       currentMemberId === routeMemberId ? currentMemberId : routeMemberId,
     );
   }, [currentExplicitRouteBackendMemberId]);
-  const routeSelectedBackendMemberId = useMemo(
-    () => {
-      const explicitMemberId = trimOptional(explicitRouteBackendMemberId);
-      if (explicitMemberId) {
-        return explicitMemberId;
-      }
+  const routeSelectedBackendMemberId = useMemo(() => {
+    const explicitMemberId = trimOptional(explicitRouteBackendMemberId);
+    if (explicitMemberId) {
+      return explicitMemberId;
+    }
 
-      return routeSelectedMember.kind === 'member'
-        ? ''
-        : trimOptional(pinnedRouteBackendMemberId);
-    },
-    [
-      explicitRouteBackendMemberId,
-      pinnedRouteBackendMemberId,
-      routeSelectedMember.kind,
-    ],
-  );
+    return routeSelectedMember.kind === 'member'
+      ? ''
+      : trimOptional(pinnedRouteBackendMemberId);
+  }, [
+    explicitRouteBackendMemberId,
+    pinnedRouteBackendMemberId,
+    routeSelectedMember.kind,
+  ]);
   const routeSelectedBackendMemberKey = useMemo(
     () => buildBackendMemberKey(routeSelectedBackendMemberId),
     [routeSelectedBackendMemberId],
@@ -3734,18 +3755,11 @@ const StudioPage: React.FC = () => {
   const runtimeConsoleServices = useMemo(
     () =>
       resolvedStudioScopeId
-        ? buildScopeConsoleServiceOptions(
-            publishedScopeServices,
-            undefined,
-            {
-              sortBy: 'serviceId',
-            },
-          )
+        ? buildScopeConsoleServiceOptions(publishedScopeServices, undefined, {
+            sortBy: 'serviceId',
+          })
         : [],
-    [
-      publishedScopeServices,
-      resolvedStudioScopeId,
-    ],
+    [publishedScopeServices, resolvedStudioScopeId],
   );
   const readyUserRoutes = useMemo(
     () =>
@@ -3768,23 +3782,30 @@ const StudioPage: React.FC = () => {
         : undefined,
     [workflowDryRunLlmConfig],
   );
-  const workflowDryRunRouteLabel = workflowDryRunLlmConfig.status === 'system_default'
-    ? 'Config default'
-    : workflowDryRunLlmConfig.routeLabel;
+  const workflowDryRunRouteLabel =
+    workflowDryRunLlmConfig.status === 'system_default'
+      ? 'Config default'
+      : workflowDryRunLlmConfig.routeLabel;
   const workflowDryRunBlockedReason = useMemo(() => {
     if (userLlmSettingsQuery.isLoading) {
-      return t("pages.studio.index.studio.provider", "Studio is checking available providers. Try running again shortly.");
+      return t(
+        'pages.studio.index.studio.provider',
+        'Studio is checking available providers. Try running again shortly.',
+      );
     }
 
     if (workflowDryRunLlmConfig.status === 'action_required') {
       return t(
-        "pages.studio.index.llm.selection.action.required",
-        "The saved LLM selection needs attention in Settings before this workflow can run.",
+        'pages.studio.index.llm.selection.action.required',
+        'The saved LLM selection needs attention in Settings before this workflow can run.',
       );
     }
 
     if (readyUserRoutes.length === 0) {
-      return t("pages.studio.index.ready.ai.provider.provider", "No ready AI provider is available. Connect a provider, then return to run this workflow draft.");
+      return t(
+        'pages.studio.index.ready.ai.provider.provider',
+        'No ready AI provider is available. Connect a provider, then return to run this workflow draft.',
+      );
     }
 
     return '';
@@ -3884,7 +3905,8 @@ const StudioPage: React.FC = () => {
     () =>
       visibleWorkflowSummaries.find(
         (workflow) =>
-          trimOptional(workflow.workflowId) === trimOptional(selectedWorkflowId),
+          trimOptional(workflow.workflowId) ===
+          trimOptional(selectedWorkflowId),
       ) ?? null,
     [selectedWorkflowId, visibleWorkflowSummaries],
   );
@@ -3894,7 +3916,8 @@ const StudioPage: React.FC = () => {
         workflowId: selectedWorkflowId || activeWorkflowFile?.workflowId,
         name: activeWorkflowFile?.name || selectedWorkflowRouteSummary?.name,
         fileName:
-          activeWorkflowFile?.fileName || selectedWorkflowRouteSummary?.fileName,
+          activeWorkflowFile?.fileName ||
+          selectedWorkflowRouteSummary?.fileName,
       }),
     [
       activeWorkflowFile?.fileName,
@@ -3942,11 +3965,10 @@ const StudioPage: React.FC = () => {
     return '';
   }, [activeTemplate?.yaml, activeWorkflowFile?.yaml]);
   const sourceWorkflowName =
-    activeWorkflowFile?.name ||
-    activeTemplate?.catalog.name ||
-    '';
+    activeWorkflowFile?.name || activeTemplate?.catalog.name || '';
   const sourceFileName = activeWorkflowFile?.fileName || '';
-  const sourceDirectoryId = activeWorkflowFile?.directoryId || defaultDirectoryId;
+  const sourceDirectoryId =
+    activeWorkflowFile?.directoryId || defaultDirectoryId;
   const sourceWorkflowLayout = activeWorkflowFile?.layout ?? null;
 
   const templateWorkflowDocument = useMemo(
@@ -4014,9 +4036,7 @@ const StudioPage: React.FC = () => {
       return;
     }
 
-    const preferredWorkflowId =
-      visibleWorkflowSummaries[0]?.workflowId ||
-      '';
+    const preferredWorkflowId = visibleWorkflowSummaries[0]?.workflowId || '';
     if (!preferredWorkflowId) {
       return;
     }
@@ -4049,13 +4069,16 @@ const StudioPage: React.FC = () => {
 
     if (
       visibleWorkflowSummaries.some(
-        (workflow) => trimOptional(workflow.workflowId).toLowerCase() === 'default',
+        (workflow) =>
+          trimOptional(workflow.workflowId).toLowerCase() === 'default',
       )
     ) {
       return;
     }
 
-    const fallbackWorkflowId = trimOptional(visibleWorkflowSummaries[0]?.workflowId);
+    const fallbackWorkflowId = trimOptional(
+      visibleWorkflowSummaries[0]?.workflowId,
+    );
     if (!fallbackWorkflowId) {
       return;
     }
@@ -4118,11 +4141,7 @@ const StudioPage: React.FC = () => {
 
     setSelectedWorkflowId(matchingWorkspaceWorkflow.workflowId);
     setTemplateWorkflow('');
-  }, [
-    matchingWorkspaceWorkflow,
-    selectedWorkflowId,
-    templateWorkflow,
-  ]);
+  }, [matchingWorkspaceWorkflow, selectedWorkflowId, templateWorkflow]);
 
   useEffect(() => {
     if (!activeWorkflowSourceKey) {
@@ -4179,9 +4198,7 @@ const StudioPage: React.FC = () => {
       setDraftWorkflowLayout(sourceWorkflowLayout);
       setEditableWorkflowDocument(
         cloneStudioWorkflowDocument(
-          activeWorkflowFile?.document ??
-            templateWorkflowDocument ??
-            null,
+          activeWorkflowFile?.document ?? templateWorkflowDocument ?? null,
         ),
       );
       setSaveNotice(null);
@@ -4318,8 +4335,8 @@ const StudioPage: React.FC = () => {
               id: trimOptional(role.id),
               name: trimOptional(role.name) || trimOptional(role.id),
             }))
-            .filter(
-              (role): role is { id: string; name: string } => Boolean(role.id),
+            .filter((role): role is { id: string; name: string } =>
+              Boolean(role.id),
             )
         : [],
     [activeWorkflowDocument?.roles],
@@ -4337,30 +4354,14 @@ const StudioPage: React.FC = () => {
     setSelectedGraphNodeId(effectiveSelectedGraphNodeId);
   }, [effectiveSelectedGraphNodeId, selectedGraphNodeId]);
 
-  const isDraftDirty =
-    Boolean(activeWorkflowSourceKey) &&
-    (draftYaml !== sourceYaml ||
-      draftWorkflowName !== sourceWorkflowName ||
-      draftFileName !== sourceFileName ||
-      resolvedDraftDirectoryId !== sourceDirectoryId);
   const canSaveWorkflow =
     studioHostReady &&
     Boolean(draftYaml.trim()) &&
     Boolean(draftWorkflowName.trim()) &&
     Boolean(resolvedDraftDirectoryId) &&
     !savePending;
-  const canOpenRunWorkflow =
-    Boolean(draftYaml.trim()) &&
-    Boolean(activeWorkflowName.trim()) &&
-    Boolean(resolvedStudioScopeId) &&
-    !runPending &&
-    !parseYamlQuery.isLoading &&
-    !hasValidationError(activeWorkflowFindings);
-  const canRunWorkflow =
-    canOpenRunWorkflow && Boolean(runPrompt.trim());
-
-  const resolveEditableWorkflowDocument = useCallback(
-    async (): Promise<StudioWorkflowDocument | null> => {
+  const resolveEditableWorkflowDocument =
+    useCallback(async (): Promise<StudioWorkflowDocument | null> => {
       const currentEditableDocument = cloneStudioWorkflowDocument(
         editableWorkflowDocument as StudioWorkflowDocument | null,
       );
@@ -4387,8 +4388,10 @@ const StudioPage: React.FC = () => {
           if (hasValidationError(parsed.findings ?? [])) {
             setSaveNotice({
               type: 'error',
-              message:
-                t("pages.studio.index.resolve.studio.yaml.validation.errors.4", "Resolve Studio YAML validation errors before editing the workflow graph."),
+              message: t(
+                'pages.studio.index.resolve.studio.yaml.validation.errors.4',
+                'Resolve Studio YAML validation errors before editing the workflow graph.',
+              ),
             });
             return null;
           }
@@ -4414,7 +4417,10 @@ const StudioPage: React.FC = () => {
       if (parseYamlQuery.isLoading) {
         setSaveNotice({
           type: 'error',
-          message: t("pages.studio.index.studio.is.still.parsing.the.2", "Studio is still parsing the current workflow draft."),
+          message: t(
+            'pages.studio.index.studio.is.still.parsing.the.2',
+            'Studio is still parsing the current workflow draft.',
+          ),
         });
         return null;
       }
@@ -4422,18 +4428,23 @@ const StudioPage: React.FC = () => {
       if (hasValidationError(activeWorkflowFindings)) {
         setSaveNotice({
           type: 'error',
-          message: t("pages.studio.index.resolve.studio.yaml.validation.errors.5", "Resolve Studio YAML validation errors before editing the workflow graph."),
+          message: t(
+            'pages.studio.index.resolve.studio.yaml.validation.errors.5',
+            'Resolve Studio YAML validation errors before editing the workflow graph.',
+          ),
         });
         return null;
       }
 
       setSaveNotice({
         type: 'error',
-        message: t("pages.studio.index.load.workflow.draft.before.editing.3", "Load a workflow draft before editing the workflow graph."),
+        message: t(
+          'pages.studio.index.load.workflow.draft.before.editing.3',
+          'Load a workflow draft before editing the workflow graph.',
+        ),
       });
       return null;
-    },
-    [
+    }, [
       editableWorkflowDocument,
       activeWorkflowDocument,
       activeWorkflowFindings,
@@ -4441,8 +4452,7 @@ const StudioPage: React.FC = () => {
       draftYaml,
       parseYamlQuery.isLoading,
       workflowNames,
-    ],
-  );
+    ]);
 
   const applySerializedWorkflowDocument = useCallback(
     async (
@@ -4459,7 +4469,9 @@ const StudioPage: React.FC = () => {
       });
 
       setDraftYaml(serialized.yaml);
-      setEditableWorkflowDocument(cloneStudioWorkflowDocument(serialized.document));
+      setEditableWorkflowDocument(
+        cloneStudioWorkflowDocument(serialized.document),
+      );
       setDraftWorkflowName(
         trimOptional(serialized.document.name) || draftWorkflowName || 'draft',
       );
@@ -4470,7 +4482,6 @@ const StudioPage: React.FC = () => {
         setSelectedGraphNodeId(options.selectedNodeId);
       }
       setSaveNotice(null);
-      setRunNotice(null);
     },
     [availableStepTypes, draftWorkflowName, workflowNames],
   );
@@ -4542,172 +4553,179 @@ const StudioPage: React.FC = () => {
     [availableStepTypes],
   );
 
-  const buildWorkflowYamlBundle = useCallback(async (
-    pendingStepDraft?: {
-      readonly stepId: string;
-      readonly draft: StudioStepInspectorDraft;
-    } | null,
-  ): Promise<string[]> => {
-    let rootYaml = draftYaml.trim();
-    let rootDocument: StudioWorkflowDocument | null | undefined =
-      activeWorkflowDocument;
-    let rootRuntimeYamlReady = false;
+  const buildWorkflowYamlBundle = useCallback(
+    async (
+      pendingStepDraft?: {
+        readonly stepId: string;
+        readonly draft: StudioStepInspectorDraft;
+      } | null,
+    ): Promise<string[]> => {
+      let rootYaml = draftYaml.trim();
+      let rootDocument: StudioWorkflowDocument | null | undefined =
+        activeWorkflowDocument;
+      let rootRuntimeYamlReady = false;
+
+      if (pendingStepDraft) {
+        const currentStepId = pendingStepDraft.stepId.trim();
+        if (!currentStepId) {
+          throw new Error(
+            'Select a workflow step before running its draft changes.',
+          );
+        }
 
-    if (pendingStepDraft) {
-      const currentStepId = pendingStepDraft.stepId.trim();
-      if (!currentStepId) {
-        throw new Error('Select a workflow step before running its draft changes.');
-      }
+        const document =
+          cloneStudioWorkflowDocument(
+            activeWorkflowDocument ||
+              parsedWorkflowDocument ||
+              activeWorkflowFile?.document ||
+              null,
+          ) ||
+          cloneStudioWorkflowDocument(
+            (
+              await studioApi.parseYaml({
+                yaml: rootYaml,
+                availableWorkflowNames: workflowNames,
+                availableStepTypes,
+              })
+            ).document as StudioWorkflowDocument | null,
+          );
+        if (!document) {
+          throw new Error(
+            'Load a workflow draft before running its draft changes.',
+          );
+        }
 
-      const document =
-        cloneStudioWorkflowDocument(
-          activeWorkflowDocument ||
-            parsedWorkflowDocument ||
-            activeWorkflowFile?.document ||
-            null,
-        ) ||
-        cloneStudioWorkflowDocument(
-          (
-            await studioApi.parseYaml({
-              yaml: rootYaml,
-              availableWorkflowNames: workflowNames,
-              availableStepTypes,
-            })
-          ).document as StudioWorkflowDocument | null,
+        const result = applyStepInspectorDraft(
+          document,
+          currentStepId,
+          pendingStepDraft.draft,
         );
-      if (!document) {
-        throw new Error('Load a workflow draft before running its draft changes.');
-      }
-
-      const result = applyStepInspectorDraft(
-        document,
-        currentStepId,
-        pendingStepDraft.draft,
-      );
-      const serialized = await studioApi.serializeYaml({
-        document: result.document,
-        availableWorkflowNames: workflowNames,
-        availableStepTypes,
-      });
-
-      rootYaml = serialized.yaml.trim();
-      rootDocument = result.document;
-      rootRuntimeYamlReady = true;
-    }
-
-    if (!rootYaml) {
-      throw new Error('Workflow YAML is required.');
-    }
-
-    const workspaceWorkflows = visibleWorkflowSummaries;
-    const availableWorkflowNames = workspaceWorkflows.map((item) => item.name);
-    const workflowIdsByName = new Map(
-      workspaceWorkflows.map((item) => [item.name, item.workflowId]),
-    );
-    const bundle: string[] = [];
-    const seen = new Set<string>();
-    const queue: Array<{
-      workflowName: string;
-      yaml: string;
-      document: StudioWorkflowDocument | null | undefined;
-      runtimeYamlReady?: boolean;
-    }> = [
-      {
-        workflowName: activeWorkflowName.trim() || draftWorkflowName.trim(),
-        yaml: rootYaml,
-        document: rootDocument,
-        runtimeYamlReady: rootRuntimeYamlReady,
-      },
-    ];
+        const serialized = await studioApi.serializeYaml({
+          document: result.document,
+          availableWorkflowNames: workflowNames,
+          availableStepTypes,
+        });
 
-    while (queue.length > 0) {
-      const current = queue.shift();
-      if (!current) {
-        continue;
+        rootYaml = serialized.yaml.trim();
+        rootDocument = result.document;
+        rootRuntimeYamlReady = true;
       }
 
-      const normalizedWorkflowName = trimOptional(current.workflowName);
-      if (normalizedWorkflowName && seen.has(normalizedWorkflowName)) {
-        continue;
+      if (!rootYaml) {
+        throw new Error('Workflow YAML is required.');
       }
 
-      if (normalizedWorkflowName) {
-        seen.add(normalizedWorkflowName);
-      }
-      const normalizedCurrent = current.runtimeYamlReady
-        ? {
-            yaml: current.yaml,
-            document:
-              cloneStudioWorkflowDocument(current.document) ??
-              cloneStudioWorkflowDocument(
-                (
-                  await studioApi.parseYaml({
-                    yaml: current.yaml,
-                    availableWorkflowNames,
-                    availableStepTypes,
-                  })
-                ).document as StudioWorkflowDocument | null,
-              ),
-          }
-        : await normalizeWorkflowYamlForRuntime(
-            current.yaml,
-            current.document,
-            availableWorkflowNames,
-          );
-      bundle.push(normalizedCurrent.yaml);
+      const workspaceWorkflows = visibleWorkflowSummaries;
+      const availableWorkflowNames = workspaceWorkflows.map(
+        (item) => item.name,
+      );
+      const workflowIdsByName = new Map(
+        workspaceWorkflows.map((item) => [item.name, item.workflowId]),
+      );
+      const bundle: string[] = [];
+      const seen = new Set<string>();
+      const queue: Array<{
+        workflowName: string;
+        yaml: string;
+        document: StudioWorkflowDocument | null | undefined;
+        runtimeYamlReady?: boolean;
+      }> = [
+        {
+          workflowName: activeWorkflowName.trim() || draftWorkflowName.trim(),
+          yaml: rootYaml,
+          document: rootDocument,
+          runtimeYamlReady: rootRuntimeYamlReady,
+        },
+      ];
 
-      for (const targetWorkflow of readWorkflowCallTargets(normalizedCurrent.document)) {
-        if (seen.has(targetWorkflow)) {
+      while (queue.length > 0) {
+        const current = queue.shift();
+        if (!current) {
           continue;
         }
 
-        const workflowId = workflowIdsByName.get(targetWorkflow);
-        if (!workflowId) {
-          throw new Error(
-            `workflow_call references '${targetWorkflow}', but Studio could not resolve it from the workspace.`,
-          );
+        const normalizedWorkflowName = trimOptional(current.workflowName);
+        if (normalizedWorkflowName && seen.has(normalizedWorkflowName)) {
+          continue;
         }
 
-        const workflowFile = await studioApi.getWorkflow(
-          workflowId,
-          resolvedStudioScopeId,
-        );
-        const childDocument =
-          workflowFile.document ??
-          (
-            await studioApi.parseYaml({
-              yaml: workflowFile.yaml,
+        if (normalizedWorkflowName) {
+          seen.add(normalizedWorkflowName);
+        }
+        const normalizedCurrent = current.runtimeYamlReady
+          ? {
+              yaml: current.yaml,
+              document:
+                cloneStudioWorkflowDocument(current.document) ??
+                cloneStudioWorkflowDocument(
+                  (
+                    await studioApi.parseYaml({
+                      yaml: current.yaml,
+                      availableWorkflowNames,
+                      availableStepTypes,
+                    })
+                  ).document as StudioWorkflowDocument | null,
+                ),
+            }
+          : await normalizeWorkflowYamlForRuntime(
+              current.yaml,
+              current.document,
               availableWorkflowNames,
-              availableStepTypes,
-            })
-          ).document ??
-          null;
+            );
+        bundle.push(normalizedCurrent.yaml);
 
-        queue.push({
-          workflowName: trimOptional(workflowFile.name) || targetWorkflow,
-          yaml: workflowFile.yaml,
-          document: childDocument,
-        });
+        for (const targetWorkflow of readWorkflowCallTargets(
+          normalizedCurrent.document,
+        )) {
+          if (seen.has(targetWorkflow)) {
+            continue;
+          }
+
+          const workflowId = workflowIdsByName.get(targetWorkflow);
+          if (!workflowId) {
+            throw new Error(
+              `workflow_call references '${targetWorkflow}', but Studio could not resolve it from the workspace.`,
+            );
+          }
+
+          const workflowFile = await studioApi.getWorkflow(
+            workflowId,
+            resolvedStudioScopeId,
+          );
+          const childDocument =
+            workflowFile.document ??
+            (
+              await studioApi.parseYaml({
+                yaml: workflowFile.yaml,
+                availableWorkflowNames,
+                availableStepTypes,
+              })
+            ).document ??
+            null;
+
+          queue.push({
+            workflowName: trimOptional(workflowFile.name) || targetWorkflow,
+            yaml: workflowFile.yaml,
+            document: childDocument,
+          });
+        }
       }
-    }
 
-    return bundle;
-  }, [
-    activeWorkflowDocument,
-    activeWorkflowFile?.document,
-    activeWorkflowName,
-    availableStepTypes,
-    draftWorkflowName,
-    draftYaml,
-    normalizeWorkflowYamlForRuntime,
-    parsedWorkflowDocument,
-    resolvedStudioScopeId,
-    visibleWorkflowSummaries,
-    workflowNames,
-  ]);
-  const recentPromptHistory = useMemo(
-    () => promptHistory.slice(0, 3),
-    [promptHistory],
+      return bundle;
+    },
+    [
+      activeWorkflowDocument,
+      activeWorkflowFile?.document,
+      activeWorkflowName,
+      availableStepTypes,
+      draftWorkflowName,
+      draftYaml,
+      normalizeWorkflowYamlForRuntime,
+      parsedWorkflowDocument,
+      resolvedStudioScopeId,
+      visibleWorkflowSummaries,
+      workflowNames,
+    ],
   );
   const isBuildSurface = studioSurface === 'build';
   const isBuildEditorSurface =
@@ -4746,12 +4764,11 @@ const StudioPage: React.FC = () => {
 
     if (shouldBuildScriptCandidate) {
       const selectedId = trimOptional(selectedScriptId);
-      const catalogScriptState =
-        selectedId
-          ? availableScopeScripts.find(
-              (detail) => trimOptional(detail.script?.scriptId) === selectedId,
-            ) ?? null
-          : null;
+      const catalogScriptState = selectedId
+        ? (availableScopeScripts.find(
+            (detail) => trimOptional(detail.script?.scriptId) === selectedId,
+          ) ?? null)
+        : null;
       const currentAppliedScriptState =
         scriptBuildState?.scriptId &&
         trimOptional(scriptBuildState.scriptId) === selectedId &&
@@ -4794,9 +4811,12 @@ const StudioPage: React.FC = () => {
       ) {
         return {
           kind: 'script' as const,
-          displayName: trimOptional(effectiveScriptState.displayName) || scriptId,
-          description:
-            t("pages.studio.index.bind.the.catalog.applied.script.2", "Bind the catalog-applied Script revision as a callable member service. Draft-run remains a Build-only source test."),
+          displayName:
+            trimOptional(effectiveScriptState.displayName) || scriptId,
+          description: t(
+            'pages.studio.index.bind.the.catalog.applied.script.2',
+            'Bind the catalog-applied Script revision as a callable member service. Draft-run remains a Build-only source test.',
+          ),
           actionLabel: 'Bind Script member',
           scriptId,
           scriptRevision:
@@ -4819,8 +4839,10 @@ const StudioPage: React.FC = () => {
       return {
         kind: 'workflow' as const,
         displayName,
-        description:
-          t("pages.studio.index.publish.the.current.workflow.revision.2", "Publish the current workflow revision first, then Studio can reveal the invoke URL and endpoint contract for this member."),
+        description: t(
+          'pages.studio.index.publish.the.current.workflow.revision.2',
+          'Publish the current workflow revision first, then Studio can reveal the invoke URL and endpoint contract for this member.',
+        ),
         actionLabel: 'Bind current revision',
       };
     }
@@ -4848,8 +4870,10 @@ const StudioPage: React.FC = () => {
       return {
         kind: 'gagent' as const,
         displayName,
-        description:
-          t("pages.studio.index.bind.the.selected.typed.gagent.2", "Bind the selected typed GAgent as this member service, then Studio can reveal the invoke URL and endpoint contract."),
+        description: t(
+          'pages.studio.index.bind.the.selected.typed.gagent.2',
+          'Bind the selected typed GAgent as this member service, then Studio can reveal the invoke URL and endpoint contract.',
+        ),
         actionLabel: 'Bind GAgent member',
         agentKind,
         endpoints: [
@@ -4959,17 +4983,15 @@ const StudioPage: React.FC = () => {
             return true;
           }
 
-          if (
-            scriptId &&
-            trimOptional(service.serviceId) === scriptId
-          ) {
+          if (scriptId && trimOptional(service.serviceId) === scriptId) {
             return true;
           }
 
           const memberDisplayName = trimOptional(memberSummary?.displayName);
           return (
             Boolean(memberDisplayName) &&
-            normalizeComparableText(memberDisplayName) === normalizedCandidateName
+            normalizeComparableText(memberDisplayName) ===
+              normalizedCandidateName
           );
         },
       )?.memberSummary;
@@ -5059,8 +5081,7 @@ const StudioPage: React.FC = () => {
             receipt.memberId,
             receipt.bindingRunId,
           ),
-        isTerminal: (run) =>
-          normalizeStudioMemberBindingRunState(run).terminal,
+        isTerminal: (run) => normalizeStudioMemberBindingRunState(run).terminal,
         canRetryError: (error) => {
           // The run status is read-model backed, so the first request can
           // legitimately arrive before projection catches up to the accepted ACK.
@@ -5074,9 +5095,13 @@ const StudioPage: React.FC = () => {
     [],
   );
 
-  const handleBindPendingCandidate = useCallback(async (): Promise<StudioNotice | void> => {
+  const handleBindPendingCandidate = useCallback(async (): Promise<
+    StudioNotice | undefined
+  > => {
     if (!buildPendingBindCandidate || !resolvedStudioScopeId) {
-      throw new Error('Resolve the current workspace before binding this member.');
+      throw new Error(
+        'Resolve the current workspace before binding this member.',
+      );
     }
 
     const requestLocationSnapshot = getLocationSnapshot();
@@ -5091,14 +5116,16 @@ const StudioPage: React.FC = () => {
           selectedWorkflowId || activeWorkflowFile?.workflowId,
         );
         if (!workflowIdForBinding) {
-          throw new Error('Resolve a stable workflow draft id before binding this member.');
+          throw new Error(
+            'Resolve a stable workflow draft id before binding this member.',
+          );
         }
 
         const workflowYamls = await buildWorkflowYamlBundle();
-        const { workflowYaml, inlineWorkflowYamls } = splitWorkflowYamlBundle(
-          workflowYamls,
-        );
-        const revisionIdentityCandidate = createWorkflowRevisionIdentityCandidate();
+        const { workflowYaml, inlineWorkflowYamls } =
+          splitWorkflowYamlBundle(workflowYamls);
+        const revisionIdentityCandidate =
+          createWorkflowRevisionIdentityCandidate();
         const explicitRequestPreview = await studioApi.previewExplicitRequests({
           scopeId: resolvedStudioScopeId,
           workflowId: workflowIdForBinding,
@@ -5108,7 +5135,9 @@ const StudioPage: React.FC = () => {
           revisionId: revisionIdentityCandidate,
         });
         const explicitRequestConfirmations =
-          await confirmInteractiveExplicitRequestPreview(explicitRequestPreview);
+          await confirmInteractiveExplicitRequestPreview(
+            explicitRequestPreview,
+          );
         if (explicitRequestConfirmations === null) {
           return;
         }
@@ -5245,39 +5274,30 @@ const StudioPage: React.FC = () => {
     await queryClient.invalidateQueries({
       queryKey: studioMembersQueryKey,
     });
-    const servicesResult = await scopeServicesQuery.refetch();
+    const refreshedServices = (await scopeServicesQuery.refetch()).data ?? [];
     const observedMemberBindingResult =
       memberBindingRunOutcome?.kind === 'succeeded'
         ? memberBindingRunOutcome.run.result
         : null;
-    const optimisticBoundServiceId =
-      trimOptional(observedMemberBindingResult?.publishedServiceId) ||
-      trimOptional(buildPendingMemberSummary?.publishedServiceId) ||
-      trimOptional(buildPendingBindCandidate.displayName) ||
-      trimOptional(result?.displayName) ||
-      trimOptional(result?.targetName) ||
-      trimOptional(result?.workflowName);
     const boundServiceId =
       trimOptional(observedMemberBindingResult?.publishedServiceId) ||
-      trimOptional(result?.serviceId) ||
-      resolveBoundServiceIdFromCatalog({
-        services: servicesResult.data ?? [],
-        candidates: [
-          observedMemberBindingResult?.publishedServiceId,
-          buildPendingBindCandidate.displayName,
-          buildPendingBindCandidate.kind === 'script'
-            ? buildPendingBindCandidate.scriptId
-            : '',
-          buildPendingBindCandidate.kind === 'gagent'
-            ? buildPendingBindCandidate.agentKind
-            : '',
-          result?.displayName,
-          result?.targetName,
-          result?.workflowName,
-          result?.script?.scriptId,
-        ],
-      }) ||
-      optimisticBoundServiceId;
+      trimOptional(result?.serviceId);
+
+    if (!boundServiceId) {
+      return buildStudioMemberBindingPendingNotice(
+        buildPendingBindCandidate.displayName,
+        memberBindingRunOutcome?.run ?? null,
+      );
+    }
+    const selectedService = refreshedServices.find(
+      (service) => service.serviceId === boundServiceId,
+    );
+    if (!selectedService) {
+      return buildStudioMemberBindingPendingNotice(
+        buildPendingBindCandidate.displayName,
+        memberBindingRunOutcome?.run ?? null,
+      );
+    }
 
     if (boundServiceId) {
       const routeStillMatchesBindingRequest = () => {
@@ -5300,16 +5320,19 @@ const StudioPage: React.FC = () => {
           return true;
         }
 
-        const currentMemberId = readMemberIdFromMemberKey(currentRouteMemberKey);
+        const currentMemberId = readMemberIdFromMemberKey(
+          currentRouteMemberKey,
+        );
         if (currentMemberId === resolvedBuildMemberId) {
           return true;
         }
 
-        const currentRouteMemberSummary = resolveStudioMemberSummaryFromMemberKey(
-          currentRouteMemberKey,
-          publishedScopeMembers,
-          studioScopeMembers,
-        );
+        const currentRouteMemberSummary =
+          resolveStudioMemberSummaryFromMemberKey(
+            currentRouteMemberKey,
+            publishedScopeMembers,
+            studioScopeMembers,
+          );
         return (
           trimOptional(currentRouteMemberSummary?.memberId) ===
           resolvedBuildMemberId
@@ -5343,26 +5366,9 @@ const StudioPage: React.FC = () => {
             ? `member:${resolvedBoundMemberId}`
             : `member:${boundServiceId}`;
         })();
-      const selectedService = (servicesResult.data ?? []).find(
-        (service) => service.serviceId === boundServiceId,
-      );
-      const recentlyBoundService = buildRecentlyBoundServiceSnapshot({
-        displayName:
-          trimOptional(result?.displayName) ||
-          trimOptional(buildPendingBindCandidate.displayName),
-        revisionId:
-          trimOptional(observedMemberBindingResult?.revisionId) ||
-          trimOptional(result?.revisionId) ||
-          trimOptional(buildPendingMemberSummary?.lastBoundRevisionId),
-        scopeId: resolvedStudioScopeId,
-        selectedService,
-        serviceId: boundServiceId,
-        updatedAt: memberBindingRunOutcome?.run?.updatedAt,
-      });
-      recentlyBoundServiceRef.current = recentlyBoundService;
-      const defaultEndpointId = resolveStudioServiceDefaultEndpointId(
-        recentlyBoundService,
-      );
+      recentlyBoundServiceRef.current = selectedService;
+      const defaultEndpointId =
+        resolveStudioServiceDefaultEndpointId(selectedService);
       const routeMemberSummary = resolveStudioMemberSummaryFromMemberKey(
         routeSelectedBackendMemberKey,
         publishedScopeMembers,
@@ -5416,7 +5422,7 @@ const StudioPage: React.FC = () => {
         }),
       );
     }
-
+    return undefined;
   }, [
     activeBuildFocusKey,
     buildPendingMemberSummary,
@@ -5464,49 +5470,6 @@ const StudioPage: React.FC = () => {
 
   const applyRunPrompt = (prompt: string) => {
     setRunPrompt(prompt);
-    setRunNotice(null);
-  };
-
-  const clearPromptHistory = () => {
-    setPromptHistory(clearPlaygroundPromptHistory());
-  };
-
-  const openWorkflowFromHistory = (workflowName: string, prompt: string) => {
-    const normalizedWorkflowName = workflowName.trim();
-    applyRunPrompt(prompt);
-
-    if (!normalizedWorkflowName) {
-      return;
-    }
-
-    const workspaceWorkflow = visibleWorkflowSummaries.find(
-      (item) => item.name === normalizedWorkflowName,
-    );
-    if (workspaceWorkflow) {
-      openWorkspaceWorkflow(workspaceWorkflow.workflowId);
-      return;
-    }
-
-    setSelectedWorkflowId('');
-    setTemplateWorkflow(normalizedWorkflowName);
-    setBuildSurface('editor');
-    setStudioSurface('build');
-  };
-
-  const resetDraftFromSource = () => {
-    setDraftSourceKey(activeWorkflowSourceKey);
-    setDraftYaml(sourceYaml);
-    setDraftWorkflowName(sourceWorkflowName);
-    setDraftFileName(sourceFileName);
-    setDraftDirectoryId(sourceDirectoryId);
-    setDraftWorkflowLayout(sourceWorkflowLayout);
-    setEditableWorkflowDocument(
-      cloneStudioWorkflowDocument(
-        activeWorkflowFile?.document ?? templateWorkflowDocument ?? null,
-      ),
-    );
-    setSaveNotice(null);
-    void parseYamlQuery.refetch();
   };
 
   const ensureActiveWorkflowDraftLoaded = useCallback(() => {
@@ -5568,12 +5531,18 @@ const StudioPage: React.FC = () => {
       const hasDocumentOverride = options?.document !== undefined;
       const nextWorkflow: StudioWorkflowFile = {
         ...savedWorkflow,
-        document: hasDocumentOverride ? options.document ?? null : savedWorkflow.document,
+        document: hasDocumentOverride
+          ? (options.document ?? null)
+          : savedWorkflow.document,
         yaml: options?.yaml ?? savedWorkflow.yaml,
       };
 
       queryClient.setQueryData(
-        ['studio-workflow', workflowWorkspaceContextKey, nextWorkflow.workflowId],
+        [
+          'studio-workflow',
+          workflowWorkspaceContextKey,
+          nextWorkflow.workflowId,
+        ],
         nextWorkflow,
       );
       await queryClient.invalidateQueries({
@@ -5607,7 +5576,6 @@ const StudioPage: React.FC = () => {
         setSelectedGraphNodeId(options.selectedNodeId);
       }
       setSaveNotice(null);
-      setRunNotice(null);
     },
     [
       draftWorkflowLayout,
@@ -5632,7 +5600,7 @@ const StudioPage: React.FC = () => {
         type: 'info',
         message: noticeMessage,
       });
-      void message.info(noticeMessage);
+      toast.info(noticeMessage);
 
       const materializedWorkflow = await waitForWorkflowDraftMaterialized({
         receipt,
@@ -5643,11 +5611,7 @@ const StudioPage: React.FC = () => {
       });
       return materializedWorkflow;
     },
-    [
-      queryClient,
-      resolvedStudioScopeId,
-      workflowWorkspaceContextKey,
-    ],
+    [queryClient, resolvedStudioScopeId, toast, workflowWorkspaceContextKey],
   );
 
   const confirmScriptsStudioLeave = useCallback(async () => {
@@ -5685,7 +5649,10 @@ const StudioPage: React.FC = () => {
       if (!currentStepId) {
         setSaveNotice({
           type: 'error',
-          message: t("pages.studio.index.select.workflow.step.before.saving", "Select a workflow step before saving its draft changes."),
+          message: t(
+            'pages.studio.index.select.workflow.step.before.saving',
+            'Select a workflow step before saving its draft changes.',
+          ),
         });
         return null;
       }
@@ -5711,7 +5678,9 @@ const StudioPage: React.FC = () => {
         buildStudioWorkflowLayout(activeWorkflowName, workflowGraph.nodes);
 
       setDraftYaml(serialized.yaml);
-      setEditableWorkflowDocument(cloneStudioWorkflowDocument(serialized.document));
+      setEditableWorkflowDocument(
+        cloneStudioWorkflowDocument(serialized.document),
+      );
       setSelectedGraphNodeId(result.nodeId);
 
       return {
@@ -5743,7 +5712,10 @@ const StudioPage: React.FC = () => {
     if (!directoryId) {
       setSaveNotice({
         type: 'error',
-        message: t("pages.studio.index.add.workflow.directory.in.config.2", "Add a workflow directory in Config before saving."),
+        message: t(
+          'pages.studio.index.add.workflow.directory.in.config.2',
+          'Add a workflow directory in Config before saving.',
+        ),
       });
       return;
     }
@@ -5752,7 +5724,10 @@ const StudioPage: React.FC = () => {
     if (!workflowName) {
       setSaveNotice({
         type: 'error',
-        message: t("pages.studio.index.workflow.name.is.required.before.3", "Workflow name is required before saving."),
+        message: t(
+          'pages.studio.index.workflow.name.is.required.before.3',
+          'Workflow name is required before saving.',
+        ),
       });
       return;
     }
@@ -5800,18 +5775,23 @@ const StudioPage: React.FC = () => {
         savedWorkflow,
       );
       if (routeMemberWorkflowId === savedWorkflow.workflowId) {
-        history.replace(buildStudioRoute({
-          scopeId: resolvedStudioScopeId || undefined,
-          teamId: routeState.teamId || undefined,
-          returnTo: routeState.returnTo || undefined,
-          memberKey: routeSelectedBackendMemberKey,
-          focus: buildWorkflowMemberKeyFromSummary(savedWorkflow) || undefined,
-          step: 'build',
-          tab: 'studio',
-        }));
-      }
-      void message.success(
-        t("pages.studio.index.copy.2", "Saved to {value1}.", { value1: describeSavedWorkflowLocation(savedWorkflow) }),
+        history.replace(
+          buildStudioRoute({
+            scopeId: resolvedStudioScopeId || undefined,
+            teamId: routeState.teamId || undefined,
+            returnTo: routeState.returnTo || undefined,
+            memberKey: routeSelectedBackendMemberKey,
+            focus:
+              buildWorkflowMemberKeyFromSummary(savedWorkflow) || undefined,
+            step: 'build',
+            tab: 'studio',
+          }),
+        );
+      }
+      toast.success(
+        t('pages.studio.index.copy.2', 'Saved to {value1}.', {
+          value1: describeSavedWorkflowLocation(savedWorkflow),
+        }),
       );
     } catch (error) {
       setSaveNotice({
@@ -5880,7 +5860,8 @@ const StudioPage: React.FC = () => {
       return;
     }
 
-    handledCreateMemberIntentSnapshotRef.current = pendingCreateMemberIntentSnapshot;
+    handledCreateMemberIntentSnapshotRef.current =
+      pendingCreateMemberIntentSnapshot;
     setPendingCreateMemberIntentSnapshot('');
     void openCreateMemberFlow();
   }, [
@@ -5912,32 +5893,168 @@ const StudioPage: React.FC = () => {
     setCreateMemberTeamId('');
   }, [inventoryBusyKey]);
 
-  const handleCreateMember = useCallback(async (selectedCreateMemberKind: BuildMode) => {
-    if (selectedCreateMemberKind !== 'workflow') {
-      if (selectedCreateMemberKind === 'script' && !appContextQuery.data?.features.scripts) {
-        void message.warning(
-          t("pages.studio.index.script.builder.not.enabled", "Script builder is not enabled for this workspace."),
-        );
-        return;
-      }
+  const handleCreateMember = useCallback(
+    async (selectedCreateMemberKind: BuildMode) => {
+      if (selectedCreateMemberKind !== 'workflow') {
+        if (
+          selectedCreateMemberKind === 'script' &&
+          !appContextQuery.data?.features.scripts
+        ) {
+          toast.warning(
+            t(
+              'pages.studio.index.script.builder.not.enabled',
+              'Script builder is not enabled for this workspace.',
+            ),
+          );
+          return;
+        }
 
-      if (!(await confirmScriptsStudioLeave())) {
-        return;
-      }
+        if (!(await confirmScriptsStudioLeave())) {
+          return;
+        }
 
-      if (selectedCreateMemberKind === 'script') {
-        const scriptDisplayName = trimOptional(createMemberName);
-        const scriptId = buildScriptIdSlug(scriptDisplayName);
-        if (!scriptId) {
-          void message.warning(
-            t("pages.studio.index.script.name.required", "Script name is required."),
+        if (selectedCreateMemberKind === 'script') {
+          const scriptDisplayName = trimOptional(createMemberName);
+          const scriptId = buildScriptIdSlug(scriptDisplayName);
+          if (!scriptId) {
+            toast.warning(
+              t(
+                'pages.studio.index.script.name.required',
+                'Script name is required.',
+              ),
+            );
+            return;
+          }
+
+          if (availableScopeScriptIds.has(scriptId)) {
+            toast.warning(
+              t(
+                'pages.studio.index.workspace.script.same.id.exists',
+                'A workspace script with the same id already exists.',
+              ),
+            );
+            return;
+          }
+
+          if (
+            studioScopeMembers.some(
+              (member) =>
+                normalizeStudioMemberBindingImplementationKind(
+                  member.implementationKind,
+                ) === 'script' &&
+                buildScriptIdSlug(member.memberId) === scriptId,
+            )
+          ) {
+            toast.warning(
+              t(
+                'pages.studio.index.script.member.same.id.exists',
+                'A Script member with the same id already exists.',
+              ),
+            );
+            return;
+          }
+
+          let createdScriptMember: StudioMemberSummary | null = null;
+          if (resolvedStudioScopeId) {
+            setInventoryBusyKey('create');
+            setInventoryBusyAction('create');
+            try {
+              createdScriptMember = await studioApi.createMemberWithId({
+                scopeId: resolvedStudioScopeId,
+                memberId: scriptId,
+                displayName: scriptDisplayName,
+                implementationKind: 'script',
+                ...(createMemberTeamId ? { teamId: createMemberTeamId } : {}),
+              });
+              setOptimisticStudioMembers((current) =>
+                upsertStudioMemberSummary(
+                  current,
+                  createdScriptMember as StudioMemberSummary,
+                ),
+              );
+              queryClient.setQueryData<StudioMemberRoster>(
+                studioMembersQueryKey,
+                (current) =>
+                  upsertStudioMemberRosterMember(
+                    current,
+                    resolvedStudioScopeId,
+                    createdScriptMember as StudioMemberSummary,
+                  ),
+              );
+              void queryClient.invalidateQueries({
+                queryKey: studioMembersQueryKey,
+              });
+            } catch {
+              setInventoryBusyKey('');
+              setInventoryBusyAction('');
+              toast.error(
+                t(
+                  'pages.studio.index.script.member.authority.error',
+                  'Studio could not register the Script member authority.',
+                ),
+              );
+              return;
+            }
+          }
+
+          const nextDraft = {
+            scriptId,
+            displayName: scriptDisplayName,
+          };
+          saveStoredScriptDraft(resolvedStudioScopeId || undefined, nextDraft);
+          setPendingScriptDraft(nextDraft);
+          setSelectedWorkflowId('');
+          setSelectedScriptId(scriptId);
+          setTemplateWorkflow('');
+          setScriptBuildState(null);
+          const createdScriptMemberId = trimOptional(
+            createdScriptMember?.memberId,
+          );
+          if (createdScriptMemberId) {
+            pinnedRouteBackendMemberIdRef.current = createdScriptMemberId;
+            setPinnedRouteBackendMemberId(createdScriptMemberId);
+          }
+          setCreateMemberModalOpen(false);
+          setCreateMemberTeamId('');
+          history.push(
+            buildStudioRoute({
+              scopeId: resolvedStudioScopeId || undefined,
+              teamId: createMemberTeamId || undefined,
+              returnTo: routeState.returnTo || undefined,
+              memberKey: createdScriptMemberId
+                ? `member:${createdScriptMemberId}`
+                : undefined,
+              focus: `script:${scriptId}`,
+              step: 'build',
+              tab: 'scripts',
+            }),
+          );
+          setBuildSurface('scripts');
+          setStudioSurface('build');
+          setInventoryBusyKey('');
+          setInventoryBusyAction('');
+          toast.success(
+            createdScriptMember
+              ? t(
+                  'pages.studio.index.created.script.member.opened.draft',
+                  'Created Script member {member} and opened its draft.',
+                  { member: createdScriptMember.displayName },
+                )
+              : t(
+                  'pages.studio.index.created.script.draft',
+                  'Created Script draft.',
+                ),
           );
           return;
         }
 
-        if (availableScopeScriptIds.has(scriptId)) {
-          void message.warning(
-            t("pages.studio.index.workspace.script.same.id.exists", "A workspace script with the same id already exists."),
+        const gAgentDisplayName = trimOptional(createMemberName);
+        if (!gAgentDisplayName) {
+          toast.warning(
+            t(
+              'pages.studio.index.gagent.member.name.required',
+              'GAgent member name is required.',
+            ),
           );
           return;
         }
@@ -5945,341 +6062,278 @@ const StudioPage: React.FC = () => {
         if (
           studioScopeMembers.some(
             (member) =>
+              normalizeComparableText(member.displayName) ===
+                normalizeComparableText(gAgentDisplayName) &&
               normalizeStudioMemberBindingImplementationKind(
                 member.implementationKind,
-              ) === 'script' &&
-              buildScriptIdSlug(member.memberId) === scriptId,
+              ) === 'gagent',
           )
         ) {
-          void message.warning(
-            t("pages.studio.index.script.member.same.id.exists", "A Script member with the same id already exists."),
+          toast.warning(
+            t(
+              'pages.studio.index.gagent.member.same.name.exists',
+              'A GAgent member with the same name already exists.',
+            ),
           );
           return;
         }
 
-        let createdScriptMember: StudioMemberSummary | null = null;
-        if (resolvedStudioScopeId) {
-          setInventoryBusyKey('create');
-          setInventoryBusyAction('create');
-          try {
-            createdScriptMember = await studioApi.createMemberWithId({
-              scopeId: resolvedStudioScopeId,
-              memberId: scriptId,
-              displayName: scriptDisplayName,
-              implementationKind: 'script',
-              ...(createMemberTeamId ? { teamId: createMemberTeamId } : {}),
-            });
-            setOptimisticStudioMembers((current) =>
-              upsertStudioMemberSummary(
+        if (!resolvedStudioScopeId) {
+          toast.warning(
+            t(
+              'pages.studio.index.connect.workspace.before.creating.gagent.member',
+              'Connect a workspace before creating a GAgent member.',
+            ),
+          );
+          return;
+        }
+
+        setInventoryBusyKey('create');
+        setInventoryBusyAction('create');
+        try {
+          const createdGAgentMember = await studioApi.createMember({
+            scopeId: resolvedStudioScopeId,
+            displayName: gAgentDisplayName,
+            implementationKind: 'gagent',
+            ...(createMemberTeamId ? { teamId: createMemberTeamId } : {}),
+          });
+          setOptimisticStudioMembers((current) =>
+            upsertStudioMemberSummary(current, createdGAgentMember),
+          );
+          queryClient.setQueryData<StudioMemberRoster>(
+            studioMembersQueryKey,
+            (current) =>
+              upsertStudioMemberRosterMember(
                 current,
-                createdScriptMember as StudioMemberSummary,
+                resolvedStudioScopeId,
+                createdGAgentMember,
               ),
-            );
-            queryClient.setQueryData<StudioMemberRoster>(
-              studioMembersQueryKey,
-              (current) =>
-                upsertStudioMemberRosterMember(
-                  current,
-                  resolvedStudioScopeId,
-                  createdScriptMember as StudioMemberSummary,
-                ),
-            );
-            void queryClient.invalidateQueries({
-              queryKey: studioMembersQueryKey,
-            });
-          } catch (memberError) {
-            setInventoryBusyKey('');
-            setInventoryBusyAction('');
-            void message.error(
-              memberError instanceof Error
-                ? t("pages.studio.index.script.member.authority.error.with.detail", "Studio could not register the Script member authority: {detail}", { detail: memberError.message })
-                : t("pages.studio.index.script.member.authority.error", "Studio could not register the Script member authority."),
-            );
-            return;
-          }
+          );
+          void queryClient.invalidateQueries({
+            queryKey: studioMembersQueryKey,
+          });
+          setSelectedWorkflowId('');
+          setSelectedScriptId('');
+          setTemplateWorkflow('');
+          pinnedRouteBackendMemberIdRef.current = createdGAgentMember.memberId;
+          setPinnedRouteBackendMemberId(createdGAgentMember.memberId);
+          setCreateMemberModalOpen(false);
+          setCreateMemberTeamId('');
+          history.push(
+            buildStudioRoute({
+              scopeId: resolvedStudioScopeId,
+              teamId: createMemberTeamId || undefined,
+              returnTo: routeState.returnTo || undefined,
+              memberKey: `member:${createdGAgentMember.memberId}`,
+              step: 'build',
+              tab: 'gagents',
+            }),
+          );
+          setBuildSurface('gagent');
+          setStudioSurface('build');
+          toast.success(
+            t(
+              'pages.studio.index.created.gagent.member.opened.build',
+              'Created GAgent member {member} and opened Build.',
+              { member: createdGAgentMember.displayName },
+            ),
+          );
+        } catch {
+          toast.error(
+            t(
+              'pages.studio.index.gagent.member.authority.error',
+              'Studio could not register the GAgent member authority.',
+            ),
+          );
+        } finally {
+          setInventoryBusyKey('');
+          setInventoryBusyAction('');
         }
+        return;
+      }
 
-        const nextDraft = {
-          scriptId,
-          displayName: scriptDisplayName,
-        };
-        saveStoredScriptDraft(resolvedStudioScopeId || undefined, nextDraft);
-        setPendingScriptDraft(nextDraft);
-        setSelectedWorkflowId('');
-        setSelectedScriptId(scriptId);
-        setTemplateWorkflow('');
-        setScriptBuildState(null);
-        const createdScriptMemberId = trimOptional(createdScriptMember?.memberId);
-        if (createdScriptMemberId) {
-          pinnedRouteBackendMemberIdRef.current = createdScriptMemberId;
-          setPinnedRouteBackendMemberId(createdScriptMemberId);
-        }
-        setCreateMemberModalOpen(false);
-        setCreateMemberTeamId('');
-        history.push(
-          buildStudioRoute({
-            scopeId: resolvedStudioScopeId || undefined,
-            teamId: createMemberTeamId || undefined,
-            returnTo: routeState.returnTo || undefined,
-            memberKey: createdScriptMemberId
-              ? `member:${createdScriptMemberId}`
-              : undefined,
-            focus: `script:${scriptId}`,
-            step: 'build',
-            tab: 'scripts',
-          }),
-        );
-        setBuildSurface('scripts');
-        setStudioSurface('build');
-        setInventoryBusyKey('');
-        setInventoryBusyAction('');
-        void message.success(
-          createdScriptMember
-            ? t("pages.studio.index.created.script.member.opened.draft", "Created Script member {member} and opened its draft.", { member: createdScriptMember.displayName })
-            : t("pages.studio.index.created.script.draft", "Created Script draft."),
+      const workflowName = trimOptional(createMemberName);
+      const directoryId =
+        trimOptional(createMemberDirectoryId) || inventoryDirectoryId;
+      if (!workflowName) {
+        toast.warning(
+          t(
+            'pages.studio.index.member.name.required',
+            'Member name is required.',
+          ),
         );
         return;
       }
 
-      const gAgentDisplayName = trimOptional(createMemberName);
-      if (!gAgentDisplayName) {
-        void message.warning(
-          t("pages.studio.index.gagent.member.name.required", "GAgent member name is required."),
+      if (!directoryId) {
+        toast.error(
+          t(
+            'pages.studio.index.add.workflow.directory.before.creating.here',
+            'Add a workflow directory in Config before creating a workflow draft here.',
+          ),
         );
         return;
       }
 
       if (
-        studioScopeMembers.some(
-          (member) =>
-            normalizeComparableText(member.displayName) ===
-              normalizeComparableText(gAgentDisplayName) &&
-            normalizeStudioMemberBindingImplementationKind(member.implementationKind) ===
-              'gagent',
+        visibleWorkflowSummaries.some(
+          (workflow) =>
+            normalizeComparableText(workflow.name) ===
+            workflowName.toLowerCase(),
         )
       ) {
-        void message.warning(
-          t("pages.studio.index.gagent.member.same.name.exists", "A GAgent member with the same name already exists."),
+        toast.warning(
+          t(
+            'pages.studio.index.workflow.draft.same.name.exists',
+            'A workflow draft with the same name already exists.',
+          ),
         );
         return;
       }
 
-      if (!resolvedStudioScopeId) {
-        void message.warning(
-          t("pages.studio.index.connect.workspace.before.creating.gagent.member", "Connect a workspace before creating a GAgent member."),
+      if (
+        studioScopeMembers.some(
+          (member) =>
+            normalizeComparableText(member.displayName) ===
+            workflowName.toLowerCase(),
+        )
+      ) {
+        toast.warning(
+          t(
+            'pages.studio.index.team.member.same.name.exists',
+            'A team member with the same name already exists.',
+          ),
         );
         return;
       }
 
       setInventoryBusyKey('create');
       setInventoryBusyAction('create');
+
       try {
-        const createdGAgentMember = await studioApi.createMember({
-          scopeId: resolvedStudioScopeId,
-          displayName: gAgentDisplayName,
-          implementationKind: 'gagent',
-          ...(createMemberTeamId ? { teamId: createMemberTeamId } : {}),
-        });
-        setOptimisticStudioMembers((current) =>
-          upsertStudioMemberSummary(current, createdGAgentMember),
-        );
-        queryClient.setQueryData<StudioMemberRoster>(
-          studioMembersQueryKey,
-          (current) =>
-            upsertStudioMemberRosterMember(
-              current,
-              resolvedStudioScopeId,
-              createdGAgentMember,
-            ),
-        );
-        void queryClient.invalidateQueries({
-          queryKey: studioMembersQueryKey,
-        });
-        setSelectedWorkflowId('');
-        setSelectedScriptId('');
-        setTemplateWorkflow('');
-        pinnedRouteBackendMemberIdRef.current = createdGAgentMember.memberId;
-        setPinnedRouteBackendMemberId(createdGAgentMember.memberId);
-        setCreateMemberModalOpen(false);
-        setCreateMemberTeamId('');
-        history.push(
-          buildStudioRoute({
-            scopeId: resolvedStudioScopeId,
-            teamId: createMemberTeamId || undefined,
-            returnTo: routeState.returnTo || undefined,
-            memberKey: `member:${createdGAgentMember.memberId}`,
-            step: 'build',
-            tab: 'gagents',
+        const saveResult = normalizeWorkflowSaveResult(
+          await studioApi.saveWorkflow({
+            scopeId: resolvedStudioScopeId || undefined,
+            directoryId,
+            workflowName,
+            fileName: buildWorkflowFileName(workflowName),
+            yaml: buildBlankDraftYaml(workflowName),
+            layout: buildStudioWorkflowLayout(workflowName, []),
           }),
         );
-        setBuildSurface('gagent');
-        setStudioSurface('build');
-        void message.success(
-          t("pages.studio.index.created.gagent.member.opened.build", "Created GAgent member {member} and opened Build.", { member: createdGAgentMember.displayName }),
-        );
-      } catch (memberError) {
-        void message.error(
-          memberError instanceof Error
-            ? t("pages.studio.index.gagent.member.authority.error.with.detail", "Studio could not register the GAgent member authority: {detail}", { detail: memberError.message })
-            : t("pages.studio.index.gagent.member.authority.error", "Studio could not register the GAgent member authority."),
-        );
-      } finally {
-        setInventoryBusyKey('');
-        setInventoryBusyAction('');
-      }
-      return;
-    }
-
-    const workflowName = trimOptional(createMemberName);
-    const directoryId = trimOptional(createMemberDirectoryId) || inventoryDirectoryId;
-    if (!workflowName) {
-      void message.warning(
-        t("pages.studio.index.member.name.required", "Member name is required."),
-      );
-      return;
-    }
-
-    if (!directoryId) {
-      void message.error(
-        t("pages.studio.index.add.workflow.directory.before.creating.here", "Add a workflow directory in Config before creating a workflow draft here."),
-      );
-      return;
-    }
-
-    if (
-      visibleWorkflowSummaries.some(
-        (workflow) => normalizeComparableText(workflow.name) === workflowName.toLowerCase(),
-      )
-    ) {
-      void message.warning(
-        t("pages.studio.index.workflow.draft.same.name.exists", "A workflow draft with the same name already exists."),
-      );
-      return;
-    }
-
-    if (
-      studioScopeMembers.some(
-        (member) =>
-          normalizeComparableText(member.displayName) === workflowName.toLowerCase(),
-      )
-    ) {
-      void message.warning(
-        t("pages.studio.index.team.member.same.name.exists", "A team member with the same name already exists."),
-      );
-      return;
-    }
-
-    setInventoryBusyKey('create');
-    setInventoryBusyAction('create');
-
-    try {
-      const saveResult = normalizeWorkflowSaveResult(
-        await studioApi.saveWorkflow({
-          scopeId: resolvedStudioScopeId || undefined,
-          directoryId,
-          workflowName,
-          fileName: buildWorkflowFileName(workflowName),
-          yaml: buildBlankDraftYaml(workflowName),
-          layout: buildStudioWorkflowLayout(workflowName, []),
-        }),
-      );
-      const savedWorkflow =
-        saveResult.kind === 'accepted'
-          ? await waitForAcceptedWorkflowDraft(saveResult.receipt)
-          : saveResult.workflow;
+        const savedWorkflow =
+          saveResult.kind === 'accepted'
+            ? await waitForAcceptedWorkflowDraft(saveResult.receipt)
+            : saveResult.workflow;
 
-      await applySavedWorkflowSelection(savedWorkflow);
-      setCreateMemberModalOpen(false);
+        await applySavedWorkflowSelection(savedWorkflow);
+        setCreateMemberModalOpen(false);
 
-      if (!resolvedStudioScopeId) {
-        setCreateMemberTeamId('');
-        void message.success(
-          t("pages.studio.index.created.workflow.draft.connect.workspace", "Created workflow draft for member {member}. Connect a workspace to register the backend member authority.", { member: workflowName }),
-        );
-        return;
-      }
+        if (!resolvedStudioScopeId) {
+          setCreateMemberTeamId('');
+          toast.success(
+            t(
+              'pages.studio.index.created.workflow.draft.connect.workspace',
+              'Created workflow draft for member {member}. Connect a workspace to register the backend member authority.',
+              { member: workflowName },
+            ),
+          );
+          return;
+        }
 
-      try {
-        const createdWorkflowMember = await studioApi.createMember({
-          scopeId: resolvedStudioScopeId,
-          displayName: workflowName,
-          implementationKind: 'workflow',
-          ...(createMemberTeamId ? { teamId: createMemberTeamId } : {}),
-        });
-        const workflowMemberForRoster =
-          createMemberTeamId && !trimOptional(createdWorkflowMember.teamId)
-            ? {
-                ...createdWorkflowMember,
-                teamId: createMemberTeamId,
-              }
-            : createdWorkflowMember;
-        setOptimisticStudioMembers((current) =>
-          upsertStudioMemberSummary(current, workflowMemberForRoster),
-        );
-        primeStudioMemberRoster(
-          queryClient,
-          studioMembersQueryKey,
-          resolvedStudioScopeId,
-          workflowMemberForRoster,
-        );
-        void queryClient.invalidateQueries({
-          queryKey: studioMembersQueryKey,
-        });
-        const createdWorkflowMemberId = trimOptional(
-          workflowMemberForRoster.memberId,
-        );
-        if (createdWorkflowMemberId) {
-          pinnedRouteBackendMemberIdRef.current = createdWorkflowMemberId;
-          setPinnedRouteBackendMemberId(createdWorkflowMemberId);
+        try {
+          const createdWorkflowMember = await studioApi.createMember({
+            scopeId: resolvedStudioScopeId,
+            displayName: workflowName,
+            implementationKind: 'workflow',
+            ...(createMemberTeamId ? { teamId: createMemberTeamId } : {}),
+          });
+          const workflowMemberForRoster =
+            createMemberTeamId && !trimOptional(createdWorkflowMember.teamId)
+              ? {
+                  ...createdWorkflowMember,
+                  teamId: createMemberTeamId,
+                }
+              : createdWorkflowMember;
+          setOptimisticStudioMembers((current) =>
+            upsertStudioMemberSummary(current, workflowMemberForRoster),
+          );
+          primeStudioMemberRoster(
+            queryClient,
+            studioMembersQueryKey,
+            resolvedStudioScopeId,
+            workflowMemberForRoster,
+          );
+          void queryClient.invalidateQueries({
+            queryKey: studioMembersQueryKey,
+          });
+          const createdWorkflowMemberId = trimOptional(
+            workflowMemberForRoster.memberId,
+          );
+          if (createdWorkflowMemberId) {
+            pinnedRouteBackendMemberIdRef.current = createdWorkflowMemberId;
+            setPinnedRouteBackendMemberId(createdWorkflowMemberId);
+          }
+          history.push(
+            buildStudioRoute({
+              scopeId: resolvedStudioScopeId,
+              teamId: createMemberTeamId || undefined,
+              returnTo: routeState.returnTo || undefined,
+              memberKey: createdWorkflowMemberId
+                ? buildBackendMemberKey(createdWorkflowMemberId)
+                : undefined,
+              focus:
+                buildWorkflowMemberKeyFromSummary(savedWorkflow) || undefined,
+              step: 'build',
+              tab: 'studio',
+            }),
+          );
+          toast.success(
+            t(
+              'pages.studio.index.created.member.opened.workflow.draft',
+              'Created member {member} and opened its workflow draft.',
+              { member: workflowName },
+            ),
+          );
+        } catch {
+          toast.error(
+            t(
+              'pages.studio.index.workflow.draft.created.member.authority.error',
+              'Workflow draft created, but Studio could not register the member authority.',
+            ),
+          );
         }
-        history.push(buildStudioRoute({
-          scopeId: resolvedStudioScopeId,
-          teamId: createMemberTeamId || undefined,
-          returnTo: routeState.returnTo || undefined,
-          memberKey: createdWorkflowMemberId
-            ? buildBackendMemberKey(createdWorkflowMemberId)
-            : undefined,
-          focus: buildWorkflowMemberKeyFromSummary(savedWorkflow) || undefined,
-          step: 'build',
-          tab: 'studio',
-        }));
-        void message.success(
-          t("pages.studio.index.created.member.opened.workflow.draft", "Created member {member} and opened its workflow draft.", { member: workflowName }),
-        );
-      } catch (memberError) {
-        void message.error(
-          memberError instanceof Error
-            ? t("pages.studio.index.workflow.draft.created.member.authority.error.with.detail", "Workflow draft created, but Studio could not register the member authority: {detail}", { detail: memberError.message })
-            : t("pages.studio.index.workflow.draft.created.member.authority.error", "Workflow draft created, but Studio could not register the member authority."),
+        setCreateMemberTeamId('');
+      } catch {
+        toast.error(
+          t(
+            'pages.studio.index.failed.create.workflow.draft.member',
+            'Failed to create a workflow draft for this member.',
+          ),
         );
+      } finally {
+        setInventoryBusyKey('');
+        setInventoryBusyAction('');
       }
-      setCreateMemberTeamId('');
-    } catch (error) {
-      void message.error(
-        error instanceof Error
-          ? error.message
-          : t("pages.studio.index.failed.create.workflow.draft.member", "Failed to create a workflow draft for this member."),
-      );
-    } finally {
-      setInventoryBusyKey('');
-      setInventoryBusyAction('');
-    }
-  }, [
-    applySavedWorkflowSelection,
-    appContextQuery.data?.features.scripts,
-    availableScopeScriptIds,
-    confirmScriptsStudioLeave,
-    createMemberDirectoryId,
-    createMemberName,
-    createMemberTeamId,
-    history,
-    inventoryDirectoryId,
-    queryClient,
-    resolvedStudioScopeId,
-    studioMembersQueryKey,
-    studioScopeMembers,
-    visibleWorkflowSummaries,
-  ]);
+    },
+    [
+      applySavedWorkflowSelection,
+      appContextQuery.data?.features.scripts,
+      availableScopeScriptIds,
+      confirmScriptsStudioLeave,
+      createMemberDirectoryId,
+      createMemberName,
+      createMemberTeamId,
+      history,
+      inventoryDirectoryId,
+      queryClient,
+      resolvedStudioScopeId,
+      studioMembersQueryKey,
+      studioScopeMembers,
+      toast,
+      visibleWorkflowSummaries,
+    ],
+  );
 
   const handleRenameWorkflowMember = useCallback(
     async (memberKey: string) => {
@@ -6306,7 +6360,9 @@ const StudioPage: React.FC = () => {
         'workflow';
       const nextWorkflowName = trimOptional(
         window.prompt(
-          t("pages.studio.index.rename.member.label", "Rename {member}", { member: currentWorkflowName }),
+          t('pages.studio.index.rename.member.label', 'Rename {member}', {
+            member: currentWorkflowName,
+          }),
           currentWorkflowName,
         ) ?? '',
       );
@@ -6319,11 +6375,15 @@ const StudioPage: React.FC = () => {
         visibleWorkflowSummaries.some(
           (workflow) =>
             workflow.workflowId !== workflowId &&
-            workflow.name.trim().toLowerCase() === nextWorkflowName.toLowerCase(),
+            workflow.name.trim().toLowerCase() ===
+              nextWorkflowName.toLowerCase(),
         )
       ) {
-        void message.warning(
-          t("pages.studio.index.workflow.member.same.name.exists", "A workflow member with the same name already exists."),
+        toast.warning(
+          t(
+            'pages.studio.index.workflow.member.same.name.exists',
+            'A workflow member with the same name already exists.',
+          ),
         );
         return;
       }
@@ -6363,7 +6423,8 @@ const StudioPage: React.FC = () => {
         const serialized = await studioApi.serializeYaml({
           document: nextDocument,
           availableWorkflowNames: workflowNames.filter(
-            (name) => name.trim().toLowerCase() !== currentWorkflowName.toLowerCase(),
+            (name) =>
+              name.trim().toLowerCase() !== currentWorkflowName.toLowerCase(),
           ),
           availableStepTypes,
         });
@@ -6400,14 +6461,19 @@ const StudioPage: React.FC = () => {
             (isSelectedWorkflow ? draftWorkflowLayout : null) ||
             fallbackWorkflowFile.layout,
         });
-        void message.success(
-          t("pages.studio.index.renamed.workflow.member", "Renamed workflow member to {member}.", { member: nextWorkflowName }),
+        toast.success(
+          t(
+            'pages.studio.index.renamed.workflow.member',
+            'Renamed workflow member to {member}.',
+            { member: nextWorkflowName },
+          ),
         );
-      } catch (error) {
-        void message.error(
-          error instanceof Error
-            ? error.message
-            : t("pages.studio.index.failed.rename.workflow.member", "Failed to rename workflow member."),
+      } catch {
+        toast.error(
+          t(
+            'pages.studio.index.failed.rename.workflow.member',
+            'Failed to rename workflow member.',
+          ),
         );
       } finally {
         setInventoryBusyKey('');
@@ -6426,6 +6492,7 @@ const StudioPage: React.FC = () => {
       inventoryDirectoryId,
       resolvedStudioScopeId,
       selectedWorkflowId,
+      toast,
       visibleWorkflowSummaries,
       workflowNames,
     ],
@@ -6452,7 +6519,7 @@ const StudioPage: React.FC = () => {
 
       Modal.confirm({
         autoFocusButton: 'cancel',
-        cancelText: t("pages.studio.index.keep.member.2", "Keep member"),
+        cancelText: t('pages.studio.index.keep.member.2', 'Keep member'),
         centered: true,
         content: (
           <div style={{ display: 'grid', gap: 12 }}>
@@ -6463,7 +6530,13 @@ const StudioPage: React.FC = () => {
                 lineHeight: '20px',
               }}
             >
-              {t("pages.studio.index.remove.2", "Remove")}<strong>{workflowLabel}</strong> {t("pages.studio.index.from.the.current.member.inventory.2", "from the current member inventory?")}</Typography.Text>
+              {t('pages.studio.index.remove.2', 'Remove')}
+              <strong>{workflowLabel}</strong>{' '}
+              {t(
+                'pages.studio.index.from.the.current.member.inventory.2',
+                'from the current member inventory?',
+              )}
+            </Typography.Text>
             <div
               style={{
                 background: 'rgba(254, 242, 242, 0.92)',
@@ -6482,7 +6555,8 @@ const StudioPage: React.FC = () => {
                   letterSpacing: 0,
                 }}
               >
-                {t("pages.studio.index.draft.only.2", "Draft only")}</Typography.Text>
+                {t('pages.studio.index.draft.only.2', 'Draft only')}
+              </Typography.Text>
               <Typography.Text
                 style={{
                   color: '#7f1d1d',
@@ -6490,7 +6564,11 @@ const StudioPage: React.FC = () => {
                   lineHeight: '18px',
                 }}
               >
-                {t("pages.studio.index.this.only.deletes.the.studio.2", "This only deletes the Studio workflow draft. Published bindings, live revisions, and historical runs stay intact.")}</Typography.Text>
+                {t(
+                  'pages.studio.index.this.only.deletes.the.studio.2',
+                  'This only deletes the Studio workflow draft. Published bindings, live revisions, and historical runs stay intact.',
+                )}
+              </Typography.Text>
             </div>
           </div>
         ),
@@ -6498,8 +6576,11 @@ const StudioPage: React.FC = () => {
         okButtonProps: {
           danger: true,
         },
-        okText: t("pages.studio.index.delete.member.2", "Delete member"),
-        title: t("pages.studio.index.delete.workflow.member.2", "Delete workflow member"),
+        okText: t('pages.studio.index.delete.member.2', 'Delete member'),
+        title: t(
+          'pages.studio.index.delete.workflow.member.2',
+          'Delete workflow member',
+        ),
         width: 460,
         onOk: async () => {
           setInventoryBusyKey(memberKey);
@@ -6513,20 +6594,28 @@ const StudioPage: React.FC = () => {
               );
             } catch (error) {
               if (!isWorkflowNotFoundError(error)) {
-                void message.error(
-                  error instanceof Error
-                    ? error.message
-                    : t("pages.studio.index.failed.delete.workflow.member", "Failed to delete workflow member."),
+                toast.error(
+                  t(
+                    'pages.studio.index.failed.delete.workflow.member',
+                    'Failed to delete workflow member.',
+                  ),
                 );
                 return;
               }
             }
 
             queryClient.removeQueries({
-              queryKey: ['studio-workflow', workflowWorkspaceContextKey, workflowId],
+              queryKey: [
+                'studio-workflow',
+                workflowWorkspaceContextKey,
+                workflowId,
+              ],
             });
             await queryClient.invalidateQueries({
-              queryKey: ['studio-workspace-workflows', workflowWorkspaceContextKey],
+              queryKey: [
+                'studio-workspace-workflows',
+                workflowWorkspaceContextKey,
+              ],
             });
             if (resolvedStudioScopeId) {
               await queryClient.invalidateQueries({
@@ -6565,14 +6654,19 @@ const StudioPage: React.FC = () => {
               }
             }
 
-            void message.success(
-              t("pages.studio.index.deleted.workflow.member", "Deleted workflow member {member}.", { member: workflowLabel }),
+            toast.success(
+              t(
+                'pages.studio.index.deleted.workflow.member',
+                'Deleted workflow member {member}.',
+                { member: workflowLabel },
+              ),
             );
-          } catch (error) {
-            void message.error(
-              error instanceof Error
-                ? error.message
-                : t("pages.studio.index.failed.delete.workflow.member", "Failed to delete workflow member."),
+          } catch {
+            toast.error(
+              t(
+                'pages.studio.index.failed.delete.workflow.member',
+                'Failed to delete workflow member.',
+              ),
             );
           } finally {
             setInventoryBusyKey('');
@@ -6590,6 +6684,7 @@ const StudioPage: React.FC = () => {
       resolvedStudioScopeId,
       studioMembersQueryKey,
       selectedWorkflowId,
+      toast,
       visibleWorkflowSummaries,
       workflowWorkspaceContextKey,
     ],
@@ -6605,7 +6700,10 @@ const StudioPage: React.FC = () => {
         return;
       }
 
-      if (!(event.metaKey || event.ctrlKey) || event.key.toLowerCase() !== 's') {
+      if (
+        !(event.metaKey || event.ctrlKey) ||
+        event.key.toLowerCase() !== 's'
+      ) {
         return;
       }
 
@@ -6617,93 +6715,7 @@ const StudioPage: React.FC = () => {
 
     window.addEventListener('keydown', handleKeyDown);
     return () => window.removeEventListener('keydown', handleKeyDown);
-  }, [
-    canSaveWorkflow,
-    handleSaveDraft,
-    isBuildEditorSurface,
-    savePending,
-  ]);
-
-  const handleStartExecution = async () => {
-    const workflowName = activeWorkflowName.trim();
-    const prompt = runPrompt.trim();
-    const scopeId = resolvedStudioScopeId;
-    if (!workflowName) {
-      setRunNotice({
-        type: 'error',
-        message: t("pages.studio.index.workflow.name.is.required.before.4", "Workflow name is required before starting a draft run."),
-      });
-      return;
-    }
-
-    if (!draftYaml.trim()) {
-      setRunNotice({
-        type: 'error',
-        message: t("pages.studio.index.workflow.yaml.is.required.before.2", "Workflow YAML is required before starting a draft run."),
-      });
-      return;
-    }
-
-    if (!prompt) {
-      setRunNotice({
-        type: 'error',
-        message: t("pages.studio.index.execution.prompt.is.required.before.2", "Execution prompt is required before starting a draft run."),
-      });
-      return;
-    }
-
-    if (hasValidationError(activeWorkflowFindings)) {
-      setRunNotice({
-        type: 'error',
-        message: t("pages.studio.index.resolve.studio.yaml.validation.errors.6", "Resolve Studio YAML validation errors before starting a draft run."),
-      });
-      return;
-    }
-
-    if (!scopeId) {
-      setRunNotice({
-        type: 'error',
-        message: t("pages.studio.index.resolve.the.current.workspace.before.2", "Resolve the current workspace before starting a draft run."),
-      });
-      return;
-    }
-
-    setRunPending(true);
-    setRunNotice(null);
-
-    try {
-      const workflowYamls = await buildWorkflowYamlBundle();
-      const draftKey = saveScopeDraftRunPayload({
-        bundleName: workflowName,
-        bundleYamls: workflowYamls,
-      });
-      setPromptHistory(
-        savePlaygroundPromptHistoryEntry({
-          prompt,
-          workflowName,
-        }),
-      );
-      history.push(
-        buildRuntimeRunsHref({
-          scopeId,
-          route: workflowName,
-          prompt,
-          draftKey,
-          returnTo: currentStudioReturnTo || undefined,
-        }),
-      );
-    } catch (error) {
-      setRunNotice({
-        type: 'error',
-        message:
-          error instanceof Error
-            ? error.message
-            : 'Failed to open the draft run console.',
-      });
-    } finally {
-      setRunPending(false);
-    }
-  };
+  }, [canSaveWorkflow, handleSaveDraft, isBuildEditorSurface, savePending]);
 
   const handlePopOutExecutionLogs = () => {
     if (!selectedExecutionId || typeof window === 'undefined') {
@@ -6749,7 +6761,10 @@ const StudioPage: React.FC = () => {
     if (!nextWindow) {
       setExecutionNotice({
         type: 'error',
-        message: t("pages.studio.index.allow.pop.ups.to.open.2", "Allow pop-ups to open execution logs in a new window."),
+        message: t(
+          'pages.studio.index.allow.pop.ups.to.open.2',
+          'Allow pop-ups to open execution logs in a new window.',
+        ),
       });
       return;
     }
@@ -6760,7 +6775,11 @@ const StudioPage: React.FC = () => {
   };
 
   useEffect(() => {
-    if (logsPopoutMode === 'popout' || !logsDetached || typeof window === 'undefined') {
+    if (
+      logsPopoutMode === 'popout' ||
+      !logsDetached ||
+      typeof window === 'undefined'
+    ) {
       return undefined;
     }
 
@@ -6781,7 +6800,12 @@ const StudioPage: React.FC = () => {
   }, [logsDetached, logsPopoutMode]);
 
   useEffect(() => {
-    if (logsPopoutMode === 'popout' || !logsDetached || !selectedExecutionId || typeof window === 'undefined') {
+    if (
+      logsPopoutMode === 'popout' ||
+      !logsDetached ||
+      !selectedExecutionId ||
+      typeof window === 'undefined'
+    ) {
       return;
     }
 
@@ -6799,17 +6823,6 @@ const StudioPage: React.FC = () => {
     currentWindow.location.replace(`${url.pathname}${url.search}`);
   }, [logsDetached, logsPopoutMode, selectedExecutionId]);
 
-  const handleExportDraft = async () => {
-    const serializedYaml = draftYaml.trim() ? draftYaml : sourceYaml;
-    const blob = new Blob([serializedYaml], { type: 'text/yaml' });
-    const objectUrl = URL.createObjectURL(blob);
-    const anchor = document.createElement('a');
-    anchor.href = objectUrl;
-    anchor.download = `${(draftWorkflowName || activeWorkflowName || 'workflow').trim() || 'workflow'}.yaml`;
-    anchor.click();
-    URL.revokeObjectURL(objectUrl);
-  };
-
   const handleStopExecution = async () => {
     if (
       !selectedExecutionId ||
@@ -6826,7 +6839,8 @@ const StudioPage: React.FC = () => {
       await runtimeRunsApi.stop(
         resolvedStudioScopeId,
         {
-          actorId: trimOptional(selectedObserveRunSummary?.actorId) || undefined,
+          actorId:
+            trimOptional(selectedObserveRunSummary?.actorId) || undefined,
           runId: selectedExecutionId,
           reason: 'user requested stop',
         },
@@ -6845,7 +6859,10 @@ const StudioPage: React.FC = () => {
       ]);
       setExecutionNotice({
         type: 'info',
-        message: t("pages.studio.index.stop.requested.for.the.active.2", "Stop requested for the active member run."),
+        message: t(
+          'pages.studio.index.stop.requested.for.the.active.2',
+          'Stop requested for the active member run.',
+        ),
       });
     } catch (error) {
       setExecutionNotice({
@@ -6910,9 +6927,7 @@ const StudioPage: React.FC = () => {
             runId: interaction.runId,
             stepId: interaction.stepId,
             approved:
-              interaction.kind === 'human_input'
-                ? true
-                : action === 'approve',
+              interaction.kind === 'human_input' ? true : action === 'approve',
             userInput: userInput.trim() || undefined,
           },
           {
@@ -6952,43 +6967,6 @@ const StudioPage: React.FC = () => {
     }
   };
 
-  const handleSetWorkflowDescription = async (value: string) => {
-    const document = cloneStudioWorkflowDocument(
-      activeWorkflowDocument as StudioWorkflowDocument | null,
-    );
-    if (!document) {
-      setSaveNotice({
-        type: 'error',
-        message: t("pages.studio.index.load.workflow.draft.before.editing.4", "Load a workflow draft before editing the description."),
-      });
-      return;
-    }
-
-    try {
-      const serialized = await studioApi.serializeYaml({
-        document: {
-          ...document,
-          description: value.trim() || undefined,
-        },
-        availableWorkflowNames: workflowNames,
-        availableStepTypes,
-      });
-      setDraftYaml(serialized.yaml);
-      setDraftWorkflowName(
-        trimOptional(serialized.document.name) || draftWorkflowName || 'draft',
-      );
-      setSaveNotice(null);
-      setRunNotice(null);
-    } catch (error) {
-      setSaveNotice({
-        type: 'error',
-        message:
-          error instanceof Error
-            ? error.message
-            : 'Failed to update the workflow description.',
-      });
-    }
-  };
   const handleInsertWorkflowStep = useCallback(
     async (stepType: string) => {
       const document = await resolveEditableWorkflowDocument();
@@ -7028,7 +7006,10 @@ const StudioPage: React.FC = () => {
       if (!currentStepId) {
         setSaveNotice({
           type: 'error',
-          message: t("pages.studio.index.select.workflow.step.before.applying.2", "Select a workflow step before applying changes."),
+          message: t(
+            'pages.studio.index.select.workflow.step.before.applying.2',
+            'Select a workflow step before applying changes.',
+          ),
         });
         return;
       }
@@ -7056,7 +7037,10 @@ const StudioPage: React.FC = () => {
     if (!currentStepId) {
       setSaveNotice({
         type: 'error',
-        message: t("pages.studio.index.select.workflow.step.before.removing.2", "Select a workflow step before removing it."),
+        message: t(
+          'pages.studio.index.select.workflow.step.before.removing.2',
+          'Select a workflow step before removing it.',
+        ),
       });
       return;
     }
@@ -7131,10 +7115,9 @@ const StudioPage: React.FC = () => {
         return;
       }
 
-      const sourceStep =
-        Array.isArray(document.steps)
-          ? document.steps.find((step) => trimOptional(step.id) === sourceStepId)
-          : null;
+      const sourceStep = Array.isArray(document.steps)
+        ? document.steps.find((step) => trimOptional(step.id) === sourceStepId)
+        : null;
       const branchLabel = suggestBranchLabelForStep(
         trimOptional(sourceStep?.type),
         sourceStep?.branches ?? {},
@@ -7177,28 +7160,30 @@ const StudioPage: React.FC = () => {
           (routeBuildFocus.kind === 'workflow'
             ? (`workflow:${routeBuildFocus.value}` as StudioBuildFocus)
             : '');
-        history.replace(buildStudioRoute({
-          scopeId: resolvedStudioScopeId || undefined,
-          teamId: routeState.teamId || undefined,
-          returnTo: routeState.returnTo || undefined,
-          memberKey: nextRouteMemberKey,
-          focus:
-            nextStudioSurface === 'bind' && resolvedBuildSurface === 'editor'
-              ? workflowBindFocus || undefined
-              : undefined,
-          step:
-            nextStudioSurface === 'bind'
-              ? 'bind'
-              : nextStudioSurface === 'invoke'
-                ? 'invoke'
-                : 'observe',
-          tab:
-            nextStudioSurface === 'bind'
-              ? 'bindings'
-              : nextStudioSurface === 'invoke'
-                ? 'invoke'
-                : 'executions',
-        }));
+        history.replace(
+          buildStudioRoute({
+            scopeId: resolvedStudioScopeId || undefined,
+            teamId: routeState.teamId || undefined,
+            returnTo: routeState.returnTo || undefined,
+            memberKey: nextRouteMemberKey,
+            focus:
+              nextStudioSurface === 'bind' && resolvedBuildSurface === 'editor'
+                ? workflowBindFocus || undefined
+                : undefined,
+            step:
+              nextStudioSurface === 'bind'
+                ? 'bind'
+                : nextStudioSurface === 'invoke'
+                  ? 'invoke'
+                  : 'observe',
+            tab:
+              nextStudioSurface === 'bind'
+                ? 'bindings'
+                : nextStudioSurface === 'invoke'
+                  ? 'invoke'
+                  : 'executions',
+          }),
+        );
       }
     },
     [
@@ -7300,8 +7285,11 @@ const StudioPage: React.FC = () => {
         endpointId,
       };
       if (!resolvedMemberId) {
-        void message.warning(
-          t("pages.studio.index.invoke.needs.backend.team.member", "Invoke needs a backend Team member identity. Select or create a member before continuing."),
+        toast.warning(
+          t(
+            'pages.studio.index.invoke.needs.backend.team.member',
+            'Invoke needs a backend Team member identity. Select or create a member before continuing.',
+          ),
         );
         return;
       }
@@ -7330,30 +7318,29 @@ const StudioPage: React.FC = () => {
       routeState.teamId,
       routeState.returnTo,
       studioScopeMembers,
+      toast,
     ],
   );
-  const pageTitle =
-    isBuildEditorSurface
-      ? t("pages.studio.index.workflow", "Workflow Build")
-      : isBuildScriptsSurface
-        ? t("pages.studio.index.copy.3", "Script behavior")
+  const pageTitle = isBuildEditorSurface
+    ? t('pages.studio.index.workflow', 'Workflow Build')
+    : isBuildScriptsSurface
+      ? t('pages.studio.index.copy.3', 'Script behavior')
       : isBuildGAgentSurface
-        ? t("pages.studio.index.gagent", "GAgent Build")
-      : isBindSurface
-        ? t("pages.studio.index.copy.4", "Member binding")
-      : isInvokeSurface
-        ? t("pages.studio.index.copy.5", "Member invoke")
+        ? t('pages.studio.index.gagent', 'GAgent Build')
+        : isBindSurface
+          ? t('pages.studio.index.copy.4', 'Member binding')
+          : isInvokeSurface
+            ? t('pages.studio.index.copy.5', 'Member invoke')
+            : isObserveSurface
+              ? t('pages.studio.index.copy.6', 'Test run')
+              : t('pages.studio.index.copy.7', 'Behavior definition');
+  const currentLifecycleStep = isBindSurface
+    ? 'bind'
+    : isInvokeSurface
+      ? 'invoke'
       : isObserveSurface
-        ? t("pages.studio.index.copy.6", "Test run")
-        : t("pages.studio.index.copy.7", "Behavior definition");
-  const currentLifecycleStep =
-    isBindSurface
-      ? 'bind'
-      : isInvokeSurface
-        ? 'invoke'
-        : isObserveSurface
-          ? 'observe'
-          : 'build';
+        ? 'observe'
+        : 'build';
   const buildSurfaceMemberKey = useMemo(() => {
     const routeMemberKey = trimOptional(routeSelectedMemberKey);
     const routeMemberId =
@@ -7391,7 +7378,8 @@ const StudioPage: React.FC = () => {
     () =>
       visibleWorkflowSummaries.find(
         (workflow) =>
-          trimOptional(workflow.workflowId) === trimOptional(selectedWorkflowId),
+          trimOptional(workflow.workflowId) ===
+          trimOptional(selectedWorkflowId),
       ) ?? null,
     [selectedWorkflowId, visibleWorkflowSummaries],
   );
@@ -7542,19 +7530,17 @@ const StudioPage: React.FC = () => {
       : activeBuildMode === 'script'
         ? activeScriptPublishedMemberId
         : activeGAgentPublishedMemberId;
-  const selectedWorkflowRepresentsPublishedMember =
-    Boolean(activeWorkflowPublishedServiceId);
-  const selectedScriptRepresentsPublishedMember = Boolean(
-    activeScriptPublishedServiceId,
-  );
-  const selectedGAgentRepresentsPublishedMember = Boolean(
-    activeGAgentPublishedServiceId,
+  const selectedWorkflowRepresentsPublishedMember = Boolean(
+    activeWorkflowPublishedServiceId,
   );
   const selectedBuildRepresentsPublishedMember = Boolean(
     activeBuildPublishedServiceId,
   );
   const buildSurfaceMemberKeyUsesRouteServiceId = useMemo(() => {
-    if (!routeSelectedMemberKey.startsWith('member:') || !buildSurfaceMemberKey) {
+    if (
+      !routeSelectedMemberKey.startsWith('member:') ||
+      !buildSurfaceMemberKey
+    ) {
       return false;
     }
 
@@ -7597,7 +7583,9 @@ const StudioPage: React.FC = () => {
           ? `member:${activeBuildPublishedMemberId}`
           : '');
   const currentFocusMemberKey =
-    studioSurface === 'build' ? buildSurfaceMemberKey : lifecycleSurfaceMemberKey;
+    studioSurface === 'build'
+      ? buildSurfaceMemberKey
+      : lifecycleSurfaceMemberKey;
   const routeMemberToken = readMemberIdFromMemberKey(routeSelectedMemberKey);
   const canonicalLegacyRouteMemberKey =
     routeSelectedMember.kind === 'member' &&
@@ -7692,17 +7680,16 @@ const StudioPage: React.FC = () => {
       !trimOptional(routeSelectedMemberKey) &&
       routeBuildFocus.kind === 'workflow' &&
       Boolean(routeBuildFocus.value) &&
-      (
-        workflowsQuery.isLoading
-          ? !trimOptional(selectedWorkflowId)
-          : Boolean(matchedRouteWorkflowId) &&
-            matchedRouteWorkflowId !== trimOptional(selectedWorkflowId)
-      );
+      (workflowsQuery.isLoading
+        ? !trimOptional(selectedWorkflowId)
+        : Boolean(matchedRouteWorkflowId) &&
+          matchedRouteWorkflowId !== trimOptional(selectedWorkflowId));
     if (routeWorkflowSelectionPending) {
       return;
     }
 
-    const routeRequestedBuildSurface = resolveRouteRequestedBuildSurface(routeState);
+    const routeRequestedBuildSurface =
+      resolveRouteRequestedBuildSurface(routeState);
     if (
       studioSurface === 'build' &&
       routeRequestedBuildSurface &&
@@ -7767,38 +7754,47 @@ const StudioPage: React.FC = () => {
         : pinnedRouteBackendMemberKey ||
           trimOptional(lifecycleSurfaceMemberKey) ||
           undefined);
+    const activeScriptFocus = activeBuildFocusKey.startsWith('script:')
+      ? activeBuildFocusKey
+      : '';
     const persistedLifecycleFocus =
-      studioSurface === 'bind' && routeBuildFocus.kind === 'script'
-        ? (`script:${routeBuildFocus.value}` as const)
+      studioSurface === 'bind' &&
+      (routeBuildFocus.kind === 'script' || activeScriptFocus)
+        ? routeBuildFocus.kind === 'script'
+          ? (`script:${routeBuildFocus.value}` as const)
+          : activeScriptFocus
         : studioSurface === 'bind' &&
             routeBuildFocus.kind === 'workflow' &&
             !selectedWorkflowRepresentsPublishedMember
           ? (`workflow:${routeBuildFocus.value}` as const)
           : undefined;
-    const persistedFocus =
-      suppressBuildMemberRoutePersistence
-        ? undefined
-        : persistedLifecycleFocus ||
-          (persistBuildFocusRoute &&
-          trimOptional(activeBuildFocusKey) !== trimOptional(persistedMemberKey)
-            ? activeBuildFocusKey || undefined
-            : undefined);
-
-    history.replace(buildStudioRoute({
-      scopeId: resolvedStudioScopeId || undefined,
-      teamId: routeState.teamId || undefined,
-      returnTo: routeState.returnTo || undefined,
-      memberKey: persistedMemberKey,
-      step,
-      focus: persistedFocus,
-      tab,
-      prompt:
-        studioSurface === 'build' && buildSurface === 'editor'
-          ? runPrompt || undefined
+    const persistedFocus = suppressBuildMemberRoutePersistence
+      ? undefined
+      : persistedLifecycleFocus ||
+        (persistBuildFocusRoute &&
+        trimOptional(activeBuildFocusKey) !== trimOptional(persistedMemberKey)
+          ? activeBuildFocusKey || undefined
+          : undefined);
+
+    history.replace(
+      buildStudioRoute({
+        scopeId: resolvedStudioScopeId || undefined,
+        teamId: routeState.teamId || undefined,
+        returnTo: routeState.returnTo || undefined,
+        memberKey: persistedMemberKey,
+        step,
+        focus: persistedFocus,
+        tab,
+        prompt:
+          studioSurface === 'build' && buildSurface === 'editor'
+            ? runPrompt || undefined
+            : undefined,
+        executionId: persistExecutionRoute
+          ? selectedExecutionId || undefined
           : undefined,
-      executionId: persistExecutionRoute ? selectedExecutionId || undefined : undefined,
-      logsMode: logsPopoutMode === 'popout' ? 'popout' : undefined,
-    }));
+        logsMode: logsPopoutMode === 'popout' ? 'popout' : undefined,
+      }),
+    );
     if (
       suppressBuildMemberRoutePersistence &&
       !trimOptional(selectedWorkflowId) &&
@@ -7845,14 +7841,12 @@ const StudioPage: React.FC = () => {
   const buildSurfaceSelectedMemberKey =
     studioSurface === 'build'
       ? routeSelectedBackendMemberKey ||
-        (
-          currentFocusMemberKey.startsWith('workflow:') ||
-          currentFocusMemberKey.startsWith('script:')
-            ? activeBuildPublishedMemberId
-              ? `member:${activeBuildPublishedMemberId}`
-              : currentFocusMemberKey
-            : ''
-        )
+        (currentFocusMemberKey.startsWith('workflow:') ||
+        currentFocusMemberKey.startsWith('script:')
+          ? activeBuildPublishedMemberId
+            ? `member:${activeBuildPublishedMemberId}`
+            : currentFocusMemberKey
+          : '')
       : '';
   const workbenchPublishedServiceId = useMemo(
     () =>
@@ -7872,42 +7866,44 @@ const StudioPage: React.FC = () => {
       ),
     [publishedScopeMembers, studioScopeMembers, workbenchMemberKey],
   );
-  const workbenchStudioMemberId = useMemo(
-    () => {
-      const legacyRouteServiceId = trimOptional(legacyRouteServiceIdRef.current);
-      if (
-        legacyRouteServiceId &&
-        currentRouteMemberToken === legacyRouteServiceId &&
-        !routeSelectedBackendMemberId
-      ) {
-        return '';
-      }
+  const workbenchStudioMemberId = useMemo(() => {
+    const legacyRouteServiceId = trimOptional(legacyRouteServiceIdRef.current);
+    if (
+      legacyRouteServiceId &&
+      currentRouteMemberToken === legacyRouteServiceId &&
+      !routeSelectedBackendMemberId
+    ) {
+      return '';
+    }
 
-      return (
-        trimOptional(routeSelectedBackendMemberId) ||
-        trimOptional(workbenchStudioMemberSummary?.memberId) ||
-        readMemberIdFromMemberKey(workbenchMemberKey) ||
-        readMemberIdFromMemberKey(routeState.memberKey) ||
-        trimOptional(routeState.memberId)
-      );
-    },
-    [
-      currentRouteMemberToken,
-      routeSelectedBackendMemberId,
-      routeState.memberKey,
-      routeState.memberId,
-      workbenchMemberKey,
-      workbenchStudioMemberSummary?.memberId,
-    ],
-  );
+    return (
+      trimOptional(routeSelectedBackendMemberId) ||
+      trimOptional(workbenchStudioMemberSummary?.memberId) ||
+      readMemberIdFromMemberKey(workbenchMemberKey) ||
+      readMemberIdFromMemberKey(routeState.memberKey) ||
+      trimOptional(routeState.memberId)
+    );
+  }, [
+    currentRouteMemberToken,
+    routeSelectedBackendMemberId,
+    routeState.memberKey,
+    routeState.memberId,
+    workbenchMemberKey,
+    workbenchStudioMemberSummary?.memberId,
+  ]);
   const workbenchStudioMemberDetailQuery = useQuery({
-    queryKey: ['studio-scope-member', resolvedStudioScopeId, workbenchStudioMemberId],
+    queryKey: [
+      'studio-scope-member',
+      resolvedStudioScopeId,
+      workbenchStudioMemberId,
+    ],
     enabled:
       studioHostReady &&
       Boolean(resolvedStudioScopeId) &&
       Boolean(workbenchStudioMemberId),
     retry: false,
-    queryFn: () => studioApi.getMember(resolvedStudioScopeId, workbenchStudioMemberId),
+    queryFn: () =>
+      studioApi.getMember(resolvedStudioScopeId, workbenchStudioMemberId),
   });
   const workbenchStudioMemberDetailMatchesSelection =
     Boolean(workbenchStudioMemberId) &&
@@ -7916,7 +7912,8 @@ const StudioPage: React.FC = () => {
   const workbenchStudioMember = useMemo(
     () =>
       workbenchStudioMemberDetailMatchesSelection
-        ? workbenchStudioMemberDetailQuery.data?.summary ?? workbenchStudioMemberSummary
+        ? (workbenchStudioMemberDetailQuery.data?.summary ??
+          workbenchStudioMemberSummary)
         : workbenchStudioMemberSummary,
     [
       workbenchStudioMemberDetailMatchesSelection,
@@ -7935,7 +7932,7 @@ const StudioPage: React.FC = () => {
 
     const memberSummary = workbenchStudioMember ?? workbenchStudioMemberSummary;
     const memberImplementationRef = workbenchStudioMemberDetailMatchesSelection
-      ? workbenchStudioMemberDetailQuery.data?.implementationRef ?? null
+      ? (workbenchStudioMemberDetailQuery.data?.implementationRef ?? null)
       : null;
     if (
       normalizeStudioMemberBindingImplementationKind(
@@ -7952,10 +7949,10 @@ const StudioPage: React.FC = () => {
     const memberPublishedServiceExists =
       Boolean(memberPublishedServiceId) &&
       (publishedScopeServices.some(
-        (service) => trimOptional(service.serviceId) === memberPublishedServiceId,
+        (service) =>
+          trimOptional(service.serviceId) === memberPublishedServiceId,
       ) ||
-        trimOptional(recentlyBoundServiceId) === memberPublishedServiceId
-      );
+        trimOptional(recentlyBoundServiceId) === memberPublishedServiceId);
     if (memberPublishedServiceExists) {
       return;
     }
@@ -7996,15 +7993,17 @@ const StudioPage: React.FC = () => {
     setSelectedScriptId('');
     setTemplateWorkflow('');
     setBuildSurface('editor');
-    history.replace(buildStudioRoute({
-      scopeId: resolvedStudioScopeId || undefined,
-      teamId: routeState.teamId || undefined,
-      returnTo: routeState.returnTo || undefined,
-      memberKey: memberRouteKey,
-      focus: workflowFocusKey,
-      step: 'bind',
-      tab: 'bindings',
-    }));
+    history.replace(
+      buildStudioRoute({
+        scopeId: resolvedStudioScopeId || undefined,
+        teamId: routeState.teamId || undefined,
+        returnTo: routeState.returnTo || undefined,
+        memberKey: memberRouteKey,
+        focus: workflowFocusKey,
+        step: 'bind',
+        tab: 'bindings',
+      }),
+    );
   }, [
     activeWorkflowFile,
     history,
@@ -8027,7 +8026,7 @@ const StudioPage: React.FC = () => {
   const workbenchStudioMemberBinding = useMemo(
     () =>
       workbenchStudioMemberDetailMatchesSelection
-        ? workbenchStudioMemberDetailQuery.data?.lastBinding ?? null
+        ? (workbenchStudioMemberDetailQuery.data?.lastBinding ?? null)
         : null,
     [
       workbenchStudioMemberDetailMatchesSelection,
@@ -8037,16 +8036,16 @@ const StudioPage: React.FC = () => {
   const workbenchPublishedService = useMemo(
     () =>
       workbenchPublishedServiceId
-        ? publishedScopeServices.find(
+        ? (publishedScopeServices.find(
             (service) => service.serviceId === workbenchPublishedServiceId,
-          ) ?? null
+          ) ?? null)
         : null,
     [publishedScopeServices, workbenchPublishedServiceId],
   );
   const workbenchPublishedServiceRevision = useMemo(() => {
     const serviceId = trimOptional(workbenchPublishedService?.serviceId);
     return serviceId
-      ? currentServiceRevisionByServiceId.get(serviceId) ?? null
+      ? (currentServiceRevisionByServiceId.get(serviceId) ?? null)
       : null;
   }, [currentServiceRevisionByServiceId, workbenchPublishedService?.serviceId]);
   const lockedBuildMode = useMemo<BuildMode | ''>(() => {
@@ -8066,7 +8065,8 @@ const StudioPage: React.FC = () => {
   }, [
     workbenchPublishedServiceRevision?.implementationKind,
     workbenchStudioMember?.implementationKind,
-    workbenchStudioMemberDetailQuery.data?.implementationRef?.implementationKind,
+    workbenchStudioMemberDetailQuery.data?.implementationRef
+      ?.implementationKind,
     workbenchStudioMemberSummary?.implementationKind,
   ]);
   const buildModeLocked = Boolean(lockedBuildMode);
@@ -8114,34 +8114,37 @@ const StudioPage: React.FC = () => {
       trimOptional(studioTeamSummaryQuery.data?.entryMemberId) ===
         trimOptional(workbenchStudioMemberId),
   );
-  const resolveTeamEntryCandidate = useCallback((): StudioTeamEntryCandidate | null => {
-    const memberId =
-      trimOptional(teamEntryCandidate?.memberId) ||
-      trimOptional(workbenchStudioMemberId) ||
-      trimOptional(workbenchStudioMember?.memberId) ||
-      trimOptional(workbenchStudioMemberSummary?.memberId) ||
-      trimOptional(routeSelectedBackendMemberId);
-    const scope = trimOptional(teamEntryCandidate?.scopeId) || resolvedStudioScopeId;
-    const team = trimOptional(teamEntryCandidate?.teamId) || resolvedStudioTeamId;
+  const resolveTeamEntryCandidate =
+    useCallback((): StudioTeamEntryCandidate | null => {
+      const memberId =
+        trimOptional(teamEntryCandidate?.memberId) ||
+        trimOptional(workbenchStudioMemberId) ||
+        trimOptional(workbenchStudioMember?.memberId) ||
+        trimOptional(workbenchStudioMemberSummary?.memberId) ||
+        trimOptional(routeSelectedBackendMemberId);
+      const scope =
+        trimOptional(teamEntryCandidate?.scopeId) || resolvedStudioScopeId;
+      const team =
+        trimOptional(teamEntryCandidate?.teamId) || resolvedStudioTeamId;
 
-    if (!memberId || !scope || !team) {
-      return null;
-    }
+      if (!memberId || !scope || !team) {
+        return null;
+      }
 
-    return {
-      memberId,
-      scopeId: scope,
-      teamId: team,
-    };
-  }, [
-    resolvedStudioScopeId,
-    resolvedStudioTeamId,
-    routeSelectedBackendMemberId,
-    teamEntryCandidate,
-    workbenchStudioMember?.memberId,
-    workbenchStudioMemberId,
-    workbenchStudioMemberSummary?.memberId,
-  ]);
+      return {
+        memberId,
+        scopeId: scope,
+        teamId: team,
+      };
+    }, [
+      resolvedStudioScopeId,
+      resolvedStudioTeamId,
+      routeSelectedBackendMemberId,
+      teamEntryCandidate,
+      workbenchStudioMember?.memberId,
+      workbenchStudioMemberId,
+      workbenchStudioMemberSummary?.memberId,
+    ]);
   const waitForTeamEntryVisibility = useCallback(
     async (candidate: StudioTeamEntryCandidate) => {
       for (
@@ -8175,8 +8178,11 @@ const StudioPage: React.FC = () => {
     async (options?: { test?: boolean }) => {
       const candidate = resolveTeamEntryCandidate();
       if (!candidate) {
-        void message.warning(
-          t("pages.studio.index.resolve.team.member.before.entry", "Resolve a Team member before setting Team entry."),
+        toast.warning(
+          t(
+            'pages.studio.index.resolve.team.member.before.entry',
+            'Resolve a Team member before setting Team entry.',
+          ),
         );
         return;
       }
@@ -8212,10 +8218,20 @@ const StudioPage: React.FC = () => {
         }
         await Promise.all([
           queryClient.invalidateQueries({
-            queryKey: ['teams', 'team-summary', candidate.scopeId, candidate.teamId],
+            queryKey: [
+              'teams',
+              'team-summary',
+              candidate.scopeId,
+              candidate.teamId,
+            ],
           }),
           queryClient.invalidateQueries({
-            queryKey: ['teams', 'team-members', candidate.scopeId, candidate.teamId],
+            queryKey: [
+              'teams',
+              'team-members',
+              candidate.scopeId,
+              candidate.teamId,
+            ],
           }),
           queryClient.invalidateQueries({
             queryKey: ['teams', 'roster', candidate.scopeId],
@@ -8231,18 +8247,29 @@ const StudioPage: React.FC = () => {
           testTeam: options?.test && entryVisible,
           teamId: candidate.teamId,
         });
-        void message.info(t("pages.studio.index.team.entry", "Team entry change submitted. Waiting for sync confirmation."));
+        toast.info(
+          t(
+            'pages.studio.index.team.entry',
+            'Team entry change submitted. Waiting for sync confirmation.',
+          ),
+        );
         if (options?.test) {
           if (!entryVisible) {
-            void message.warning(
-              t("pages.studio.index.team.entry.team.detail", "Team entry was accepted by the backend, but the read model has not confirmed the new entry member yet. Retry Test Team from Team Detail shortly."),
+            toast.warning(
+              t(
+                'pages.studio.index.team.entry.team.detail',
+                'Team entry was accepted by the backend, but the read model has not confirmed the new entry member yet. Retry Test Team from Team Detail shortly.',
+              ),
             );
           }
           history.push(targetHref);
         }
-      } catch (error) {
-        void message.error(
-          error instanceof Error ? error.message : String(error),
+      } catch {
+        toast.error(
+          t(
+            'pages.studio.index.entry.member.update.failed',
+            'Entry member update failed.',
+          ),
         );
       } finally {
         setTeamEntryActionBusy(false);
@@ -8253,6 +8280,7 @@ const StudioPage: React.FC = () => {
       queryClient,
       resolveTeamEntryCandidate,
       studioTeamSummaryQuery.data?.entryMemberId,
+      toast,
       waitForTeamEntryVisibility,
     ],
   );
@@ -8271,8 +8299,7 @@ const StudioPage: React.FC = () => {
       const agentKind =
         trimOptional(
           workbenchStudioMemberDetailQuery.data?.implementationRef?.agentKind,
-        ) ||
-        trimOptional(workbenchPublishedServiceRevision?.staticAgentKind);
+        ) || trimOptional(workbenchPublishedServiceRevision?.staticAgentKind);
       if (agentKind) {
         setSelectedAgentKind((current) =>
           trimOptional(current) === agentKind ? current : agentKind,
@@ -8325,7 +8352,8 @@ const StudioPage: React.FC = () => {
     workbenchStudioMember?.implementationKind,
     workbenchStudioMember?.publishedServiceId,
     workbenchStudioMemberDetailQuery.data?.implementationRef?.agentKind,
-    workbenchStudioMemberDetailQuery.data?.implementationRef?.implementationKind,
+    workbenchStudioMemberDetailQuery.data?.implementationRef
+      ?.implementationKind,
     workbenchStudioMemberDetailQuery.data?.implementationRef?.scriptId,
   ]);
   const handleSelectLifecycleStep = useCallback(
@@ -8379,14 +8407,14 @@ const StudioPage: React.FC = () => {
           setSelectedScriptId('');
           setTemplateWorkflow('');
         } else {
-          const lifecycleMemberSummary = resolveStudioMemberSummaryFromMemberKey(
-            lifecycleMemberKey,
-            publishedScopeMembers,
-            studioScopeMembers,
-          );
-          const lifecycleWorkflowRouteValue = readWorkflowMemberRouteValueFromMemberKey(
-            lifecycleMemberKey,
-          );
+          const lifecycleMemberSummary =
+            resolveStudioMemberSummaryFromMemberKey(
+              lifecycleMemberKey,
+              publishedScopeMembers,
+              studioScopeMembers,
+            );
+          const lifecycleWorkflowRouteValue =
+            readWorkflowMemberRouteValueFromMemberKey(lifecycleMemberKey);
           const resolvedLifecycleWorkflowId = lifecycleWorkflowRouteValue
             ? resolveWorkflowIdFromRouteValue(
                 lifecycleWorkflowRouteValue,
@@ -8481,17 +8509,15 @@ const StudioPage: React.FC = () => {
       };
     });
   }, [resolvedStudioScopeId, workbenchPublishedServiceId]);
-  const observeCurrentSessionSeed = useMemo(
-    () => {
-      if (!workbenchPublishedServiceId) {
-        return null;
-      }
+  const observeCurrentSessionSeed = useMemo(() => {
+    if (!workbenchPublishedServiceId) {
+      return null;
+    }
 
-      const session = observeSessionSeedsByServiceId[workbenchPublishedServiceId] ?? null;
-      return isStudioObserveSessionSeedFresh(session) ? session : null;
-    },
-    [observeSessionSeedsByServiceId, workbenchPublishedServiceId],
-  );
+    const session =
+      observeSessionSeedsByServiceId[workbenchPublishedServiceId] ?? null;
+    return isStudioObserveSessionSeedFresh(session) ? session : null;
+  }, [observeSessionSeedsByServiceId, workbenchPublishedServiceId]);
   const observeFallbackExecution = useMemo(
     () =>
       observeCurrentSessionSeed
@@ -8529,19 +8555,17 @@ const StudioPage: React.FC = () => {
               take: 12,
             },
           )
-        : scopeRuntimeApi.listMemberRuns(
-            resolvedStudioScopeId,
-            workbenchStudioMemberId,
-            {
+        : scopeRuntimeApi
+            .listMemberRuns(resolvedStudioScopeId, workbenchStudioMemberId, {
               take: 12,
-            },
-          ).then((catalog) => ({
-            displayName: catalog.displayName,
-            runs: catalog.runs.map(toScopeServiceRunSummary),
-            scopeId: catalog.scopeId,
-            serviceId: catalog.publishedServiceId,
-            serviceKey: catalog.publishedServiceKey,
-          })),
+            })
+            .then((catalog) => ({
+              displayName: catalog.displayName,
+              runs: catalog.runs.map(toScopeServiceRunSummary),
+              scopeId: catalog.scopeId,
+              serviceId: catalog.publishedServiceId,
+              serviceKey: catalog.publishedServiceKey,
+            })),
     retry: false,
   });
   const observeServiceRuns = useMemo(() => {
@@ -8549,11 +8573,15 @@ const StudioPage: React.FC = () => {
     return runs.sort((left, right) => {
       const leftTimestamp =
         Date.parse(
-          trimOptional(left.lastUpdatedAt) || readObserveRunStartedAt(left) || '',
+          trimOptional(left.lastUpdatedAt) ||
+            readObserveRunStartedAt(left) ||
+            '',
         ) || 0;
       const rightTimestamp =
         Date.parse(
-          trimOptional(right.lastUpdatedAt) || readObserveRunStartedAt(right) || '',
+          trimOptional(right.lastUpdatedAt) ||
+            readObserveRunStartedAt(right) ||
+            '',
         ) || 0;
       return rightTimestamp - leftTimestamp;
     });
@@ -8561,9 +8589,10 @@ const StudioPage: React.FC = () => {
   const selectedObserveBackendRunSummary = useMemo(
     () =>
       selectedExecutionId
-        ? observeServiceRuns.find(
-            (run) => trimOptional(run.runId) === trimOptional(selectedExecutionId),
-          ) ?? null
+        ? (observeServiceRuns.find(
+            (run) =>
+              trimOptional(run.runId) === trimOptional(selectedExecutionId),
+          ) ?? null)
         : null,
     [observeServiceRuns, selectedExecutionId],
   );
@@ -8603,18 +8632,22 @@ const StudioPage: React.FC = () => {
             selectedExecutionId,
             {
               actorId:
-                trimOptional(selectedObserveBackendRunSummary?.actorId) || undefined,
+                trimOptional(selectedObserveBackendRunSummary?.actorId) ||
+                undefined,
             },
           )
-        : scopeRuntimeApi.getMemberRunAudit(
-            resolvedStudioScopeId,
-            workbenchStudioMemberId,
-            selectedExecutionId,
-            {
-              actorId:
-                trimOptional(selectedObserveBackendRunSummary?.actorId) || undefined,
-            },
-          ).then(toScopeServiceRunAuditSnapshot),
+        : scopeRuntimeApi
+            .getMemberRunAudit(
+              resolvedStudioScopeId,
+              workbenchStudioMemberId,
+              selectedExecutionId,
+              {
+                actorId:
+                  trimOptional(selectedObserveBackendRunSummary?.actorId) ||
+                  undefined,
+              },
+            )
+            .then(toScopeServiceRunAuditSnapshot),
     retry: false,
   });
   useEffect(() => {
@@ -8634,9 +8667,7 @@ const StudioPage: React.FC = () => {
     }
 
     if (
-      observeServiceRuns.some(
-        (run) => trimOptional(run.runId) === sessionRunId,
-      )
+      observeServiceRuns.some((run) => trimOptional(run.runId) === sessionRunId)
     ) {
       return;
     }
@@ -8712,7 +8743,9 @@ const StudioPage: React.FC = () => {
   const selectedRailMemberKey =
     buildSurfaceSelectedMemberKey ||
     lifecycleSurfaceSelectedMemberKey ||
-    (studioSurface === 'build' ? lifecycleSurfaceMemberKey : workbenchMemberKey);
+    (studioSurface === 'build'
+      ? lifecycleSurfaceMemberKey
+      : workbenchMemberKey);
   const effectiveSelectedMemberKey = trimOptional(
     selectedRailMemberKey || currentFocusMemberKey,
   );
@@ -8722,8 +8755,7 @@ const StudioPage: React.FC = () => {
     trimOptional(workbenchStudioMemberSummary?.memberId) ||
     trimOptional(routeState.memberId);
   const hasSelectedMemberFocus = Boolean(workbenchMemberKey);
-  const currentSelectedMemberServiceId =
-    workbenchPublishedServiceId;
+  const currentSelectedMemberServiceId = workbenchPublishedServiceId;
   const comparableWorkbenchMemberKey = useMemo(
     () =>
       resolveStudioMemberOwnerKey(
@@ -8773,34 +8805,31 @@ const StudioPage: React.FC = () => {
             studioScopeMembers,
           )
         : null,
-    [
-      routeSelectedBackendMemberKey,
-      publishedScopeMembers,
-      studioScopeMembers,
-    ],
+    [routeSelectedBackendMemberKey, publishedScopeMembers, studioScopeMembers],
   );
   const currentMemberLabel = !hasSelectedMemberFocus
-    ? t("pages.studio.index.select.member", "Select a member")
+    ? t('pages.studio.index.select.member', 'Select a member')
     : workbenchMemberKey.startsWith('workflow:')
-        ? trimOptional(activeWorkflowName) || t("pages.studio.index.workflow.member", "Workflow member")
-    : workbenchMemberKey.startsWith('script:')
+      ? trimOptional(activeWorkflowName) ||
+        t('pages.studio.index.workflow.member', 'Workflow member')
+      : workbenchMemberKey.startsWith('script:')
         ? trimOptional(selectedScriptId) || 'Script member'
-    : workbenchMemberKey.startsWith('member:')
-            ? trimOptional(recentBindMemberSummary?.displayName) ||
-              trimOptional(explicitRouteBackendMemberSummary?.displayName) ||
-              trimOptional(workbenchStudioMemberSummary?.displayName) ||
-              trimOptional(workbenchStudioMember?.displayName) ||
-              trimOptional(routeSelectedBackendMemberId) ||
-              trimOptional(workbenchPublishedServiceRevision?.workflowName) ||
-              trimOptional(workbenchPublishedServiceRevision?.scriptId) ||
-              trimOptional(workbenchPublishedServiceRevision?.staticAgentKind) ||
-              trimOptional(workbenchPublishedService?.displayName) ||
-              trimOptional(workbenchPublishedService?.serviceId) ||
-              trimOptional(routeSelectedBackendMemberId) ||
-              t("pages.studio.index.current.member", "Current member")
-            : trimOptional(activeWorkflowName) ||
-              (isBuildScriptsSurface ? trimOptional(selectedScriptId) : '') ||
-              t("pages.studio.index.current.member", "Current member");
+        : workbenchMemberKey.startsWith('member:')
+          ? trimOptional(recentBindMemberSummary?.displayName) ||
+            trimOptional(explicitRouteBackendMemberSummary?.displayName) ||
+            trimOptional(workbenchStudioMemberSummary?.displayName) ||
+            trimOptional(workbenchStudioMember?.displayName) ||
+            trimOptional(routeSelectedBackendMemberId) ||
+            trimOptional(workbenchPublishedServiceRevision?.workflowName) ||
+            trimOptional(workbenchPublishedServiceRevision?.scriptId) ||
+            trimOptional(workbenchPublishedServiceRevision?.staticAgentKind) ||
+            trimOptional(workbenchPublishedService?.displayName) ||
+            trimOptional(workbenchPublishedService?.serviceId) ||
+            trimOptional(routeSelectedBackendMemberId) ||
+            t('pages.studio.index.current.member', 'Current member')
+          : trimOptional(activeWorkflowName) ||
+            (isBuildScriptsSurface ? trimOptional(selectedScriptId) : '') ||
+            t('pages.studio.index.current.member', 'Current member');
   const currentMemberImplementationLabel = !hasSelectedMemberFocus
     ? ''
     : workbenchMemberKey.startsWith('member:')
@@ -8821,52 +8850,58 @@ const StudioPage: React.FC = () => {
   const currentMemberDescription = !hasSelectedMemberFocus
     ? 'Choose a member from Team members, or create a new member to start building.'
     : workbenchMemberKey.startsWith('workflow:')
+      ? formatStudioAssetMeta({
+          primary: currentMemberImplementationLabel,
+          secondary:
+            trimOptional(activeWorkflowName) ||
+            trimOptional(selectedWorkflowSummary?.fileName) ||
+            'Current workflow draft',
+        }) || 'Studio is tracking the current workflow-backed member.'
+      : workbenchMemberKey.startsWith('script:')
         ? formatStudioAssetMeta({
             primary: currentMemberImplementationLabel,
             secondary:
-              trimOptional(activeWorkflowName) ||
-              trimOptional(selectedWorkflowSummary?.fileName) ||
-              'Current workflow draft',
-          }) || 'Studio is tracking the current workflow-backed member.'
-        : workbenchMemberKey.startsWith('script:')
+              trimOptional(selectedScriptId) || 'Current script member',
+          }) || 'Studio is tracking the current script-backed member.'
+        : workbenchMemberKey.startsWith('member:')
           ? formatStudioAssetMeta({
               primary: currentMemberImplementationLabel,
-              secondary: trimOptional(selectedScriptId) || 'Current script member',
-            }) || 'Studio is tracking the current script-backed member.'
-        : workbenchMemberKey.startsWith('member:')
-            ? formatStudioAssetMeta({
-                primary: currentMemberImplementationLabel,
-                secondary:
-                  trimOptional(workbenchStudioMemberBinding?.publishedServiceId) ||
-                  trimOptional(workbenchStudioMember?.publishedServiceId) ||
-                  trimOptional(workbenchPublishedService?.serviceId) ||
-                  trimOptional(routeState.legacyServiceId) ||
-                  (workbenchStudioMember
-                    ? formatStudioMemberLifecycleStage(
-                        workbenchStudioMember.lifecycleStage,
-                      )
-                    : '') ||
-                  trimOptional(workbenchStudioMemberBinding?.revisionId) ||
-                  trimOptional(workbenchPublishedServiceRevision?.revisionId) ||
-                  trimOptional(workbenchPublishedService?.deploymentStatus) ||
-              t("pages.studio.index.published.member", "Published member"),
-              }) || t("pages.studio.index.published.member.ready", "Published member ready for callable runtime inspection.")
-            : formatStudioAssetMeta({
-                primary: currentMemberImplementationLabel,
-                secondary:
-                  trimOptional(routeState.legacyServiceId) ||
-                  activeBuildFocusKey ||
-                  'Current member focus',
-              }) || 'Studio is tracking the current member focus.';
+              secondary:
+                trimOptional(
+                  workbenchStudioMemberBinding?.publishedServiceId,
+                ) ||
+                trimOptional(workbenchStudioMember?.publishedServiceId) ||
+                trimOptional(workbenchPublishedService?.serviceId) ||
+                trimOptional(routeState.legacyServiceId) ||
+                (workbenchStudioMember
+                  ? formatStudioMemberLifecycleStage(
+                      workbenchStudioMember.lifecycleStage,
+                    )
+                  : '') ||
+                trimOptional(workbenchStudioMemberBinding?.revisionId) ||
+                trimOptional(workbenchPublishedServiceRevision?.revisionId) ||
+                trimOptional(workbenchPublishedService?.deploymentStatus) ||
+                t('pages.studio.index.published.member', 'Published member'),
+            }) ||
+            t(
+              'pages.studio.index.published.member.ready',
+              'Published member ready for callable runtime inspection.',
+            )
+          : formatStudioAssetMeta({
+              primary: currentMemberImplementationLabel,
+              secondary:
+                trimOptional(routeState.legacyServiceId) ||
+                activeBuildFocusKey ||
+                'Current member focus',
+            }) || 'Studio is tracking the current member focus.';
   const currentMemberKind: StudioShellMemberKind = 'member';
-  const currentMemberTone: 'live' | 'draft' | 'idle' =
-    !hasSelectedMemberFocus
-      ? 'idle'
-      : workbenchMemberKey.startsWith('member:')
-        ? resolveServiceMemberTone(workbenchPublishedService?.deploymentStatus)
-        : activeBuildFocusKey
-          ? 'draft'
-          : 'idle';
+  const currentMemberTone: 'live' | 'draft' | 'idle' = !hasSelectedMemberFocus
+    ? 'idle'
+    : workbenchMemberKey.startsWith('member:')
+      ? resolveServiceMemberTone(workbenchPublishedService?.deploymentStatus)
+      : activeBuildFocusKey
+        ? 'draft'
+        : 'idle';
   const currentMemberMeta = formatStudioAssetMeta({
     primary: hasSelectedMemberFocus
       ? currentMemberImplementationLabel || 'Member focus'
@@ -8895,27 +8930,25 @@ const StudioPage: React.FC = () => {
   const bindSelectedMemberServiceId =
     currentSelectedMemberServiceId ||
     (isBindSurface ? recentBindSelectedMemberServiceId : '');
-  const bindPublishedService = useMemo(
-    () => {
-      if (!bindSelectedMemberServiceId) {
-        return null;
-      }
-
-      const publishedService =
-        publishedScopeServices.find(
-          (service) => service.serviceId === bindSelectedMemberServiceId,
-        ) ?? null;
-      if (publishedService) {
-        return publishedService;
-      }
+  const bindPublishedService = useMemo(() => {
+    if (!bindSelectedMemberServiceId) {
+      return null;
+    }
 
-      const recentService = recentlyBoundServiceRef.current;
-      return trimOptional(recentService?.serviceId) === bindSelectedMemberServiceId
-        ? recentService
-        : null;
-    },
-    [bindSelectedMemberServiceId, publishedScopeServices],
-  );
+    const publishedService =
+      publishedScopeServices.find(
+        (service) => service.serviceId === bindSelectedMemberServiceId,
+      ) ?? null;
+    if (publishedService) {
+      return publishedService;
+    }
+
+    const recentService = recentlyBoundServiceRef.current;
+    return trimOptional(recentService?.serviceId) ===
+      bindSelectedMemberServiceId
+      ? recentService
+      : null;
+  }, [bindSelectedMemberServiceId, publishedScopeServices]);
   const workbenchMemberMatchesPendingCandidate = useMemo(() => {
     if (!buildPendingBindCandidate) {
       return false;
@@ -8978,20 +9011,13 @@ const StudioPage: React.FC = () => {
     workbenchMemberMatchesPendingCandidate
       ? buildPendingBindCandidate
       : null;
-  const bindTargetService = useMemo(
-    () => {
-      if (!bindSelectedMemberServiceId || bindPendingCandidate) {
-        return null;
-      }
+  const bindTargetService = useMemo(() => {
+    if (!bindSelectedMemberServiceId || bindPendingCandidate) {
+      return null;
+    }
 
-      return bindPublishedService;
-    },
-    [
-      bindPendingCandidate,
-      bindPublishedService,
-      bindSelectedMemberServiceId,
-    ],
-  );
+    return bindPublishedService;
+  }, [bindPendingCandidate, bindPublishedService, bindSelectedMemberServiceId]);
   const bindTargetServices = useMemo(
     () => (bindTargetService ? [bindTargetService] : []),
     [bindTargetService],
@@ -9006,34 +9032,29 @@ const StudioPage: React.FC = () => {
       ? currentBindingSelectionEndpointId
       : bindTargetDefaultEndpointId
     : '';
-  const hasInvokeTargetMemberSelection =
-    Boolean(workbenchStudioMemberId);
-  const invokeTargetServiceId =
-    hasInvokeTargetMemberSelection
-      ? currentSelectedMemberServiceId
-      : currentInvokeSelectionServiceId ||
-        currentBindingSelectionServiceId ||
-        currentSelectedMemberServiceId ||
-        trimOptional(workbenchPublishedService?.serviceId) ||
-        trimOptional(routeState.legacyServiceId);
-  const invokeTargetService = useMemo(
-    () => {
-      if (!invokeTargetServiceId) {
-        return null;
-      }
+  const hasInvokeTargetMemberSelection = Boolean(workbenchStudioMemberId);
+  const invokeTargetServiceId = hasInvokeTargetMemberSelection
+    ? currentSelectedMemberServiceId
+    : currentInvokeSelectionServiceId ||
+      currentBindingSelectionServiceId ||
+      currentSelectedMemberServiceId ||
+      trimOptional(workbenchPublishedService?.serviceId) ||
+      trimOptional(routeState.legacyServiceId);
+  const invokeTargetService = useMemo(() => {
+    if (!invokeTargetServiceId) {
+      return null;
+    }
 
-      const matchedService =
-        runtimeConsoleServices.find(
-          (service) => service.serviceId === invokeTargetServiceId,
-        ) ?? null;
-      if (matchedService) {
-        return matchedService;
-      }
+    const matchedService =
+      runtimeConsoleServices.find(
+        (service) => service.serviceId === invokeTargetServiceId,
+      ) ?? null;
+    if (matchedService) {
+      return matchedService;
+    }
 
-      return null;
-    },
-    [invokeTargetServiceId, runtimeConsoleServices],
-  );
+    return null;
+  }, [invokeTargetServiceId, runtimeConsoleServices]);
   const invokeTargetServices = useMemo(
     () => (invokeTargetService ? [invokeTargetService] : []),
     [invokeTargetService],
@@ -9070,26 +9091,39 @@ const StudioPage: React.FC = () => {
 
     if (hasSelectedMemberFocus && !hasInvokeTargetMemberSelection) {
       return {
-        message: t("pages.studio.index.copy.8", "The current selection cannot be invoked directly yet."),
-        description:
-          t("pages.studio.index.copy.9", "Invoke only pins to published members. Bind this member first, then return here to invoke it."),
+        message: t(
+          'pages.studio.index.copy.8',
+          'The current selection cannot be invoked directly yet.',
+        ),
+        description: t(
+          'pages.studio.index.copy.9',
+          'Invoke only pins to published members. Bind this member first, then return here to invoke it.',
+        ),
         type: 'info' as const,
       };
     }
 
     if (!hasInvokeTargetMemberSelection) {
       return {
-        message: t("pages.studio.index.copy.10", "Select a member to invoke."),
-        description:
-          t("pages.studio.index.copy.11", "Select a member from Team members first, or continue from Bind, so Invoke stays pinned to one member."),
+        message: t('pages.studio.index.copy.10', 'Select a member to invoke.'),
+        description: t(
+          'pages.studio.index.copy.11',
+          'Select a member from Team members first, or continue from Bind, so Invoke stays pinned to one member.',
+        ),
         type: 'info' as const,
       };
     }
 
     return {
-      message: t("pages.studio.index.copy.12", "{value1} cannot be invoked directly yet.", { value1: invokeTargetLabel || '当前成员' }),
-      description:
-        t("pages.studio.index.copy.13", "In the current team context, this member does not expose a published callable contract yet."),
+      message: t(
+        'pages.studio.index.copy.12',
+        '{value1} cannot be invoked directly yet.',
+        { value1: invokeTargetLabel || '当前成员' },
+      ),
+      description: t(
+        'pages.studio.index.copy.13',
+        'In the current team context, this member does not expose a published callable contract yet.',
+      ),
       type: 'warning' as const,
     };
   }, [
@@ -9157,9 +9191,8 @@ const StudioPage: React.FC = () => {
       return;
     }
 
-    const fallbackEndpointId = resolveStudioServiceDefaultEndpointId(
-      selectedService,
-    );
+    const fallbackEndpointId =
+      resolveStudioServiceDefaultEndpointId(selectedService);
     if (!fallbackEndpointId) {
       return;
     }
@@ -9236,18 +9269,29 @@ const StudioPage: React.FC = () => {
           queryKey: studioTeamSummaryQueryKey,
         }),
         queryClient.invalidateQueries({
-          queryKey: ['teams', 'team-summary', resolvedStudioScopeId, resolvedStudioTeamId],
+          queryKey: [
+            'teams',
+            'team-summary',
+            resolvedStudioScopeId,
+            resolvedStudioTeamId,
+          ],
         }),
         queryClient.invalidateQueries({
           queryKey: ['teams', 'roster', resolvedStudioScopeId],
         }),
       ]);
-      void message.info(t("pages.studio.index.team.entry.2", "Team entry change submitted. Waiting for sync confirmation."));
-    } catch (error) {
-      void message.error(
-        error instanceof Error
-          ? t("pages.studio.index.entry.member.update.failed.with.detail", "Entry member update failed: {detail}", { detail: error.message })
-          : t("pages.studio.index.entry.member.update.failed", "Entry member update failed."),
+      toast.info(
+        t(
+          'pages.studio.index.team.entry.2',
+          'Team entry change submitted. Waiting for sync confirmation.',
+        ),
+      );
+    } catch {
+      toast.error(
+        t(
+          'pages.studio.index.entry.member.update.failed',
+          'Entry member update failed.',
+        ),
       );
     } finally {
       setInventoryBusyKey('');
@@ -9262,6 +9306,7 @@ const StudioPage: React.FC = () => {
     selectedInventoryEntryMemberId,
     selectedInventoryIsEntryMember,
     studioTeamSummaryQueryKey,
+    toast,
   ]);
   const selectedInventoryWorkflowId = useMemo(
     () =>
@@ -9333,7 +9378,9 @@ const StudioPage: React.FC = () => {
         resolvedStudioScopeId &&
         selectedInventoryResolvedMemberId),
   );
-  const selectedInventoryDeleteTitle = selectedInventoryMemberKey.startsWith('member:')
+  const selectedInventoryDeleteTitle = selectedInventoryMemberKey.startsWith(
+    'member:',
+  )
     ? selectedInventoryCanDelete
       ? `Delete ${selectedInventoryLabel}`
       : 'Select a synced Studio member to delete.'
@@ -9356,11 +9403,13 @@ const StudioPage: React.FC = () => {
       }
 
       const memberLabel =
-        trimOptional(targetMemberSummary?.displayName) || memberId || 'this member';
+        trimOptional(targetMemberSummary?.displayName) ||
+        memberId ||
+        'this member';
 
       Modal.confirm({
         autoFocusButton: 'cancel',
-        cancelText: t("pages.studio.index.keep.member.3", "Keep member"),
+        cancelText: t('pages.studio.index.keep.member.3', 'Keep member'),
         centered: true,
         content: (
           <div style={{ display: 'grid', gap: 12 }}>
@@ -9371,11 +9420,11 @@ const StudioPage: React.FC = () => {
                 lineHeight: '20px',
               }}
             >
-              {t("pages.studio.index.delete.member.confirm.body", "Delete")}
-              <strong>{memberLabel}</strong>{" "}
+              {t('pages.studio.index.delete.member.confirm.body', 'Delete')}
+              <strong>{memberLabel}</strong>{' '}
               {t(
-                "pages.studio.index.delete.member.confirm.body.suffix",
-                "from the current member inventory?",
+                'pages.studio.index.delete.member.confirm.body.suffix',
+                'from the current member inventory?',
               )}
             </Typography.Text>
             <div
@@ -9396,7 +9445,7 @@ const StudioPage: React.FC = () => {
                   letterSpacing: 0,
                 }}
               >
-                {t("pages.studio.index.member.authority", "Member authority")}
+                {t('pages.studio.index.member.authority', 'Member authority')}
               </Typography.Text>
               <Typography.Text
                 style={{
@@ -9406,8 +9455,8 @@ const StudioPage: React.FC = () => {
                 }}
               >
                 {t(
-                  "pages.studio.index.delete.member.authority.warning",
-                  "This removes the Studio member authority and team roster entry. Published service artifacts, revisions, and historical runs stay intact.",
+                  'pages.studio.index.delete.member.authority.warning',
+                  'This removes the Studio member authority and team roster entry. Published service artifacts, revisions, and historical runs stay intact.',
                 )}
               </Typography.Text>
             </div>
@@ -9417,8 +9466,11 @@ const StudioPage: React.FC = () => {
         okButtonProps: {
           danger: true,
         },
-        okText: t("pages.studio.index.delete.member.3", "Delete member"),
-        title: t("pages.studio.index.delete.studio.member", "Delete Studio member"),
+        okText: t('pages.studio.index.delete.member.3', 'Delete member'),
+        title: t(
+          'pages.studio.index.delete.studio.member',
+          'Delete Studio member',
+        ),
         width: 460,
         onOk: async () => {
           setInventoryBusyKey(memberKey);
@@ -9439,10 +9491,10 @@ const StudioPage: React.FC = () => {
             }
 
             if (!alreadyDeleted) {
-              void message.info(
+              toast.info(
                 t(
-                  "pages.studio.index.delete.member.submitted",
-                  "Deletion submitted. Waiting for confirmation.",
+                  'pages.studio.index.delete.member.submitted',
+                  'Deletion submitted. Waiting for confirmation.',
                 ),
               );
             }
@@ -9475,10 +9527,20 @@ const StudioPage: React.FC = () => {
                   queryKey: studioTeamSummaryQueryKey,
                 }),
                 queryClient.invalidateQueries({
-                  queryKey: ['teams', 'team-summary', scopeId, resolvedStudioTeamId],
+                  queryKey: [
+                    'teams',
+                    'team-summary',
+                    scopeId,
+                    resolvedStudioTeamId,
+                  ],
                 }),
                 queryClient.invalidateQueries({
-                  queryKey: ['teams', 'team-members', scopeId, resolvedStudioTeamId],
+                  queryKey: [
+                    'teams',
+                    'team-members',
+                    scopeId,
+                    resolvedStudioTeamId,
+                  ],
                 }),
               );
             }
@@ -9492,8 +9554,10 @@ const StudioPage: React.FC = () => {
             const deletedMemberKey = buildBackendMemberKey(memberId);
             if (
               selectedInventoryMemberKey === memberKey ||
-              trimOptional(deletedMemberKey) === trimOptional(workbenchMemberKey) ||
-              trimOptional(deletedMemberKey) === trimOptional(routeState.memberKey)
+              trimOptional(deletedMemberKey) ===
+                trimOptional(workbenchMemberKey) ||
+              trimOptional(deletedMemberKey) ===
+                trimOptional(routeState.memberKey)
             ) {
               pinnedRouteBackendMemberIdRef.current = '';
               suppressBuildMemberRoutePersistenceRef.current = true;
@@ -9515,24 +9579,26 @@ const StudioPage: React.FC = () => {
               );
             }
 
-            void message.success(
-              t("pages.studio.index.deleted.member", "Deleted member {member}.", {
-                member: memberLabel,
-              }),
+            toast.success(
+              t(
+                'pages.studio.index.deleted.member',
+                'Deleted member {member}.',
+                {
+                  member: memberLabel,
+                },
+              ),
             );
           } catch (error) {
-            void message.error(
+            toast.error(
               error instanceof StudioMemberDeletionNotConfirmedError
                 ? t(
-                    "pages.studio.index.delete.member.not.confirmed",
-                    "Deletion was not confirmed. The member remains in the list; refresh and retry.",
+                    'pages.studio.index.delete.member.not.confirmed',
+                    'Deletion was not confirmed. The member remains in the list; refresh and retry.',
                   )
-                : error instanceof Error
-                  ? error.message
-                  : t(
-                      "pages.studio.index.failed.delete.member",
-                      "Failed to delete member.",
-                    ),
+                : t(
+                    'pages.studio.index.failed.delete.member',
+                    'Failed to delete member.',
+                  ),
             );
           } finally {
             setInventoryBusyKey('');
@@ -9554,6 +9620,7 @@ const StudioPage: React.FC = () => {
       studioScopeMembers,
       studioSurface,
       studioTeamSummaryQueryKey,
+      toast,
       workbenchMemberKey,
     ],
   );
@@ -9734,12 +9801,15 @@ const StudioPage: React.FC = () => {
               const workflowMemberKey =
                 buildWorkflowMemberKeyFromSummary(selectedWorkflowSummary) ||
                 (`workflow:${workflowId}` as const);
-              const memberRouteKey =
-                selectedMemberId ? `member:${selectedMemberId}` : normalizedMemberKey;
+              const memberRouteKey = selectedMemberId
+                ? `member:${selectedMemberId}`
+                : normalizedMemberKey;
               pinnedRouteBackendMemberIdRef.current =
-                selectedMemberId || readMemberIdFromMemberKey(normalizedMemberKey);
+                selectedMemberId ||
+                readMemberIdFromMemberKey(normalizedMemberKey);
               setPinnedRouteBackendMemberId(
-                selectedMemberId || readMemberIdFromMemberKey(normalizedMemberKey),
+                selectedMemberId ||
+                  readMemberIdFromMemberKey(normalizedMemberKey),
               );
               setSelectedWorkflowId(workflowId);
               setSelectedScriptId('');
@@ -9756,13 +9826,23 @@ const StudioPage: React.FC = () => {
                   returnTo: routeState.returnTo || undefined,
                   memberKey: memberRouteKey,
                   focus: workflowMemberKey,
-                  step: shouldOpenWorkflowBuild ? 'build' : currentLifecycleStep,
+                  step: shouldOpenWorkflowBuild
+                    ? 'build'
+                    : currentLifecycleStep,
                   tab: shouldOpenWorkflowBuild ? 'studio' : undefined,
                 }),
               );
             } else {
-              void message.warning(
-                t("pages.studio.index.could.not.find.workflow.draft.for.member", "Could not find a workflow draft for {member}.", { member: memberImplementationName || t("pages.studio.index.this.member", "this member") }),
+              toast.warning(
+                t(
+                  'pages.studio.index.could.not.find.workflow.draft.for.member',
+                  'Could not find a workflow draft for {member}.',
+                  {
+                    member:
+                      memberImplementationName ||
+                      t('pages.studio.index.this.member', 'this member'),
+                  },
+                ),
               );
             }
             return;
@@ -9779,12 +9859,15 @@ const StudioPage: React.FC = () => {
                     normalizeComparableText(selectedMemberServiceId),
               )?.script?.scriptId;
             if (scriptId) {
-              const memberKey =
-                selectedMemberId ? `member:${selectedMemberId}` : normalizedMemberKey;
+              const memberKey = selectedMemberId
+                ? `member:${selectedMemberId}`
+                : normalizedMemberKey;
               pinnedRouteBackendMemberIdRef.current =
-                selectedMemberId || readMemberIdFromMemberKey(normalizedMemberKey);
+                selectedMemberId ||
+                readMemberIdFromMemberKey(normalizedMemberKey);
               setPinnedRouteBackendMemberId(
-                selectedMemberId || readMemberIdFromMemberKey(normalizedMemberKey),
+                selectedMemberId ||
+                  readMemberIdFromMemberKey(normalizedMemberKey),
               );
               setSelectedWorkflowId('');
               setSelectedScriptId(scriptId);
@@ -9803,20 +9886,31 @@ const StudioPage: React.FC = () => {
                 }),
               );
             } else {
-              void message.warning(
-                t("pages.studio.index.could.not.find.workspace.script.for.member", "Could not find a workspace script for {member}.", { member: memberImplementationName || t("pages.studio.index.this.member", "this member") }),
+              toast.warning(
+                t(
+                  'pages.studio.index.could.not.find.workspace.script.for.member',
+                  'Could not find a workspace script for {member}.',
+                  {
+                    member:
+                      memberImplementationName ||
+                      t('pages.studio.index.this.member', 'this member'),
+                  },
+                ),
               );
             }
             return;
           }
 
           if (memberImplementationKind === 'gagent') {
-            const memberKey =
-              selectedMemberId ? `member:${selectedMemberId}` : normalizedMemberKey;
+            const memberKey = selectedMemberId
+              ? `member:${selectedMemberId}`
+              : normalizedMemberKey;
             pinnedRouteBackendMemberIdRef.current =
-              selectedMemberId || readMemberIdFromMemberKey(normalizedMemberKey);
+              selectedMemberId ||
+              readMemberIdFromMemberKey(normalizedMemberKey);
             setPinnedRouteBackendMemberId(
-              selectedMemberId || readMemberIdFromMemberKey(normalizedMemberKey),
+              selectedMemberId ||
+                readMemberIdFromMemberKey(normalizedMemberKey),
             );
             setSelectedWorkflowId('');
             setSelectedScriptId('');
@@ -9852,8 +9946,16 @@ const StudioPage: React.FC = () => {
             return;
           }
 
-          void message.warning(
-            t("pages.studio.index.could.not.find.published.service.for.member", "Could not find a published service for {member}.", { member: memberImplementationName || t("pages.studio.index.this.member", "this member") }),
+          toast.warning(
+            t(
+              'pages.studio.index.could.not.find.published.service.for.member',
+              'Could not find a published service for {member}.',
+              {
+                member:
+                  memberImplementationName ||
+                  t('pages.studio.index.this.member', 'this member'),
+              },
+            ),
           );
           return;
         }
@@ -9869,16 +9971,16 @@ const StudioPage: React.FC = () => {
             selectedMemberSummary?.implementationKind ||
               selectedPublishedMember?.revision?.implementationKind,
           );
-        const selectedMemberOwnerKey =
-          selectedWorkflowIdForMember
-            ? buildWorkflowMemberKeyFromSummary(selectedPublishedMember?.matchedWorkflow)
-            : selectedScriptIdForMember
-              ? `script:${selectedScriptIdForMember}`
-              : normalizedMemberKey;
+        const selectedMemberOwnerKey = selectedWorkflowIdForMember
+          ? buildWorkflowMemberKeyFromSummary(
+              selectedPublishedMember?.matchedWorkflow,
+            )
+          : selectedScriptIdForMember
+            ? `script:${selectedScriptIdForMember}`
+            : normalizedMemberKey;
 
-        const defaultEndpointId = resolveStudioServiceDefaultEndpointId(
-          selectedService,
-        );
+        const defaultEndpointId =
+          resolveStudioServiceDefaultEndpointId(selectedService);
         bindingSelectionRef.current = {
           serviceId: selectedMemberServiceId,
           endpointId: defaultEndpointId,
@@ -9898,8 +10000,9 @@ const StudioPage: React.FC = () => {
               scopeId: resolvedStudioScopeId || undefined,
               teamId: routeState.teamId || undefined,
               returnTo: routeState.returnTo || undefined,
-              memberKey:
-                selectedMemberId ? `member:${selectedMemberId}` : normalizedMemberKey,
+              memberKey: selectedMemberId
+                ? `member:${selectedMemberId}`
+                : normalizedMemberKey,
               step: currentLifecycleStep,
             }),
           );
@@ -9943,8 +10046,9 @@ const StudioPage: React.FC = () => {
         }
 
         if (selectedMemberImplementationKind === 'gagent') {
-          const memberKey =
-            selectedMemberId ? `member:${selectedMemberId}` : normalizedMemberKey;
+          const memberKey = selectedMemberId
+            ? `member:${selectedMemberId}`
+            : normalizedMemberKey;
           const agentKind = trimOptional(
             selectedPublishedMember?.revision?.staticAgentKind,
           );
@@ -9990,7 +10094,6 @@ const StudioPage: React.FC = () => {
         setStudioSurface('build');
         return;
       }
-
     },
     [
       activeWorkflowFile,
@@ -10007,6 +10110,7 @@ const StudioPage: React.FC = () => {
       routeState.teamId,
       routeState.returnTo,
       studioSurface,
+      toast,
       visibleWorkflowSummaries,
       workbenchMemberKey,
     ],
@@ -10022,7 +10126,8 @@ const StudioPage: React.FC = () => {
       key: selectedRailMemberKey || currentFocusMemberKey,
       label: currentMemberLabel,
       canDelete:
-        (currentFocusMemberKey.startsWith('workflow:') && Boolean(selectedWorkflowId)) ||
+        (currentFocusMemberKey.startsWith('workflow:') &&
+          Boolean(selectedWorkflowId)) ||
         Boolean(
           readMemberIdFromMemberKey(selectedRailMemberKey) ||
             readMemberIdFromMemberKey(currentFocusMemberKey),
@@ -10039,7 +10144,9 @@ const StudioPage: React.FC = () => {
       selectedWorkflowId ? selectedWorkflowMemberKey : '',
       selectedScriptId ? `script:${selectedScriptId}` : '',
       workbenchStudioMemberId ? `member:${workbenchStudioMemberId}` : '',
-      workbenchPublishedServiceId ? `member:${workbenchPublishedServiceId}` : '',
+      workbenchPublishedServiceId
+        ? `member:${workbenchPublishedServiceId}`
+        : '',
     ];
 
     const addItem = (
@@ -10086,7 +10193,9 @@ const StudioPage: React.FC = () => {
         ? formatStudioMemberLifecycleStage(memberSummary.lifecycleStage)
         : '';
       const memberId = trimOptional(memberSummary?.memberId);
-      const memberPublishedServiceId = trimOptional(memberSummary?.publishedServiceId);
+      const memberPublishedServiceId = trimOptional(
+        memberSummary?.publishedServiceId,
+      );
       const serviceId = trimOptional(service.serviceId);
       const memberDuplicateKeys = buildStudioMemberDuplicateKeys({
         memberSummary,
@@ -10095,94 +10204,113 @@ const StudioPage: React.FC = () => {
         matchedWorkflow,
         matchedScript,
       });
-      addItem({
-        key:
-          `member:${memberId || memberPublishedServiceId || serviceId}`,
-        label:
-          (resolvedStudioTeamId ? trimOptional(memberSummary?.displayName) : '') ||
-          trimOptional(matchedWorkflow?.name) ||
-          trimOptional(matchedScript?.script?.scriptId) ||
-          trimOptional(memberSummary?.displayName) ||
-          trimOptional(service.displayName) ||
-          trimOptional(service.serviceId) ||
-          'Member',
-        description: formatStudioAssetMeta({
-          primary: describeMemberImplementationLabel(
-            memberSummary?.implementationKind || serviceRevision?.implementationKind,
-          ),
-          secondary:
-            trimOptional(memberSummary?.description) ||
-            trimOptional(matchedWorkflow?.description) ||
-            trimOptional(matchedWorkflow?.fileName) ||
-            trimOptional(matchedScript?.script?.definitionActorId) ||
-            (serviceRevision
-              ? formatStudioAssetMeta({
-                  primary:
-                    trimOptional(serviceRevision.workflowName) ||
-                    trimOptional(serviceRevision.scriptId) ||
-                    trimOptional(serviceRevision.staticAgentKind),
-                  secondary:
-                    trimOptional(serviceRevision.primaryActorId) ||
-                    trimOptional(service.primaryActorId),
-                })
+      addItem(
+        {
+          key: `member:${memberId || memberPublishedServiceId || serviceId}`,
+          label:
+            (resolvedStudioTeamId
+              ? trimOptional(memberSummary?.displayName)
               : '') ||
-            'Published member service',
-        }) || 'Published member service.',
-        kind: 'member',
-        meta: formatStudioAssetMeta({
-          primary: trimOptional(service.serviceId) || 'Published service',
-          secondary:
-            trimOptional(memberSummary?.lastBoundRevisionId) ||
-            trimOptional(serviceRevision?.revisionId) ||
-            trimOptional(memberLifecycleLabel) ||
-            trimOptional(service.activeServingRevisionId) ||
-            trimOptional(service.defaultServingRevisionId) ||
-            trimOptional(service.deploymentStatus),
-        }),
-        canDelete: Boolean(memberId),
-        tone: resolveServiceMemberTone(service.deploymentStatus),
-      }, memberDuplicateKeys);
+            trimOptional(matchedWorkflow?.name) ||
+            trimOptional(matchedScript?.script?.scriptId) ||
+            trimOptional(memberSummary?.displayName) ||
+            trimOptional(service.displayName) ||
+            trimOptional(service.serviceId) ||
+            'Member',
+          description:
+            formatStudioAssetMeta({
+              primary: describeMemberImplementationLabel(
+                memberSummary?.implementationKind ||
+                  serviceRevision?.implementationKind,
+              ),
+              secondary:
+                trimOptional(memberSummary?.description) ||
+                trimOptional(matchedWorkflow?.description) ||
+                trimOptional(matchedWorkflow?.fileName) ||
+                trimOptional(matchedScript?.script?.definitionActorId) ||
+                (serviceRevision
+                  ? formatStudioAssetMeta({
+                      primary:
+                        trimOptional(serviceRevision.workflowName) ||
+                        trimOptional(serviceRevision.scriptId) ||
+                        trimOptional(serviceRevision.staticAgentKind),
+                      secondary:
+                        trimOptional(serviceRevision.primaryActorId) ||
+                        trimOptional(service.primaryActorId),
+                    })
+                  : '') ||
+                'Published member service',
+            }) || 'Published member service.',
+          kind: 'member',
+          meta: formatStudioAssetMeta({
+            primary: trimOptional(service.serviceId) || 'Published service',
+            secondary:
+              trimOptional(memberSummary?.lastBoundRevisionId) ||
+              trimOptional(serviceRevision?.revisionId) ||
+              trimOptional(memberLifecycleLabel) ||
+              trimOptional(service.activeServingRevisionId) ||
+              trimOptional(service.defaultServingRevisionId) ||
+              trimOptional(service.deploymentStatus),
+          }),
+          canDelete: Boolean(memberId),
+          tone: resolveServiceMemberTone(service.deploymentStatus),
+        },
+        memberDuplicateKeys,
+      );
     }
 
     for (const memberSummary of studioScopeMembers) {
       const memberId = trimOptional(memberSummary.memberId);
-      const memberPublishedServiceId = trimOptional(memberSummary.publishedServiceId);
+      const memberPublishedServiceId = trimOptional(
+        memberSummary.publishedServiceId,
+      );
       if (!memberId && !memberPublishedServiceId) {
         continue;
       }
 
       const itemMemberKey = `member:${memberId || memberPublishedServiceId}`;
-      const implementationKind =
-        normalizeStudioMemberBindingImplementationKind(memberSummary.implementationKind);
-      addItem({
-        key: itemMemberKey,
-        label:
-          trimOptional(memberSummary.displayName) ||
-          trimOptional(memberSummary.memberId) ||
-          'Member',
-        description: formatStudioAssetMeta({
-          primary: describeMemberImplementationLabel(memberSummary.implementationKind),
-          secondary:
-            trimOptional(memberSummary.description) ||
-            formatStudioMemberLifecycleStage(memberSummary.lifecycleStage) ||
-            'Backend member authority',
-        }) || 'Backend member authority.',
-        canDelete: Boolean(memberId),
-        canRename: Boolean(memberId),
-        kind: 'member',
-        meta: formatStudioAssetMeta({
-          primary:
-            trimOptional(memberSummary.lastBoundRevisionId) ||
-            formatStudioMemberLifecycleStage(memberSummary.lifecycleStage),
-          secondary: memberPublishedServiceId || trimOptional(memberSummary.updatedAt),
-        }),
-        tone:
-          currentFocusMemberKey === itemMemberKey
-            ? 'live'
-            : implementationKind === 'gagent' && !trimOptional(memberSummary.lastBoundRevisionId)
-              ? 'draft'
-              : 'idle',
-      }, buildStudioMemberDuplicateKeys({ memberSummary }));
+      const implementationKind = normalizeStudioMemberBindingImplementationKind(
+        memberSummary.implementationKind,
+      );
+      addItem(
+        {
+          key: itemMemberKey,
+          label:
+            trimOptional(memberSummary.displayName) ||
+            trimOptional(memberSummary.memberId) ||
+            'Member',
+          description:
+            formatStudioAssetMeta({
+              primary: describeMemberImplementationLabel(
+                memberSummary.implementationKind,
+              ),
+              secondary:
+                trimOptional(memberSummary.description) ||
+                formatStudioMemberLifecycleStage(
+                  memberSummary.lifecycleStage,
+                ) ||
+                'Backend member authority',
+            }) || 'Backend member authority.',
+          canDelete: Boolean(memberId),
+          canRename: Boolean(memberId),
+          kind: 'member',
+          meta: formatStudioAssetMeta({
+            primary:
+              trimOptional(memberSummary.lastBoundRevisionId) ||
+              formatStudioMemberLifecycleStage(memberSummary.lifecycleStage),
+            secondary:
+              memberPublishedServiceId || trimOptional(memberSummary.updatedAt),
+          }),
+          tone:
+            currentFocusMemberKey === itemMemberKey
+              ? 'live'
+              : implementationKind === 'gagent' &&
+                  !trimOptional(memberSummary.lastBoundRevisionId)
+                ? 'draft'
+                : 'idle',
+        },
+        buildStudioMemberDuplicateKeys({ memberSummary }),
+      );
     }
 
     if (!resolvedStudioTeamId) {
@@ -10201,28 +10329,29 @@ const StudioPage: React.FC = () => {
           `workflow:${trimOptional(workflow.fileName).replace(/\.(ya?ml)$/i, '')}`,
         ];
 
-        addItem({
-          key: workflowMemberKey,
-          label: workflow.name,
-          description: formatStudioAssetMeta({
-            primary: 'Workflow implementation',
-            secondary:
-              trimOptional(workflow.description) ||
-              trimOptional(workflow.fileName) ||
-              'Workspace workflow draft',
-          }) || 'Workspace workflow draft',
-          canDelete: true,
-          canRename: true,
-          kind: 'member',
-          meta: formatStudioAssetMeta({
-            primary: `${workflow.stepCount} steps`,
-            secondary: workflow.directoryLabel || workflow.fileName,
-          }),
-          tone:
-            currentFocusMemberKey === workflowMemberKey
-              ? 'live'
-              : 'idle',
-        }, workflowDuplicateKeys);
+        addItem(
+          {
+            key: workflowMemberKey,
+            label: workflow.name,
+            description:
+              formatStudioAssetMeta({
+                primary: 'Workflow implementation',
+                secondary:
+                  trimOptional(workflow.description) ||
+                  trimOptional(workflow.fileName) ||
+                  'Workspace workflow draft',
+              }) || 'Workspace workflow draft',
+            canDelete: true,
+            canRename: true,
+            kind: 'member',
+            meta: formatStudioAssetMeta({
+              primary: `${workflow.stepCount} steps`,
+              secondary: workflow.directoryLabel || workflow.fileName,
+            }),
+            tone: currentFocusMemberKey === workflowMemberKey ? 'live' : 'idle',
+          },
+          workflowDuplicateKeys,
+        );
       }
 
       for (const scriptDetail of availableScopeScripts) {
@@ -10233,12 +10362,13 @@ const StudioPage: React.FC = () => {
         addItem({
           key: `script:${scriptId}`,
           label: scriptId,
-          description: formatStudioAssetMeta({
-            primary: 'Script implementation',
-            secondary:
-              trimOptional(scriptDetail.script?.definitionActorId) ||
-              'Workspace script behavior',
-          }) || 'Workspace script behavior',
+          description:
+            formatStudioAssetMeta({
+              primary: 'Script implementation',
+              secondary:
+                trimOptional(scriptDetail.script?.definitionActorId) ||
+                'Workspace script behavior',
+            }) || 'Workspace script behavior',
           kind: 'member',
           meta: formatStudioAssetMeta({
             primary: scriptDetail.script?.activeRevision || '',
@@ -10330,15 +10460,15 @@ const StudioPage: React.FC = () => {
       selectedWorkflowId ||
         (selectedScriptId
           ? activeScriptPublishedServiceId ||
-            ((scriptBuildState?.scriptId === selectedScriptId &&
+            (scriptBuildState?.scriptId === selectedScriptId &&
               !scriptBuildState.dirty &&
               scriptBuildState.saveStatus === 'applied') ||
-              (lastAppliedScriptBuildState?.scriptId === selectedScriptId &&
-                !lastAppliedScriptBuildState.dirty &&
-                lastAppliedScriptBuildState.saveStatus === 'applied'))
+            (lastAppliedScriptBuildState?.scriptId === selectedScriptId &&
+              !lastAppliedScriptBuildState.dirty &&
+              lastAppliedScriptBuildState.saveStatus === 'applied')
           : false) ||
         workbenchPublishedService ||
-        (isBuildGAgentSurface && trimOptional(selectedAgentKind))
+        (isBuildGAgentSurface && trimOptional(selectedAgentKind)),
     );
   const selectedMemberCanInvoke =
     selectedMemberCanBind &&
@@ -10346,40 +10476,51 @@ const StudioPage: React.FC = () => {
     Boolean(invokeTargetServiceId) &&
     Boolean(invokeTargetDefaultEndpointId);
   const lifecycleSteps = useMemo<readonly StudioLifecycleStep[]>(
-    () => isScriptBuildLaunchpadEmpty
-      ? []
-      : [
-      {
-        key: 'build',
-        label: 'Build',
-        description:
-          t("pages.studio.index.edit.the.selected.member.implementation.2", "Edit the selected member implementation with workflow, script, or GAgent tools."),
-        status: currentLifecycleStep === 'build' ? 'active' : 'available',
-      },
-      {
-        key: 'bind',
-        label: 'Bind',
-        description:
-          t("pages.studio.index.inspect.published.services.binding.revisions.2", "Inspect published services, binding revisions, and serving state for the selected member."),
-        status: currentLifecycleStep === 'bind' ? 'active' : 'available',
-        disabled: !resolvedStudioScopeId || !selectedMemberCanBind,
-      },
-      {
-        key: 'invoke',
-        label: 'Invoke',
-        description:
-          t("pages.studio.index.invoke.the.selected.member.in.2", "Invoke the selected member in-place and carry the trace forward into runtime runs."),
-        status: currentLifecycleStep === 'invoke' ? 'active' : 'available',
-        disabled: !resolvedStudioScopeId || !selectedMemberCanInvoke,
-      },
-      {
-        key: 'observe',
-        label: 'Observe',
-        description:
-          t("pages.studio.index.open.execution.traces.and.run.2", "Open execution traces and run posture for the selected member."),
-        status: currentLifecycleStep === 'observe' ? 'active' : 'available',
-      },
-    ],
+    () =>
+      isScriptBuildLaunchpadEmpty
+        ? []
+        : [
+            {
+              key: 'build',
+              label: 'Build',
+              description: t(
+                'pages.studio.index.edit.the.selected.member.implementation.2',
+                'Edit the selected member implementation with workflow, script, or GAgent tools.',
+              ),
+              status: currentLifecycleStep === 'build' ? 'active' : 'available',
+            },
+            {
+              key: 'bind',
+              label: 'Bind',
+              description: t(
+                'pages.studio.index.inspect.published.services.binding.revisions.2',
+                'Inspect published services, binding revisions, and serving state for the selected member.',
+              ),
+              status: currentLifecycleStep === 'bind' ? 'active' : 'available',
+              disabled: !resolvedStudioScopeId || !selectedMemberCanBind,
+            },
+            {
+              key: 'invoke',
+              label: 'Invoke',
+              description: t(
+                'pages.studio.index.invoke.the.selected.member.in.2',
+                'Invoke the selected member in-place and carry the trace forward into runtime runs.',
+              ),
+              status:
+                currentLifecycleStep === 'invoke' ? 'active' : 'available',
+              disabled: !resolvedStudioScopeId || !selectedMemberCanInvoke,
+            },
+            {
+              key: 'observe',
+              label: 'Observe',
+              description: t(
+                'pages.studio.index.open.execution.traces.and.run.2',
+                'Open execution traces and run posture for the selected member.',
+              ),
+              status:
+                currentLifecycleStep === 'observe' ? 'active' : 'available',
+            },
+          ],
     [
       currentLifecycleStep,
       isScriptBuildLaunchpadEmpty,
@@ -10389,133 +10530,139 @@ const StudioPage: React.FC = () => {
     ],
   );
   const buildModeDefinitions = useMemo(
-    () => getDefaultBuildModeCards(Boolean(appContextQuery.data?.features.scripts)),
+    () =>
+      getDefaultBuildModeCards(Boolean(appContextQuery.data?.features.scripts)),
     [appContextQuery.data?.features.scripts],
   );
-  const buildModeCards = isBuildSurface && !isScriptBuildLaunchpadEmpty ? (
-    <div
-      data-testid="studio-build-mode-switcher"
-      style={{
-        display: 'grid',
-        gap: 4,
-      }}
-    >
+  const buildModeCards =
+    isBuildSurface && !isScriptBuildLaunchpadEmpty ? (
       <div
+        data-testid="studio-build-mode-switcher"
         style={{
-          alignItems: 'center',
-          display: 'flex',
-          gap: 8,
+          display: 'grid',
+          gap: 4,
         }}
       >
         <div
           style={{
-            color: '#8b7b63',
-            fontSize: 10,
-            fontWeight: 700,
-            letterSpacing: 0,
-            textTransform: 'uppercase',
+            alignItems: 'center',
+            display: 'flex',
+            gap: 8,
           }}
         >
-          {t("pages.studio.index.construction.mode.2", "Construction Mode")}</div>
-        <InlineInfoButton
-          ariaLabel="Open construction mode help"
-          content={
-            <div style={{ display: 'grid', gap: 8 }}>
-              <div>{t("pages.studio.index.build.member.workbench.authoring", "The Build phase first determines which implementation method is used for the current member, and then directly completes authoring and dry-run in the same workbench.")}</div>
-              {buildModeDefinitions.map((item) => (
-                <div
-                  key={item.key}
-                  style={{
-                    display: 'grid',
-                    gap: 2,
-                  }}
-                >
-                  <strong style={{ color: '#1f2937', fontSize: 12 }}>
-                    {item.label}
-                  </strong>
-                  <span>{item.description}</span>
-                  <span style={{ color: '#8b7b63', fontSize: 11 }}>
-                    {item.hint}
-                  </span>
+          <div
+            style={{
+              color: '#8b7b63',
+              fontSize: 10,
+              fontWeight: 700,
+              letterSpacing: 0,
+              textTransform: 'uppercase',
+            }}
+          >
+            {t('pages.studio.index.construction.mode.2', 'Construction Mode')}
+          </div>
+          <InlineInfoButton
+            ariaLabel="Open construction mode help"
+            content={
+              <div style={{ display: 'grid', gap: 8 }}>
+                <div>
+                  {t(
+                    'pages.studio.index.build.member.workbench.authoring',
+                    'The Build phase first determines which implementation method is used for the current member, and then directly completes authoring and dry-run in the same workbench.',
+                  )}
                 </div>
-              ))}
-            </div>
-          }
-        />
-      </div>
-      <div
-        style={{
-          background: '#efece4',
-          border: '1px solid #e5e0d4',
-          borderRadius: 999,
-          display: 'inline-flex',
-          gap: 2,
-          padding: 3,
-          width: '100%',
-        }}
-      >
-        {buildModeDefinitions.map((item) => {
-          const active = activeBuildMode === item.key;
-          const disabled = item.disabled || buildModeLocked;
-
-          return (
-            <button
-              key={item.key}
-              type="button"
-              aria-pressed={active}
-              className={AEVATAR_INTERACTIVE_CHIP_CLASS}
-              disabled={disabled}
-              onClick={() => void handleSelectBuildMode(item.key)}
-              title={
-                buildModeLocked
-                  ? t("pages.studio.index.member.type.locked.after.creation", "Member type is fixed after this member is created.")
-                  : undefined
-              }
-              style={{
-                alignItems: 'center',
-                background: active ? '#17130c' : 'transparent',
-                border: '1px solid transparent',
-                borderRadius: 999,
-                color: active ? '#fbfaf6' : '#5f574b',
-                cursor: disabled ? 'not-allowed' : 'pointer',
-                display: 'inline-flex',
-                flex: 1,
-                fontSize: 11,
-                fontWeight: 700,
-                height: 28,
-                justifyContent: 'center',
-                minWidth: 0,
-                opacity: disabled && !active ? 0.58 : 1,
-                padding: '0 10px',
-                transition:
-                  'background-color 0.18s ease, color 0.18s ease',
-              }}
-            >
-              {item.label}
-            </button>
-          );
-        })}
+                {buildModeDefinitions.map((item) => (
+                  <div
+                    key={item.key}
+                    style={{
+                      display: 'grid',
+                      gap: 2,
+                    }}
+                  >
+                    <strong style={{ color: '#1f2937', fontSize: 12 }}>
+                      {item.label}
+                    </strong>
+                    <span>{item.description}</span>
+                    <span style={{ color: '#8b7b63', fontSize: 11 }}>
+                      {item.hint}
+                    </span>
+                  </div>
+                ))}
+              </div>
+            }
+          />
+        </div>
+        <div
+          style={{
+            display: 'inline-flex',
+            gap: 4,
+            width: '100%',
+          }}
+        >
+          {buildModeDefinitions.map((item) => {
+            const active = activeBuildMode === item.key;
+            const disabled = item.disabled || buildModeLocked;
+
+            return (
+              <button
+                key={item.key}
+                type="button"
+                aria-pressed={active}
+                className={AEVATAR_INTERACTIVE_CHIP_CLASS}
+                disabled={disabled}
+                onClick={() => void handleSelectBuildMode(item.key)}
+                title={
+                  buildModeLocked
+                    ? t(
+                        'pages.studio.index.member.type.locked.after.creation',
+                        'Member type is fixed after this member is created.',
+                      )
+                    : undefined
+                }
+                style={{
+                  alignItems: 'center',
+                  background: active ? '#eef4ff' : '#faf7f0',
+                  border: active ? '1px solid #6b8cff' : '1px solid #eadfcd',
+                  borderRadius: 999,
+                  color: active ? '#2f54eb' : '#1f2937',
+                  cursor: disabled ? 'not-allowed' : 'pointer',
+                  display: 'inline-flex',
+                  flex: 1,
+                  fontSize: 11,
+                  fontWeight: 700,
+                  height: 28,
+                  justifyContent: 'center',
+                  minWidth: 0,
+                  opacity: disabled && !active ? 0.58 : 1,
+                  padding: '0 10px',
+                  transition:
+                    'border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease',
+                }}
+              >
+                {item.label}
+              </button>
+            );
+          })}
+        </div>
       </div>
-    </div>
-  ) : null;
+    ) : null;
 
-  const currentMemberExecutions = useMemo(
-    () => {
-      const executions = observeServiceRuns.map((run) => toObserveExecutionSummary(run));
-      if (!observeFallbackExecution) {
-        return executions;
-      }
+  const currentMemberExecutions = useMemo(() => {
+    const executions = observeServiceRuns.map((run) =>
+      toObserveExecutionSummary(run),
+    );
+    if (!observeFallbackExecution) {
+      return executions;
+    }
 
-      return executions.some(
-        (execution) =>
-          trimOptional(execution.executionId) ===
-          trimOptional(observeFallbackExecution.executionId),
-      )
-        ? executions
-        : [observeFallbackExecution, ...executions];
-    },
-    [observeFallbackExecution, observeServiceRuns],
-  );
+    return executions.some(
+      (execution) =>
+        trimOptional(execution.executionId) ===
+        trimOptional(observeFallbackExecution.executionId),
+    )
+      ? executions
+      : [observeFallbackExecution, ...executions];
+  }, [observeFallbackExecution, observeServiceRuns]);
   const currentMemberExecutionIds = useMemo(
     () => new Set(currentMemberExecutions.map((item) => item.executionId)),
     [currentMemberExecutions],
@@ -10566,7 +10713,7 @@ const StudioPage: React.FC = () => {
         ? toObserveExecutionDetail(selectedObserveRunAuditQuery.data)
         : selectedExecutionInCurrentMember && selectedObserveFallbackExecution
           ? selectedObserveFallbackExecution
-        : undefined,
+          : undefined,
     error: selectedObserveRunAuditQuery.error,
     isError: selectedObserveRunAuditQuery.isError,
     isLoading: selectedObserveRunAuditQuery.isLoading,
@@ -10585,9 +10732,10 @@ const StudioPage: React.FC = () => {
     isError: observeServiceRunsQuery.isError,
     isLoading: observeServiceRunsQuery.isLoading,
   };
-  const observeImplementationKind = normalizeStudioMemberBindingImplementationKind(
-    workbenchPublishedServiceRevision?.implementationKind,
-  );
+  const observeImplementationKind =
+    normalizeStudioMemberBindingImplementationKind(
+      workbenchPublishedServiceRevision?.implementationKind,
+    );
   const observeCurrentImplementationLabel =
     trimOptional(observeSelectedExecution.data?.workflowName) ||
     (observeImplementationKind === 'workflow'
@@ -10597,23 +10745,36 @@ const StudioPage: React.FC = () => {
   const executionCanStop = isExecutionStopAllowed(
     selectedExecutionQuery.data?.status ||
       (selectedObserveBackendRunSummary
-        ? normalizeObserveRunStatus(selectedObserveBackendRunSummary.completionStatus)
+        ? normalizeObserveRunStatus(
+            selectedObserveBackendRunSummary.completionStatus,
+          )
         : selectedObserveFallbackExecution?.status),
   );
   const observeEmptyState = useMemo(() => {
     if (!hasSelectedMemberFocus) {
       return {
-        title: t("pages.studio.index.select.member.to.observe.2", "Select a member to observe."),
-        description:
-          t("pages.studio.index.choose.member.from.team.members.2", "Choose a member from Team members first so Observe stays pinned to one member context."),
+        title: t(
+          'pages.studio.index.select.member.to.observe.2',
+          'Select a member to observe.',
+        ),
+        description: t(
+          'pages.studio.index.choose.member.from.team.members.2',
+          'Choose a member from Team members first so Observe stays pinned to one member context.',
+        ),
       };
     }
 
     if (!workbenchPublishedServiceId) {
       return {
-        title: t("pages.studio.index.is.not.bound.yet", "{value1} is not bound yet.", { value1: currentMemberLabel || 'Current member' }),
-        description:
-          t("pages.studio.index.publish.or.bind.this.member.2", "Publish or bind this member first, then Studio can load its runtime runs and audit trail here."),
+        title: t(
+          'pages.studio.index.is.not.bound.yet',
+          '{value1} is not bound yet.',
+          { value1: currentMemberLabel || 'Current member' },
+        ),
+        description: t(
+          'pages.studio.index.publish.or.bind.this.member.2',
+          'Publish or bind this member first, then Studio can load its runtime runs and audit trail here.',
+        ),
       };
     }
 
@@ -10622,7 +10783,11 @@ const StudioPage: React.FC = () => {
       currentMemberExecutions.length === 0
     ) {
       return {
-        title: t("pages.studio.index.no.runs.for.yet", "No runs for {value1} yet.", { value1: currentMemberLabel || 'this member' }),
+        title: t(
+          'pages.studio.index.no.runs.for.yet',
+          'No runs for {value1} yet.',
+          { value1: currentMemberLabel || 'this member' },
+        ),
         description:
           observeImplementationKind === 'workflow'
             ? 'Invoke this member, or start a workflow draft run, then return here to inspect the current member history.'
@@ -10647,62 +10812,92 @@ const StudioPage: React.FC = () => {
     (visibleWorkflowSummaries.length === 0 ||
       Boolean(trimOptional(routeState.legacyServiceId))) &&
     (!appContextQuery.data?.features.scripts || !scopeScriptsQuery.isLoading);
-  const studioContextPrimaryTitle =
-    showWorkflowEntryEmptyState
-      ? hasSelectedMemberFocus
-        ? currentMemberLabel
-      : t("pages.studio.index.select.member", "Select a member")
-      : isBuildEditorSurface
-        ? activeWorkflowName || templateWorkflow || t("pages.studio.index.workflow.2", "Workflow Build")
-        : isBuildGAgentSurface
-          ? hasSelectedMemberFocus
-            ? currentMemberLabel
-            : t("pages.studio.index.gagent.2", "GAgent Build")
+  const studioContextPrimaryTitle = showWorkflowEntryEmptyState
+    ? hasSelectedMemberFocus
+      ? currentMemberLabel
+      : t('pages.studio.index.select.member', 'Select a member')
+    : isBuildEditorSurface
+      ? activeWorkflowName ||
+        templateWorkflow ||
+        t('pages.studio.index.workflow.2', 'Workflow Build')
+      : isBuildGAgentSurface
+        ? hasSelectedMemberFocus
+          ? currentMemberLabel
+          : t('pages.studio.index.gagent.2', 'GAgent Build')
         : isBuildScriptsSurface
           ? isScriptBuildLaunchpadEmpty
-            ? t("pages.studio.index.create.script", "Create a script")
-            : selectedScriptId || t("pages.studio.index.script", "Script Build")
-        : isObserveSurface
-          ? hasSelectedMemberFocus
-            ? currentMemberLabel
-            : t("pages.studio.index.select.member", "Select a member")
-        : isBindSurface
-          ? hasSelectedMemberFocus
-            ? currentMemberLabel
-            : t("pages.studio.index.copy.14", "Member binding")
-          : isInvokeSurface
-            ? currentMemberLabel || t("pages.studio.index.copy.15", "Member invoke")
-            : pageTitle;
-  const studioContextDescriptor =
-    showWorkflowEntryEmptyState
-      ? hasSelectedMemberFocus
-        ? t("pages.studio.index.member.build.surface.bind", "The current member has no editable Build surface yet. You can continue to Bind or Invoke, or explicitly create a new member.")
-        : memberItems.length > 0
-        ? t("pages.studio.index.member.build.create.member", "Select an existing member from the left rail before continuing Build. To add one, explicitly click Create member.")
-        : t("pages.studio.index.team.member.create.member", "This team has no members yet. Explicitly click Create member before entering a new implementation draft.")
-      : isBuildEditorSurface
-        ? t("pages.studio.index.member.workflow.canvas.step", "Continue building around the current member workflow canvas, step details, and dry-run")
-        : isBuildGAgentSurface
-          ? t("pages.studio.index.build.gagent.prompt", "Define the GAgent type, role, initial prompt, tools, and state persistence in Build")
+            ? t('pages.studio.index.create.script', 'Create a script')
+            : selectedScriptId || t('pages.studio.index.script', 'Script Build')
+          : isObserveSurface
+            ? hasSelectedMemberFocus
+              ? currentMemberLabel
+              : t('pages.studio.index.select.member', 'Select a member')
+            : isBindSurface
+              ? hasSelectedMemberFocus
+                ? currentMemberLabel
+                : t('pages.studio.index.copy.14', 'Member binding')
+              : isInvokeSurface
+                ? currentMemberLabel ||
+                  t('pages.studio.index.copy.15', 'Member invoke')
+                : pageTitle;
+  const studioContextDescriptor = showWorkflowEntryEmptyState
+    ? hasSelectedMemberFocus
+      ? t(
+          'pages.studio.index.member.build.surface.bind',
+          'The current member has no editable Build surface yet. You can continue to Bind or Invoke, or explicitly create a new member.',
+        )
+      : memberItems.length > 0
+        ? t(
+            'pages.studio.index.member.build.create.member',
+            'Select an existing member from the left rail before continuing Build. To add one, explicitly click Create member.',
+          )
+        : t(
+            'pages.studio.index.team.member.create.member',
+            'This team has no members yet. Explicitly click Create member before entering a new implementation draft.',
+          )
+    : isBuildEditorSurface
+      ? t(
+          'pages.studio.index.member.workflow.canvas.step',
+          'Continue building around the current member workflow canvas, step details, and dry-run',
+        )
+      : isBuildGAgentSurface
+        ? t(
+            'pages.studio.index.build.gagent.prompt',
+            'Define the GAgent type, role, initial prompt, tools, and state persistence in Build',
+          )
         : isBuildScriptsSurface
           ? isScriptBuildLaunchpadEmpty
-            ? t("pages.studio.index.start.script.draft.before.studio", "Start a script draft before Studio opens editing, validation, or run controls.")
-            : t("pages.studio.index.script.source.diagnostics.dry", "Continue iterating over the current member around script source, diagnostics, and dry-run")
-        : isObserveSurface
-          ? t("pages.studio.index.member", "Continue observing the current member's recent runs, replay, and baseline")
-        : isBindSurface
-            ? t("pages.studio.index.member.published.contract.invoke", "Confirm the current member's published contract and continue to Invoke")
-            : isInvokeSurface
-              ? t("pages.studio.index.copy.16", "Invoke the current member and keep the run observation context")
-              : t("pages.studio.index.copy.17", "Member workbench");
-  const studioBoundServiceLabel =
-    hasSelectedMemberFocus
-      ? trimOptional(routeState.legacyServiceId) ||
-        trimOptional(workbenchPublishedService?.serviceId) ||
-        trimOptional(workbenchStudioMember?.publishedServiceId) ||
-        trimOptional(workbenchStudioMemberSummary?.publishedServiceId) ||
-        t("pages.studio.index.no.bound.service", "No bound service")
-      : '';
+            ? t(
+                'pages.studio.index.start.script.draft.before.studio',
+                'Start a script draft before Studio opens editing, validation, or run controls.',
+              )
+            : t(
+                'pages.studio.index.script.source.diagnostics.dry',
+                'Continue iterating over the current member around script source, diagnostics, and dry-run',
+              )
+          : isObserveSurface
+            ? t(
+                'pages.studio.index.member',
+                "Continue observing the current member's recent runs, replay, and baseline",
+              )
+            : isBindSurface
+              ? t(
+                  'pages.studio.index.member.published.contract.invoke',
+                  "Confirm the current member's published contract and continue to Invoke",
+                )
+              : isInvokeSurface
+                ? t(
+                    'pages.studio.index.copy.16',
+                    'Invoke the current member and keep the run observation context',
+                  )
+                : t('pages.studio.index.copy.17', 'Member workbench');
+  const studioBoundServiceLabel = hasSelectedMemberFocus
+    ? trimOptional(routeState.legacyServiceId) ||
+      trimOptional(workbenchPublishedService?.serviceId) ||
+      trimOptional(workbenchStudioMember?.publishedServiceId) ||
+      trimOptional(workbenchStudioMemberSummary?.publishedServiceId) ||
+      t('pages.studio.index.no.bound.service', 'No bound service')
+    : '';
   const studioContextMetaParts = [
     studioContextDescriptor,
     studioBoundServiceLabel,
@@ -10721,7 +10916,8 @@ const StudioPage: React.FC = () => {
               trimOptional(routeSelectedBackendMemberId) ||
               readMemberIdFromMemberKey(routeState.memberKey) ||
               undefined,
-            serviceId: trimOptional(workbenchPublishedService?.serviceId) || undefined,
+            serviceId:
+              trimOptional(workbenchPublishedService?.serviceId) || undefined,
           })
         : buildTeamDetailHref({
             scopeId: resolvedStudioScopeId,
@@ -10732,10 +10928,10 @@ const StudioPage: React.FC = () => {
               undefined,
           }))
     : buildTeamsHref();
-  const studioReturnLabel = t("pages.studio.index.copy.18", "Back to Team");
+  const studioReturnLabel = t('pages.studio.index.copy.18', 'Back to Team');
   const studioTeamLabel =
     trimOptional(studioTeamSummaryQuery.data?.displayName) ||
-    (routeState.teamId ? t("pages.studio.index.teamBreadcrumb", "Team") : "");
+    (routeState.teamId ? t('pages.studio.index.teamBreadcrumb', 'Team') : '');
   const studioTeamsHref = resolvedStudioScopeId
     ? buildTeamDetailHref({ scopeId: resolvedStudioScopeId })
     : buildTeamsHref();
@@ -10746,7 +10942,7 @@ const StudioPage: React.FC = () => {
         event.preventDefault();
         history.push(studioTeamsHref);
       },
-      title: t("pages.studio.index.teamsBreadcrumb", "Teams"),
+      title: t('pages.studio.index.teamsBreadcrumb', 'Teams'),
     },
     ...(studioTeamLabel
       ? [
@@ -10762,7 +10958,7 @@ const StudioPage: React.FC = () => {
       : []),
     {
       current: true,
-      title: t("pages.studio.index.studioBreadcrumb", "Studio"),
+      title: t('pages.studio.index.studioBreadcrumb', 'Studio'),
     },
   ];
   const currentStudioReturnTo =
@@ -10794,7 +10990,7 @@ const StudioPage: React.FC = () => {
     <div style={inventoryActionsStyle}>
       <div style={inventoryActionRowStyle}>
         <Button
-          aria-label={t("pages.studio.index.create.member.6", "Create member")}
+          aria-label={t('pages.studio.index.create.member.6', 'Create member')}
           className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
           disabled={createMemberButtonDisabled}
           loading={inventoryBusyAction === 'create'}
@@ -10805,7 +11001,8 @@ const StudioPage: React.FC = () => {
             opacity: createMemberButtonDisabled ? 0.56 : 1,
           }}
         >
-          {t("pages.studio.index.create.member.7", "Create member")}</Button>
+          {t('pages.studio.index.create.member.7', 'Create member')}
+        </Button>
         <Button
           aria-label={`Rename ${selectedInventoryLabel}`}
           className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
@@ -10828,7 +11025,8 @@ const StudioPage: React.FC = () => {
                 : 1,
           }}
         >
-          {t("pages.studio.index.rename.2", "Rename")}</Button>
+          {t('pages.studio.index.rename.2', 'Rename')}
+        </Button>
         <Button
           aria-label={`Delete ${selectedInventoryLabel}`}
           className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
@@ -10852,23 +11050,35 @@ const StudioPage: React.FC = () => {
                 : 1,
           }}
         >
-          {t("pages.studio.index.delete.2", "Delete")}</Button>
+          {t('pages.studio.index.delete.2', 'Delete')}
+        </Button>
       </div>
       {selectedInventoryMemberKey ? (
         <div style={inventorySelectionPillStyle}>
-          <span style={inventorySelectionLabelStyle}>{t("pages.studio.index.selected.2", "Selected")}</span>
-          <span style={inventorySelectionValueStyle}>{selectedInventoryLabel}</span>
+          <span style={inventorySelectionLabelStyle}>
+            {t('pages.studio.index.selected.2', 'Selected')}
+          </span>
+          <span style={inventorySelectionValueStyle}>
+            {selectedInventoryLabel}
+          </span>
         </div>
       ) : (
         <div style={inventoryActionsHintStyle}>
-          {t("pages.studio.index.create.workflow.script.or.gagent.2", "Create a Workflow, Script, or GAgent member from this inventory.")}</div>
+          {t(
+            'pages.studio.index.create.workflow.script.or.gagent.2',
+            'Create a Workflow, Script, or GAgent member from this inventory.',
+          )}
+        </div>
       )}
       {canSetSelectedInventoryEntryMember ? (
         selectedInventoryIsEntryMember ? (
           <div style={inventoryEntryPillStyle}>
-            <span style={inventorySelectionLabelStyle}>{t("pages.studio.index.team.invoke.2", "Team invoke")}</span>
+            <span style={inventorySelectionLabelStyle}>
+              {t('pages.studio.index.team.invoke.2', 'Team invoke')}
+            </span>
             <span style={inventorySelectionValueStyle}>
-              {t("pages.studio.index.entry.member.2", "Entry member ·")}{selectedInventoryEntryLabel}
+              {t('pages.studio.index.entry.member.2', 'Entry member ·')}
+              {selectedInventoryEntryLabel}
             </span>
           </div>
         ) : (
@@ -10882,7 +11092,8 @@ const StudioPage: React.FC = () => {
             onClick={() => void handleSetSelectedInventoryEntryMember()}
             style={inventoryEntryButtonStyle}
           >
-            {t("pages.studio.index.set.as.entry.2", "Set as entry")}</Button>
+            {t('pages.studio.index.set.as.entry.2', 'Set as entry')}
+          </Button>
         )
       ) : null}
     </div>
@@ -10895,22 +11106,44 @@ const StudioPage: React.FC = () => {
       <div style={{ display: 'grid', gap: 8 }}>
         <h2 style={memberEmptyStateTitleStyle}>
           {hasSelectedMemberFocus
-            ? t("pages.studio.index.is.not.build.ready.here", "{value1} is not build-ready here", { value1: currentMemberLabel })
+            ? t(
+                'pages.studio.index.is.not.build.ready.here',
+                '{value1} is not build-ready here',
+                { value1: currentMemberLabel },
+              )
             : memberItems.length > 0
-              ? t("pages.studio.index.select.team.member.2", "Select a team member")
-              : t("pages.studio.index.create.your.first.team.member.2", "Create your first team member")}
+              ? t(
+                  'pages.studio.index.select.team.member.2',
+                  'Select a team member',
+                )
+              : t(
+                  'pages.studio.index.create.your.first.team.member.2',
+                  'Create your first team member',
+                )}
         </h2>
         <p style={memberEmptyStateBodyStyle}>
           {hasSelectedMemberFocus
-            ? t("pages.studio.index.this.selected.member.does.not.currently", "This selected member does not currently expose an editable Build surface in Studio. Continue in Bind or Invoke, or create a new member to start from Build.")
+            ? t(
+                'pages.studio.index.this.selected.member.does.not.currently',
+                'This selected member does not currently expose an editable Build surface in Studio. Continue in Bind or Invoke, or create a new member to start from Build.',
+              )
             : memberItems.length > 0
-            ? t("pages.studio.index.pick.an.existing.member.from.team", "Pick an existing member from Team members to continue in Studio, or explicitly create a new member here.")
-            : t("pages.studio.index.studio.no.longer.creates.an.implicit", "Studio no longer creates an implicit draft on entry. Create a member when you are ready to start building.")}
+              ? t(
+                  'pages.studio.index.pick.an.existing.member.from.team',
+                  'Pick an existing member from Team members to continue in Studio, or explicitly create a new member here.',
+                )
+              : t(
+                  'pages.studio.index.studio.no.longer.creates.an.implicit',
+                  'Studio no longer creates an implicit draft on entry. Create a member when you are ready to start building.',
+                )}
         </p>
       </div>
       <div style={memberEmptyStateActionsStyle}>
         <Button
-          aria-label={t("pages.studio.index.create.member.from.empty.state.2", "Create member from empty state")}
+          aria-label={t(
+            'pages.studio.index.create.member.from.empty.state.2',
+            'Create member from empty state',
+          )}
           className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
           disabled={createMemberButtonDisabled}
           loading={inventoryBusyAction === 'create'}
@@ -10921,13 +11154,23 @@ const StudioPage: React.FC = () => {
             opacity: createMemberButtonDisabled ? 0.56 : 1,
           }}
         >
-          {t("pages.studio.index.create.member.8", "Create member")}</Button>
+          {t('pages.studio.index.create.member.8', 'Create member')}
+        </Button>
         <span style={inventoryActionsHintStyle}>
           {hasSelectedMemberFocus
-            ? t("pages.studio.index.bind.and.invoke.stay.available.for", "Bind and Invoke stay available for this member even when Build is not.")
+            ? t(
+                'pages.studio.index.bind.and.invoke.stay.available.for',
+                'Bind and Invoke stay available for this member even when Build is not.',
+              )
             : memberItems.length > 0
-            ? t("pages.studio.index.you.can.also.pick.an.existing", "You can also pick an existing member from the left rail.")
-            : t("pages.studio.index.only.explicit.create.member.should.open", "Only explicit Create member should open a new implementation draft now.")}
+              ? t(
+                  'pages.studio.index.you.can.also.pick.an.existing',
+                  'You can also pick an existing member from the left rail.',
+                )
+              : t(
+                  'pages.studio.index.only.explicit.create.member.should.open',
+                  'Only explicit Create member should open a new implementation draft now.',
+                )}
         </span>
       </div>
     </div>
@@ -10973,10 +11216,7 @@ const StudioPage: React.FC = () => {
         </div>
       </div>
       {studioContextMetaParts.length > 0 ? (
-        <div
-          data-testid="studio-context-meta"
-          style={visuallyHiddenStyle}
-        >
+        <div data-testid="studio-context-meta" style={visuallyHiddenStyle}>
           {studioContextMetaParts.join(' · ')}
         </div>
       ) : null}
@@ -11000,7 +11240,12 @@ const StudioPage: React.FC = () => {
       onSelectGraphNode={setSelectedGraphNodeId}
       runtimePrimitives={runtimePrimitivesQuery.data ?? []}
       scopeId={resolvedStudioScopeId || undefined}
-      workflowName={activeWorkflowName || draftWorkflowName || templateWorkflow || 'workflow'}
+      workflowName={
+        activeWorkflowName ||
+        draftWorkflowName ||
+        templateWorkflow ||
+        'workflow'
+      }
       runPrompt={runPrompt}
       onRunPromptChange={applyRunPrompt}
       buildWorkflowYamls={buildWorkflowYamlBundle}
@@ -11060,7 +11305,9 @@ const StudioPage: React.FC = () => {
         const scriptFocusId =
           trimOptional(selectedScriptId) ||
           (routeBuildFocus.kind === 'script' ? routeBuildFocus.value : '') ||
-          (routeSelectedMember.kind === 'script' ? routeSelectedMember.value : '') ||
+          (routeSelectedMember.kind === 'script'
+            ? routeSelectedMember.value
+            : '') ||
           trimOptional(scriptBuildState?.scriptId);
         const memberKeyForBind =
           routeSelectedBackendMemberKey ||
@@ -11071,8 +11318,11 @@ const StudioPage: React.FC = () => {
             ? routeSelectedMemberKey
             : '');
         if (!memberKeyForBind) {
-          void message.warning(
-            t("pages.studio.index.select.or.create.member.before.bind.script", "Select or create a member before opening Bind for this Script."),
+          toast.warning(
+            t(
+              'pages.studio.index.select.or.create.member.before.bind.script',
+              'Select or create a member before opening Bind for this Script.',
+            ),
           );
           return;
         }
@@ -11108,7 +11358,12 @@ const StudioPage: React.FC = () => {
           gap: 4,
         }}
       >
-        <strong>{t("pages.studio.index.copy.19", "Script behavior is not supported in the current environment")}</strong>
+        <strong>
+          {t(
+            'pages.studio.index.copy.19',
+            'Script behavior is not supported in the current environment',
+          )}
+        </strong>
       </div>
     </div>
   );
@@ -11119,7 +11374,9 @@ const StudioPage: React.FC = () => {
       currentMemberLabel={currentMemberLabel}
       gAgentKinds={gAgentKindsQuery.data ?? []}
       gAgentKindsLoading={gAgentKindsQuery.isLoading}
-      gAgentKindsError={gAgentKindsQuery.isError ? gAgentKindsQuery.error : null}
+      gAgentKindsError={
+        gAgentKindsQuery.isError ? gAgentKindsQuery.error : null
+      }
       selectedAgentKind={selectedAgentKind}
       onSelectAgentKind={setSelectedAgentKind}
       onBuildStateChange={setGAgentBuildState}
@@ -11166,88 +11423,94 @@ const StudioPage: React.FC = () => {
     </div>
   ) : null;
 
-  const currentPageContent =
-    isBuildSurface ? (
-      buildPageContent
-    ) : isObserveSurface ? (
-      <StudioExecutionPage
-        executions={observeExecutionList}
-        selectedExecution={observeSelectedExecution}
-        workflowGraph={workflowGraph}
-        draftWorkflowName={draftWorkflowName}
-        activeWorkflowName={activeWorkflowName}
-        activeWorkflowDescription={activeWorkflowDescription}
-        activeDirectoryLabel={activeDirectoryLabel}
-        selectedMemberLabel={currentMemberLabel}
-        currentImplementationLabel={observeCurrentImplementationLabel}
-        currentImplementationKind={observeImplementationKind}
-        emptyState={observeEmptyState}
-        executionCanStop={executionCanStop}
-        executionStopPending={executionStopPending}
-        runPrompt={runPrompt}
-        executionNotice={executionNotice}
-        logsPopoutMode={logsPopoutMode === 'popout'}
-        logsDetached={logsDetached}
-        onOpenExecution={openExecution}
-        onResumeExecution={handleResumeExecution}
-        onStopExecution={() => void handleStopExecution()}
-        onPopOutLogs={handlePopOutExecutionLogs}
-      />
-    ) : isBindSurface ? (
-      <StudioMemberBindPanel
-        authSession={authSessionQuery.data}
-        buildWorkflowYamls={
-          activeBuildMode === 'workflow' &&
-          selectedBuildRepresentsPublishedMember &&
-          trimOptional(draftYaml)
-            ? buildWorkflowYamlBundle
-            : null
-        }
-        initialEndpointId={bindInitialEndpointId}
-        memberId={workbenchStudioMemberId || undefined}
-        teamId={routeState.teamId || undefined}
-        initialServiceId={bindPendingCandidate ? '' : bindSelectedMemberServiceId}
-        onBindPendingCandidate={handleBindPendingCandidate}
-        onContinueToInvoke={handleUseBindingEndpoint}
-        onSelectionChange={handleBindingSelectionChange}
-        postBindEntryActions={
-          resolvedStudioTeamId &&
-          workbenchStudioMemberId &&
-          !bindPendingCandidate &&
-          Boolean(bindSelectedMemberServiceId)
-            ? {
-                busy: teamEntryActionBusy,
-                isEntryMember: workbenchMemberIsTeamEntry,
-                memberId: workbenchStudioMemberId,
-                onSetEntryAndTest: () =>
-                  void handleSetTeamEntryFromStudio({ test: true }),
-              }
-            : null
-        }
-        pendingBindingCandidate={bindPendingCandidate}
-        preferredServiceId={bindPendingCandidate ? '' : bindSelectedMemberServiceId}
-        scopeId={resolvedStudioScopeId}
-        servicesLoading={scopeServicesQuery.isLoading || scopeServicesQuery.isFetching}
-        services={bindTargetServices}
-      />
-    ) : isInvokeSurface ? (
-      <StudioMemberInvokePanel
-        emptyState={invokeEmptyState}
-        memberId={workbenchStudioMemberId || undefined}
-        memberRevision={invokeTargetServiceId
-          ? currentServiceRevisionByServiceId.get(invokeTargetServiceId) ?? null
-          : null}
-        onObserveSessionChange={handleObserveSessionChange}
-        onSelectionChange={handleInvokeSelectionChange}
-        returnTo={currentStudioReturnTo || undefined}
-        selectedMemberLabel={invokeTargetLabel || undefined}
-        scopeId={resolvedStudioScopeId}
-        teamId={routeState.teamId || undefined}
-        initialEndpointId={invokeInitialEndpointId}
-        initialServiceId={invokeTargetServiceId}
-        services={invokeTargetServices}
-      />
-    ) : null;
+  const currentPageContent = isBuildSurface ? (
+    buildPageContent
+  ) : isObserveSurface ? (
+    <StudioExecutionPage
+      executions={observeExecutionList}
+      selectedExecution={observeSelectedExecution}
+      workflowGraph={workflowGraph}
+      draftWorkflowName={draftWorkflowName}
+      activeWorkflowName={activeWorkflowName}
+      activeWorkflowDescription={activeWorkflowDescription}
+      activeDirectoryLabel={activeDirectoryLabel}
+      selectedMemberLabel={currentMemberLabel}
+      currentImplementationLabel={observeCurrentImplementationLabel}
+      currentImplementationKind={observeImplementationKind}
+      emptyState={observeEmptyState}
+      executionCanStop={executionCanStop}
+      executionStopPending={executionStopPending}
+      runPrompt={runPrompt}
+      executionNotice={executionNotice}
+      logsPopoutMode={logsPopoutMode === 'popout'}
+      logsDetached={logsDetached}
+      onOpenExecution={openExecution}
+      onResumeExecution={handleResumeExecution}
+      onStopExecution={() => void handleStopExecution()}
+      onPopOutLogs={handlePopOutExecutionLogs}
+    />
+  ) : isBindSurface ? (
+    <StudioMemberBindPanel
+      authSession={authSessionQuery.data}
+      buildWorkflowYamls={
+        activeBuildMode === 'workflow' &&
+        selectedBuildRepresentsPublishedMember &&
+        trimOptional(draftYaml)
+          ? buildWorkflowYamlBundle
+          : null
+      }
+      initialEndpointId={bindInitialEndpointId}
+      memberId={workbenchStudioMemberId || undefined}
+      teamId={routeState.teamId || undefined}
+      initialServiceId={bindPendingCandidate ? '' : bindSelectedMemberServiceId}
+      onBindPendingCandidate={handleBindPendingCandidate}
+      onContinueToInvoke={handleUseBindingEndpoint}
+      onSelectionChange={handleBindingSelectionChange}
+      postBindEntryActions={
+        resolvedStudioTeamId &&
+        workbenchStudioMemberId &&
+        !bindPendingCandidate &&
+        Boolean(bindSelectedMemberServiceId)
+          ? {
+              busy: teamEntryActionBusy,
+              isEntryMember: workbenchMemberIsTeamEntry,
+              memberId: workbenchStudioMemberId,
+              onSetEntryAndTest: () =>
+                void handleSetTeamEntryFromStudio({ test: true }),
+            }
+          : null
+      }
+      pendingBindingCandidate={bindPendingCandidate}
+      preferredServiceId={
+        bindPendingCandidate ? '' : bindSelectedMemberServiceId
+      }
+      scopeId={resolvedStudioScopeId}
+      servicesLoading={
+        scopeServicesQuery.isLoading || scopeServicesQuery.isFetching
+      }
+      services={bindTargetServices}
+    />
+  ) : isInvokeSurface ? (
+    <StudioMemberInvokePanel
+      emptyState={invokeEmptyState}
+      memberId={workbenchStudioMemberId || undefined}
+      memberRevision={
+        invokeTargetServiceId
+          ? (currentServiceRevisionByServiceId.get(invokeTargetServiceId) ??
+            null)
+          : null
+      }
+      onObserveSessionChange={handleObserveSessionChange}
+      onSelectionChange={handleInvokeSelectionChange}
+      returnTo={currentStudioReturnTo || undefined}
+      selectedMemberLabel={invokeTargetLabel || undefined}
+      scopeId={resolvedStudioScopeId}
+      teamId={routeState.teamId || undefined}
+      initialEndpointId={invokeInitialEndpointId}
+      initialServiceId={invokeTargetServiceId}
+      services={invokeTargetServices}
+    />
+  ) : null;
 
   const pageContainerTitle =
     logsPopoutMode === 'popout' ? 'Execution logs' : undefined;
@@ -11297,24 +11560,26 @@ const StudioPage: React.FC = () => {
             </StudioShell>
             <Modal
               open={createMemberModalOpen}
-              title={t("pages.studio.index.create.member.9", "Create member")}
+              title={t('pages.studio.index.create.member.9', 'Create member')}
               onCancel={closeCreateMemberFlow}
               onOk={() => void handleCreateMember(createMemberKind)}
-              okText={t("pages.studio.index.create.member.10", "Create member")}
+              okText={t('pages.studio.index.create.member.10', 'Create member')}
               okButtonProps={{
                 disabled:
                   inventoryBusyAction === 'create' ||
                   (createMemberKind === 'workflow' &&
                     (!trimOptional(createMemberName) ||
                       !trimOptional(
-                        trimOptional(createMemberDirectoryId) || inventoryDirectoryId,
+                        trimOptional(createMemberDirectoryId) ||
+                          inventoryDirectoryId,
                       ))) ||
                   (createMemberKind === 'script' &&
                     (!appContextQuery.data?.features.scripts ||
                       !createScriptId ||
                       createScriptIdAlreadyExists)) ||
                   (createMemberKind === 'gagent' &&
-                    (!resolvedStudioScopeId || !trimOptional(createMemberName))),
+                    (!resolvedStudioScopeId ||
+                      !trimOptional(createMemberName))),
                 loading: inventoryBusyAction === 'create',
               }}
               cancelButtonProps={{
@@ -11323,7 +11588,9 @@ const StudioPage: React.FC = () => {
             >
               <div style={inventoryCreateModalStackStyle}>
                 <div style={inventoryCreateFieldStackStyle}>
-                  <div style={inventoryCreateFieldLabelStyle}>{t("pages.studio.index.member.type.2", "Member type")}</div>
+                  <div style={inventoryCreateFieldLabelStyle}>
+                    {t('pages.studio.index.member.type.2', 'Member type')}
+                  </div>
                   <div style={inventoryCreateTypeRowStyle}>
                     {(
                       [
@@ -11365,7 +11632,11 @@ const StudioPage: React.FC = () => {
                     ))}
                   </div>
                   <div style={inventoryCreateHintStyle}>
-                    {t("pages.studio.index.choose.the.implementation.kind.first.2", "Choose the implementation kind first. Studio creates the backend member authority, then opens the matching Build surface for Workflow, Script, or GAgent authoring.")}</div>
+                    {t(
+                      'pages.studio.index.choose.the.implementation.kind.first.2',
+                      'Choose the implementation kind first. Studio creates the backend member authority, then opens the matching Build surface for Workflow, Script, or GAgent authoring.',
+                    )}
+                  </div>
                 </div>
                 {createMemberKind === 'workflow' ||
                 createMemberKind === 'script' ||
@@ -11373,10 +11644,13 @@ const StudioPage: React.FC = () => {
                   <label style={inventoryCreateFieldStackStyle}>
                     <span style={inventoryCreateFieldLabelStyle}>
                       {createMemberKind === 'script'
-                        ? t("pages.studio.index.script.name.2", "Script name")
+                        ? t('pages.studio.index.script.name.2', 'Script name')
                         : createMemberKind === 'gagent'
-                          ? t("pages.studio.index.gagent.name.2", "GAgent name")
-                          : t("pages.studio.index.member.name.2", "Member name")}
+                          ? t('pages.studio.index.gagent.name.2', 'GAgent name')
+                          : t(
+                              'pages.studio.index.member.name.2',
+                              'Member name',
+                            )}
                     </span>
                     <input
                       aria-label={
@@ -11386,7 +11660,9 @@ const StudioPage: React.FC = () => {
                             ? 'GAgent name'
                             : 'Member name'
                       }
-                      onChange={(event) => setCreateMemberName(event.target.value)}
+                      onChange={(event) =>
+                        setCreateMemberName(event.target.value)
+                      }
                       placeholder={
                         createMemberKind === 'workflow'
                           ? suggestedCreateWorkflowName
@@ -11401,44 +11677,90 @@ const StudioPage: React.FC = () => {
                     />
                     {createMemberKind === 'script' ? (
                       <div style={inventoryCreateHintStyle}>
-                        {t("pages.studio.index.script.id.2", "Script id:")}{createScriptId || 'enter-a-script-name'}
+                        {t('pages.studio.index.script.id.2', 'Script id:')}
+                        {createScriptId || 'enter-a-script-name'}
                         {createScriptIdAlreadyExists
-                          ? t("pages.studio.index.already.exists.in.this.workspace", "· already exists in this workspace")
-                          : t("pages.studio.index.saved.after.validate.and.save.script", "· saved after Validate and Save script")}
+                          ? t(
+                              'pages.studio.index.already.exists.in.this.workspace',
+                              '· already exists in this workspace',
+                            )
+                          : t(
+                              'pages.studio.index.saved.after.validate.and.save.script',
+                              '· saved after Validate and Save script',
+                            )}
                       </div>
                     ) : null}
                   </label>
                 ) : null}
                 <div style={inventoryCreateHintStyle}>
                   {createMemberKind === 'workflow'
-                    ? t("pages.studio.index.workflow.members.currently.start.from.blank", "Workflow members currently start from a blank workflow draft with an empty canvas, and Studio also registers the member authority in backend once the draft is created.")
+                    ? t(
+                        'pages.studio.index.workflow.members.currently.start.from.blank',
+                        'Workflow members currently start from a blank workflow draft with an empty canvas, and Studio also registers the member authority in backend once the draft is created.',
+                      )
                     : createMemberKind === 'script'
-                      ? t("pages.studio.index.script.creates.backend.member.and.opens", "Script creates a backend member and opens a stable script draft identity in Build. It becomes callable after Save script is catalog-applied and Bind succeeds.")
+                      ? t(
+                          'pages.studio.index.script.creates.backend.member.and.opens',
+                          'Script creates a backend member and opens a stable script draft identity in Build. It becomes callable after Save script is catalog-applied and Bind succeeds.',
+                        )
                       : resolvedStudioScopeId
-                        ? t("pages.studio.index.gagent.creates.backend.member.and.opens", "GAgent creates a backend member and opens Build > GAgent for actor type, role, prompt, tools, and persistence authoring.")
-                        : t("pages.studio.index.connect.workspace.before.creating.gagent.member", "Connect a workspace before creating a GAgent member.")}
+                        ? t(
+                            'pages.studio.index.gagent.creates.backend.member.and.opens',
+                            'GAgent creates a backend member and opens Build > GAgent for actor type, role, prompt, tools, and persistence authoring.',
+                          )
+                        : t(
+                            'pages.studio.index.connect.workspace.before.creating.gagent.member',
+                            'Connect a workspace before creating a GAgent member.',
+                          )}
                 </div>
                 {createMemberKind === 'workflow' ? (
                   <label style={inventoryCreateFieldStackStyle}>
-                    <span style={inventoryCreateFieldLabelStyle}>{t("pages.studio.index.workflow.directory.3", "Workflow directory")}</span>
+                    <span style={inventoryCreateFieldLabelStyle}>
+                      {t(
+                        'pages.studio.index.workflow.directory.3',
+                        'Workflow directory',
+                      )}
+                    </span>
                     <select
-                      aria-label={t("pages.studio.index.workflow.directory.4", "Workflow directory")}
-                      onChange={(event) => setCreateMemberDirectoryId(event.target.value)}
+                      aria-label={t(
+                        'pages.studio.index.workflow.directory.4',
+                        'Workflow directory',
+                      )}
+                      onChange={(event) =>
+                        setCreateMemberDirectoryId(event.target.value)
+                      }
                       style={inventoryCreateInputStyle}
                       value={createMemberDirectoryId}
                     >
                       <option value="" disabled>
-                        {t("pages.studio.index.select.workflow.directory.2", "Select a workflow directory")}</option>
+                        {t(
+                          'pages.studio.index.select.workflow.directory.2',
+                          'Select a workflow directory',
+                        )}
+                      </option>
                       {inventoryDirectoryOptions.map((directory) => (
-                        <option key={directory.directoryId} value={directory.directoryId}>
+                        <option
+                          key={directory.directoryId}
+                          value={directory.directoryId}
+                        >
                           {directory.label}
                         </option>
                       ))}
                     </select>
                     <div style={inventoryCreateHintStyle}>
                       {selectedCreateDirectory?.path
-                        ? t("pages.studio.index.copy.20", "{value1} · {value2}", { value1: selectedCreateDirectory.label, value2: selectedCreateDirectory.path })
-                        : t("pages.studio.index.add.workflow.directory.in.config.before", "Add a workflow directory in Config before creating a workflow draft from this entry.")}
+                        ? t(
+                            'pages.studio.index.copy.20',
+                            '{value1} · {value2}',
+                            {
+                              value1: selectedCreateDirectory.label,
+                              value2: selectedCreateDirectory.path,
+                            },
+                          )
+                        : t(
+                            'pages.studio.index.add.workflow.directory.in.config.before',
+                            'Add a workflow directory in Config before creating a workflow draft from this entry.',
+                          )}
                     </div>
                   </label>
                 ) : null}
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.test.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.test.tsx
new file mode 100644
index 0000000000..d6bd7136b8
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.test.tsx
@@ -0,0 +1,132 @@
+import { render } from '@testing-library/react';
+import * as React from 'react';
+import WorkflowStudioCanvas from './WorkflowStudioCanvas';
+
+type GraphCanvasProps = {
+  readonly autoFitKey?: string;
+  readonly edges: readonly unknown[];
+  readonly nodes: readonly unknown[];
+};
+
+const mockGraphCanvas = jest.fn((_props: GraphCanvasProps) => null);
+
+jest.mock('@/shared/graphs/GraphCanvas', () => ({
+  __esModule: true,
+  default: (props: GraphCanvasProps) => mockGraphCanvas(props),
+}));
+
+const nodes = [
+  {
+    data: {
+      branchCount: 0,
+      kind: 'step',
+      label: 'Start',
+      parametersSummary: '',
+      stepId: 'step-start',
+      stepType: 'start',
+      subtitle: '',
+      targetRole: '',
+      title: 'Start',
+    },
+    id: 'step-start',
+    position: { x: 0, y: 0 },
+    type: 'studio',
+  },
+] as const;
+
+const edges = [
+  {
+    data: { kind: 'next' },
+    id: 'edge-start-end',
+    source: 'step-start',
+    target: 'step-end',
+  },
+] as const;
+
+describe('WorkflowStudioCanvas', () => {
+  beforeEach(() => {
+    mockGraphCanvas.mockClear();
+  });
+
+  it('preserves graph collection identity and fit key through unrelated rerenders', () => {
+    const { rerender } = render(
+      <WorkflowStudioCanvas edges={edges} nodes={nodes} />,
+    );
+    const firstProps = mockGraphCanvas.mock.calls[0]?.[0];
+
+    rerender(
+      <WorkflowStudioCanvas
+        edges={edges}
+        nodes={nodes}
+        selectedNodeId="step-start"
+      />,
+    );
+    const secondProps = mockGraphCanvas.mock.calls[1]?.[0];
+
+    expect(firstProps).toBeDefined();
+    expect(secondProps).toBeDefined();
+    expect(secondProps?.nodes).toBe(nodes);
+    expect(secondProps?.edges).toBe(edges);
+    expect(secondProps?.autoFitKey).toBe(firstProps?.autoFitKey);
+
+    rerender(
+      <WorkflowStudioCanvas
+        edges={edges}
+        emptyDescription="Updated empty description"
+        nodes={nodes}
+        selectedNodeId="step-start"
+      />,
+    );
+    const thirdProps = mockGraphCanvas.mock.calls[2]?.[0];
+
+    expect(thirdProps?.nodes).toBe(nodes);
+    expect(thirdProps?.edges).toBe(edges);
+    expect(thirdProps?.autoFitKey).toBe(firstProps?.autoFitKey);
+  });
+
+  it('changes the fit key when ordered node or edge identities change', () => {
+    const { rerender } = render(
+      <WorkflowStudioCanvas edges={edges} nodes={nodes} />,
+    );
+    const initialAutoFitKey = mockGraphCanvas.mock.calls[0]?.[0].autoFitKey;
+
+    const nodesWithEnd = [
+      ...nodes,
+      {
+        data: {
+          branchCount: 0,
+          kind: 'step',
+          label: 'End',
+          parametersSummary: '',
+          stepId: 'step-end',
+          stepType: 'end',
+          subtitle: '',
+          targetRole: '',
+          title: 'End',
+        },
+        id: 'step-end',
+        position: { x: 280, y: 0 },
+        type: 'studio',
+      },
+    ] as const;
+    rerender(<WorkflowStudioCanvas edges={edges} nodes={nodesWithEnd} />);
+    const nodeAutoFitKey = mockGraphCanvas.mock.calls[1]?.[0].autoFitKey;
+
+    const edgesWithBranch = [
+      ...edges,
+      {
+        data: { kind: 'branch' },
+        id: 'edge-start-branch',
+        source: 'step-start',
+        target: 'step-branch',
+      },
+    ] as const;
+    rerender(
+      <WorkflowStudioCanvas edges={edgesWithBranch} nodes={nodesWithEnd} />,
+    );
+    const edgeAutoFitKey = mockGraphCanvas.mock.calls[2]?.[0].autoFitKey;
+
+    expect(nodeAutoFitKey).not.toBe(initialAutoFitKey);
+    expect(edgeAutoFitKey).not.toBe(nodeAutoFitKey);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx
index f36ac74669..187311296f 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx
@@ -1,19 +1,23 @@
-import type { Edge, Node } from "@xyflow/react";
-import React from "react";
-import GraphCanvas from "@/shared/graphs/GraphCanvas";
+import type { Edge, Node } from '@xyflow/react';
+import React from 'react';
+import GraphCanvas from '@/shared/graphs/GraphCanvas';
 import type {
   StudioGraphEdgeData,
   StudioGraphNodeData,
-} from "@/shared/studio/graph";
-import WorkflowStudioEmptyState from "./WorkflowStudioEmptyState";
+} from '@/shared/studio/graph';
+import WorkflowStudioEmptyState from './WorkflowStudioEmptyState';
 
 type WorkflowStudioCanvasProps = {
+  readonly addFirstStepDisabled?: boolean;
   readonly edges: readonly Edge<StudioGraphEdgeData>[];
   readonly emptyDescription?: string;
   readonly nodes: readonly Node<StudioGraphNodeData>[];
   readonly onAddFirstStep?: () => void;
   readonly onCanvasSelect?: () => void;
-  readonly onConnectNodes?: (sourceNodeId: string, targetNodeId: string) => void;
+  readonly onConnectNodes?: (
+    sourceNodeId: string,
+    targetNodeId: string,
+  ) => void;
   readonly onDeleteEdges?: (edgeIds: string[]) => Promise<void> | void;
   readonly onDeleteNodes?: (nodeIds: string[]) => Promise<void> | void;
   readonly onEdgeSelect?: (edgeId: string) => void;
@@ -23,60 +27,75 @@ type WorkflowStudioCanvasProps = {
   readonly selectedNodeId?: string;
 };
 
-const WorkflowStudioCanvas: React.FC<WorkflowStudioCanvasProps> = ({
-  edges,
-  emptyDescription,
-  nodes,
-  onAddFirstStep,
-  onCanvasSelect,
-  onConnectNodes,
-  onDeleteEdges,
-  onDeleteNodes,
-  onEdgeSelect,
-  onNodeLayoutChange,
-  onNodeSelect,
-  selectedEdgeId,
-  selectedNodeId,
-}) => (
-  <div
-    data-testid="workflow-studio-canvas"
-    style={{
-      background: "#eef3f8",
-      flex: 1,
-      minHeight: 0,
-      padding: 10,
-      position: "relative",
-    }}
-  >
-    <GraphCanvas
-      autoFitKey={JSON.stringify({
-        edges: edges.map((edge) => edge.id),
-        nodes: nodes.map((node) => node.id),
-      })}
-      bottomInset={12}
-      edges={[...edges]}
-      height="100%"
-      nodes={[...nodes]}
-      overlayContent={
+const WorkflowStudioCanvas: React.FC<WorkflowStudioCanvasProps> = React.memo(
+  function WorkflowStudioCanvas({
+    addFirstStepDisabled,
+    edges,
+    emptyDescription,
+    nodes,
+    onAddFirstStep,
+    onCanvasSelect,
+    onConnectNodes,
+    onDeleteEdges,
+    onDeleteNodes,
+    onEdgeSelect,
+    onNodeLayoutChange,
+    onNodeSelect,
+    selectedEdgeId,
+    selectedNodeId,
+  }) {
+    const autoFitKey = React.useMemo(
+      () =>
+        JSON.stringify({
+          edges: edges.map((edge) => edge.id),
+          nodes: nodes.map((node) => node.id),
+        }),
+      [edges, nodes],
+    );
+    const overlayContent = React.useMemo(
+      () =>
         nodes.length === 0 ? (
           <WorkflowStudioEmptyState
             description={emptyDescription}
+            disabled={addFirstStepDisabled}
             onAddFirstStep={onAddFirstStep}
           />
-        ) : null
-      }
-      onCanvasSelect={onCanvasSelect}
-      onConnectNodes={onConnectNodes}
-      onDeleteEdges={onDeleteEdges}
-      onDeleteNodes={onDeleteNodes}
-      onEdgeSelect={onEdgeSelect}
-      onNodeLayoutChange={onNodeLayoutChange as (nodes: Node[]) => void}
-      onNodeSelect={onNodeSelect}
-      selectedEdgeId={selectedEdgeId}
-      selectedNodeId={selectedNodeId}
-      variant="studio"
-    />
-  </div>
+        ) : null,
+      [addFirstStepDisabled, emptyDescription, nodes.length, onAddFirstStep],
+    );
+
+    return (
+      <div
+        data-testid="workflow-studio-canvas"
+        style={{
+          background: '#eef3f8',
+          flex: 1,
+          minHeight: 0,
+          padding: 10,
+          position: 'relative',
+        }}
+      >
+        <GraphCanvas
+          autoFitKey={autoFitKey}
+          bottomInset={12}
+          edges={edges}
+          height="100%"
+          nodes={nodes}
+          overlayContent={overlayContent}
+          onCanvasSelect={onCanvasSelect}
+          onConnectNodes={onConnectNodes}
+          onDeleteEdges={onDeleteEdges}
+          onDeleteNodes={onDeleteNodes}
+          onEdgeSelect={onEdgeSelect}
+          onNodeLayoutChange={onNodeLayoutChange as (nodes: Node[]) => void}
+          onNodeSelect={onNodeSelect}
+          selectedEdgeId={selectedEdgeId}
+          selectedNodeId={selectedNodeId}
+          variant="studio"
+        />
+      </div>
+    );
+  },
 );
 
 export default WorkflowStudioCanvas;
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvasRegion.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvasRegion.tsx
new file mode 100644
index 0000000000..5a68f7ef44
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvasRegion.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import WorkflowStudioCanvas from './WorkflowStudioCanvas';
+
+type WorkflowStudioCanvasRegionProps = React.ComponentProps<
+  typeof WorkflowStudioCanvas
+> & {
+  readonly ariaLabel?: string;
+  readonly children?: React.ReactNode;
+  readonly style?: React.CSSProperties;
+};
+
+const WorkflowStudioCanvasRegion = React.forwardRef<
+  HTMLElement,
+  WorkflowStudioCanvasRegionProps
+>(function WorkflowStudioCanvasRegion(
+  { ariaLabel, children, style, ...canvasProps },
+  ref,
+) {
+  return (
+    <section
+      aria-label={ariaLabel}
+      ref={ref}
+      style={{
+        display: 'flex',
+        flex: 1,
+        minHeight: 0,
+        overflow: 'hidden',
+        position: 'relative',
+        ...style,
+      }}
+    >
+      <div
+        style={{
+          display: 'flex',
+          flex: 1,
+          height: '100%',
+          minHeight: 0,
+          minWidth: 0,
+          width: '100%',
+        }}
+      >
+        <WorkflowStudioCanvas {...canvasProps} />
+      </div>
+      {children}
+    </section>
+  );
+});
+
+export default React.memo(WorkflowStudioCanvasRegion);
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioDraftRunPanel.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioDraftRunPanel.tsx
index caf8417080..f87fee88dd 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioDraftRunPanel.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioDraftRunPanel.tsx
@@ -1,14 +1,5 @@
-import {
-  CloseOutlined,
-  FileImageOutlined,
-  FileOutlined,
-  PaperClipOutlined,
-  PlayCircleOutlined,
-} from "@ant-design/icons";
-import { Button, Input, Tooltip, Typography } from "antd";
-import React from "react";
-import { t } from "@/shared/i18n/messages";
-import WorkflowStudioSidePanel from "./WorkflowStudioSidePanel";
+import React from 'react';
+import WorkflowRunInputPanel from '@/shared/workflows/WorkflowRunInputPanel';
 
 type WorkflowStudioDraftRunPanelProps = {
   readonly acceptedFileTypes?: string;
@@ -26,380 +17,29 @@ type WorkflowStudioDraftRunPanelProps = {
   readonly width?: number;
 };
 
-const DEFAULT_ACCEPTED_FILE_TYPES = [
-  "image/png",
-  "image/jpeg",
-  "image/webp",
-  "audio/mpeg",
-  "audio/wav",
-  "audio/wave",
-  "audio/x-wav",
-  "video/mp4",
-  "application/pdf",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  "text/csv",
-  "text/plain",
-  "text/markdown",
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-].join(",");
-
-const attachmentToolbarStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "flex",
-  flexWrap: "wrap",
-  gap: 8,
-  minWidth: 0,
-};
-
-const attachmentListStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "flex",
-  flex: "1 1 220px",
-  flexWrap: "wrap",
-  gap: 6,
-  minWidth: 0,
-};
-
-const attachmentChipStyle: React.CSSProperties = {
-  alignItems: "center",
-  background: "#f8fafc",
-  border: "1px solid #dbe3ee",
-  borderRadius: 8,
-  color: "#334155",
-  display: "inline-flex",
-  gap: 6,
-  maxWidth: "100%",
-  minHeight: 28,
-  minWidth: 0,
-  padding: "3px 5px 3px 8px",
-};
-
-const attachmentNameStyle: React.CSSProperties = {
-  fontSize: 12,
-  fontWeight: 700,
-  lineHeight: "16px",
-  maxWidth: 168,
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
-};
-
-const attachmentMetaStyle: React.CSSProperties = {
-  color: "#64748b",
-  flex: "0 0 auto",
-  fontSize: 11,
-  lineHeight: "14px",
-};
-
-const attachmentEmptyStyle: React.CSSProperties = {
-  color: "#64748b",
-  fontSize: 12,
-  lineHeight: "18px",
-};
-
-const fileDropZoneStyle: React.CSSProperties = {
-  alignItems: "center",
-  background: "#fbfcfe",
-  border: "1px dashed #cbd5e1",
-  borderRadius: 8,
-  color: "#475569",
-  display: "grid",
-  gap: 10,
-  justifyItems: "start",
-  minHeight: 84,
-  padding: "12px",
-};
-
-function formatFileSize(bytes: number): string {
-  if (!Number.isFinite(bytes) || bytes <= 0) {
-    return "0 B";
-  }
-
-  if (bytes < 1024) {
-    return `${bytes} B`;
-  }
-
-  const kib = bytes / 1024;
-  if (kib < 1024) {
-    return `${kib.toFixed(kib >= 10 ? 0 : 1)} KB`;
-  }
-
-  const mib = kib / 1024;
-  return `${mib.toFixed(mib >= 10 ? 0 : 1)} MB`;
-}
-
-function getFileIcon(file: File): React.ReactNode {
-  return file.type.startsWith("image/") ? <FileImageOutlined /> : <FileOutlined />;
-}
-
-function getAttachmentKey(file: File): string {
-  return [
-    file.name,
-    file.size,
-    file.lastModified,
-    file.type || "file",
-  ].join(":");
-}
-
-const WorkflowStudioDraftRunPanel: React.FC<WorkflowStudioDraftRunPanelProps> = ({
-  acceptedFileTypes = DEFAULT_ACCEPTED_FILE_TYPES,
+const WorkflowStudioDraftRunPanel: React.FC<
+  WorkflowStudioDraftRunPanelProps
+> = ({
+  acceptedFileTypes,
   canRun,
   disabledReason,
   files = [],
   onFilesAdd,
   onFileRemove,
-  onClose,
-  onRun,
-  onRunMessageChange,
-  open,
-  pending,
-  runMessage,
-  width = 420,
-}) => {
-  const fileInputRef = React.useRef<HTMLInputElement | null>(null);
-  const inputLocked = pending;
-
-  if (!open) {
-    return null;
-  }
-
-  const addFiles = (nextFiles: readonly File[]) => {
-    if (nextFiles.length > 0) {
-      onFilesAdd?.(nextFiles);
-    }
-  };
-
-  return (
-    <WorkflowStudioSidePanel
-      ariaLabel={t(
-        "teamMemberWorkflowStudio.draftRunPanel.sectionAria",
-        "Draft run panel",
-      )}
-      bodyStyle={{
-        display: "flex",
-        flexDirection: "column",
-        gap: 0,
-        overflow: "hidden",
-        padding: 0,
-      }}
-      closeAriaLabel={t(
-        "teamMemberWorkflowStudio.draftRunPanel.closeAria",
-        "Close draft run panel",
-      )}
-      onClose={onClose}
-      title={
-        <span style={{ alignItems: "center", display: "inline-flex", gap: 8 }}>
-          <PlayCircleOutlined />
-          <span>{t("teamMemberWorkflowStudio.draftRunPanel.title", "Draft run")}</span>
-        </span>
-      }
-      width={width}
-    >
-      <div
-        style={{
-          alignContent: "start",
-          display: "grid",
-          flex: "1 1 auto",
-          gap: 28,
-          minHeight: 0,
-          overflow: "auto",
-          padding: "28px 24px 24px",
-        }}
-      >
-        <section
-          style={{
-            display: "grid",
-            gap: 12,
-          }}
-        >
-          <div style={{ display: "grid", gap: 4 }}>
-            <Typography.Text strong>
-              {t(
-                "teamMemberWorkflowStudio.draftRunPanel.messageLabel",
-                "Draft run input",
-              )}
-            </Typography.Text>
-            <Typography.Text style={{ color: "#64748b" }}>
-              {t(
-                "teamMemberWorkflowStudio.draftRunPanel.emptyInputHint",
-                "Leave blank to run this draft without user input.",
-              )}
-            </Typography.Text>
-          </div>
-          <Input.TextArea
-            aria-label={t(
-              "teamMemberWorkflowStudio.draftRunPanel.messageLabel",
-              "Draft run input",
-            )}
-            autoSize={{ minRows: 7, maxRows: 10 }}
-            disabled={inputLocked}
-            onChange={(event) => onRunMessageChange(event.target.value)}
-            placeholder={t(
-              "teamMemberWorkflowStudio.draftRunPanel.messagePlaceholder",
-              "Optional input sent to this workflow draft run",
-            )}
-            style={{ fontSize: 15 }}
-            value={runMessage}
-          />
-        </section>
-
-        <section
-          style={{
-            display: "grid",
-            gap: 10,
-          }}
-        >
-          <div style={{ display: "grid", gap: 4 }}>
-            <Typography.Text strong>
-              {t("teamMemberWorkflowStudio.draftRunPanel.filesLabel", "Files")}
-            </Typography.Text>
-            <Typography.Text style={{ color: "#64748b" }}>
-              {t(
-                "teamMemberWorkflowStudio.draftRunPanel.filesHint",
-                "Attach files for this draft run.",
-              )}
-            </Typography.Text>
-          </div>
-          <input
-            ref={fileInputRef}
-            aria-label={t(
-              "teamMemberWorkflowStudio.draftRunPanel.attachFilesInput",
-              "Attach files",
-            )}
-            accept={acceptedFileTypes}
-            data-testid="draft-run-file-input"
-            multiple
-            onChange={(event) => {
-              addFiles(Array.from(event.target.files ?? []));
-              event.currentTarget.value = "";
-            }}
-            style={{ display: "none" }}
-            type="file"
-          />
-          <div
-            data-testid="draft-run-file-drop-zone"
-            onDragOver={(event) => {
-              event.preventDefault();
-              event.dataTransfer.dropEffect = inputLocked ? "none" : "copy";
-            }}
-            onDrop={(event) => {
-              event.preventDefault();
-              if (!inputLocked) {
-                addFiles(Array.from(event.dataTransfer.files ?? []));
-              }
-            }}
-            style={fileDropZoneStyle}
-          >
-            <div style={attachmentToolbarStyle}>
-              <Tooltip
-                title={t(
-                  "teamMemberWorkflowStudio.draftRunPanel.attachFiles",
-                  "Attach files",
-                )}
-              >
-                <Button
-                  aria-label={t(
-                    "teamMemberWorkflowStudio.draftRunPanel.attachFilesButton",
-                    "Add files",
-                  )}
-                  disabled={inputLocked}
-                  icon={<PaperClipOutlined />}
-                  onClick={() => fileInputRef.current?.click()}
-                >
-                  {t(
-                    "teamMemberWorkflowStudio.draftRunPanel.addFiles",
-                    "Add files",
-                  )}
-                </Button>
-              </Tooltip>
-              <Typography.Text style={{ color: "#64748b", fontSize: 12 }}>
-                {t(
-                  "teamMemberWorkflowStudio.draftRunPanel.dropFiles",
-                  "Drop files here",
-                )}
-              </Typography.Text>
-            </div>
-            <div style={attachmentListStyle}>
-              {files.length === 0 ? (
-                <span style={attachmentEmptyStyle}>
-                  {t(
-                    "teamMemberWorkflowStudio.draftRunPanel.noFilesAttached",
-                    "No files attached",
-                  )}
-                </span>
-              ) : (
-                files.map((file, index) => (
-                  <span
-                    key={getAttachmentKey(file)}
-                    data-testid="draft-run-file-chip"
-                    style={attachmentChipStyle}
-                  >
-                    {getFileIcon(file)}
-                    <Tooltip title={`${file.name} · ${file.type || "file"} · ${formatFileSize(file.size)}`}>
-                      <span style={attachmentNameStyle}>{file.name}</span>
-                    </Tooltip>
-                    <span style={attachmentMetaStyle}>{formatFileSize(file.size)}</span>
-                    <Button
-                      aria-label={t(
-                        "teamMemberWorkflowStudio.draftRunPanel.removeFile",
-                        "Remove {name}",
-                        { name: file.name },
-                      )}
-                      disabled={inputLocked}
-                      icon={<CloseOutlined />}
-                      onClick={() => onFileRemove?.(index)}
-                      size="small"
-                      type="text"
-                    />
-                  </span>
-                ))
-              )}
-            </div>
-          </div>
-          <Typography.Text style={{ color: "#64748b", fontSize: 12 }}>
-            {t(
-              "teamMemberWorkflowStudio.draftRunPanel.filesLimitHint",
-              "Images, documents, audio, video, CSV, and text files up to 10 MB.",
-            )}
-          </Typography.Text>
-        </section>
-      </div>
-
-      <div
-        style={{
-          borderTop: "1px solid #e5e7eb",
-          display: "grid",
-          gap: 10,
-          padding: "20px 24px 24px",
-        }}
-      >
-        <Button
-          disabled={!canRun}
-          icon={<PlayCircleOutlined />}
-          loading={pending}
-          onClick={onRun}
-          size="large"
-          style={{
-            boxShadow: canRun ? "0 12px 24px rgba(15, 23, 42, 0.14)" : undefined,
-            height: 54,
-            width: "100%",
-          }}
-          title={canRun ? undefined : disabledReason}
-          type="primary"
-        >
-          {t(
-            "teamMemberWorkflowStudio.draftRunPanel.startDraftRun",
-            "Start draft run",
-          )}
-        </Button>
-        {!canRun && disabledReason ? (
-          <Typography.Text style={{ color: "#6b7280", fontSize: 12 }}>
-            {disabledReason}
-          </Typography.Text>
-        ) : null}
-      </div>
-    </WorkflowStudioSidePanel>
-  );
-};
+  ...props
+}) => (
+  <WorkflowRunInputPanel
+    {...props}
+    canRun={canRun}
+    disabledReason={disabledReason}
+    variant={{
+      acceptedFileTypes,
+      files,
+      kind: 'draft',
+      onFilesAdd: (nextFiles) => onFilesAdd?.(nextFiles),
+      onFileRemove: (index) => onFileRemove?.(index),
+    }}
+  />
+);
 
 export default WorkflowStudioDraftRunPanel;
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEditorSurface.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEditorSurface.tsx
new file mode 100644
index 0000000000..a63d681ce5
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEditorSurface.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import WorkflowStudioCanvasRegion from './WorkflowStudioCanvasRegion';
+import WorkflowStudioNodeLibrary from './WorkflowStudioNodeLibrary';
+
+type WorkflowStudioCanvasRegionProps = React.ComponentProps<
+  typeof WorkflowStudioCanvasRegion
+>;
+
+type WorkflowStudioEditingCallbacks = Required<
+  Pick<
+    WorkflowStudioCanvasRegionProps,
+    | 'onCanvasSelect'
+    | 'onConnectNodes'
+    | 'onDeleteEdges'
+    | 'onDeleteNodes'
+    | 'onEdgeSelect'
+    | 'onNodeLayoutChange'
+    | 'onNodeSelect'
+  >
+>;
+
+type WorkflowStudioEditorSurfaceProps = Omit<
+  WorkflowStudioCanvasRegionProps,
+  keyof WorkflowStudioEditingCallbacks | 'children'
+> &
+  WorkflowStudioEditingCallbacks & {
+    readonly children?: React.ReactNode;
+    readonly nodeLibraryOpen: boolean;
+    readonly onCloseNodeLibrary: () => void;
+    readonly onInsertNode: (stepType: string) => void;
+  };
+
+const WorkflowStudioEditorSurface: React.FC<
+  WorkflowStudioEditorSurfaceProps
+> = ({
+  children,
+  nodeLibraryOpen,
+  onCloseNodeLibrary,
+  onInsertNode,
+  ...canvasProps
+}) => (
+  <WorkflowStudioCanvasRegion {...canvasProps}>
+    <WorkflowStudioNodeLibrary
+      onClose={onCloseNodeLibrary}
+      onInsertNode={onInsertNode}
+      open={nodeLibraryOpen}
+    />
+    {children}
+  </WorkflowStudioCanvasRegion>
+);
+
+export default React.memo(WorkflowStudioEditorSurface);
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEmptyState.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEmptyState.tsx
index 8f6e54d72c..96d13c8193 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEmptyState.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEmptyState.tsx
@@ -1,49 +1,52 @@
-import { PlusOutlined } from "@ant-design/icons";
-import { Button, Typography } from "antd";
-import React from "react";
+import { PlusOutlined } from '@ant-design/icons';
+import { Button, Typography } from 'antd';
+import React from 'react';
 
 type WorkflowStudioEmptyStateProps = {
   readonly description?: string;
+  readonly disabled?: boolean;
   readonly onAddFirstStep?: () => void;
   readonly title?: string;
 };
 
 const WorkflowStudioEmptyState: React.FC<WorkflowStudioEmptyStateProps> = ({
-  description = "Start this workflow by adding the first step.",
+  description = 'Start this workflow by adding the first step.',
+  disabled = false,
   onAddFirstStep,
-  title = "Add first step",
+  title = 'Add first step',
 }) => (
   <div
     data-testid="workflow-studio-empty-state"
     style={{
-      alignItems: "center",
-      display: "flex",
-      flexDirection: "column",
+      alignItems: 'center',
+      display: 'flex',
+      flexDirection: 'column',
       gap: 10,
-      left: "50%",
-      pointerEvents: "auto",
-      position: "absolute",
-      top: "50%",
-      transform: "translate(-50%, -50%)",
+      left: '50%',
+      pointerEvents: 'auto',
+      position: 'absolute',
+      top: '50%',
+      transform: 'translate(-50%, -50%)',
       zIndex: 5,
     }}
   >
     <Button
       aria-label={title}
+      disabled={disabled}
       icon={<PlusOutlined />}
       onClick={onAddFirstStep}
       style={{
-        border: "1px dashed #9ca3af",
+        border: '1px dashed #9ca3af',
         borderRadius: 8,
         height: 112,
         width: 112,
       }}
     />
-    <Typography.Text strong style={{ color: "#1f2937", fontSize: 18 }}>
+    <Typography.Text strong style={{ color: '#1f2937', fontSize: 18 }}>
       {title}
     </Typography.Text>
     <Typography.Text
-      style={{ color: "#6b7280", fontSize: 13, textAlign: "center" }}
+      style={{ color: '#6b7280', fontSize: 13, textAlign: 'center' }}
     >
       {description}
     </Typography.Text>
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.test.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.test.tsx
new file mode 100644
index 0000000000..ce99964512
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.test.tsx
@@ -0,0 +1,429 @@
+import {
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import * as React from 'react';
+import WorkflowStudioExecutionPanel from './WorkflowStudioExecutionPanel';
+
+type StudioExecutionDetailFixture =
+  import('@/shared/studio/models').StudioExecutionDetail;
+
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+const scrollIntoView = jest.fn();
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
+const executionDetail = {
+  actorId: 'actor-alpha',
+  completedAtUtc: '2026-08-06T00:00:01.000Z',
+  error: null,
+  executionId: 'run-alpha',
+  frames: [
+    {
+      payload: JSON.stringify({
+        runStarted: {
+          runId: 'run-alpha',
+        },
+      }),
+      receivedAtUtc: '2026-08-06T00:00:00.000Z',
+    },
+  ],
+  prompt: 'Summarize the workflow.',
+  startedAtUtc: '2026-08-06T00:00:00.000Z',
+  status: 'succeeded',
+  workflowName: 'Workflow Alpha',
+};
+
+type WorkflowNodes = ReadonlyArray<{
+  readonly stepId: string;
+  readonly stepType: string;
+  readonly subtitle: string;
+  readonly targetRole: string;
+  readonly title: string;
+}>;
+
+const submittedWorkflowNodes: WorkflowNodes = [
+  {
+    stepId: 'step-alpha',
+    stepType: 'llm_call',
+    subtitle: 'LLM call',
+    targetRole: 'assistant',
+    title: 'step-alpha',
+  },
+  {
+    stepId: 'step-beta',
+    stepType: 'transform',
+    subtitle: 'Transform',
+    targetRole: '',
+    title: 'step-beta',
+  },
+  {
+    stepId: 'step-gamma',
+    stepType: 'emit',
+    subtitle: 'Emit',
+    targetRole: '',
+    title: 'step-gamma',
+  },
+];
+
+function createExecutionFrame(
+  payload: Record<string, unknown>,
+  receivedAtUtc: string,
+) {
+  return {
+    payload: JSON.stringify(payload),
+    receivedAtUtc,
+  };
+}
+
+function createRunStartedFrame() {
+  return createExecutionFrame(
+    { runStarted: { runId: 'run-live-alpha' } },
+    '2026-09-03T06:45:00.000Z',
+  );
+}
+
+function createStepStartedFrame(
+  stepId: string,
+  input: string,
+  receivedAtUtc: string,
+) {
+  return createExecutionFrame(
+    {
+      custom: {
+        name: 'aevatar.step.request',
+        payload: {
+          input,
+          stepId,
+          stepType: 'llm_call',
+          targetRole: 'assistant',
+        },
+      },
+    },
+    receivedAtUtc,
+  );
+}
+
+function createStepCompletedFrame(
+  stepId: string,
+  output: string,
+  receivedAtUtc: string,
+) {
+  return createExecutionFrame(
+    {
+      custom: {
+        name: 'aevatar.step.completed',
+        payload: {
+          output,
+          stepId,
+          success: true,
+        },
+      },
+    },
+    receivedAtUtc,
+  );
+}
+
+function createDiagnosticFrame(receivedAtUtc: string) {
+  return createExecutionFrame(
+    {
+      custom: {
+        name: 'aevatar.raw.observed',
+        payload: { source: 'runtime-observer' },
+      },
+    },
+    receivedAtUtc,
+  );
+}
+
+function createRunningExecution(
+  frames: ReadonlyArray<StudioExecutionDetailFixture['frames'][number]>,
+): StudioExecutionDetailFixture {
+  return {
+    actorId: 'actor-live-alpha',
+    completedAtUtc: null,
+    error: null,
+    executionId: 'run-live-alpha',
+    frames: [...frames],
+    prompt: 'Process the request.',
+    startedAtUtc: '2026-09-03T06:45:00.000Z',
+    status: 'running',
+    workflowName: 'Live workflow',
+  };
+}
+
+function ControlledExecutionPanel({
+  detail,
+  workflowNodes,
+}: Readonly<{
+  detail: StudioExecutionDetailFixture;
+  workflowNodes?: WorkflowNodes;
+}>) {
+  const [activeLogIndex, setActiveLogIndex] = React.useReducer(
+    (_current: number | null, next: number | null) => next,
+    null,
+  );
+
+  return (
+    <WorkflowStudioExecutionPanel
+      activeLogIndex={activeLogIndex}
+      detail={detail}
+      onSelectLog={setActiveLogIndex}
+      workflowNodes={workflowNodes}
+    />
+  );
+}
+
+describe('WorkflowStudioExecutionPanel', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    Object.defineProperty(HTMLElement.prototype, 'scrollIntoView', {
+      configurable: true,
+      value: scrollIntoView,
+    });
+    Object.defineProperty(window.navigator, 'clipboard', {
+      configurable: true,
+      value: undefined,
+    });
+  });
+
+  it('reports unavailable clipboard access instead of a copy success', async () => {
+    render(
+      React.createElement(WorkflowStudioExecutionPanel, {
+        detail: executionDetail,
+      }),
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'Copy all logs' }));
+
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not copy logs.',
+      );
+    });
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+  });
+
+  it('keeps raw events out of Nodes and promotes the first running node', async () => {
+    const runStartedFrame = createRunStartedFrame();
+    const { rerender } = render(
+      <ControlledExecutionPanel
+        detail={createRunningExecution([runStartedFrame])}
+      />,
+    );
+
+    expect(screen.getByRole('radio', { name: 'Nodes' })).toBeChecked();
+    expect(
+      screen.queryByTestId('workflow-execution-log-row-run-0'),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByLabelText('Log details')).not.toBeInTheDocument();
+
+    rerender(
+      <ControlledExecutionPanel
+        detail={createRunningExecution([
+          runStartedFrame,
+          createStepStartedFrame(
+            'step-alpha',
+            'First node input',
+            '2026-09-03T06:45:01.000Z',
+          ),
+        ])}
+      />,
+    );
+
+    const runningRow = await screen.findByTestId(
+      'workflow-execution-log-row-node-step-alpha',
+    );
+    await waitFor(() =>
+      expect(runningRow).toHaveAttribute('aria-pressed', 'true'),
+    );
+    expect(runningRow).toHaveTextContent('Running');
+    expect(
+      runningRow.querySelectorAll(
+        '[data-testid="workflow-execution-running-indicator"] .aevatar-loading-dot',
+      ),
+    ).toHaveLength(3);
+    expect(screen.getByLabelText('Log details')).toHaveTextContent(
+      'step-alpha',
+    );
+    expect(screen.getByLabelText('Log details')).toHaveTextContent(
+      'First node input',
+    );
+  });
+
+  it('shows submitted nodes before they start and promotes only the running node', async () => {
+    const runStartedFrame = createRunStartedFrame();
+    const { rerender } = render(
+      <ControlledExecutionPanel
+        detail={createRunningExecution([runStartedFrame])}
+        workflowNodes={submittedWorkflowNodes}
+      />,
+    );
+
+    const overview = screen.getByRole('listbox', { name: 'Logs overview' });
+    const initialRows = within(overview).getAllByRole('button');
+    expect(initialRows.map((row) => row.dataset.testid)).toEqual([
+      'workflow-execution-log-row-node-step-alpha',
+      'workflow-execution-log-row-node-step-beta',
+      'workflow-execution-log-row-node-step-gamma',
+    ]);
+    initialRows.forEach((row) => {
+      expect(row).toHaveTextContent('Pending');
+      expect(row).toBeDisabled();
+    });
+
+    rerender(
+      <ControlledExecutionPanel
+        detail={createRunningExecution([
+          runStartedFrame,
+          createStepStartedFrame(
+            'step-alpha',
+            'First node input',
+            '2026-09-03T06:45:01.000Z',
+          ),
+        ])}
+        workflowNodes={submittedWorkflowNodes}
+      />,
+    );
+
+    const alphaRow = within(overview).getByTestId(
+      'workflow-execution-log-row-node-step-alpha',
+    );
+    await waitFor(() =>
+      expect(alphaRow).toHaveAttribute('aria-pressed', 'true'),
+    );
+    expect(alphaRow).toHaveTextContent('Running');
+    expect(alphaRow).toBeEnabled();
+    for (const stepId of ['step-beta', 'step-gamma']) {
+      const pendingRow = within(overview).getByTestId(
+        `workflow-execution-log-row-node-${stepId}`,
+      );
+      expect(pendingRow).toHaveTextContent('Pending');
+      expect(pendingRow).toBeDisabled();
+    }
+  });
+
+  it('marks unentered nodes as not run after execution finishes', () => {
+    render(
+      <ControlledExecutionPanel
+        detail={{
+          ...createRunningExecution([
+            createRunStartedFrame(),
+            createStepStartedFrame(
+              'step-alpha',
+              'First node input',
+              '2026-09-03T06:45:01.000Z',
+            ),
+            createStepCompletedFrame(
+              'step-alpha',
+              'First node output',
+              '2026-09-03T06:45:02.000Z',
+            ),
+          ]),
+          completedAtUtc: '2026-09-03T06:45:03.000Z',
+          status: 'succeeded',
+        }}
+        workflowNodes={submittedWorkflowNodes}
+      />,
+    );
+
+    expect(
+      screen.getByTestId('workflow-execution-log-row-node-step-alpha'),
+    ).toHaveTextContent('Success');
+    for (const stepId of ['step-beta', 'step-gamma']) {
+      const notRunRow = screen.getByTestId(
+        `workflow-execution-log-row-node-${stepId}`,
+      );
+      expect(notRunRow).toHaveTextContent('Not run');
+      expect(notRunRow).toBeDisabled();
+    }
+  });
+
+  it('follows each newly running node while preserving manual inspection within a node', async () => {
+    const initialFrames = [
+      createRunStartedFrame(),
+      createStepStartedFrame(
+        'step-alpha',
+        'Alpha input',
+        '2026-09-03T06:45:01.000Z',
+      ),
+      createStepCompletedFrame(
+        'step-alpha',
+        'Alpha output',
+        '2026-09-03T06:45:02.000Z',
+      ),
+      createStepStartedFrame(
+        'step-beta',
+        'Beta input',
+        '2026-09-03T06:45:03.000Z',
+      ),
+    ];
+    const { rerender } = render(
+      <ControlledExecutionPanel
+        detail={createRunningExecution(initialFrames)}
+      />,
+    );
+
+    const alphaRow = screen.getByTestId(
+      'workflow-execution-log-row-node-step-alpha',
+    );
+    const betaRow = screen.getByTestId(
+      'workflow-execution-log-row-node-step-beta',
+    );
+    await waitFor(() =>
+      expect(betaRow).toHaveAttribute('aria-pressed', 'true'),
+    );
+    expect(alphaRow).toHaveAttribute('aria-pressed', 'false');
+    expect(scrollIntoView).toHaveBeenLastCalledWith({ block: 'nearest' });
+    expect(scrollIntoView.mock.contexts.at(-1)).toBe(betaRow);
+    expect(betaRow).not.toHaveFocus();
+
+    fireEvent.click(alphaRow);
+    expect(alphaRow).toHaveAttribute('aria-pressed', 'true');
+    expect(betaRow).toHaveAttribute('aria-pressed', 'false');
+
+    rerender(
+      <ControlledExecutionPanel
+        detail={createRunningExecution([
+          ...initialFrames,
+          createDiagnosticFrame('2026-09-03T06:45:04.000Z'),
+        ])}
+      />,
+    );
+    expect(alphaRow).toHaveAttribute('aria-pressed', 'true');
+
+    rerender(
+      <ControlledExecutionPanel
+        detail={createRunningExecution([
+          ...initialFrames,
+          createDiagnosticFrame('2026-09-03T06:45:04.000Z'),
+          createStepStartedFrame(
+            'step-gamma',
+            'Gamma input',
+            '2026-09-03T06:45:05.000Z',
+          ),
+        ])}
+      />,
+    );
+
+    const gammaRow = screen.getByTestId(
+      'workflow-execution-log-row-node-step-gamma',
+    );
+    await waitFor(() =>
+      expect(gammaRow).toHaveAttribute('aria-pressed', 'true'),
+    );
+    expect(alphaRow).toHaveAttribute('aria-pressed', 'false');
+    expect(scrollIntoView.mock.contexts.at(-1)).toBe(gammaRow);
+    expect(gammaRow).not.toHaveFocus();
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.tsx
index 941bf29d98..2c3aa6e997 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.tsx
@@ -1,33 +1,12 @@
-import {
-  CheckCircleOutlined,
-  ClockCircleOutlined,
-  CloseCircleOutlined,
-  CloseOutlined,
-  CopyOutlined,
-  LoadingOutlined,
-  PauseCircleOutlined,
-} from "@ant-design/icons";
-import { Alert, Button, message, Segmented, Tag, Tooltip, Typography } from "antd";
-import React from "react";
-import { t } from "@/shared/i18n/messages";
-import {
-  buildExecutionTrace,
-  type ExecutionLogItem,
-  type ExecutionLogStatus,
-  type WorkflowExecutionNodeSnapshot,
-  formatDurationBetween,
-  formatExecutionLogsClipboard,
-  normalizeExecutionLogStatus,
-} from "@/shared/studio/execution";
-import type { StudioExecutionDetail } from "@/shared/studio/models";
-import {
-  getUserFacingIdentifierLabel,
-  sanitizeUserFacingText,
-} from "@/shared/ui/userFacingIdentifiers";
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import type { WorkflowExecutionNodeSnapshot } from '@/shared/studio/execution';
+import type { StudioExecutionDetail } from '@/shared/studio/models';
+import { adaptExecutionDetailToLogs } from '@/shared/workflows/executionDetail';
+import WorkflowExecutionLogsPanel from '@/shared/workflows/WorkflowExecutionLogsPanel';
 
 type WorkflowStudioExecutionPanelProps = {
   readonly activeLogIndex?: number | null;
-  readonly clearDisabled?: boolean;
   readonly detail: StudioExecutionDetail | null;
   readonly error?: string;
   readonly height?: number;
@@ -36,1394 +15,22 @@ type WorkflowStudioExecutionPanelProps = {
   readonly workflowNodes?: readonly WorkflowExecutionNodeSnapshot[];
 };
 
-type OverviewMode = "nodes" | "events";
-type DetailPanelState = "both" | "input" | "output";
-type OverviewEntryType = "node" | "run" | "event";
-type ExecutionOverviewStatus = ExecutionLogStatus | "pending";
-
-type ExecutionOverviewEntry = {
-  readonly category: NonNullable<ExecutionLogItem["category"]>;
-  readonly completedAt: string;
-  readonly entryId: string;
-  readonly eventCount: number;
-  readonly eventType: string;
-  readonly inputText: string;
-  readonly interactionText: string;
-  readonly logIndex: number;
-  readonly logIndexes: readonly number[];
-  readonly meta: string;
-  readonly outputText: string;
-  readonly payloadText: string;
-  readonly pendingText: string;
-  readonly previewText: string;
-  readonly rawText: string;
-  readonly rowType: OverviewEntryType;
-  readonly startedAt: string;
-  readonly status: ExecutionOverviewStatus;
-  readonly statusLog?: ExecutionLogItem;
-  readonly stepId: string;
-  readonly subtitle: string;
-  readonly title: string;
-};
-
-type MutableExecutionOverviewEntry = {
-  category: NonNullable<ExecutionLogItem["category"]>;
-  completedAt: string;
-  entryId: string;
-  eventCount: number;
-  eventType: string;
-  inputText: string;
-  interactionText: string;
-  logIndex: number;
-  logIndexes: number[];
-  meta: string;
-  outputText: string;
-  payloadText: string;
-  pendingText: string;
-  previewText: string;
-  rawText: string;
-  rowType: OverviewEntryType;
-  startedAt: string;
-  status: ExecutionOverviewStatus;
-  statusLog?: ExecutionLogItem;
-  stepId: string;
-  subtitle: string;
-  title: string;
-};
-
-type ExecutionTokenUsage = {
-  readonly completionTokens: number;
-  readonly promptTokens: number;
-  readonly totalTokens: number;
-};
-
-type ExecutionPanelCssVariables = React.CSSProperties &
-  Record<`--${string}`, string | number>;
-
-const categoryLabels: Record<NonNullable<ExecutionLogItem["category"]>, string> = {
-  custom: "Custom",
-  lifecycle: "Run",
-  output: "Output",
-  raw: "Raw",
-  snapshot: "Snapshot",
-  step: "Step",
-  usage: "Usage",
-};
-
-const categoryColors: Record<NonNullable<ExecutionLogItem["category"]>, string> = {
-  custom: "default",
-  lifecycle: "blue",
-  output: "green",
-  raw: "volcano",
-  snapshot: "geekblue",
-  step: "cyan",
-  usage: "gold",
-};
-
-const statusColors: Record<ExecutionOverviewStatus, string> = {
-  error: "red",
-  pending: "default",
-  recorded: "default",
-  running: "processing",
-  success: "green",
-  waiting: "orange",
-};
-
-const nodeDetailBlockHeight = 230;
-const overviewRowHeight = 80;
-const workflowStudioExecutionPanelCss = `
-.workflow-studio-execution-panel__body {
-  grid-template-columns: var(--workflow-execution-panel-columns);
-}
-
-.workflow-studio-execution-panel__overview {
-  border-right: var(--workflow-execution-panel-overview-border-right);
-  grid-template-rows: min-content minmax(0, 1fr);
-}
-
-@media (max-width: 720px) {
-  .workflow-studio-execution-panel__body {
-    align-content: start;
-    grid-auto-rows: max-content;
-    grid-template-columns: minmax(0, 1fr);
-    overflow-y: auto;
-  }
-
-  .workflow-studio-execution-panel__overview {
-    border-bottom: 1px solid #edf2f7;
-    border-right: 0;
-    grid-template-rows: min-content max-content;
-  }
-
-  .workflow-studio-execution-panel__details {
-    min-height: 280px;
-  }
-}
-`;
-
-function formatConsoleDateTime(value: string | null | undefined): string {
-  if (!value) {
-    return "";
-  }
-
-  const date = new Date(value);
-  if (!Number.isFinite(date.getTime())) {
-    return value;
-  }
-
-  return date.toLocaleTimeString([], {
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-  });
-}
-
-function sanitizeVisibleText(value: string | null | undefined): string {
-  return sanitizeUserFacingText(value) || "";
-}
-
-function isDetailPaneVisible(
-  state: DetailPanelState,
-  pane: "input" | "output",
-): boolean {
-  return state === "both" || state === pane;
-}
-
-function toggleDetailPanelState(
-  state: DetailPanelState,
-  pane: "input" | "output",
-): DetailPanelState {
-  if (pane === "input") {
-    return state === "output" ? "both" : state === "both" ? "output" : "input";
-  }
-
-  return state === "input" ? "both" : state === "both" ? "input" : "output";
-}
-
-function isTerminalStepLog(log: ExecutionLogItem | undefined): boolean {
-  return log?.tone === "completed" || log?.tone === "failed";
-}
-
-function readStatusLabel(status: ExecutionOverviewStatus): string {
-  switch (status) {
-    case "error":
-      return t("teamMemberWorkflowStudio.executionPanel.status.error", "Error");
-    case "recorded":
-      return t(
-        "teamMemberWorkflowStudio.executionPanel.status.recorded",
-        "Recorded",
-      );
-    case "pending":
-      return t("teamMemberWorkflowStudio.executionPanel.status.pending", "Pending");
-    case "success":
-      return t("teamMemberWorkflowStudio.executionPanel.status.success", "Success");
-    case "waiting":
-      return t("teamMemberWorkflowStudio.executionPanel.status.waiting", "Waiting");
-    default:
-      return t("teamMemberWorkflowStudio.executionPanel.status.running", "Running");
-  }
-}
-
-function renderStatusIcon(status: ExecutionOverviewStatus): React.ReactNode {
-  switch (status) {
-    case "error":
-      return <CloseCircleOutlined style={{ color: "#dc2626" }} />;
-    case "recorded":
-      return <CheckCircleOutlined style={{ color: "#64748b" }} />;
-    case "pending":
-      return <ClockCircleOutlined style={{ color: "#94a3b8" }} />;
-    case "success":
-      return <CheckCircleOutlined style={{ color: "#16a34a" }} />;
-    case "waiting":
-      return <PauseCircleOutlined style={{ color: "#d97706" }} />;
-    default:
-      return <LoadingOutlined style={{ color: "#2563eb" }} />;
-  }
-}
-
-function buildOutputText(
-  detail: StudioExecutionDetail,
-  logs: readonly ExecutionLogItem[],
-): string {
-  const explicitOutput = String(detail.output || "").trim();
-  if (explicitOutput) {
-    return explicitOutput;
-  }
-
-  const finishedLog = [...logs]
-    .reverse()
-    .find((log) => log.category === "output" && log.clipboardText.trim());
-  return finishedLog?.clipboardText.trim() || "";
-}
-
-function readJsonObject(text: string): Record<string, unknown> | null {
-  try {
-    const parsed = JSON.parse(text);
-    return parsed && typeof parsed === "object" && !Array.isArray(parsed)
-      ? (parsed as Record<string, unknown>)
-      : null;
-  } catch {
-    return null;
-  }
-}
-
-function readTokenNumber(
-  record: Record<string, unknown>,
-  ...keys: string[]
-): number {
-  for (const key of keys) {
-    const value = record[key];
-    if (typeof value === "number" && Number.isFinite(value)) {
-      return value;
-    }
-
-    if (typeof value === "string") {
-      const parsed = Number(value);
-      if (Number.isFinite(parsed)) {
-        return parsed;
-      }
-    }
-  }
-
-  return 0;
-}
-
-function buildTokenUsage(
-  logs: readonly ExecutionLogItem[],
-): ExecutionTokenUsage {
-  return logs
-    .filter((log) => log.category === "usage" && log.payloadText)
-    .reduce(
-      (total, log) => {
-        const payload = readJsonObject(log.payloadText || "");
-        if (!payload) {
-          return total;
-        }
-
-        return {
-          completionTokens:
-            total.completionTokens +
-            readTokenNumber(payload, "completionTokens", "completion_tokens"),
-          promptTokens:
-            total.promptTokens +
-            readTokenNumber(payload, "promptTokens", "prompt_tokens"),
-          totalTokens:
-            total.totalTokens +
-            readTokenNumber(payload, "totalTokens", "total_tokens"),
-        };
-      },
-      {
-        completionTokens: 0,
-        promptTokens: 0,
-        totalTokens: 0,
-      },
-    );
-}
-
-function buildOverviewEntries(
-  logs: readonly ExecutionLogItem[],
-): ExecutionOverviewEntry[] {
-  const activeEntryIndexByStepId = new Map<string, number>();
-  const entries: MutableExecutionOverviewEntry[] = [];
-
-  logs.forEach((log, logIndex) => {
-    const category = log.category || "custom";
-    const status = normalizeExecutionLogStatus(log);
-
-    if (category !== "step" || !log.stepId) {
-      const eventStatus: ExecutionLogStatus =
-        status === "error" ? "error" : "recorded";
-      entries.push({
-        category,
-        completedAt:
-          eventStatus === "recorded" || eventStatus === "error"
-            ? log.timestamp
-            : "",
-        entryId: `event:${logIndex}:${log.eventType || log.title}`,
-        eventCount: 1,
-        eventType: log.eventType || "",
-        inputText: "",
-        interactionText: "",
-        logIndex,
-        logIndexes: [logIndex],
-        meta: log.meta,
-        outputText: category === "output" ? log.clipboardText.trim() : "",
-        payloadText: (log.payloadText || log.clipboardText || "").trim(),
-        pendingText: "",
-        previewText: log.previewText,
-        rawText: (log.rawText || "").trim(),
-        rowType: category === "lifecycle" ? "run" : "event",
-        startedAt: log.timestamp,
-        status: eventStatus,
-        statusLog: log,
-        stepId: "",
-        subtitle: sanitizeVisibleText(log.meta) || categoryLabels[category],
-        title: getUserFacingIdentifierLabel(log.title, categoryLabels[category]),
-      });
-      return;
-    }
-
-    const activeIndex = activeEntryIndexByStepId.get(log.stepId);
-    const activeEntry =
-      typeof activeIndex === "number" ? entries[activeIndex] : undefined;
-
-    const createNodeEntry = (): MutableExecutionOverviewEntry => ({
-      category,
-      completedAt: "",
-      entryId: `node:${log.stepId}:${logIndex}`,
-      eventCount: 1,
-      eventType: log.eventType || "",
-      inputText: log.tone === "started" ? log.clipboardText.trim() : "",
-      interactionText: log.tone === "run" ? log.clipboardText.trim() : "",
-      logIndex,
-      logIndexes: [logIndex],
-      meta: log.meta,
-      outputText:
-        log.tone === "completed" || log.tone === "failed"
-          ? log.clipboardText.trim()
-          : "",
-      payloadText: (log.payloadText || "").trim(),
-      pendingText: log.tone === "pending" ? log.clipboardText.trim() : "",
-      previewText: log.previewText,
-      rawText: (log.rawText || "").trim(),
-      rowType: "node",
-      startedAt: log.timestamp,
-      status,
-      statusLog: log,
-      stepId: log.stepId || "",
-      subtitle: sanitizeVisibleText(log.meta) || categoryLabels[category],
-      title: getUserFacingIdentifierLabel(
-        log.stepId,
-        log.title || categoryLabels[category],
-      ),
-    });
-
-    if (log.tone === "started") {
-      entries.push(createNodeEntry());
-      activeEntryIndexByStepId.set(log.stepId, entries.length - 1);
-      return;
-    }
-
-    if (activeEntry && !isTerminalStepLog(activeEntry.statusLog)) {
-      activeEntry.eventCount += 1;
-      activeEntry.eventType = log.eventType || activeEntry.eventType;
-      activeEntry.logIndex = logIndex;
-      activeEntry.logIndexes.push(logIndex);
-      activeEntry.meta = log.meta || activeEntry.meta;
-      activeEntry.payloadText = (log.payloadText || activeEntry.payloadText).trim();
-      activeEntry.previewText = log.previewText || activeEntry.previewText;
-      activeEntry.rawText = (log.rawText || activeEntry.rawText).trim();
-      activeEntry.status = status;
-      activeEntry.statusLog = log;
-      activeEntry.subtitle = sanitizeVisibleText(log.meta) || activeEntry.subtitle;
-
-      if (log.tone === "pending") {
-        activeEntry.pendingText = log.clipboardText.trim();
-      }
-
-      if (log.tone === "run") {
-        activeEntry.interactionText = log.clipboardText.trim();
-      }
-
-      if (log.tone === "completed" || log.tone === "failed") {
-        activeEntry.completedAt = log.timestamp;
-        activeEntry.outputText = log.clipboardText.trim();
-        activeEntryIndexByStepId.delete(log.stepId);
-      }
-      return;
-    }
-
-    const nextEntry = createNodeEntry();
-    if (log.tone === "completed" || log.tone === "failed") {
-      nextEntry.completedAt = log.timestamp;
-    } else {
-      activeEntryIndexByStepId.set(log.stepId, entries.length);
-    }
-    entries.push(nextEntry);
-  });
-
-  return entries;
-}
-
-function buildNodeOverviewEntries(
-  entries: readonly ExecutionOverviewEntry[],
-  workflowNodes: WorkflowStudioExecutionPanelProps["workflowNodes"],
-): ExecutionOverviewEntry[] {
-  const loggedNodeEntries = entries.filter((entry) => entry.rowType === "node");
-  if (!workflowNodes?.length) {
-    return loggedNodeEntries;
-  }
-
-  const loggedEntriesByStepId = new Map<string, ExecutionOverviewEntry[]>();
-  loggedNodeEntries.forEach((entry) => {
-    const matchingEntries = loggedEntriesByStepId.get(entry.stepId) ?? [];
-    matchingEntries.push(entry);
-    loggedEntriesByStepId.set(entry.stepId, matchingEntries);
-  });
-
-  const definitionStepIds = new Set<string>();
-  const orderedEntries: ExecutionOverviewEntry[] = [];
-  workflowNodes.forEach((node) => {
-    const stepId = node.stepId.trim();
-    if (!stepId || definitionStepIds.has(stepId)) {
-      return;
-    }
-
-    definitionStepIds.add(stepId);
-    const matchingEntries = loggedEntriesByStepId.get(stepId);
-    if (matchingEntries?.length) {
-      orderedEntries.push(...matchingEntries);
-      return;
-    }
-
-    orderedEntries.push({
-      category: "step",
-      completedAt: "",
-      entryId: `node:${stepId}:pending`,
-      eventCount: 0,
-      eventType: "",
-      inputText: "",
-      interactionText: "",
-      logIndex: -1,
-      logIndexes: [],
-      meta: [node.stepType, node.targetRole].filter(Boolean).join(" · "),
-      outputText: "",
-      payloadText: "",
-      pendingText: "",
-      previewText: "",
-      rawText: "",
-      rowType: "node",
-      startedAt: "",
-      status: "pending",
-      stepId,
-      subtitle: [node.subtitle, node.targetRole].filter(Boolean).join(" · "),
-      title: node.title || stepId,
-    });
-  });
-
-  orderedEntries.push(
-    ...loggedNodeEntries.filter((entry) => !definitionStepIds.has(entry.stepId)),
+const WorkflowStudioExecutionPanel: React.FC<
+  WorkflowStudioExecutionPanelProps
+> = ({ detail, ...props }) => {
+  const execution = React.useMemo(
+    () => adaptExecutionDetailToLogs(detail),
+    [detail],
   );
-  return orderedEntries;
-}
-
-function findSelectedEntry(
-  entries: readonly ExecutionOverviewEntry[],
-  activeLogIndex: number | null | undefined,
-): ExecutionOverviewEntry | null {
-  if (typeof activeLogIndex !== "number") {
-    return null;
-  }
-
-  const direct = entries.find((entry) => entry.logIndexes.includes(activeLogIndex));
-  if (direct) {
-    return direct;
-  }
-  return null;
-}
-
-function isEntrySelected(
-  entry: ExecutionOverviewEntry,
-  selectedEntry: ExecutionOverviewEntry | null,
-): boolean {
-  return entry.entryId === selectedEntry?.entryId;
-}
-
-function renderMetric(label: string, value: React.ReactNode): React.ReactNode {
-  return (
-    <span
-      style={{
-        alignItems: "baseline",
-        display: "inline-flex",
-        gap: 5,
-        whiteSpace: "nowrap",
-      }}
-    >
-      <Typography.Text style={{ color: "#64748b", fontSize: 11 }}>
-        {label}
-      </Typography.Text>
-      <Typography.Text strong style={{ color: "#111827", fontSize: 12 }}>
-        {value}
-      </Typography.Text>
-    </span>
-  );
-}
-
-function renderDataBlock(
-  label: string,
-  value: string,
-  emptyText: string,
-  options: {
-    readonly danger?: boolean;
-    readonly height?: number;
-    readonly maxHeight?: number;
-    readonly testId?: string;
-  } = {},
-): React.ReactNode {
-  const text = sanitizeVisibleText(value);
-  const blockHeight = options.height;
-
-  return (
-    <div
-      style={{
-        alignContent: "start",
-        display: "grid",
-        gap: 6,
-        minHeight: 0,
-        minWidth: 0,
-      }}
-    >
-      <Typography.Text
-        style={{
-          color: options.danger ? "#b91c1c" : "#64748b",
-          fontSize: 11,
-          fontWeight: 700,
-          textTransform: "uppercase",
-        }}
-      >
-        {label}
-      </Typography.Text>
-      <pre
-        data-testid={options.testId}
-        style={{
-          background: text ? "#f8fafc" : "#ffffff",
-          border: `1px solid ${options.danger ? "#fecaca" : "#e5e7eb"}`,
-          borderRadius: 6,
-          color: text ? (options.danger ? "#991b1b" : "#334155") : "#94a3b8",
-          fontFamily:
-            "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
-          fontSize: 12,
-          height: blockHeight,
-          lineHeight: "18px",
-          margin: 0,
-          maxHeight: blockHeight ? undefined : options.maxHeight ?? 180,
-          minHeight: 50,
-          overflow: "auto",
-          padding: "9px 10px",
-          whiteSpace: "pre-wrap",
-          wordBreak: "break-word",
-        }}
-      >
-        {text || emptyText}
-      </pre>
-    </div>
-  );
-}
-
-function formatEntryClipboard(entry: ExecutionOverviewEntry): string {
-  const lines = [
-    `[${entry.startedAt}] ${entry.title}`,
-    entry.subtitle,
-    entry.inputText ? `Input:\n${entry.inputText}` : "",
-    entry.pendingText ? `Prompt:\n${entry.pendingText}` : "",
-    entry.interactionText ? `Interaction:\n${entry.interactionText}` : "",
-    entry.outputText ? `Output:\n${entry.outputText}` : "",
-    entry.payloadText ? `Payload:\n${entry.payloadText}` : "",
-  ].filter(Boolean);
-
-  return lines.join("\n\n");
-}
-
-async function copyToClipboard(text: string, successText: string): Promise<void> {
-  if (!text.trim()) {
-    return;
-  }
-
-  await navigator.clipboard?.writeText(text);
-  void message.success(successText);
-}
-
-function renderOverviewRow(
-  entry: ExecutionOverviewEntry,
-  selected: boolean,
-  onSelectLog?: (index: number | null) => void,
-): React.ReactNode {
-  const selectable = entry.logIndex >= 0;
-  const duration =
-    entry.startedAt && entry.completedAt
-      ? formatDurationBetween(entry.startedAt, entry.completedAt)
-      : "";
-
-  return (
-    <button
-      aria-pressed={selected}
-      data-testid={`workflow-execution-log-row-${entry.rowType}-${entry.stepId || entry.logIndex}`}
-      disabled={!selectable}
-      key={entry.entryId}
-      onClick={() => {
-        if (selectable) {
-          onSelectLog?.(entry.logIndex);
-        }
-      }}
-      style={{
-        appearance: "none",
-        background: selected ? "#eef4ff" : "#ffffff",
-        border: `1px solid ${selected ? "#b7cdfd" : "#e5e7eb"}`,
-        borderRadius: 6,
-        boxSizing: "border-box",
-        color: "inherit",
-        cursor: selectable ? "pointer" : "default",
-        display: "grid",
-        gap: 6,
-        height: overviewRowHeight,
-        minHeight: overviewRowHeight,
-        overflow: "hidden",
-        padding: "8px 10px",
-        textAlign: "left",
-        width: "100%",
-      }}
-      type="button"
-    >
-      <span
-        style={{
-          alignItems: "center",
-          display: "grid",
-          gap: 8,
-          gridTemplateColumns: "18px minmax(0, 1fr) max-content",
-          minWidth: 0,
-        }}
-      >
-        {renderStatusIcon(entry.status)}
-        <span
-          style={{
-            display: "grid",
-            gap: 1,
-            minWidth: 0,
-          }}
-        >
-          <Typography.Text
-            strong
-            style={{
-              color: "#111827",
-              display: "block",
-              fontSize: 12,
-              lineHeight: "17px",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap",
-            }}
-          >
-            {entry.title}
-          </Typography.Text>
-          <Typography.Text
-            style={{
-              color: "#64748b",
-              fontSize: 11,
-              lineHeight: "15px",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap",
-            }}
-          >
-            {entry.subtitle || categoryLabels[entry.category]}
-          </Typography.Text>
-        </span>
-        <Typography.Text style={{ color: "#94a3b8", fontSize: 11 }}>
-          {formatConsoleDateTime(entry.startedAt)}
-        </Typography.Text>
-      </span>
-      <span
-        style={{
-          alignItems: "center",
-          display: "flex",
-          flexWrap: "nowrap",
-          gap: 5,
-          minWidth: 0,
-          overflow: "hidden",
-        }}
-      >
-        <Tag color={statusColors[entry.status]} style={{ marginInlineEnd: 0 }}>
-          {readStatusLabel(entry.status)}
-        </Tag>
-        <Tag color={categoryColors[entry.category]} style={{ marginInlineEnd: 0 }}>
-          {categoryLabels[entry.category]}
-        </Tag>
-        {duration ? (
-          <Typography.Text style={{ color: "#64748b", fontSize: 11 }}>
-            {duration}
-          </Typography.Text>
-        ) : null}
-        {entry.eventCount > 1 ? (
-          <Typography.Text style={{ color: "#64748b", fontSize: 11 }}>
-            {t(
-              "teamMemberWorkflowStudio.executionPanel.eventCount",
-              "{count} events",
-              { count: entry.eventCount },
-            )}
-          </Typography.Text>
-        ) : null}
-      </span>
-    </button>
-  );
-}
-
-function renderNodeInputPane(
-  entry: ExecutionOverviewEntry,
-  blockHeight = nodeDetailBlockHeight,
-): React.ReactNode {
-  const interactionContext = entry.meta.trim();
-
   return (
-    <div
-      style={{
-        alignContent: "start",
-        alignSelf: "start",
-        display: "grid",
-        gap: 10,
-        minHeight: 0,
-        minWidth: 0,
-      }}
-    >
-      {renderDataBlock(
-        t("teamMemberWorkflowStudio.executionPanel.nodeInput", "Input"),
-        entry.inputText,
-        t(
-          "teamMemberWorkflowStudio.executionPanel.emptyNodeInput",
-          "No input captured for this node.",
-        ),
-        { height: blockHeight, testId: "workflow-execution-node-input-block" },
+    <WorkflowExecutionLogsPanel
+      {...props}
+      ariaLabel={t(
+        'teamMemberWorkflowStudio.executionPanel.consoleAria',
+        'Draft run console',
       )}
-      {entry.pendingText
-        ? renderDataBlock(
-            t("teamMemberWorkflowStudio.executionPanel.nodePrompt", "Prompt"),
-            [interactionContext, entry.pendingText].filter(Boolean).join("\n\n"),
-            "",
-            { maxHeight: Math.max(90, Math.floor(blockHeight / 2)) },
-          )
-        : null}
-      {entry.interactionText
-        ? renderDataBlock(
-            t(
-              "teamMemberWorkflowStudio.executionPanel.nodeInteraction",
-              "Interaction",
-            ),
-            [interactionContext, entry.interactionText]
-              .filter(Boolean)
-              .join("\n\n"),
-            "",
-            { maxHeight: Math.max(90, Math.floor(blockHeight / 2)) },
-          )
-        : null}
-    </div>
-  );
-}
-
-function renderNodeOutputPane(
-  entry: ExecutionOverviewEntry,
-  blockHeight = nodeDetailBlockHeight,
-): React.ReactNode {
-  const outputIsError = entry.status === "error";
-
-  return renderDataBlock(
-    outputIsError
-      ? t("teamMemberWorkflowStudio.executionPanel.error", "Error")
-      : t("teamMemberWorkflowStudio.executionPanel.nodeOutput", "Output"),
-    entry.outputText,
-    t(
-      "teamMemberWorkflowStudio.executionPanel.emptyNodeOutput",
-      "No output captured for this node.",
-    ),
-    {
-      danger: outputIsError,
-      height: blockHeight,
-      testId: "workflow-execution-node-output-block",
-    },
-  );
-}
-
-function renderSelectedDetails(
-  entry: ExecutionOverviewEntry | null,
-  detailPanelState: DetailPanelState,
-): React.ReactNode {
-  if (!entry) {
-    return (
-      <div
-        style={{
-          alignItems: "center",
-          color: "#64748b",
-          display: "flex",
-          fontSize: 12,
-          justifyContent: "center",
-          minHeight: 0,
-          padding: 16,
-          textAlign: "center",
-        }}
-      >
-        {t(
-          "teamMemberWorkflowStudio.executionPanel.selectLog",
-          "Select a log entry to inspect its input, output, and raw event data.",
-        )}
-      </div>
-    );
-  }
-
-  const jsonText = [
-    entry.eventType ? `eventType: ${entry.eventType}` : "",
-    entry.payloadText || entry.rawText,
-  ]
-    .filter(Boolean)
-    .join("\n\n");
-
-  if (entry.rowType !== "node") {
-    return renderDataBlock(
-      t("teamMemberWorkflowStudio.executionPanel.eventPayload", "Event payload"),
-      jsonText || sanitizeVisibleText(entry.previewText),
-      t(
-        "teamMemberWorkflowStudio.executionPanel.emptyEventPayload",
-        "No event payload was captured.",
-      ),
-      { maxHeight: 260 },
-    );
-  }
-
-  const showInput = isDetailPaneVisible(detailPanelState, "input");
-  const showOutput = isDetailPaneVisible(detailPanelState, "output");
-
-  return (
-    <div
-      style={{
-        alignItems: "start",
-        display: "grid",
-        gap: 10,
-        gridTemplateColumns:
-          showInput && showOutput
-            ? "minmax(0, 1fr) minmax(0, 1fr)"
-            : "minmax(0, 1fr)",
-        minHeight: 0,
-        minWidth: 0,
-      }}
-    >
-      {showInput ? renderNodeInputPane(entry) : null}
-      {showOutput ? renderNodeOutputPane(entry) : null}
-    </div>
-  );
-}
-
-const WorkflowStudioExecutionPanel: React.FC<WorkflowStudioExecutionPanelProps> = ({
-  activeLogIndex,
-  clearDisabled = false,
-  detail,
-  error,
-  height = 210,
-  onClear,
-  onSelectLog,
-  workflowNodes,
-}) => {
-  const [overviewMode, setOverviewMode] = React.useState<OverviewMode>("nodes");
-  const [detailPanelState, setDetailPanelState] =
-    React.useState<DetailPanelState>("both");
-  const trace = React.useMemo(() => buildExecutionTrace(detail), [detail]);
-  const logs = trace?.logs ?? [];
-  const entries = React.useMemo(() => buildOverviewEntries(logs), [logs]);
-  const nodeEntries = React.useMemo(
-    () => buildNodeOverviewEntries(entries, workflowNodes),
-    [entries, workflowNodes],
-  );
-  const eventEntries = entries.filter((entry) => entry.rowType !== "node");
-  const baseSelectedEntry =
-    findSelectedEntry(entries, activeLogIndex) ||
-    entries.find((entry) => entry.status === "error") ||
-    nodeEntries.find((entry) => entry.logIndex >= 0) ||
-    entries.find((entry) => entry.logIndex >= 0) ||
-    null;
-  const rawFrames = detail?.frames ?? [];
-  const hasExecutionContent = Boolean(error || detail);
-  const outputText = detail ? buildOutputText(detail, logs) : "";
-  const tokenUsage = React.useMemo(() => buildTokenUsage(logs), [logs]);
-  const duration = detail
-    ? formatDurationBetween(detail.startedAtUtc, detail.completedAtUtc)
-    : "";
-  const totalStepCount = new Set(nodeEntries.map((entry) => entry.stepId)).size;
-  const visibleEntries =
-    overviewMode === "nodes"
-      ? nodeEntries.length
-        ? nodeEntries
-        : eventEntries
-      : eventEntries;
-  const selectedEntry =
-    visibleEntries.find((entry) => isEntrySelected(entry, baseSelectedEntry)) ||
-    visibleEntries.find((entry) => entry.logIndex >= 0) ||
-    (baseSelectedEntry?.status === "error" ? baseSelectedEntry : null);
-  const selectableEntries = visibleEntries.filter((entry) => entry.logIndex >= 0);
-  const runStatus: ExecutionLogStatus =
-    detail?.status === "failed"
-      ? "error"
-      : detail?.status === "succeeded"
-        ? "success"
-        : "running";
-  const handleOverviewKeyDown = React.useCallback(
-    (event: React.KeyboardEvent<HTMLElement>) => {
-      if (!selectableEntries.length || !onSelectLog) {
-        return;
-      }
-
-      if (event.key !== "ArrowDown" && event.key !== "ArrowUp") {
-        return;
-      }
-
-      event.preventDefault();
-      const selectedVisibleIndex = selectableEntries.findIndex((entry) =>
-        isEntrySelected(entry, selectedEntry),
-      );
-      const fallbackIndex = event.key === "ArrowDown" ? -1 : selectableEntries.length;
-      const currentIndex =
-        selectedVisibleIndex >= 0 ? selectedVisibleIndex : fallbackIndex;
-      const nextIndex =
-        event.key === "ArrowDown"
-          ? Math.min(currentIndex + 1, selectableEntries.length - 1)
-          : Math.max(currentIndex - 1, 0);
-
-      onSelectLog(selectableEntries[nextIndex]?.logIndex ?? null);
-    },
-    [onSelectLog, selectableEntries, selectedEntry],
-  );
-
-  if (!hasExecutionContent) {
-    return null;
-  }
-
-  return (
-    <aside
-      aria-label={t(
-        "teamMemberWorkflowStudio.executionPanel.consoleAria",
-        "Draft run console",
-      )}
-      style={{
-        background: "#ffffff",
-        borderTop: "1px solid #dbe3ee",
-        display: "grid",
-        flex: `0 0 ${height}px`,
-        gridTemplateRows: "min-content minmax(0, 1fr)",
-        minHeight: 0,
-      }}
-    >
-      <section
-        data-testid="member-run-result-panel"
-        style={{
-          display: "contents",
-        }}
-      >
-        {error ? (
-          <div style={{ padding: "10px 14px" }}>
-            <Alert message={error} showIcon type="error" />
-          </div>
-        ) : detail ? (
-          <>
-            <div
-              style={{
-                alignItems: "center",
-                borderBottom: "1px solid #edf2f7",
-                display: "flex",
-                flexWrap: "wrap",
-                gap: 12,
-                justifyContent: "space-between",
-                minHeight: 42,
-                padding: "7px 14px",
-              }}
-            >
-              <div
-                style={{
-                  alignItems: "center",
-                  display: "flex",
-                  flexWrap: "wrap",
-                  gap: 9,
-                  minWidth: 0,
-                }}
-              >
-                <Typography.Text strong style={{ color: "#111827", fontSize: 13 }}>
-                  {t("teamMemberWorkflowStudio.executionPanel.logs", "Logs")}
-                </Typography.Text>
-                <Typography.Text
-                  style={{
-                    color: "#64748b",
-                    fontSize: 12,
-                    maxWidth: 240,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                  }}
-                >
-                  {detail.workflowName}
-                </Typography.Text>
-                <Tag color={statusColors[runStatus]} style={{ marginInlineEnd: 0 }}>
-                  {detail.status}
-                </Tag>
-                {duration
-                  ? renderMetric(
-                      t(
-                        "teamMemberWorkflowStudio.executionPanel.duration",
-                        "Duration",
-                      ),
-                      duration,
-                    )
-                  : null}
-              </div>
-              <div
-                style={{
-                  alignItems: "center",
-                  display: "flex",
-                  flexWrap: "wrap",
-                  gap: 10,
-                }}
-              >
-                {renderMetric(
-                  t("teamMemberWorkflowStudio.executionPanel.events", "Events"),
-                  rawFrames.length,
-                )}
-                {renderMetric(
-                  t("teamMemberWorkflowStudio.executionPanel.steps", "Steps"),
-                  totalStepCount,
-                )}
-                {renderMetric(
-                  t("teamMemberWorkflowStudio.executionPanel.output", "Output"),
-                  outputText ? "1" : "0",
-                )}
-                {tokenUsage.totalTokens > 0
-                  ? renderMetric(
-                      t(
-                        "teamMemberWorkflowStudio.executionPanel.tokens",
-                        "Tokens",
-                      ),
-                      tokenUsage.totalTokens,
-                    )
-                  : null}
-                <Tooltip
-                  title={t(
-                    "teamMemberWorkflowStudio.executionPanel.copyAll",
-                    "Copy all logs",
-                  )}
-                >
-                  <Button
-                    aria-label={t(
-                      "teamMemberWorkflowStudio.executionPanel.copyAll",
-                      "Copy all logs",
-                    )}
-                    icon={<CopyOutlined />}
-                    onClick={() =>
-                      void copyToClipboard(
-                        formatExecutionLogsClipboard(trace),
-                        t(
-                          "teamMemberWorkflowStudio.executionPanel.copyAllDone",
-                          "Copied all logs.",
-                        ),
-                      )
-                    }
-                    size="small"
-                    type="text"
-                  />
-                </Tooltip>
-                <Tooltip
-                  title={t(
-                    "teamMemberWorkflowStudio.executionPanel.clear",
-                    "Clear logs",
-                  )}
-                >
-                  <Button
-                    aria-label={t(
-                      "teamMemberWorkflowStudio.executionPanel.clear",
-                      "Clear logs",
-                    )}
-                    disabled={clearDisabled}
-                    icon={<CloseOutlined />}
-                    onClick={onClear}
-                    size="small"
-                    type="text"
-                  />
-                </Tooltip>
-              </div>
-            </div>
-
-            <div
-              className="workflow-studio-execution-panel__body"
-              style={
-                {
-                  "--workflow-execution-panel-columns": visibleEntries.length
-                    ? "minmax(300px, 0.82fr) minmax(420px, 1.18fr)"
-                    : "minmax(420px, 1fr)",
-                  display: "grid",
-                  gap: 0,
-                  minHeight: 0,
-                  minWidth: 0,
-                } as ExecutionPanelCssVariables
-              }
-            >
-              <section
-                className="workflow-studio-execution-panel__overview"
-                style={
-                  {
-                    "--workflow-execution-panel-overview-border-right":
-                      visibleEntries.length
-                        ? "1px solid #edf2f7"
-                        : "0",
-                    display: "grid",
-                    minHeight: 0,
-                    minWidth: 0,
-                    padding: "10px 12px 12px",
-                  } as ExecutionPanelCssVariables
-                }
-              >
-                <div
-                  style={{
-                    alignItems: "center",
-                    display: "flex",
-                    gap: 8,
-                    justifyContent: "space-between",
-                    marginBottom: 8,
-                    minWidth: 0,
-                  }}
-                >
-                  <div
-                    style={{
-                      alignItems: "center",
-                      display: "flex",
-                      gap: 7,
-                      minWidth: 0,
-                    }}
-                  >
-                    <ClockCircleOutlined style={{ color: "#64748b" }} />
-                    <Typography.Text strong style={{ fontSize: 13 }}>
-                      {t(
-                        "teamMemberWorkflowStudio.executionPanel.overview",
-                        "Overview",
-                      )}
-                    </Typography.Text>
-                  </div>
-                  <Segmented
-                    onChange={(value) => setOverviewMode(value as OverviewMode)}
-                    options={[
-                      {
-                        label: t(
-                          "teamMemberWorkflowStudio.executionPanel.nodes",
-                          "Nodes",
-                        ),
-                        value: "nodes",
-                      },
-                      {
-                        label: t(
-                          "teamMemberWorkflowStudio.executionPanel.events",
-                          "Events",
-                        ),
-                        value: "events",
-                      },
-                    ]}
-                    size="small"
-                    value={overviewMode}
-                  />
-                </div>
-                <div
-                  aria-label={t(
-                    "teamMemberWorkflowStudio.executionPanel.logsOverview",
-                    "Logs overview",
-                  )}
-                  onKeyDown={handleOverviewKeyDown}
-                  role="listbox"
-                  tabIndex={0}
-                  style={{
-                    display: "grid",
-                    gap: 8,
-                    alignContent: "start",
-                    gridAutoRows: `${overviewRowHeight}px`,
-                    minHeight: 0,
-                    overflow: "auto",
-                    paddingRight: 3,
-                  }}
-                >
-                  {visibleEntries.length ? (
-                    visibleEntries.map((entry) =>
-                      renderOverviewRow(
-                        entry,
-                        isEntrySelected(entry, selectedEntry),
-                        onSelectLog,
-                      ),
-                    )
-                  ) : (
-                    <Typography.Text style={{ color: "#64748b", fontSize: 12 }}>
-                      {overviewMode === "nodes"
-                        ? rawFrames.length
-                          ? t(
-                              "teamMemberWorkflowStudio.executionPanel.rawFrames",
-                              "{count} run event(s) received, but no node output is available yet.",
-                              { count: rawFrames.length },
-                            )
-                          : t(
-                              "teamMemberWorkflowStudio.executionPanel.emptyLogs",
-                              "Node logs will appear after the workflow draft runs.",
-                            )
-                        : t(
-                            "teamMemberWorkflowStudio.executionPanel.emptyEvidence",
-                            "Runtime events will appear here when the backend emits them.",
-                          )}
-                    </Typography.Text>
-                  )}
-                </div>
-              </section>
-
-              {visibleEntries.length ? (
-                <section
-                  aria-label={t(
-                    "teamMemberWorkflowStudio.executionPanel.logDetails",
-                    "Log details",
-                  )}
-                  className="workflow-studio-execution-panel__details"
-                  style={{
-                    display: "grid",
-                    gridTemplateRows: "min-content minmax(0, 1fr)",
-                    minHeight: 0,
-                    minWidth: 0,
-                    padding: "10px 14px 12px",
-                  }}
-                >
-                  <div
-                    style={{
-                      alignItems: "center",
-                      display: "flex",
-                      flexWrap: "wrap",
-                      gap: 8,
-                      justifyContent: "space-between",
-                      marginBottom: 8,
-                      minWidth: 0,
-                    }}
-                  >
-                    <div
-                      style={{
-                        alignItems: "center",
-                        display: "flex",
-                        gap: 8,
-                        minWidth: 0,
-                      }}
-                    >
-                      {selectedEntry ? (
-                        <>
-                          {renderStatusIcon(selectedEntry.status)}
-                          <Typography.Text
-                            strong
-                            style={{
-                              fontSize: 13,
-                              overflow: "hidden",
-                              textOverflow: "ellipsis",
-                              whiteSpace: "nowrap",
-                            }}
-                          >
-                            {selectedEntry.title}
-                          </Typography.Text>
-                          <Tag
-                            color={statusColors[selectedEntry.status]}
-                            style={{ marginInlineEnd: 0 }}
-                          >
-                            {readStatusLabel(selectedEntry.status)}
-                          </Tag>
-                        </>
-                      ) : null}
-                    </div>
-                    <div
-                      style={{
-                        alignItems: "center",
-                        display: "flex",
-                        flexWrap: "wrap",
-                        gap: 8,
-                      }}
-                    >
-                      {selectedEntry?.rowType === "node" ? (
-                        <div
-                          style={{
-                            alignItems: "center",
-                            background: "#f8fafc",
-                            border: "1px solid #e5e7eb",
-                            borderRadius: 6,
-                            display: "inline-flex",
-                            gap: 2,
-                            padding: 2,
-                          }}
-                        >
-                          {(["input", "output"] as const).map((pane) => {
-                            const active = isDetailPaneVisible(
-                              detailPanelState,
-                              pane,
-                            );
-                            const label =
-                              pane === "input"
-                                ? t(
-                                    "teamMemberWorkflowStudio.executionPanel.nodeInput",
-                                    "Input",
-                                  )
-                                : t(
-                                    "teamMemberWorkflowStudio.executionPanel.nodeOutput",
-                                    "Output",
-                                  );
-
-                            return (
-                              <Button
-                                aria-pressed={active}
-                                key={pane}
-                                onClick={() =>
-                                  setDetailPanelState((current) =>
-                                    toggleDetailPanelState(current, pane),
-                                  )
-                                }
-                                size="small"
-                                style={{
-                                  background: active ? "#ffffff" : "transparent",
-                                  borderColor: active ? "#dbe3ee" : "transparent",
-                                  boxShadow: active
-                                    ? "0 1px 2px rgba(15, 23, 42, 0.06)"
-                                    : "none",
-                                  color: active ? "#111827" : "#64748b",
-                                  fontWeight: active ? 600 : 400,
-                                }}
-                                type="text"
-                              >
-                                {label}
-                              </Button>
-                            );
-                          })}
-                        </div>
-                      ) : null}
-                      {overviewMode === "events" && selectedEntry ? (
-                        <Tooltip
-                          title={t(
-                            "teamMemberWorkflowStudio.executionPanel.copySelected",
-                            "Copy selected log",
-                          )}
-                        >
-                          <Button
-                            aria-label={t(
-                              "teamMemberWorkflowStudio.executionPanel.copySelected",
-                              "Copy selected log",
-                            )}
-                            icon={<CopyOutlined />}
-                            onClick={() =>
-                              void copyToClipboard(
-                                formatEntryClipboard(selectedEntry),
-                                t(
-                                  "teamMemberWorkflowStudio.executionPanel.copySelectedDone",
-                                  "Copied selected log.",
-                                ),
-                              )
-                            }
-                            size="small"
-                            type="text"
-                          />
-                        </Tooltip>
-                      ) : null}
-                    </div>
-                  </div>
-                  <div
-                    style={{
-                      minHeight: 0,
-                      overflow: "auto",
-                      paddingRight: 2,
-                    }}
-                  >
-                    {renderSelectedDetails(selectedEntry, detailPanelState)}
-                  </div>
-                </section>
-              ) : null}
-            </div>
-            <style>{workflowStudioExecutionPanelCss}</style>
-          </>
-        ) : null}
-      </section>
-    </aside>
+      execution={execution}
+    />
   );
 };
 
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioHeader.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioHeader.tsx
index bc8d94da25..661d8f003e 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioHeader.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioHeader.tsx
@@ -13,8 +13,9 @@ import {
   SaveOutlined,
 } from '@ant-design/icons';
 import type { InputRef, MenuProps } from 'antd';
-import { Button, Dropdown, Input, Tag, Tooltip } from 'antd';
+import { Button, Dropdown, Input, Tag } from 'antd';
 import React from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { t } from '@/shared/i18n/messages';
 
 type WorkflowHeaderMenuItem = NonNullable<MenuProps['items']>[number];
@@ -548,7 +549,7 @@ const HeaderIdentity: React.FC<HeaderIdentityProps> = ({
         value={workflowTitle}
         variant="borderless"
       />
-      <Tooltip
+      <AevatarTooltip
         title={t(
           'teamMemberWorkflowStudio.header.editWorkflowName',
           'Edit workflow name',
@@ -565,7 +566,7 @@ const HeaderIdentity: React.FC<HeaderIdentityProps> = ({
           size="small"
           type="text"
         />
-      </Tooltip>
+      </AevatarTooltip>
     </div>
   );
 
@@ -578,7 +579,7 @@ const HeaderIdentity: React.FC<HeaderIdentityProps> = ({
       className="workflow-studio-header__identity"
       data-testid="workflow-header-identity"
     >
-      <Tooltip title={t('teamMemberWorkflowStudio.header.back', 'Back')}>
+      <AevatarTooltip title={t('teamMemberWorkflowStudio.header.back', 'Back')}>
         <Button
           aria-label={t('teamMemberWorkflowStudio.header.back', 'Back')}
           className="workflow-studio-header__back-button"
@@ -588,7 +589,7 @@ const HeaderIdentity: React.FC<HeaderIdentityProps> = ({
           size="small"
           type="text"
         />
-      </Tooltip>
+      </AevatarTooltip>
       <div className="workflow-studio-header__title-zone">
         <HeaderBreadcrumb
           onNavigateToTeam={onNavigateToTeam}
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeDetailPanel.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeDetailPanel.tsx
index 201a379f4c..3deb31a48c 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeDetailPanel.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeDetailPanel.tsx
@@ -17,6 +17,7 @@ import {
   formatRawStudioNodeConfiguration,
   getStudioNodeConfigurationSchema,
   readStudioNodeConfigurationValues,
+  shouldShowRawStudioNodeConfiguration,
   type StudioStructuredNodeConfigField,
 } from "@/shared/studio/nodeConfigFields";
 import { formatConsoleMessage, t } from "@/shared/i18n/messages";
@@ -370,6 +371,10 @@ const WorkflowStudioNodeDetailPanel: React.FC<WorkflowStudioNodeDetailPanelProps
   const parameters = readCurrentParameters(stepDraft, rawConfigurationText);
   const schema = getStudioNodeConfigurationSchema(stepDraft.type, schemaParameters);
   const hasSemanticFields = schema.fields.length > 0;
+  const showRawConfiguration = shouldShowRawStudioNodeConfiguration(
+    stepDraft.type,
+    schemaParameters,
+  );
   const nodeTypeLabel = formatStudioStepTypeLabel(stepDraft.type);
   const branchesSummary = summarizeBranches(stepDraft.branchesText);
   const activeError = structuredError || rawError || error || "";
@@ -619,6 +624,7 @@ const WorkflowStudioNodeDetailPanel: React.FC<WorkflowStudioNodeDetailPanelProps
           zIndex: token.zIndexPopupBase,
         }}
       >
+        {/* biome-ignore lint/a11y/useSemanticElements: The separator is an interactive keyboard and pointer resize handle. */}
         <div
           aria-label={t(
             "teamMemberWorkflowStudio.nodeInspector.resizeHandle",
@@ -800,60 +806,62 @@ const WorkflowStudioNodeDetailPanel: React.FC<WorkflowStudioNodeDetailPanelProps
           ) : null}
         </section>
 
-        <Collapse
-          bordered={false}
-          items={[
-            {
-              key: "raw-configuration",
-              label: t(
-                "teamMemberWorkflowStudio.nodeDetail.advancedRawConfiguration",
-                "Advanced raw configuration",
-              ),
-              children: (
-                <div style={{ display: "grid", gap: token.paddingXS }}>
-                  <Typography.Paragraph style={{ color: token.colorTextSecondary, margin: 0 }}>
-                    {t(
-                      "teamMemberWorkflowStudio.nodeDetail.advancedRawConfigurationDescription",
-                      "Use this only when a node option is not available as a guided field.",
-                    )}
-                  </Typography.Paragraph>
-                  <Input.TextArea
-                    aria-label={t(
-                      "teamMemberWorkflowStudio.nodeDetail.rawConfigurationAria",
-                      "Raw node configuration",
-                    )}
-                    autoSize={{ minRows: 8, maxRows: 16 }}
-                    onChange={(event) =>
-                      updateRawConfigurationText(event.target.value)
-                    }
-                    spellCheck={false}
-                    status={rawError ? "error" : undefined}
-                    style={{
-                      fontFamily:
-                        "SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace",
-                    }}
-                    value={rawConfigurationText}
-                  />
-                  <Button
-                    disabled={Boolean(rawError)}
-                    onClick={applyRawConfigurationToDraft}
-                    size="small"
-                  >
-                    {t(
-                      "teamMemberWorkflowStudio.nodeDetail.applyRawConfiguration",
-                      "Apply raw JSON",
-                    )}
-                  </Button>
-                </div>
-              ),
-            },
-          ]}
-          style={{
-            background: token.colorFillAlter,
-            border: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}`,
-            borderRadius: token.borderRadius,
-          }}
-        />
+        {showRawConfiguration ? (
+          <Collapse
+            bordered={false}
+            items={[
+              {
+                key: "raw-configuration",
+                label: t(
+                  "teamMemberWorkflowStudio.nodeDetail.advancedRawConfiguration",
+                  "Advanced raw configuration",
+                ),
+                children: (
+                  <div style={{ display: "grid", gap: token.paddingXS }}>
+                    <Typography.Paragraph style={{ color: token.colorTextSecondary, margin: 0 }}>
+                      {t(
+                        "teamMemberWorkflowStudio.nodeDetail.advancedRawConfigurationDescription",
+                        "Use this only when a node option is not available as a guided field.",
+                      )}
+                    </Typography.Paragraph>
+                    <Input.TextArea
+                      aria-label={t(
+                        "teamMemberWorkflowStudio.nodeDetail.rawConfigurationAria",
+                        "Raw node configuration",
+                      )}
+                      autoSize={{ minRows: 8, maxRows: 16 }}
+                      onChange={(event) =>
+                        updateRawConfigurationText(event.target.value)
+                      }
+                      spellCheck={false}
+                      status={rawError ? "error" : undefined}
+                      style={{
+                        fontFamily:
+                          "SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace",
+                      }}
+                      value={rawConfigurationText}
+                    />
+                    <Button
+                      disabled={Boolean(rawError)}
+                      onClick={applyRawConfigurationToDraft}
+                      size="small"
+                    >
+                      {t(
+                        "teamMemberWorkflowStudio.nodeDetail.applyRawConfiguration",
+                        "Apply raw JSON",
+                      )}
+                    </Button>
+                  </div>
+                ),
+              },
+            ]}
+            style={{
+              background: token.colorFillAlter,
+              border: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}`,
+              borderRadius: token.borderRadius,
+            }}
+          />
+        ) : null}
         </div>
       </aside>
     </>
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeLibrary.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeLibrary.tsx
index 1656aae748..052e4e8b72 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeLibrary.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioNodeLibrary.tsx
@@ -1,12 +1,12 @@
-import { CloseOutlined, SearchOutlined } from "@ant-design/icons";
-import { Button, Empty, Input, Space, Tag, Typography } from "antd";
-import React from "react";
-import { t } from "@/shared/i18n/messages";
+import { CloseOutlined, SearchOutlined } from '@ant-design/icons';
+import { Button, Empty, Input, Space, Tag, Typography } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
 import {
   formatStudioStepTypeLabel,
   getStudioGraphCategory,
   STUDIO_GRAPH_CATEGORIES,
-} from "@/shared/studio/graph";
+} from '@/shared/studio/graph';
 
 type WorkflowStudioNodeLibraryProps = {
   readonly onClose: () => void;
@@ -19,7 +19,7 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
   onInsertNode,
   open,
 }) => {
-  const [query, setQuery] = React.useState("");
+  const [query, setQuery] = React.useState('');
   const normalizedQuery = query.trim().toLowerCase();
   const filteredCategories = React.useMemo(
     () =>
@@ -50,10 +50,10 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
     <div
       data-testid="node-library-layer"
       style={{
-        background: "rgba(17, 24, 39, 0.16)",
+        background: 'rgba(17, 24, 39, 0.16)',
         bottom: 0,
         left: 0,
-        position: "absolute",
+        position: 'absolute',
         right: 0,
         top: 0,
         zIndex: 30,
@@ -61,17 +61,17 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
     >
       <button
         aria-label={t(
-          "teamMemberWorkflowStudio.nodeLibrary.closeAria",
-          "Close node library",
+          'teamMemberWorkflowStudio.nodeLibrary.closeAria',
+          'Close node library',
         )}
         onClick={onClose}
         style={{
-          background: "transparent",
+          background: 'transparent',
           border: 0,
           bottom: 0,
-          cursor: "default",
+          cursor: 'default',
           left: 0,
-          position: "absolute",
+          position: 'absolute',
           right: 0,
           top: 0,
         }}
@@ -79,43 +79,43 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
       />
       <aside
         aria-label={t(
-          "teamMemberWorkflowStudio.nodeLibrary.sectionAria",
-          "Node library",
+          'teamMemberWorkflowStudio.nodeLibrary.sectionAria',
+          'Node library',
         )}
         style={{
-          background: "#ffffff",
-          borderRight: "1px solid #e5e7eb",
+          background: '#ffffff',
+          borderRight: '1px solid #e5e7eb',
           bottom: 0,
-          boxShadow: "10px 0 30px rgba(15, 23, 42, 0.08)",
-          display: "flex",
-          flexDirection: "column",
+          boxShadow: '10px 0 30px rgba(15, 23, 42, 0.08)',
+          display: 'flex',
+          flexDirection: 'column',
           left: 0,
-          maxWidth: "calc(100% - 48px)",
-          overflow: "hidden",
-          position: "absolute",
+          maxWidth: 'calc(100% - 48px)',
+          overflow: 'hidden',
+          position: 'absolute',
           top: 0,
           width: 380,
         }}
       >
         <header
           style={{
-            alignItems: "flex-start",
-            borderBottom: "1px solid #eef2f7",
-            display: "flex",
+            alignItems: 'flex-start',
+            borderBottom: '1px solid #eef2f7',
+            display: 'flex',
             gap: 12,
-            justifyContent: "space-between",
-            padding: "16px 20px 14px",
+            justifyContent: 'space-between',
+            padding: '16px 20px 14px',
           }}
         >
-          <div style={{ display: "grid", gap: 4, minWidth: 0 }}>
-            <Typography.Text strong style={{ color: "#111827", fontSize: 16 }}>
-              {t("teamMemberWorkflowStudio.nodeLibrary.title", "Node library")}
+          <div style={{ display: 'grid', gap: 4, minWidth: 0 }}>
+            <Typography.Text strong style={{ color: '#111827', fontSize: 16 }}>
+              {t('teamMemberWorkflowStudio.nodeLibrary.title', 'Node library')}
             </Typography.Text>
           </div>
           <Button
             aria-label={t(
-              "teamMemberWorkflowStudio.nodeLibrary.closeAria",
-              "Close node library",
+              'teamMemberWorkflowStudio.nodeLibrary.closeAria',
+              'Close node library',
             )}
             icon={<CloseOutlined />}
             onClick={onClose}
@@ -125,26 +125,26 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
           />
         </header>
         <Space
-          direction="vertical"
+          orientation="vertical"
           size={16}
           style={{
             flex: 1,
             minHeight: 0,
-            overflow: "auto",
-            padding: "18px 20px 20px",
-            width: "100%",
+            overflow: 'auto',
+            padding: '18px 20px 20px',
+            width: '100%',
           }}
         >
           <Input
             allowClear
             aria-label={t(
-              "teamMemberWorkflowStudio.nodeLibrary.searchAria",
-              "Search nodes",
+              'teamMemberWorkflowStudio.nodeLibrary.searchAria',
+              'Search nodes',
             )}
             onChange={(event) => setQuery(event.target.value)}
             placeholder={t(
-              "teamMemberWorkflowStudio.nodeLibrary.searchPlaceholder",
-              "Search nodes",
+              'teamMemberWorkflowStudio.nodeLibrary.searchPlaceholder',
+              'Search nodes',
             )}
             prefix={<SearchOutlined />}
             value={query}
@@ -152,8 +152,8 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
           {filteredCategories.length === 0 ? (
             <Empty
               description={t(
-                "teamMemberWorkflowStudio.nodeLibrary.emptySearch",
-                "No nodes match this search.",
+                'teamMemberWorkflowStudio.nodeLibrary.emptySearch',
+                'No nodes match this search.',
               )}
               image={Empty.PRESENTED_IMAGE_SIMPLE}
             />
@@ -162,14 +162,14 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
               <section key={category.key}>
                 <Space
                   align="center"
-                  style={{ justifyContent: "space-between", width: "100%" }}
+                  style={{ justifyContent: 'space-between', width: '100%' }}
                 >
                   <Typography.Text strong>{category.label}</Typography.Text>
                   <Tag color={category.color}>{category.items.length}</Tag>
                 </Space>
                 <div
                   style={{
-                    display: "grid",
+                    display: 'grid',
                     gap: 8,
                     marginTop: 10,
                   }}
@@ -180,22 +180,22 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
                     return (
                       <button
                         aria-label={t(
-                          "teamMemberWorkflowStudio.nodeLibrary.insertNodeAria",
-                          "Insert {nodeName} node",
+                          'teamMemberWorkflowStudio.nodeLibrary.insertNodeAria',
+                          'Insert {nodeName} node',
                           { nodeName: stepTypeLabel },
                         )}
                         key={stepType}
                         onClick={() => onInsertNode(stepType)}
                         style={{
-                          alignItems: "center",
-                          background: "#ffffff",
-                          border: "1px solid #e5e7eb",
+                          alignItems: 'center',
+                          background: '#ffffff',
+                          border: '1px solid #e5e7eb',
                           borderRadius: 8,
-                          cursor: "pointer",
-                          display: "flex",
+                          cursor: 'pointer',
+                          display: 'flex',
                           gap: 10,
-                          padding: "10px 12px",
-                          textAlign: "left",
+                          padding: '10px 12px',
+                          textAlign: 'left',
                         }}
                         type="button"
                       >
@@ -204,17 +204,17 @@ const WorkflowStudioNodeLibrary: React.FC<WorkflowStudioNodeLibraryProps> = ({
                           style={{
                             background: itemCategory.color,
                             borderRadius: 999,
-                            display: "inline-block",
+                            display: 'inline-block',
                             height: 10,
                             width: 10,
                           }}
                         />
-                        <span style={{ display: "grid", gap: 2 }}>
+                        <span style={{ display: 'grid', gap: 2 }}>
                           <Typography.Text strong>
                             {stepTypeLabel}
                           </Typography.Text>
                           <Typography.Text
-                            style={{ color: "#6b7280", fontSize: 12 }}
+                            style={{ color: '#6b7280', fontSize: 12 }}
                           >
                             {itemCategory.label}
                           </Typography.Text>
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioSidePanel.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioSidePanel.tsx
deleted file mode 100644
index 49b1c76bfe..0000000000
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioSidePanel.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { CloseOutlined } from "@ant-design/icons";
-import { Button, Typography } from "antd";
-import React from "react";
-import { t } from "@/shared/i18n/messages";
-
-type WorkflowStudioSidePanelProps = {
-  readonly ariaLabel: string;
-  readonly bodyStyle?: React.CSSProperties;
-  readonly children: React.ReactNode;
-  readonly closeAriaLabel?: string;
-  readonly closeDisabled?: boolean;
-  readonly onClose: () => void;
-  readonly subtitle?: React.ReactNode;
-  readonly title: React.ReactNode;
-  readonly width: number;
-};
-
-export const workflowStudioSidePanelBodyStyle: React.CSSProperties = {
-  display: "grid",
-  flex: 1,
-  gap: 16,
-  minHeight: 0,
-  overflow: "auto",
-  padding: "18px 20px 20px",
-};
-
-const WorkflowStudioSidePanel: React.FC<WorkflowStudioSidePanelProps> = ({
-  ariaLabel,
-  bodyStyle,
-  children,
-  closeAriaLabel,
-  closeDisabled = false,
-  onClose,
-  subtitle,
-  title,
-  width,
-}) => (
-  <aside
-    aria-label={ariaLabel}
-    style={{
-      background: "#ffffff",
-      borderLeft: "1px solid #e5e7eb",
-      boxShadow: "-12px 0 28px rgba(15, 23, 42, 0.08)",
-      display: "flex",
-      flex: `0 0 ${width}px`,
-      flexDirection: "column",
-      minHeight: 0,
-      overflow: "hidden",
-      position: "relative",
-      width,
-      zIndex: 2,
-    }}
-  >
-    <header
-      style={{
-        alignItems: "flex-start",
-        borderBottom: "1px solid #eef2f7",
-        display: "flex",
-        gap: 12,
-        justifyContent: "space-between",
-        padding: "16px 20px 14px",
-      }}
-    >
-      <div style={{ display: "grid", gap: 4, minWidth: 0 }}>
-        <Typography.Text strong style={{ color: "#111827", fontSize: 16 }}>
-          {title}
-        </Typography.Text>
-        {subtitle ? (
-          <Typography.Text style={{ color: "#6b7280" }}>
-            {subtitle}
-          </Typography.Text>
-        ) : null}
-      </div>
-      <Button
-        aria-label={
-          closeAriaLabel ||
-          t("teamMemberWorkflowStudio.common.close", "Close")
-        }
-        disabled={closeDisabled}
-        icon={<CloseOutlined />}
-        onClick={onClose}
-        size="small"
-        style={{ height: 28, width: 28 }}
-        type="text"
-      />
-    </header>
-    <div
-      style={{
-        ...workflowStudioSidePanelBodyStyle,
-        ...bodyStyle,
-      }}
-    >
-      {children}
-    </div>
-  </aside>
-);
-
-export default WorkflowStudioSidePanel;
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioYamlPanel.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioYamlPanel.tsx
index a62dd4fd79..4eae86af22 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioYamlPanel.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioYamlPanel.tsx
@@ -1,9 +1,10 @@
-import { CheckOutlined, CopyOutlined } from "@ant-design/icons";
-import { Alert, Button, Space, Spin, Tag, message } from "antd";
-import React from "react";
-import { t } from "@/shared/i18n/messages";
-import type { StudioValidationFinding } from "@/shared/studio/models";
-import WorkflowStudioSidePanel from "./WorkflowStudioSidePanel";
+import { CheckOutlined, CopyOutlined } from '@ant-design/icons';
+import { Alert, Button, Space, Spin, Tag } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import type { StudioValidationFinding } from '@/shared/studio/models';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import WorkflowSidePanel from '@/shared/workflows/WorkflowSidePanel';
 
 type WorkflowStudioYamlPanelProps = {
   readonly applying: boolean;
@@ -22,57 +23,59 @@ type WorkflowStudioYamlPanelProps = {
   readonly width: number;
 };
 
-type DiagnosticLevel = "error" | "warning" | "info";
+type DiagnosticLevel = 'error' | 'warning' | 'info';
 
 function fallbackCopy(text: string): boolean {
-  const textarea = document.createElement("textarea");
+  const textarea = document.createElement('textarea');
   textarea.value = text;
-  textarea.setAttribute("readonly", "true");
-  textarea.style.position = "fixed";
-  textarea.style.opacity = "0";
+  textarea.setAttribute('readonly', 'true');
+  textarea.style.position = 'fixed';
+  textarea.style.opacity = '0';
   document.body.appendChild(textarea);
   textarea.select();
 
   try {
-    return document.execCommand("copy");
+    return document.execCommand('copy');
   } finally {
     document.body.removeChild(textarea);
   }
 }
 
 function normalizeDiagnosticLevel(
-  level: StudioValidationFinding["level"],
+  level: StudioValidationFinding['level'],
 ): DiagnosticLevel {
-  if (typeof level === "number") {
-    return level >= 2 ? "error" : level === 1 ? "warning" : "info";
+  if (typeof level === 'number') {
+    return level >= 2 ? 'error' : level === 1 ? 'warning' : 'info';
   }
 
-  const normalized = String(level || "").trim().toLowerCase();
-  if (normalized === "2" || normalized === "error") {
-    return "error";
+  const normalized = String(level || '')
+    .trim()
+    .toLowerCase();
+  if (normalized === '2' || normalized === 'error') {
+    return 'error';
   }
 
-  if (normalized === "1" || normalized === "warning" || normalized === "warn") {
-    return "warning";
+  if (normalized === '1' || normalized === 'warning' || normalized === 'warn') {
+    return 'warning';
   }
 
-  return "info";
+  return 'info';
 }
 
 function formatDiagnosticLevel(level: DiagnosticLevel): string {
   switch (level) {
-    case "error":
-      return t("teamMemberWorkflowStudio.yamlPanel.error", "Error");
-    case "warning":
-      return t("teamMemberWorkflowStudio.yamlPanel.warning", "Warning");
+    case 'error':
+      return t('teamMemberWorkflowStudio.yamlPanel.error', 'Error');
+    case 'warning':
+      return t('teamMemberWorkflowStudio.yamlPanel.warning', 'Warning');
     default:
-      return t("teamMemberWorkflowStudio.yamlPanel.info", "Info");
+      return t('teamMemberWorkflowStudio.yamlPanel.info', 'Info');
   }
 }
 
 function findSequenceItemLine(
   lines: readonly string[],
-  sectionName: "roles" | "steps",
+  sectionName: 'roles' | 'steps',
   itemIndex: number,
 ): number | null {
   const sectionLineIndex = lines.findIndex((line) =>
@@ -85,7 +88,7 @@ function findSequenceItemLine(
   let seenItems = -1;
   for (let index = sectionLineIndex + 1; index < lines.length; index += 1) {
     const line = lines[index];
-    if (/^\S/.test(line) && !line.trimStart().startsWith("-")) {
+    if (/^\S/.test(line) && !line.trimStart().startsWith('-')) {
       break;
     }
 
@@ -104,13 +107,13 @@ function resolveDiagnosticLine(
   yaml: string,
   finding: StudioValidationFinding,
 ): number | null {
-  const path = finding.path?.trim() ?? "";
-  if (!path || path === "/") {
+  const path = finding.path?.trim() ?? '';
+  if (!path || path === '/') {
     return null;
   }
 
-  const lines = yaml.split("\n");
-  if (path === "/name") {
+  const lines = yaml.split('\n');
+  if (path === '/name') {
     const nameLineIndex = lines.findIndex((line) => /^\s*name\s*:/.test(line));
     return nameLineIndex >= 0 ? nameLineIndex + 1 : null;
   }
@@ -119,7 +122,7 @@ function resolveDiagnosticLine(
   if (sequenceMatch) {
     return findSequenceItemLine(
       lines,
-      sequenceMatch[1] as "roles" | "steps",
+      sequenceMatch[1] as 'roles' | 'steps',
       Number(sequenceMatch[2]),
     );
   }
@@ -128,56 +131,58 @@ function resolveDiagnosticLine(
 }
 
 const editorShellStyle: React.CSSProperties = {
-  border: "1px solid #d9dce3",
+  border: '1px solid #d9dce3',
   borderRadius: 6,
-  display: "grid",
-  flex: "1 1 0%",
-  gridTemplateColumns: "44px minmax(0, 1fr)",
+  display: 'grid',
+  flex: '1 1 0%',
+  gridTemplateColumns: '44px minmax(0, 1fr)',
   minHeight: 0,
-  overflow: "hidden",
-  width: "100%",
+  overflow: 'hidden',
+  width: '100%',
 };
 
 const lineNumberGutterStyle: React.CSSProperties = {
-  background: "#f8fafc",
-  borderRight: "1px solid #e5e7eb",
-  color: "#64748b",
-  fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+  background: '#f8fafc',
+  borderRight: '1px solid #e5e7eb',
+  color: '#64748b',
+  fontFamily:
+    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
   fontSize: 12,
-  lineHeight: "20px",
+  lineHeight: '20px',
   minHeight: 0,
-  overflow: "hidden",
-  padding: "8px 8px 8px 0",
-  textAlign: "right",
-  userSelect: "none",
+  overflow: 'hidden',
+  padding: '8px 8px 8px 0',
+  textAlign: 'right',
+  userSelect: 'none',
 };
 
 const textareaStyle: React.CSSProperties = {
   border: 0,
   borderRadius: 0,
-  boxSizing: "border-box",
-  color: "#111827",
-  fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+  boxSizing: 'border-box',
+  color: '#111827',
+  fontFamily:
+    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
   fontSize: 12,
-  height: "100%",
-  lineHeight: "20px",
+  height: '100%',
+  lineHeight: '20px',
   minHeight: 0,
-  outline: "none",
-  overflow: "auto",
-  padding: "8px 11px",
-  resize: "none",
+  outline: 'none',
+  overflow: 'auto',
+  padding: '8px 11px',
+  resize: 'none',
   tabSize: 2,
-  whiteSpace: "pre",
-  width: "100%",
+  whiteSpace: 'pre',
+  width: '100%',
 };
 
 const diagnosticsListStyle: React.CSSProperties = {
-  border: "1px solid #e5e7eb",
+  border: '1px solid #e5e7eb',
   borderRadius: 6,
-  display: "grid",
+  display: 'grid',
   gap: 6,
   maxHeight: 116,
-  overflow: "auto",
+  overflow: 'auto',
   padding: 8,
 };
 
@@ -197,9 +202,13 @@ const WorkflowStudioYamlPanel: React.FC<WorkflowStudioYamlPanelProps> = ({
   open,
   width,
 }) => {
-  const [messageApi, contextHolder] = message.useMessage();
+  const toast = useConsoleToast();
   const gutterRef = React.useRef<HTMLDivElement | null>(null);
-  const lineCount = Math.max(1, buffer.split("\n").length);
+  const lineCount = Math.max(1, buffer.split('\n').length);
+  const lineNumbers = React.useMemo(
+    () => Array.from({ length: lineCount }, (_, lineIndex) => lineIndex + 1),
+    [lineCount],
+  );
   const showEditorLoading = Boolean(editorLoading && !buffer.trim() && !error);
   const applyDisabled = Boolean(
     applying ||
@@ -219,49 +228,49 @@ const WorkflowStudioYamlPanel: React.FC<WorkflowStudioYamlPanelProps> = ({
       if (navigator.clipboard?.writeText) {
         await navigator.clipboard.writeText(buffer);
       } else if (!fallbackCopy(buffer)) {
-        throw new Error("Clipboard is unavailable.");
+        throw new Error('Clipboard is unavailable.');
       }
-      messageApi.success(
-        t("teamMemberWorkflowStudio.yamlPanel.copySuccess", "YAML copied."),
+      toast.success(
+        t('teamMemberWorkflowStudio.yamlPanel.copySuccess', 'YAML copied.'),
       );
-    } catch (copyError) {
-      messageApi.error(
-        copyError instanceof Error
-          ? copyError.message
-          : t("teamMemberWorkflowStudio.yamlPanel.copyFailed", "Failed to copy YAML."),
+    } catch {
+      toast.error(
+        t(
+          'teamMemberWorkflowStudio.yamlPanel.copyFailed',
+          'Failed to copy YAML.',
+        ),
       );
     }
-  }, [buffer, messageApi]);
+  }, [buffer, toast]);
 
   if (!open) {
     return null;
   }
 
   return (
-    <WorkflowStudioSidePanel
+    <WorkflowSidePanel
       ariaLabel={t(
-        "teamMemberWorkflowStudio.yamlPanel.sectionAria",
-        "Workflow YAML panel",
+        'teamMemberWorkflowStudio.yamlPanel.sectionAria',
+        'Workflow YAML panel',
       )}
       bodyStyle={{
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden",
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
       }}
       closeAriaLabel={t(
-        "teamMemberWorkflowStudio.yamlPanel.closeAria",
-        "Close YAML editor",
+        'teamMemberWorkflowStudio.yamlPanel.closeAria',
+        'Close YAML editor',
       )}
       closeDisabled={applying}
       onClose={onClose}
       subtitle={t(
-        "teamMemberWorkflowStudio.yamlPanel.subtitle",
-        "Draft source buffer",
+        'teamMemberWorkflowStudio.yamlPanel.subtitle',
+        'Draft source buffer',
       )}
-      title={t("teamMemberWorkflowStudio.yamlPanel.title", "Edit YAML")}
+      title={t('teamMemberWorkflowStudio.yamlPanel.title', 'Edit YAML')}
       width={width}
     >
-      {contextHolder}
       <Space align="center" size={8} wrap>
         <Button
           disabled={!buffer.trim()}
@@ -269,64 +278,71 @@ const WorkflowStudioYamlPanel: React.FC<WorkflowStudioYamlPanelProps> = ({
           onClick={() => void copyYaml()}
           size="small"
         >
-          {t("teamMemberWorkflowStudio.yamlPanel.copy", "Copy")}
+          {t('teamMemberWorkflowStudio.yamlPanel.copy', 'Copy')}
         </Button>
         {loading ? <Spin size="small" /> : null}
         {hasUnappliedChanges ? (
           <Tag color="gold">
-            {t(
-              "teamMemberWorkflowStudio.yamlPanel.unapplied",
-              "Unapplied",
-            )}
+            {t('teamMemberWorkflowStudio.yamlPanel.unapplied', 'Unapplied')}
           </Tag>
         ) : null}
       </Space>
       {error ? <Alert message={error} showIcon type="error" /> : null}
       {diagnostics.length > 0 ? (
-        <div
+        <ul
           aria-label={t(
-            "teamMemberWorkflowStudio.yamlPanel.diagnosticsAria",
-            "YAML diagnostics",
+            'teamMemberWorkflowStudio.yamlPanel.diagnosticsAria',
+            'YAML diagnostics',
           )}
-          role="list"
-          style={diagnosticsListStyle}
+          style={{ ...diagnosticsListStyle, listStyle: 'none', margin: 0 }}
         >
-          {diagnostics.map((finding, index) => {
+          {diagnostics.map((finding) => {
             const level = normalizeDiagnosticLevel(finding.level);
             const lineNumber = resolveDiagnosticLine(buffer, finding);
             return (
-              <div
-                key={`${finding.path ?? "/"}:${finding.code ?? ""}:${index}`}
-                role="listitem"
+              <li
+                key={`${finding.path ?? '/'}:${finding.code ?? ''}:${finding.message}:${lineNumber ?? ''}`}
                 style={{
-                  alignItems: "start",
-                  display: "grid",
+                  alignItems: 'start',
+                  display: 'grid',
                   gap: 6,
-                  gridTemplateColumns: "auto minmax(0, 1fr)",
+                  gridTemplateColumns: 'auto minmax(0, 1fr)',
                 }}
               >
-                <Tag color={level === "error" ? "red" : level === "warning" ? "gold" : "blue"}>
+                <Tag
+                  color={
+                    level === 'error'
+                      ? 'red'
+                      : level === 'warning'
+                        ? 'gold'
+                        : 'blue'
+                  }
+                >
                   {formatDiagnosticLevel(level)}
                 </Tag>
-                <span style={{ color: "#111827", fontSize: 12, minWidth: 0 }}>
+                <span style={{ color: '#111827', fontSize: 12, minWidth: 0 }}>
                   {lineNumber
-                    ? t("teamMemberWorkflowStudio.yamlPanel.line", "Line {line}", {
-                        line: lineNumber,
-                      })
-                    : finding.path || "/"}{" "}
+                    ? t(
+                        'teamMemberWorkflowStudio.yamlPanel.line',
+                        'Line {line}',
+                        {
+                          line: lineNumber,
+                        },
+                      )
+                    : finding.path || '/'}{' '}
                   {finding.message}
                 </span>
-              </div>
+              </li>
             );
           })}
-        </div>
+        </ul>
       ) : null}
       {showEditorLoading ? (
         <div
           style={{
             ...editorShellStyle,
-            alignItems: "center",
-            justifyContent: "center",
+            alignItems: 'center',
+            justifyContent: 'center',
           }}
         >
           <Spin />
@@ -334,16 +350,15 @@ const WorkflowStudioYamlPanel: React.FC<WorkflowStudioYamlPanelProps> = ({
       ) : (
         <div style={editorShellStyle}>
           <div aria-hidden="true" ref={gutterRef} style={lineNumberGutterStyle}>
-            {Array.from({ length: lineCount }, (_, index) => (
-              <div key={index + 1}>{index + 1}</div>
+            {lineNumbers.map((lineNumber) => (
+              <div key={lineNumber}>{lineNumber}</div>
             ))}
           </div>
           <textarea
             aria-label={t(
-              "teamMemberWorkflowStudio.yamlPanel.editorAria",
-              "Workflow YAML editor",
+              'teamMemberWorkflowStudio.yamlPanel.editorAria',
+              'Workflow YAML editor',
             )}
-            autoFocus
             onChange={(event) => {
               if (!applying) {
                 onBufferChange(event.target.value);
@@ -362,10 +377,13 @@ const WorkflowStudioYamlPanel: React.FC<WorkflowStudioYamlPanelProps> = ({
           />
         </div>
       )}
-      <footer style={{ flex: "0 0 auto" }}>
-        <Space align="center" style={{ justifyContent: "flex-end", width: "100%" }}>
+      <footer style={{ flex: '0 0 auto' }}>
+        <Space
+          align="center"
+          style={{ justifyContent: 'flex-end', width: '100%' }}
+        >
           <Button disabled={applying} onClick={onClose}>
-            {t("teamMemberWorkflowStudio.yamlPanel.cancel", "Cancel")}
+            {t('teamMemberWorkflowStudio.yamlPanel.cancel', 'Cancel')}
           </Button>
           <Button
             disabled={applyDisabled}
@@ -375,26 +393,23 @@ const WorkflowStudioYamlPanel: React.FC<WorkflowStudioYamlPanelProps> = ({
             title={
               hasConflict
                 ? t(
-                    "teamMemberWorkflowStudio.yamlPanel.conflictTitle",
-                    "Reopen Edit YAML from the current canvas before applying.",
+                    'teamMemberWorkflowStudio.yamlPanel.conflictTitle',
+                    'Reopen Edit YAML from the current canvas before applying.',
                   )
                 : hasBlockingFindings
                   ? t(
-                      "teamMemberWorkflowStudio.yamlPanel.fixErrors",
-                      "Resolve error-level diagnostics before applying.",
+                      'teamMemberWorkflowStudio.yamlPanel.fixErrors',
+                      'Resolve error-level diagnostics before applying.',
                     )
                   : undefined
             }
             type="primary"
           >
-            {t(
-              "teamMemberWorkflowStudio.yamlPanel.apply",
-              "Apply to draft",
-            )}
+            {t('teamMemberWorkflowStudio.yamlPanel.apply', 'Apply to draft')}
           </Button>
         </Space>
       </footer>
-    </WorkflowStudioSidePanel>
+    </WorkflowSidePanel>
   );
 };
 
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/hooks/useTeamMemberWorkflowStudio.ts b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/hooks/useTeamMemberWorkflowStudio.ts
index 80a1eba479..8caa5103fe 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/hooks/useTeamMemberWorkflowStudio.ts
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/hooks/useTeamMemberWorkflowStudio.ts
@@ -1,23 +1,18 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { message } from "antd";
-import React from "react";
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import React from 'react';
 import {
   applyRuntimeEvent,
   createRuntimeEventAccumulator,
   type RuntimeEventAccumulator,
-} from "@/shared/agui/runtimeEventSemantics";
-import { parseBackendSSEStream } from "@/shared/agui/sseFrameNormalizer";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
+} from '@/shared/agui/runtimeEventSemantics';
+import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { t } from '@/shared/i18n/messages';
 import {
   getLocationSnapshot,
   history,
   subscribeToLocationChanges,
-} from "@/shared/navigation/history";
-import { t } from "@/shared/i18n/messages";
-import {
-  confirmInteractiveExplicitRequestPreview,
-  createWorkflowRevisionIdentityCandidate,
-} from "@/shared/studio/explicitRequestConfirmation";
+} from '@/shared/navigation/history';
 import {
   buildTeamDetailHref,
   buildTeamMemberAutomationsHref,
@@ -25,37 +20,41 @@ import {
   buildTeamMemberPublishedRunsHref,
   buildTeamMemberWorkflowStudioHref,
   buildTeamsHref,
-} from "@/shared/navigation/teamRoutes";
+} from '@/shared/navigation/teamRoutes';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
 import {
   applyStepInspectorDraft,
   connectStepToTarget,
   createStepInspectorDraft,
   insertStepByType,
-  removeStepConnection,
   removeStep,
+  removeStepConnection,
   type StudioStepInspectorDraft,
-} from "@/shared/studio/document";
+  suggestBranchLabelForStep,
+} from '@/shared/studio/document';
 import {
   buildExecutionTrace,
   buildWorkflowExecutionNodeSnapshots,
   createStudioExecutionFrame,
   decorateEdgesForExecution,
   decorateNodesForExecution,
-  findExecutionLogIndexForStep,
   type ExecutionTrace,
+  findExecutionLogIndexForStep,
   type WorkflowExecutionNodeSnapshot,
-} from "@/shared/studio/execution";
+} from '@/shared/studio/execution';
+import {
+  confirmInteractiveExplicitRequestPreview,
+  createWorkflowRevisionIdentityCandidate,
+} from '@/shared/studio/explicitRequestConfirmation';
 import {
   buildStudioGraphElements,
   buildStudioWorkflowLayout,
   STUDIO_GRAPH_CATEGORIES,
-} from "@/shared/studio/graph";
-import { isStudioApiStatus, studioApi } from "@/shared/studio/api";
+} from '@/shared/studio/graph';
 import {
   isStudioWorkflowDraftIdentity,
   resolveStudioMemberDraftWorkflowId,
-} from "@/shared/studio/memberWorkflowIdentity";
-import { normalizeStudioMemberLifecycleStage } from "@/shared/studio/models";
+} from '@/shared/studio/memberWorkflowIdentity';
 import type {
   StudioExecutionDetail,
   StudioExecutionFrame,
@@ -63,15 +62,23 @@ import type {
   StudioMemberDetail,
   StudioSaveAndBindWorkflowAcceptedResult,
   StudioValidationFinding,
-  StudioWorkflowDraftCreateAcceptedReceipt,
   StudioWorkflowDocument,
+  StudioWorkflowDraftCreateAcceptedReceipt,
   StudioWorkflowFile,
   StudioWorkflowSaveResult,
-} from "@/shared/studio/models";
-
-type TeamMemberWorkflowStudioMode = "new" | "existing";
-type WorkflowPublishTone = "default" | "processing" | "success" | "warning" | "error";
-type WorkflowExecutionStatus = "idle" | "running" | "succeeded" | "failed";
+} from '@/shared/studio/models';
+import { normalizeStudioMemberLifecycleStage } from '@/shared/studio/models';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { waitForWorkflowNodeStartPaint } from '@/shared/workflows/streamingExecutionPresentation';
+
+type TeamMemberWorkflowStudioMode = 'new' | 'existing';
+type WorkflowPublishTone =
+  | 'default'
+  | 'processing'
+  | 'success'
+  | 'warning'
+  | 'error';
+type WorkflowExecutionStatus = 'idle' | 'running' | 'succeeded' | 'failed';
 
 type SaveWorkflowDraftVariables = {
   readonly document: StudioWorkflowDocument;
@@ -88,6 +95,17 @@ type SavedWorkflowDraft = {
   readonly workflow: StudioWorkflowFile;
 };
 
+type SaveWorkflowDraftOutcome =
+  | {
+      readonly kind: 'materialized';
+      readonly savedDraft: SavedWorkflowDraft;
+    }
+  | {
+      readonly kind: 'accepted_then_materialized';
+      readonly receipt: StudioWorkflowDraftCreateAcceptedReceipt;
+      readonly savedDraft: SavedWorkflowDraft;
+    };
+
 type RunCurrentDraftVariables = {
   readonly document: StudioWorkflowDocument;
   readonly files?: readonly File[];
@@ -119,11 +137,21 @@ class PublishWorkflowStatusError extends Error {
 
   constructor(message: string, showAsError: boolean) {
     super(message);
-    this.name = "PublishWorkflowStatusError";
+    this.name = 'PublishWorkflowStatusError';
     this.showAsError = showAsError;
   }
 }
 
+class CreatedWorkflowMemberLinkPendingError extends Error {
+  constructor(cause: unknown) {
+    super(
+      'Workflow member creation completed, but linking its workflow did not complete.',
+      cause instanceof Error ? { cause } : undefined,
+    );
+    this.name = 'CreatedWorkflowMemberLinkPendingError';
+  }
+}
+
 type CreatedWorkflowMember = {
   readonly memberId: string;
   readonly savedDraft: SavedWorkflowDraft;
@@ -141,24 +169,24 @@ function getTeamMemberWorkflowStudioTeamQueryKey(
   scopeId: string,
   teamId: string,
 ) {
-  return ["team-member-workflow-studio", "team", scopeId, teamId] as const;
+  return ['team-member-workflow-studio', 'team', scopeId, teamId] as const;
 }
 
 function getTeamMemberWorkflowStudioMemberQueryKey(
   scopeId: string,
   memberId: string,
 ) {
-  return ["team-member-workflow-studio", "member", scopeId, memberId] as const;
+  return ['team-member-workflow-studio', 'member', scopeId, memberId] as const;
 }
 
 function getTeamMemberWorkflowStudioWorkflowQueryKey(
   scopeId: string,
   workflowId: string,
-  source: "draft" | "published" = "draft",
+  source: 'draft' | 'published' = 'draft',
 ) {
   return [
-    "team-member-workflow-studio",
-    "workflow",
+    'team-member-workflow-studio',
+    'workflow',
     scopeId,
     workflowId,
     source,
@@ -207,7 +235,7 @@ type TeamMemberWorkflowStudioState = {
   readonly closeNodeLibrary: () => void;
   readonly closeYamlPanel: () => void;
   readonly connectNodes: (sourceNodeId: string, targetNodeId: string) => void;
-  readonly deleteSelectedConnection: () => void;
+  readonly deleteSelectedConnection: (edgeId?: string) => void;
   readonly deleteSelectedNode: () => void;
   readonly dirty: boolean;
   readonly emptyDescription: string;
@@ -231,7 +259,9 @@ type TeamMemberWorkflowStudioState = {
   readonly linkedWorkflowMissing: boolean;
   readonly linkedWorkflowMissingDescription: string;
   readonly loading: boolean;
-  readonly moveNodes: (nodes: ReturnType<typeof buildStudioGraphElements>["nodes"]) => void;
+  readonly moveNodes: (
+    nodes: ReturnType<typeof buildStudioGraphElements>['nodes'],
+  ) => void;
   readonly mode: TeamMemberWorkflowStudioMode;
   readonly navigateBack: () => void;
   readonly nodeLibraryOpen: boolean;
@@ -282,40 +312,31 @@ const SAVE_AND_BIND_WORKFLOW_MATERIALIZATION_ATTEMPTS = 12;
 const SAVE_AND_BIND_WORKFLOW_MATERIALIZATION_DELAY_MS = 1_000;
 const SAVED_WORKFLOW_QUERY_STALE_MS = 30_000;
 const YAML_EDIT_VALIDATE_DEBOUNCE_MS =
-  typeof process !== "undefined" && process.env.NODE_ENV === "test" ? 0 : 350;
+  typeof process !== 'undefined' && process.env.NODE_ENV === 'test' ? 0 : 350;
 
 function trimOptional(value: string | null | undefined): string {
-  return value?.trim() ?? "";
+  return value?.trim() ?? '';
 }
 
 function normalizeWorkflowSaveResult(
   result: StudioWorkflowSaveResult | StudioWorkflowFile,
 ): StudioWorkflowSaveResult {
-  if ("kind" in result) {
+  if ('kind' in result) {
     return result;
   }
 
   return {
-    kind: "materialized",
+    kind: 'materialized',
     workflow: result,
   };
 }
 
-function describeWorkflowDraftAcceptedReceipt(
-  receipt: StudioWorkflowDraftCreateAcceptedReceipt,
-): string {
-  return (
-    trimOptional(receipt.readiness.message) ||
-    "Workflow draft was accepted. Studio is waiting for the scoped workspace projection."
-  );
-}
-
 function hasCurrentCompletedMemberBinding(
   detail: StudioMemberDetail | null | undefined,
 ): boolean {
   if (
     normalizeStudioMemberLifecycleStage(detail?.summary.lifecycleStage) !==
-    "bind_ready"
+    'bind_ready'
   ) {
     return false;
   }
@@ -339,7 +360,7 @@ function readActiveMemberBindingRunId(
   detail: StudioMemberDetail | null | undefined,
 ): string {
   if (!hasActiveMemberBindingRun(detail)) {
-    return "";
+    return '';
   }
 
   return trimOptional(detail?.currentBindingRun?.bindingRunId);
@@ -364,66 +385,63 @@ function readPathSegments(): {
   scopeId: string;
   teamId: string;
   workflowId: string;
-  workflowSource: "draft" | "published";
+  workflowSource: 'draft' | 'published';
 } {
   const segments =
-    typeof window === "undefined"
+    typeof window === 'undefined'
       ? []
-      : window.location.pathname.split("/").filter(Boolean).map(decodeURIComponent);
+      : window.location.pathname
+          .split('/')
+          .filter(Boolean)
+          .map(decodeURIComponent);
   const params =
-    typeof window === "undefined"
+    typeof window === 'undefined'
       ? new URLSearchParams()
       : new URLSearchParams(window.location.search);
   const pathname =
-    typeof window === "undefined" ? "" : window.location.pathname;
+    typeof window === 'undefined' ? '' : window.location.pathname;
   const currentHref =
-    typeof window === "undefined"
+    typeof window === 'undefined'
       ? pathname
       : `${window.location.pathname}${window.location.search}`;
-  const hasScopedTeamPath =
-    segments[0] === "scopes" && segments[2] === "teams";
+  const hasScopedTeamPath = segments[0] === 'scopes' && segments[2] === 'teams';
   const scopedTeamsIndex = hasScopedTeamPath ? 2 : -1;
   const membersIndex =
     scopedTeamsIndex >= 0
-      ? segments.indexOf("members", scopedTeamsIndex + 2)
+      ? segments.indexOf('members', scopedTeamsIndex + 2)
       : -1;
-  const scopeId =
-    hasScopedTeamPath
-      ? trimOptional(segments[1])
-      : "";
+  const scopeId = hasScopedTeamPath ? trimOptional(segments[1]) : '';
   const teamId =
-    scopedTeamsIndex >= 0
-      ? trimOptional(segments[scopedTeamsIndex + 1])
-      : "";
+    scopedTeamsIndex >= 0 ? trimOptional(segments[scopedTeamsIndex + 1]) : '';
   const routeMemberId =
-    membersIndex >= 0 ? trimOptional(segments[membersIndex + 1]) : "";
+    membersIndex >= 0 ? trimOptional(segments[membersIndex + 1]) : '';
   const routeSurface =
-    membersIndex >= 0 ? trimOptional(segments[membersIndex + 2]) : "";
-  const isWorkflowEditorRoute = routeSurface === "workflow";
-  const mode = routeMemberId === "new" ? "new" : "existing";
-  const workflowId = trimOptional(params.get("workflowId"));
+    membersIndex >= 0 ? trimOptional(segments[membersIndex + 2]) : '';
+  const isWorkflowEditorRoute = routeSurface === 'workflow';
+  const mode = routeMemberId === 'new' ? 'new' : 'existing';
+  const workflowId = trimOptional(params.get('workflowId'));
   const workflowSource =
-    trimOptional(params.get("workflowSource")) === "published"
-      ? "published"
-      : "draft";
+    trimOptional(params.get('workflowSource')) === 'published'
+      ? 'published'
+      : 'draft';
   const canonicalHref =
     isWorkflowEditorRoute && scopeId && teamId
       ? buildTeamMemberWorkflowStudioHref({
-          memberId: mode === "existing" ? routeMemberId : undefined,
-          mode: mode === "new" ? "create-member" : "edit-member",
+          memberId: mode === 'existing' ? routeMemberId : undefined,
+          mode: mode === 'new' ? 'create-member' : 'edit-member',
           scopeId,
           teamId,
           workflowId,
           workflowSource:
-            mode === "existing" && workflowSource === "published"
-              ? "published"
+            mode === 'existing' && workflowSource === 'published'
+              ? 'published'
               : undefined,
         })
       : currentHref;
 
   return {
     canonicalHref,
-    memberId: mode === "existing" ? routeMemberId : "",
+    memberId: mode === 'existing' ? routeMemberId : '',
     mode,
     scopeId,
     teamId,
@@ -435,7 +453,7 @@ function readPathSegments(): {
 function normalizeWorkflowDocument(
   value: StudioWorkflowDocument | null | undefined,
 ): StudioWorkflowDocument | null {
-  return value && typeof value === "object" ? value : null;
+  return value && typeof value === 'object' ? value : null;
 }
 
 function cloneWorkflowDocument(
@@ -458,7 +476,7 @@ function buildBlankWorkflowDocument(name: string): StudioWorkflowDocument {
 }
 
 function buildNewWorkflowDraftFileName(title: string): string {
-  const normalized = trimOptional(title) || "workflow";
+  const normalized = trimOptional(title) || 'workflow';
   return `${normalized}.yaml`;
 }
 
@@ -468,7 +486,7 @@ function resolveNewWorkflowDirectoryId(input: {
 }): string {
   return (
     trimOptional(input.directories?.[0]?.directoryId) ||
-    (trimOptional(input.scopeId) ? `scope:${trimOptional(input.scopeId)}` : "")
+    (trimOptional(input.scopeId) ? `scope:${trimOptional(input.scopeId)}` : '')
   );
 }
 
@@ -482,7 +500,7 @@ function readWorkflowSourceSignature(
   return {
     updatedAtUtc: trimOptional(workflow.updatedAtUtc),
     workflowId: trimOptional(workflow.workflowId),
-    yaml: workflow.yaml ?? "",
+    yaml: workflow.yaml ?? '',
   };
 }
 
@@ -512,8 +530,8 @@ function buildSavedWorkflowCacheValue(
 
 function readStepIdFromGraphNodeId(nodeId: string): string {
   const normalized = trimOptional(nodeId);
-  return normalized.startsWith("step:")
-    ? normalized.slice("step:".length).trim()
+  return normalized.startsWith('step:')
+    ? normalized.slice('step:'.length).trim()
     : normalized;
 }
 
@@ -523,17 +541,17 @@ function readConnectionFromGraphEdgeId(edgeId: string): {
   readonly targetStepId: string;
 } | null {
   const normalized = trimOptional(edgeId);
-  if (!normalized.startsWith("edge:")) {
+  if (!normalized.startsWith('edge:')) {
     return null;
   }
 
   const [, sourceStepId, targetStepId, edgeKind, ...labelParts] =
-    normalized.split(":");
+    normalized.split(':');
   if (!sourceStepId || !targetStepId) {
     return null;
   }
 
-  if (edgeKind === "linear") {
+  if (edgeKind === 'linear') {
     return {
       branchLabel: null,
       sourceStepId,
@@ -541,8 +559,8 @@ function readConnectionFromGraphEdgeId(edgeId: string): {
     };
   }
 
-  if (edgeKind === "branch") {
-    const branchLabel = labelParts.join(":");
+  if (edgeKind === 'branch') {
+    const branchLabel = labelParts.join(':');
     if (!branchLabel) {
       return null;
     }
@@ -554,12 +572,10 @@ function readConnectionFromGraphEdgeId(edgeId: string): {
     };
   }
 
-  const legacyEdgeLabel = [edgeKind, ...labelParts]
-    .filter(Boolean)
-    .join(":");
+  const legacyEdgeLabel = [edgeKind, ...labelParts].filter(Boolean).join(':');
   return {
     branchLabel:
-      legacyEdgeLabel && legacyEdgeLabel !== "next" ? legacyEdgeLabel : null,
+      legacyEdgeLabel && legacyEdgeLabel !== 'next' ? legacyEdgeLabel : null,
     sourceStepId,
     targetStepId,
   };
@@ -574,7 +590,7 @@ function waitForBindingRunPollTick(): Promise<void> {
 function waitForCreatedMemberMaterializationTick(): Promise<void> {
   return new Promise((resolve) => {
     const testEnvironment =
-      typeof process !== "undefined" && process.env.NODE_ENV === "test";
+      typeof process !== 'undefined' && process.env.NODE_ENV === 'test';
     window.setTimeout(
       resolve,
       testEnvironment ? 0 : CREATED_MEMBER_MATERIALIZATION_DELAY_MS,
@@ -585,7 +601,7 @@ function waitForCreatedMemberMaterializationTick(): Promise<void> {
 function waitForWorkflowDraftMaterializationTick(): Promise<void> {
   return new Promise((resolve) => {
     const testEnvironment =
-      typeof process !== "undefined" && process.env.NODE_ENV === "test";
+      typeof process !== 'undefined' && process.env.NODE_ENV === 'test';
     window.setTimeout(
       resolve,
       testEnvironment ? 0 : WORKFLOW_DRAFT_MATERIALIZATION_DELAY_MS,
@@ -596,7 +612,7 @@ function waitForWorkflowDraftMaterializationTick(): Promise<void> {
 function waitForSaveAndBindWorkflowMaterializationTick(): Promise<void> {
   return new Promise((resolve) => {
     const testEnvironment =
-      typeof process !== "undefined" && process.env.NODE_ENV === "test";
+      typeof process !== 'undefined' && process.env.NODE_ENV === 'test';
     window.setTimeout(
       resolve,
       testEnvironment ? 0 : SAVE_AND_BIND_WORKFLOW_MATERIALIZATION_DELAY_MS,
@@ -604,14 +620,17 @@ function waitForSaveAndBindWorkflowMaterializationTick(): Promise<void> {
   });
 }
 
-function workflowYamlMatches(left: string | null | undefined, right: string): boolean {
-  return String(left || "").trim() === right.trim();
+function workflowYamlMatches(
+  left: string | null | undefined,
+  right: string,
+): boolean {
+  return String(left || '').trim() === right.trim();
 }
 
 function describeWorkflowDraftLoadError(error: unknown): string {
   return error instanceof Error && error.message.trim()
     ? error.message.trim()
-    : "Unknown error";
+    : 'Unknown error';
 }
 
 async function waitForSaveAndBindWorkflowMaterialized(input: {
@@ -651,7 +670,10 @@ async function loadPublishedWorkflowWithDraftFallback(input: {
   readonly workflowId: string;
 }): Promise<StudioWorkflowFile> {
   try {
-    return await studioApi.getPublishedWorkflow(input.workflowId, input.scopeId);
+    return await studioApi.getPublishedWorkflow(
+      input.workflowId,
+      input.scopeId,
+    );
   } catch (error) {
     if (!isStudioApiStatus(error, 404)) {
       throw error;
@@ -686,14 +708,7 @@ async function waitForCreatedMemberVisible(input: {
     }
   }
 
-  throw lastNotFound instanceof Error
-    ? new Error(
-        "Workflow member was created but is not visible yet. Retry saving in a moment.",
-        { cause: lastNotFound },
-      )
-    : new Error(
-        "Workflow member was created but is not visible yet. Retry saving in a moment.",
-      );
+  throw new CreatedWorkflowMemberLinkPendingError(lastNotFound);
 }
 
 async function waitForWorkflowDraftMaterialized(input: {
@@ -726,11 +741,11 @@ async function waitForWorkflowDraftMaterialized(input: {
 
   throw lastNotFound instanceof Error
     ? new Error(
-        "Workflow draft was accepted but is not readable yet. Retry saving in a moment.",
+        'Workflow draft was accepted but is not readable yet. Retry saving in a moment.',
         { cause: lastNotFound },
       )
     : new Error(
-        "Workflow draft was accepted but is not readable yet. Retry saving in a moment.",
+        'Workflow draft was accepted but is not readable yet. Retry saving in a moment.',
       );
 }
 
@@ -739,44 +754,56 @@ async function linkCreatedWorkflowMemberDraft(input: {
   readonly scopeId: string;
   readonly workflowId: string;
 }): Promise<void> {
-  await waitForCreatedMemberVisible({
-    memberId: input.memberId,
-    scopeId: input.scopeId,
-  });
-
   try {
-    await studioApi.updateMemberImplementationRef({
-      scopeId: input.scopeId,
+    await waitForCreatedMemberVisible({
       memberId: input.memberId,
-      implementationRef: {
-        implementationKind: "workflow",
-        workflowId: input.workflowId,
-      },
+      scopeId: input.scopeId,
     });
+
+    try {
+      await studioApi.updateMemberImplementationRef({
+        scopeId: input.scopeId,
+        memberId: input.memberId,
+        implementationRef: {
+          implementationKind: 'workflow',
+          workflowId: input.workflowId,
+        },
+      });
+    } catch (error) {
+      if (!isStudioApiStatus(error, 404)) {
+        throw error;
+      }
+
+      await waitForCreatedMemberVisible({
+        memberId: input.memberId,
+        scopeId: input.scopeId,
+      });
+      await studioApi.updateMemberImplementationRef({
+        scopeId: input.scopeId,
+        memberId: input.memberId,
+        implementationRef: {
+          implementationKind: 'workflow',
+          workflowId: input.workflowId,
+        },
+      });
+    }
   } catch (error) {
-    if (!isStudioApiStatus(error, 404)) {
+    if (error instanceof CreatedWorkflowMemberLinkPendingError) {
       throw error;
     }
 
-    await waitForCreatedMemberVisible({
-      memberId: input.memberId,
-      scopeId: input.scopeId,
-    });
-    await studioApi.updateMemberImplementationRef({
-      scopeId: input.scopeId,
-      memberId: input.memberId,
-      implementationRef: {
-        implementationKind: "workflow",
-        workflowId: input.workflowId,
-      },
-    });
+    throw new CreatedWorkflowMemberLinkPendingError(error);
   }
 }
 
 function isTerminalBindingRun(
   run: StudioMemberBindingRunStatusResponse | null,
 ): boolean {
-  return run?.status === "succeeded" || run?.status === "failed" || run?.status === "rejected";
+  return (
+    run?.status === 'succeeded' ||
+    run?.status === 'failed' ||
+    run?.status === 'rejected'
+  );
 }
 
 function isSameBindingRun(
@@ -790,57 +817,57 @@ function readBindingRunFailureMessage(
   run: StudioMemberBindingRunStatusResponse | null,
 ): string {
   if (!run) {
-    return "Binding run status is still pending.";
+    return 'Binding run status is still pending.';
   }
 
   if (run.failure?.message) {
     return run.failure.message;
   }
 
-  if (run.status === "rejected") {
-    return "Binding run was rejected by the member authority.";
+  if (run.status === 'rejected') {
+    return 'Binding run was rejected by the member authority.';
   }
 
-  if (run.status === "failed") {
-    return "Binding run failed while binding the member workflow.";
+  if (run.status === 'failed') {
+    return 'Binding run failed while binding the member workflow.';
   }
 
-  return "";
+  return '';
 }
 
 function resolveWorkflowExecutionStatus(
   detail: StudioExecutionDetail | null,
 ): WorkflowExecutionStatus {
   if (!detail) {
-    return "idle";
+    return 'idle';
   }
 
   const status = trimOptional(detail.status).toLowerCase();
   if (
     detail.error ||
-    status.includes("fail") ||
-    status.includes("error") ||
-    status.includes("cancel") ||
-    status.includes("stop")
+    status.includes('fail') ||
+    status.includes('error') ||
+    status.includes('cancel') ||
+    status.includes('stop')
   ) {
-    return "failed";
+    return 'failed';
   }
 
   if (
     detail.completedAtUtc ||
-    status.includes("success") ||
-    status.includes("succeed") ||
-    status.includes("complete")
+    status.includes('success') ||
+    status.includes('succeed') ||
+    status.includes('complete')
   ) {
-    return "succeeded";
+    return 'succeeded';
   }
 
-  return "running";
+  return 'running';
 }
 
 function createWorkflowInvokeExecutionDetail(input: {
   readonly accumulator: RuntimeEventAccumulator;
-  readonly auditSource?: StudioExecutionDetail["auditSource"];
+  readonly auditSource?: StudioExecutionDetail['auditSource'];
   readonly completedAtUtc?: string | null;
   readonly error?: string | null;
   readonly executionId: string;
@@ -855,10 +882,10 @@ function createWorkflowInvokeExecutionDetail(input: {
     input.error ||
     input.accumulator.finalOutput ||
     input.accumulator.assistantText ||
-    "";
+    '';
 
   return {
-    auditSource: input.auditSource ?? "invoke-session",
+    auditSource: input.auditSource ?? 'invoke-session',
     actorId: input.accumulator.actorId || null,
     completedAtUtc: input.completedAtUtc ?? null,
     error: input.error ?? null,
@@ -874,49 +901,53 @@ function createWorkflowInvokeExecutionDetail(input: {
 }
 
 function confirmDiscardUnsavedChanges(): boolean {
-  if (typeof window === "undefined") {
+  if (typeof window === 'undefined') {
     return true;
   }
 
   return window.confirm(
-    "You have unsaved workflow changes. Leave this editor and discard them?",
+    'You have unsaved workflow changes. Leave this editor and discard them?',
   );
 }
 
 function confirmDiscardYamlEdits(): boolean {
-  if (typeof window === "undefined") {
+  if (typeof window === 'undefined') {
     return true;
   }
 
   return window.confirm(
-    "You have unapplied YAML edits. Discard them and return to the canvas?",
+    'You have unapplied YAML edits. Discard them and return to the canvas?',
   );
 }
 
 function normalizeFindingLevel(
-  level: StudioValidationFinding["level"],
-): "error" | "warning" | "info" {
-  if (typeof level === "number") {
-    return level >= 2 ? "error" : level === 1 ? "warning" : "info";
+  level: StudioValidationFinding['level'],
+): 'error' | 'warning' | 'info' {
+  if (typeof level === 'number') {
+    return level >= 2 ? 'error' : level === 1 ? 'warning' : 'info';
   }
 
-  const normalized = String(level || "").trim().toLowerCase();
-  if (normalized === "2" || normalized === "error") {
-    return "error";
+  const normalized = String(level || '')
+    .trim()
+    .toLowerCase();
+  if (normalized === '2' || normalized === 'error') {
+    return 'error';
   }
 
-  if (normalized === "1" || normalized === "warning" || normalized === "warn") {
-    return "warning";
+  if (normalized === '1' || normalized === 'warning' || normalized === 'warn') {
+    return 'warning';
   }
 
-  return "info";
+  return 'info';
 }
 
 function hasBlockingFindings(
   findings: readonly StudioValidationFinding[] | null | undefined,
 ): boolean {
   return Boolean(
-    findings?.some((finding) => normalizeFindingLevel(finding.level) === "error"),
+    findings?.some(
+      (finding) => normalizeFindingLevel(finding.level) === 'error',
+    ),
   );
 }
 
@@ -924,11 +955,11 @@ function formatBlockingFindingsMessage(
   findings: readonly StudioValidationFinding[] | null | undefined,
 ): string {
   const firstError = findings?.find(
-    (finding) => normalizeFindingLevel(finding.level) === "error",
+    (finding) => normalizeFindingLevel(finding.level) === 'error',
   );
   return (
     firstError?.message ||
-    "Resolve error-level workflow diagnostics before continuing."
+    'Resolve error-level workflow diagnostics before continuing.'
   );
 }
 
@@ -946,10 +977,13 @@ async function saveWorkflowDraft(input: {
   readonly routeScopeId: string;
   readonly title: string;
   readonly workflow: StudioWorkflowFile;
-}): Promise<SavedWorkflowDraft> {
+}): Promise<SaveWorkflowDraftOutcome> {
   const { document, layout, routeScopeId, title, workflow } = input;
   const normalizedTitle =
-    trimOptional(title) || trimOptional(document.name) || workflow.name || "draft";
+    trimOptional(title) ||
+    trimOptional(document.name) ||
+    workflow.name ||
+    'draft';
   const documentWithTitle: StudioWorkflowDocument = {
     ...document,
     name: normalizedTitle,
@@ -979,23 +1013,31 @@ async function saveWorkflowDraft(input: {
       layout: nextLayout,
     }),
   );
-  if (saveResult.kind === "accepted") {
-    void message.info(describeWorkflowDraftAcceptedReceipt(saveResult.receipt));
-  }
   const savedWorkflow =
-    saveResult.kind === "accepted"
+    saveResult.kind === 'accepted'
       ? await waitForWorkflowDraftMaterialized({
           receipt: saveResult.receipt,
           scopeId: routeScopeId,
         })
       : saveResult.workflow;
 
-  return {
+  const savedDraft = {
     document: savedDocument,
     layout: nextLayout,
     title: normalizedTitle,
     workflow: savedWorkflow,
   };
+
+  return saveResult.kind === 'accepted'
+    ? {
+        kind: 'accepted_then_materialized',
+        receipt: saveResult.receipt,
+        savedDraft,
+      }
+    : {
+        kind: 'materialized',
+        savedDraft,
+      };
 }
 
 async function saveAndBindPublishedWorkflowDraft(input: {
@@ -1009,11 +1051,16 @@ async function saveAndBindPublishedWorkflowDraft(input: {
   const { document, layout, routeScopeId, serviceId, title, workflow } = input;
   const workflowId = trimOptional(workflow.workflowId);
   if (!workflowId) {
-    throw new Error("Resolve a stable workflow id before saving the published workflow.");
+    throw new Error(
+      'Resolve a stable workflow id before saving the published workflow.',
+    );
   }
 
   const normalizedTitle =
-    trimOptional(title) || trimOptional(document.name) || workflow.name || "draft";
+    trimOptional(title) ||
+    trimOptional(document.name) ||
+    workflow.name ||
+    'draft';
   const documentWithTitle: StudioWorkflowDocument = {
     ...document,
     name: normalizedTitle,
@@ -1029,16 +1076,15 @@ async function saveAndBindPublishedWorkflowDraft(input: {
     scopeId: routeScopeId,
     workflowId,
     workflowYaml: workflowYamlForPublication,
-    executionMode: "interactive",
+    executionMode: 'interactive',
     inlineWorkflowYamls: {},
     revisionId: revisionIdentityCandidate,
   });
-  const explicitRequestConfirmations = await confirmInteractiveExplicitRequestPreview(
-    explicitRequestPreview,
-  );
+  const explicitRequestConfirmations =
+    await confirmInteractiveExplicitRequestPreview(explicitRequestPreview);
   if (explicitRequestConfirmations === null) {
     throw new PublishWorkflowStatusError(
-      "Explicit request confirmation was cancelled.",
+      'Explicit request confirmation was cancelled.',
       false,
     );
   }
@@ -1058,7 +1104,7 @@ async function saveAndBindPublishedWorkflowDraft(input: {
     workflowName: normalizedTitle,
     displayName: normalizedTitle,
     inlineWorkflowYamls: {},
-    appId: "studio",
+    appId: 'studio',
     serviceId,
     exposureDesired: true,
     ...(explicitRequestConfirmations.length > 0
@@ -1102,6 +1148,7 @@ async function saveAndBindPublishedWorkflowDraft(input: {
 
 export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   const queryClient = useQueryClient();
+  const toast = useConsoleToast();
   const locationSnapshot = React.useSyncExternalStore(
     subscribeToLocationChanges,
     getLocationSnapshot,
@@ -1120,29 +1167,32 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   const [editableLayout, setEditableLayout] = React.useState<unknown>(null);
   const [executionDetail, setExecutionDetail] =
     React.useState<StudioExecutionDetail | null>(null);
-  const [executionError, setExecutionError] = React.useState("");
+  const [executionError, setExecutionError] = React.useState('');
   const [executionWorkflowNodes, setExecutionWorkflowNodes] = React.useState<
     WorkflowExecutionNodeSnapshot[]
   >([]);
-  const [activeExecutionLogIndex, setActiveExecutionLogIndex] =
-    React.useState<number | null>(null);
-  const [executionRunMessage, setExecutionRunMessage] = React.useState("");
+  const [activeExecutionLogIndex, setActiveExecutionLogIndex] = React.useState<
+    number | null
+  >(null);
+  const [executionRunMessage, setExecutionRunMessage] = React.useState('');
   const [draftRunFiles, setDraftRunFiles] = React.useState<File[]>([]);
-  const [pendingCreatedWorkflowMemberLink, setPendingCreatedWorkflowMemberLink] =
-    React.useState<PendingCreatedWorkflowMemberLink | null>(null);
+  const [
+    pendingCreatedWorkflowMemberLink,
+    setPendingCreatedWorkflowMemberLink,
+  ] = React.useState<PendingCreatedWorkflowMemberLink | null>(null);
   const [publishBindingRun, setPublishBindingRun] =
     React.useState<StudioMemberBindingRunStatusResponse | null>(null);
-  const [publishError, setPublishError] = React.useState("");
+  const [publishError, setPublishError] = React.useState('');
   const [publishErrorVisible, setPublishErrorVisible] = React.useState(true);
   const [nodeLibraryOpen, setNodeLibraryOpen] = React.useState(false);
   const [draftRunPanelOpen, setDraftRunPanelOpen] = React.useState(false);
   const [yamlPanelOpen, setYamlPanelOpen] = React.useState(false);
-  const [yamlEditBuffer, setYamlEditBufferState] = React.useState("");
-  const [yamlEditSnapshot, setYamlEditSnapshot] = React.useState("");
+  const [yamlEditBuffer, setYamlEditBufferState] = React.useState('');
+  const [yamlEditSnapshot, setYamlEditSnapshot] = React.useState('');
   const [yamlEditDiagnostics, setYamlEditDiagnostics] = React.useState<
     StudioValidationFinding[]
   >([]);
-  const [yamlEditError, setYamlEditError] = React.useState("");
+  const [yamlEditError, setYamlEditError] = React.useState('');
   const [yamlEditOpening, setYamlEditOpening] = React.useState(false);
   const [yamlEditPending, setYamlEditPending] = React.useState(false);
   const [yamlEditApplying, setYamlEditApplying] = React.useState(false);
@@ -1150,23 +1200,23 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   const [yamlEditParsedDocument, setYamlEditParsedDocument] =
     React.useState<StudioWorkflowDocument | null>(null);
   const [yamlEditValidatedBuffer, setYamlEditValidatedBuffer] =
-    React.useState("");
+    React.useState('');
   const [yamlEditBaseRevision, setYamlEditBaseRevision] = React.useState(0);
-  const [yamlEditBaseSourceKey, setYamlEditBaseSourceKey] = React.useState("");
-  const [selectedEdgeId, setSelectedEdgeId] = React.useState("");
-  const [selectedNodeId, setSelectedNodeId] = React.useState("");
+  const [yamlEditBaseSourceKey, setYamlEditBaseSourceKey] = React.useState('');
+  const [selectedEdgeId, setSelectedEdgeId] = React.useState('');
+  const [selectedNodeId, setSelectedNodeId] = React.useState('');
   const [selectedStepConfigurationError, setSelectedStepConfigurationError] =
-    React.useState("");
+    React.useState('');
   const [workflowTitle, setWorkflowTitleState] =
-    React.useState("Untitled member");
+    React.useState('Untitled member');
   const [draftRevision, setDraftRevision] = React.useState(0);
   const draftRevisionRef = React.useRef(0);
-  const appliedSourceKeyRef = React.useRef("");
+  const appliedSourceKeyRef = React.useRef('');
   const yamlEditRequestIdRef = React.useRef(0);
   const yamlEditValidationRequestIdRef = React.useRef(0);
   const suppressedSourceSignatureRef =
     React.useRef<WorkflowSourceSignature | null>(null);
-  const latestSourceKeyRef = React.useRef("");
+  const latestSourceKeyRef = React.useRef('');
   const teamsHref = buildTeamsHref();
   const advanceDraftRevision = React.useCallback(() => {
     const nextRevision = draftRevisionRef.current + 1;
@@ -1198,7 +1248,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     setYamlPanelOpen(false);
     setYamlEditOpening(false);
     setYamlEditPending(false);
-    setYamlEditError("");
+    setYamlEditError('');
     return true;
   }, [yamlEditHasUnappliedChanges]);
   const closeDraftRunPanel = React.useCallback(() => {
@@ -1219,16 +1269,16 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           queryKey: getTeamMemberWorkflowStudioTeamQueryKey(scopeId, teamId),
         }),
         queryClient.invalidateQueries({
-          queryKey: ["teams", "team-members", scopeId, teamId],
+          queryKey: ['teams', 'team-members', scopeId, teamId],
         }),
         queryClient.invalidateQueries({
-          queryKey: ["teams", "team-summary", scopeId, teamId],
+          queryKey: ['teams', 'team-summary', scopeId, teamId],
         }),
         queryClient.invalidateQueries({
-          queryKey: ["teams", "members", scopeId],
+          queryKey: ['teams', 'members', scopeId],
         }),
         queryClient.invalidateQueries({
-          queryKey: ["teams", "roster", scopeId],
+          queryKey: ['teams', 'roster', scopeId],
         }),
       ]);
     },
@@ -1257,7 +1307,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       const patchRoster = (current: unknown) => {
         if (
           !current ||
-          typeof current !== "object" ||
+          typeof current !== 'object' ||
           !Array.isArray((current as { members?: unknown }).members)
         ) {
           return current;
@@ -1267,7 +1317,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           ...current,
           members: (current as { members: unknown[] }).members.map((member) =>
             member &&
-            typeof member === "object" &&
+            typeof member === 'object' &&
             (member as { memberId?: unknown }).memberId === memberId
               ? {
                   ...member,
@@ -1278,24 +1328,25 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         };
       };
       queryClient.setQueryData(
-        ["teams", "team-members", scopeId, teamId],
+        ['teams', 'team-members', scopeId, teamId],
         patchRoster,
       );
-      queryClient.setQueryData(["teams", "members", scopeId], patchRoster);
+      queryClient.setQueryData(['teams', 'members', scopeId], patchRoster);
     },
     [queryClient],
   );
   const workspaceSettingsQuery = useQuery({
     enabled: Boolean(route.scopeId),
     queryKey: [
-      "team-member-workflow-studio",
-      "workspace-settings",
+      'team-member-workflow-studio',
+      'workspace-settings',
       route.scopeId,
     ],
     queryFn: () => studioApi.getWorkspaceSettings(route.scopeId),
   });
   const memberQuery = useQuery({
-    enabled: route.mode === "existing" && Boolean(route.scopeId && route.memberId),
+    enabled:
+      route.mode === 'existing' && Boolean(route.scopeId && route.memberId),
     queryKey: getTeamMemberWorkflowStudioMemberQueryKey(
       route.scopeId,
       route.memberId,
@@ -1303,28 +1354,26 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     queryFn: () => studioApi.getMember(route.scopeId, route.memberId),
   });
   const routeDraftWorkflowId =
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
     isStudioWorkflowDraftIdentity(trimOptional(route.workflowId))
       ? trimOptional(route.workflowId)
-      : "";
+      : '';
   const memberDraftWorkflowId =
-    route.mode === "existing"
+    route.mode === 'existing'
       ? resolveStudioMemberDraftWorkflowId(memberQuery.data)
-      : "";
+      : '';
   const activeRouteDraftWorkflowId =
     routeDraftWorkflowId || memberDraftWorkflowId;
   const shouldLoadPublishedWorkflow =
-    route.mode === "existing" && route.workflowSource === "published";
+    route.mode === 'existing' && route.workflowSource === 'published';
   const workflowQueryKey = getTeamMemberWorkflowStudioWorkflowQueryKey(
     route.scopeId,
     activeRouteDraftWorkflowId,
-    shouldLoadPublishedWorkflow ? "published" : "draft",
+    shouldLoadPublishedWorkflow ? 'published' : 'draft',
   );
   const workflowQuery = useQuery({
     enabled: Boolean(
-      route.scopeId &&
-        activeRouteDraftWorkflowId &&
-        !memberQuery.isLoading,
+      route.scopeId && activeRouteDraftWorkflowId && !memberQuery.isLoading,
     ),
     queryKey: workflowQueryKey,
     queryFn: () =>
@@ -1339,13 +1388,13 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   });
   const activeDraftWorkflowId =
     trimOptional(workflowQuery.data?.workflowId) ||
-    (route.mode === "existing" && activeRouteDraftWorkflowId
+    (route.mode === 'existing' && activeRouteDraftWorkflowId
       ? activeRouteDraftWorkflowId
-      : "");
+      : '');
   const teamMembersReturnHref = buildTeamDetailHref({
     memberId: route.memberId || undefined,
     scopeId: route.scopeId,
-    tab: "members",
+    tab: 'members',
     teamId: route.teamId,
     workflowId: activeDraftWorkflowId || undefined,
   });
@@ -1363,48 +1412,48 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         trimOptional(workflowQuery.data.yaml),
     ),
     queryKey: [
-      "team-member-workflow-studio",
-      "parse-yaml",
+      'team-member-workflow-studio',
+      'parse-yaml',
       route.scopeId,
       workflowQuery.data?.workflowId ?? activeRouteDraftWorkflowId,
       workflowQuery.data?.yaml,
     ],
     queryFn: () =>
       studioApi.parseYaml({
-        yaml: workflowQuery.data?.yaml ?? "",
+        yaml: workflowQuery.data?.yaml ?? '',
       }),
   });
   const loadedDocument =
     normalizeWorkflowDocument(workflowQuery.data?.document) ??
     normalizeWorkflowDocument(parseQuery.data?.document);
   const workflowDraftTitle =
-    route.mode === "existing"
+    route.mode === 'existing'
       ? trimOptional(workflowQuery.data?.name) ||
         trimOptional(loadedDocument?.name)
-      : "";
+      : '';
   const routeFallbackTitle =
-    route.mode === "new"
-      ? "Untitled member"
+    route.mode === 'new'
+      ? 'Untitled member'
       : workflowDraftTitle ||
         trimOptional(memberQuery.data?.summary.displayName) ||
         route.memberId ||
-        "Workflow member";
+        'Workflow member';
   const activeMemberTitle =
     trimOptional(workflowTitle) ||
     trimOptional(memberQuery.data?.summary.displayName) ||
     routeFallbackTitle;
   const teamName =
-    trimOptional(teamQuery.data?.displayName) || route.teamId || "Current team";
+    trimOptional(teamQuery.data?.displayName) || route.teamId || 'Current team';
   const memberHasCompletedBinding = hasCurrentCompletedMemberBinding(
     memberQuery.data,
   );
   const linkedWorkflowMissing =
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
     !memberQuery.isLoading &&
     !activeRouteDraftWorkflowId &&
     Boolean(memberQuery.data);
   const linkedWorkflowLoadFailed =
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
     !memberQuery.isLoading &&
     Boolean(activeRouteDraftWorkflowId) &&
     workflowQuery.isError &&
@@ -1412,23 +1461,23 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   const linkedWorkflowMissingDescription =
     linkedWorkflowMissing && memberHasCompletedBinding
       ? t(
-          "teamMemberWorkflowStudio.alerts.linkedWorkflowMissing.publishedDescription",
-          "This published member has no materialized draft workflow link. Refresh after the member read model exposes its draft workflow id.",
+          'teamMemberWorkflowStudio.alerts.linkedWorkflowMissing.publishedDescription',
+          'This published member has no materialized draft workflow link. Refresh after the member read model exposes its draft workflow id.',
         )
       : t(
-          "teamMemberWorkflowStudio.alerts.linkedWorkflowMissing.description",
-          "You can build or edit the workflow YAML here. Saving creates a reusable workflow draft until the member link is materialized.",
+          'teamMemberWorkflowStudio.alerts.linkedWorkflowMissing.description',
+          'You can build or edit the workflow YAML here. Saving creates a reusable workflow draft until the member link is materialized.',
         );
   const linkedWorkflowLoadFailureDescription = linkedWorkflowLoadFailed
     ? t(
-        "teamMemberWorkflowStudio.alerts.linkedWorkflowLoadFailed.description",
-        "Studio resolved draft workflow {workflowId}, but loading it failed: {reason}",
+        'teamMemberWorkflowStudio.alerts.linkedWorkflowLoadFailed.description',
+        'Studio resolved draft workflow {workflowId}, but loading it failed: {reason}',
         {
           reason: describeWorkflowDraftLoadError(workflowQuery.error),
           workflowId: activeRouteDraftWorkflowId,
         },
       )
-    : "";
+    : '';
   const canCreateDraftForUnlinkedMember = Boolean(
     linkedWorkflowMissing && !memberHasCompletedBinding,
   );
@@ -1437,39 +1486,41 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       (linkedWorkflowMissing && memberHasCompletedBinding),
   );
   const sourceDocument =
-    route.mode === "new"
-      ? buildBlankWorkflowDocument("Untitled member")
-      : loadedDocument ??
+    route.mode === 'new'
+      ? buildBlankWorkflowDocument('Untitled member')
+      : (loadedDocument ??
         (linkedWorkflowMissing
           ? buildBlankWorkflowDocument(routeFallbackTitle)
-          : null);
+          : null));
   const sourceKey =
-    route.mode === "new"
+    route.mode === 'new'
       ? `new:${route.scopeId}:${route.teamId}`
       : workflowQuery.data
         ? [
-            "workflow",
+            'workflow',
             workflowQuery.data.workflowId,
             workflowQuery.data.name,
             workflowQuery.data.updatedAtUtc,
             workflowQuery.data.yaml,
-            parseQuery.data ? "parsed" : "document",
-          ].join(":")
+            parseQuery.data ? 'parsed' : 'document',
+          ].join(':')
         : linkedWorkflowMissing
           ? `missing:${route.scopeId}:${route.memberId}`
-          : "";
+          : '';
   latestSourceKeyRef.current = sourceKey;
   const yamlEditBaseIsCurrent =
     yamlEditBaseRevision === draftRevision &&
     yamlEditBaseSourceKey === sourceKey;
   const yamlEditHasConflict = Boolean(
-    yamlPanelOpen &&
-      yamlEditHasUnappliedChanges &&
-      !yamlEditBaseIsCurrent,
+    yamlPanelOpen && yamlEditHasUnappliedChanges && !yamlEditBaseIsCurrent,
   );
 
   React.useEffect(() => {
-    if (!sourceDocument || !sourceKey || appliedSourceKeyRef.current === sourceKey) {
+    if (
+      !sourceDocument ||
+      !sourceKey ||
+      appliedSourceKeyRef.current === sourceKey
+    ) {
       return;
     }
 
@@ -1506,20 +1557,20 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     });
     setEditableLayout(workflowQuery.data?.layout ?? null);
     setWorkflowTitleState(nextTitle);
-    setSelectedEdgeId("");
-    setSelectedNodeId("");
+    setSelectedEdgeId('');
+    setSelectedNodeId('');
     closeDraftRunPanel();
     yamlEditRequestIdRef.current += 1;
     yamlEditValidationRequestIdRef.current += 1;
     setYamlPanelOpen(false);
     setYamlEditOpening(false);
     setYamlEditPending(false);
-    setYamlEditBufferState("");
-    setYamlEditSnapshot("");
+    setYamlEditBufferState('');
+    setYamlEditSnapshot('');
     setYamlEditDiagnostics([]);
-    setYamlEditError("");
+    setYamlEditError('');
     setYamlEditParsedDocument(null);
-    setYamlEditValidatedBuffer("");
+    setYamlEditValidatedBuffer('');
     markDraftClean();
   }, [
     markDraftClean,
@@ -1549,7 +1600,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
 
     setActiveExecutionLogIndex((currentIndex) => {
       if (
-        typeof currentIndex === "number" &&
+        typeof currentIndex === 'number' &&
         currentIndex >= 0 &&
         currentIndex < executionTrace.logs.length
       ) {
@@ -1581,16 +1632,19 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     const selectedStep = graph.steps.find((step) => step.id === selectedStepId);
     return selectedStep ? createStepInspectorDraft(selectedStep) : null;
   }, [graph.steps, selectedNodeId]);
-  const applySavedDraft = React.useCallback((saved: SavedWorkflowDraft) => {
-    setEditableDocument(cloneWorkflowDocument(saved.document));
-    setEditableLayout(saved.layout);
-    setWorkflowTitleState(saved.title);
-    markDraftClean();
-  }, [markDraftClean]);
+  const applySavedDraft = React.useCallback(
+    (saved: SavedWorkflowDraft) => {
+      setEditableDocument(cloneWorkflowDocument(saved.document));
+      setEditableLayout(saved.layout);
+      setWorkflowTitleState(saved.title);
+      markDraftClean();
+    },
+    [markDraftClean],
+  );
   const cacheSavedWorkflowDraft = React.useCallback(
     (
       saved: SavedWorkflowDraft,
-      sources: readonly ("draft" | "published")[] = ["draft"],
+      sources: readonly ('draft' | 'published')[] = ['draft'],
     ) => {
       const savedWorkflow = buildSavedWorkflowCacheValue(saved);
       const savedSignature = readWorkflowSourceSignature(savedWorkflow);
@@ -1632,13 +1686,13 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   const markSavedDraft = React.useCallback(
     (
       saved: SavedWorkflowDraft,
-      sources?: readonly ("draft" | "published")[],
+      sources?: readonly ('draft' | 'published')[],
       savedDraftRevision?: number,
     ) => {
       cacheSavedWorkflowDraft(saved, sources);
 
       if (
-        typeof savedDraftRevision === "number" &&
+        typeof savedDraftRevision === 'number' &&
         draftRevisionRef.current !== savedDraftRevision
       ) {
         return;
@@ -1657,10 +1711,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       setWorkflowTitleState(saved.title);
       markDraftClean();
     },
-    [
-      cacheSavedWorkflowDraft,
-      markDraftClean,
-    ],
+    [cacheSavedWorkflowDraft, markDraftClean],
   );
   const renameExistingMemberFromTitle = React.useCallback(
     async (displayName: string) => {
@@ -1672,7 +1723,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         memberQuery.data?.summary.displayName,
       );
       if (
-        route.mode !== "existing" ||
+        route.mode !== 'existing' ||
         !scopeId ||
         !teamId ||
         !memberId ||
@@ -1708,27 +1759,38 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
 
   const saveMutation = useMutation({
     mutationFn: async (variables: SaveWorkflowDraftVariables) => {
-      const saved = await saveWorkflowDraft({
+      const saveOutcome = await saveWorkflowDraft({
         ...variables,
         routeScopeId: route.scopeId,
       });
-      await renameExistingMemberFromTitle(saved.title);
-      return saved;
+      await renameExistingMemberFromTitle(saveOutcome.savedDraft.title);
+      return saveOutcome;
     },
-    onError: (error) => {
-      void message.error(
-        error instanceof Error ? error.message : "Failed to save workflow draft.",
+    onError: () => {
+      toast.error(
+        t(
+          'teamMemberWorkflowStudio.toast.draftSaveFailed',
+          'Could not save the workflow draft. Review the details and try again.',
+        ),
       );
     },
-    onSuccess: (saved, variables) => {
-      markSavedDraft(saved, undefined, variables.draftRevision);
-      void message.success("Workflow draft saved.");
+    onSuccess: (saveOutcome, variables) => {
+      markSavedDraft(
+        saveOutcome.savedDraft,
+        undefined,
+        variables.draftRevision,
+      );
+      toast.success(
+        t('teamMemberWorkflowStudio.toast.draftSaved', 'Workflow draft saved.'),
+      );
     },
   });
   const saveAndBindMutation = useMutation({
     mutationFn: async (variables: SaveWorkflowDraftVariables) => {
       if (!route.scopeId) {
-        throw new Error("Resolve a Team workspace before saving this workflow.");
+        throw new Error(
+          'Resolve a Team workspace before saving this workflow.',
+        );
       }
 
       const savedAndBound = await saveAndBindPublishedWorkflowDraft({
@@ -1740,22 +1802,26 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       return savedAndBound;
     },
     onError: (error) => {
-      if (!(error instanceof PublishWorkflowStatusError && !error.showAsError)) {
-        void message.error(
-          error instanceof Error
-            ? error.message
-            : "Failed to save and publish workflow.",
+      if (
+        !(error instanceof PublishWorkflowStatusError && !error.showAsError)
+      ) {
+        toast.error(
+          t(
+            'teamMemberWorkflowStudio.toast.saveAndPublishFailed',
+            'Could not save and publish the workflow. Review the details and try again.',
+          ),
         );
       }
     },
     onSuccess: ({ materializedWorkflow, savedDraft }, variables) => {
-      markSavedDraft(savedDraft, ["published"], variables.draftRevision);
+      markSavedDraft(savedDraft, ['published'], variables.draftRevision);
       void memberQuery.refetch();
       if (materializedWorkflow) {
-        void message.success("Published workflow saved.");
-      } else {
-        void message.info(
-          "Published workflow save was accepted. Studio is waiting for the workflow read model.",
+        toast.success(
+          t(
+            'teamMemberWorkflowStudio.toast.publishedWorkflowSaved',
+            'Published workflow saved.',
+          ),
         );
       }
     },
@@ -1765,22 +1831,30 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       document,
       layout,
       title,
-    }: Omit<SaveWorkflowDraftVariables, "workflow">): Promise<CreatedWorkflowMember> => {
+    }: Omit<
+      SaveWorkflowDraftVariables,
+      'workflow'
+    >): Promise<CreatedWorkflowMember> => {
       if (!route.scopeId || !route.teamId) {
-        throw new Error("Resolve a Team workspace before creating a workflow member.");
+        throw new Error(
+          'Resolve a Team workspace before creating a workflow member.',
+        );
       }
 
       if (pendingCreatedWorkflowMemberLink) {
-        const savedDraft = await saveWorkflowDraft({
+        const saveOutcome = await saveWorkflowDraft({
           document,
           layout,
           routeScopeId: route.scopeId,
           title,
           workflow: pendingCreatedWorkflowMemberLink.savedDraft.workflow,
         });
+        const savedDraft = saveOutcome.savedDraft;
         const savedWorkflowId = trimOptional(savedDraft.workflow.workflowId);
         if (!savedWorkflowId) {
-          throw new Error("Workflow draft save did not return a stable reference.");
+          throw new Error(
+            'Workflow draft save did not return a stable reference.',
+          );
         }
 
         const currentLink: PendingCreatedWorkflowMemberLink = {
@@ -1798,49 +1872,56 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       }
 
       const normalizedTitle =
-        trimOptional(title) || trimOptional(document.name) || "Untitled member";
+        trimOptional(title) || trimOptional(document.name) || 'Untitled member';
       const directoryId = resolveNewWorkflowDirectoryId({
         directories: workspaceSettingsQuery.data?.directories,
         scopeId: route.scopeId,
       });
       if (!directoryId) {
-        throw new Error("Resolve a workflow directory before saving this member.");
+        throw new Error(
+          'Resolve a workflow directory before saving this member.',
+        );
       }
 
       const newWorkflowShell: StudioWorkflowFile = {
         directoryId,
-        directoryLabel: "",
+        directoryLabel: '',
         draftExists: false,
         fileName: buildNewWorkflowDraftFileName(normalizedTitle),
-        filePath: "",
+        filePath: '',
         findings: [],
         layout: null,
         name: normalizedTitle,
-        updatedAtUtc: "",
-        workflowId: "",
-        yaml: "",
+        updatedAtUtc: '',
+        workflowId: '',
+        yaml: '',
       };
-      const savedDraft = await saveWorkflowDraft({
+      const saveOutcome = await saveWorkflowDraft({
         document,
         layout,
         routeScopeId: route.scopeId,
         title: normalizedTitle,
         workflow: newWorkflowShell,
       });
+      const savedDraft = saveOutcome.savedDraft;
       const savedWorkflowId = trimOptional(savedDraft.workflow.workflowId);
       if (!savedWorkflowId) {
-        throw new Error("Workflow draft save did not return a stable reference.");
+        throw new Error(
+          'Workflow draft save did not return a stable reference.',
+        );
       }
 
       const createdMember = await studioApi.createMember({
         scopeId: route.scopeId,
         displayName: normalizedTitle,
-        implementationKind: "workflow",
+        implementationKind: 'workflow',
         teamId: route.teamId,
       });
       const createdMemberId = trimOptional(createdMember.memberId);
       if (!createdMemberId) {
-        throw new Error("Workflow member creation did not return a stable reference.");
+        throw new Error(
+          'Workflow member creation did not return a stable reference.',
+        );
       }
       const createdLink: PendingCreatedWorkflowMemberLink = {
         memberId: createdMemberId,
@@ -1856,10 +1937,18 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       return createdLink;
     },
     onError: (error) => {
-      void message.error(
-        error instanceof Error
-          ? error.message
-          : "Failed to create workflow member.",
+      const memberLinkPending =
+        error instanceof CreatedWorkflowMemberLinkPendingError;
+      toast.error(
+        memberLinkPending
+          ? t(
+              'teamMemberWorkflowStudio.toast.memberLinkFailed',
+              'Could not finish linking the workflow member. Save again to retry.',
+            )
+          : t(
+              'teamMemberWorkflowStudio.toast.memberCreateFailed',
+              'Could not create the workflow member. Review the details and try again.',
+            ),
       );
     },
     onSuccess: ({ memberId, savedDraft, workflowId }) => {
@@ -1868,11 +1957,16 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       invalidateSavedWorkflowDraft(savedDraft);
       applySavedDraft(savedDraft);
       void refreshTeamMemberSurfaces(route.scopeId, route.teamId);
-      void message.success("Workflow member created.");
+      toast.success(
+        t(
+          'teamMemberWorkflowStudio.toast.memberCreated',
+          'Workflow member created.',
+        ),
+      );
       history.replace(
         buildTeamMemberWorkflowStudioHref({
           memberId,
-          mode: "edit-member",
+          mode: 'edit-member',
           scopeId: route.scopeId,
           teamId: route.teamId,
           workflowId,
@@ -1885,51 +1979,63 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       document,
       layout,
       title,
-    }: Omit<SaveWorkflowDraftVariables, "workflow">): Promise<CreatedUnlinkedMemberDraft> => {
+    }: Omit<
+      SaveWorkflowDraftVariables,
+      'workflow'
+    >): Promise<CreatedUnlinkedMemberDraft> => {
       if (!route.scopeId || !route.teamId || !route.memberId) {
-        throw new Error("Resolve a Team member before saving this workflow draft.");
+        throw new Error(
+          'Resolve a Team member before saving this workflow draft.',
+        );
       }
 
       const normalizedTitle =
-        trimOptional(title) || trimOptional(document.name) || routeFallbackTitle;
+        trimOptional(title) ||
+        trimOptional(document.name) ||
+        routeFallbackTitle;
       const directoryId = resolveNewWorkflowDirectoryId({
         directories: workspaceSettingsQuery.data?.directories,
         scopeId: route.scopeId,
       });
       if (!directoryId) {
-        throw new Error("Resolve a workflow directory before saving this draft.");
+        throw new Error(
+          'Resolve a workflow directory before saving this draft.',
+        );
       }
 
       const newWorkflowShell: StudioWorkflowFile = {
         directoryId,
-        directoryLabel: "",
+        directoryLabel: '',
         draftExists: false,
         fileName: buildNewWorkflowDraftFileName(normalizedTitle),
-        filePath: "",
+        filePath: '',
         findings: [],
         layout: null,
         name: normalizedTitle,
-        updatedAtUtc: "",
-        workflowId: "",
-        yaml: "",
+        updatedAtUtc: '',
+        workflowId: '',
+        yaml: '',
       };
-      const savedDraft = await saveWorkflowDraft({
+      const saveOutcome = await saveWorkflowDraft({
         document,
         layout,
         routeScopeId: route.scopeId,
         title: normalizedTitle,
         workflow: newWorkflowShell,
       });
+      const savedDraft = saveOutcome.savedDraft;
       const savedWorkflowId = trimOptional(savedDraft.workflow.workflowId);
       if (!savedWorkflowId) {
-        throw new Error("Workflow draft save did not return a stable reference.");
+        throw new Error(
+          'Workflow draft save did not return a stable reference.',
+        );
       }
 
       await studioApi.updateMemberImplementationRef({
         scopeId: route.scopeId,
         memberId: route.memberId,
         implementationRef: {
-          implementationKind: "workflow",
+          implementationKind: 'workflow',
           workflowId: savedWorkflowId,
         },
       });
@@ -1940,11 +2046,12 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         workflowId: savedWorkflowId,
       };
     },
-    onError: (error) => {
-      void message.error(
-        error instanceof Error
-          ? error.message
-          : "Failed to save workflow draft.",
+    onError: () => {
+      toast.error(
+        t(
+          'teamMemberWorkflowStudio.toast.draftSaveFailed',
+          'Could not save the workflow draft. Review the details and try again.',
+        ),
       );
     },
     onSuccess: ({ savedDraft, workflowId }) => {
@@ -1953,7 +2060,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       history.replace(
         buildTeamMemberWorkflowStudioHref({
           memberId: route.memberId,
-          mode: "edit-member",
+          mode: 'edit-member',
           scopeId: route.scopeId,
           teamId: route.teamId,
           workflowId,
@@ -1961,45 +2068,44 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       );
       void memberQuery.refetch();
       void refreshTeamMemberSurfaces(route.scopeId, route.teamId);
-      void message.success("Workflow draft saved.");
+      toast.success(
+        t('teamMemberWorkflowStudio.toast.draftSaved', 'Workflow draft saved.'),
+      );
     },
   });
-  const parseYamlEditBuffer = React.useCallback(
-    async (yaml: string) => {
-      const parsed = await studioApi.parseYaml({
-        yaml,
-        availableStepTypes: AVAILABLE_STEP_TYPES,
-      });
-      const parsedDocument = cloneWorkflowDocument(parsed.document);
-      if (!parsedDocument) {
-        throw new Error(
-          formatBlockingFindingsMessage(parsed.findings) ||
-            "The YAML did not produce a workflow document.",
-        );
-      }
+  const parseYamlEditBuffer = React.useCallback(async (yaml: string) => {
+    const parsed = await studioApi.parseYaml({
+      yaml,
+      availableStepTypes: AVAILABLE_STEP_TYPES,
+    });
+    const parsedDocument = cloneWorkflowDocument(parsed.document);
+    if (!parsedDocument) {
+      throw new Error(
+        formatBlockingFindingsMessage(parsed.findings) ||
+          'The YAML did not produce a workflow document.',
+      );
+    }
 
-      assertNoBlockingFindings(parsed.findings);
-      return {
-        document: parsedDocument,
-        findings: parsed.findings,
-      };
-    },
-    [],
-  );
+    assertNoBlockingFindings(parsed.findings);
+    return {
+      document: parsedDocument,
+      findings: parsed.findings,
+    };
+  }, []);
   const openYamlEditor = React.useCallback(async () => {
-    setSelectedEdgeId("");
-    setSelectedNodeId("");
-    setSelectedStepConfigurationError("");
+    setSelectedEdgeId('');
+    setSelectedNodeId('');
+    setSelectedStepConfigurationError('');
     closeDraftRunPanel();
-    setYamlEditError("");
+    setYamlEditError('');
 
     if (!editableDocument) {
-      setYamlEditBufferState("");
-      setYamlEditSnapshot("");
+      setYamlEditBufferState('');
+      setYamlEditSnapshot('');
       setYamlEditDiagnostics([]);
       setYamlEditParsedDocument(null);
-      setYamlEditValidatedBuffer("");
-      setYamlEditError("Load the workflow draft before editing YAML.");
+      setYamlEditValidatedBuffer('');
+      setYamlEditError('Load the workflow draft before editing YAML.');
       setYamlPanelOpen(true);
       return;
     }
@@ -2017,11 +2123,11 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     setYamlEditOpening(true);
     setYamlEditPending(false);
     if (shouldResetEditor) {
-      setYamlEditBufferState("");
-      setYamlEditSnapshot("");
+      setYamlEditBufferState('');
+      setYamlEditSnapshot('');
       setYamlEditDiagnostics([]);
       setYamlEditParsedDocument(null);
-      setYamlEditValidatedBuffer("");
+      setYamlEditValidatedBuffer('');
     }
     setYamlEditBaseRevision(baseRevision);
     setYamlEditBaseSourceKey(baseSourceKey);
@@ -2039,11 +2145,10 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         return;
       }
 
-      const serializedDocument =
-        cloneWorkflowDocument(serialized.document) ?? {
-          ...editableDocument,
-          name: normalizedTitle,
-        };
+      const serializedDocument = cloneWorkflowDocument(serialized.document) ?? {
+        ...editableDocument,
+        name: normalizedTitle,
+      };
       setYamlEditBufferState(serialized.yaml);
       setYamlEditSnapshot(serialized.yaml);
       setYamlEditDiagnostics([...(serialized.findings ?? [])]);
@@ -2051,13 +2156,13 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       setYamlEditValidatedBuffer(serialized.yaml);
       setYamlEditBaseRevision(baseRevision);
       setYamlEditBaseSourceKey(baseSourceKey);
-      setYamlEditError("");
+      setYamlEditError('');
     } catch (error) {
       if (yamlEditRequestIdRef.current === requestId) {
         setYamlEditError(
           error instanceof Error
             ? error.message
-            : "Failed to build workflow YAML.",
+            : 'Failed to build workflow YAML.',
         );
         setYamlPanelOpen(true);
       }
@@ -2108,20 +2213,20 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       yamlEditBaseRevision === draftRevisionRef.current &&
       yamlEditBaseSourceKey === latestSourceKeyRef.current;
     if (!yaml.trim()) {
-      setYamlEditError("Enter workflow YAML before applying it to the draft.");
+      setYamlEditError('Enter workflow YAML before applying it to the draft.');
       return;
     }
 
     if (!baseIsCurrent()) {
       setYamlEditError(
-        "This YAML buffer was based on an older draft. Reopen Edit YAML from the current canvas before applying.",
+        'This YAML buffer was based on an older draft. Reopen Edit YAML from the current canvas before applying.',
       );
       return;
     }
 
     yamlEditApplyingRef.current = true;
     setYamlEditApplying(true);
-    setYamlEditError("");
+    setYamlEditError('');
 
     try {
       const parsed =
@@ -2150,7 +2255,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       assertNoBlockingFindings(serialized.findings);
       if (!baseIsCurrent()) {
         throw new Error(
-          "This YAML buffer was based on an older draft. Reopen Edit YAML from the current canvas before applying.",
+          'This YAML buffer was based on an older draft. Reopen Edit YAML from the current canvas before applying.',
         );
       }
 
@@ -2167,9 +2272,9 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       setEditableDocument(nextDocument);
       setEditableLayout(nextLayout);
       setWorkflowTitleState(nextTitle);
-      setSelectedEdgeId("");
-      setSelectedNodeId("");
-      setSelectedStepConfigurationError("");
+      setSelectedEdgeId('');
+      setSelectedNodeId('');
+      setSelectedStepConfigurationError('');
       setNodeLibraryOpen(false);
       setYamlEditBufferState(serialized.yaml);
       setYamlEditSnapshot(serialized.yaml);
@@ -2178,12 +2283,18 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       setYamlEditValidatedBuffer(serialized.yaml);
       setYamlEditBaseRevision(nextRevision);
       setYamlEditBaseSourceKey(latestSourceKeyRef.current);
-      void message.success("Workflow YAML applied to the draft.");
     } catch (error) {
       const errorMessage =
-        error instanceof Error ? error.message : "Failed to apply workflow YAML.";
+        error instanceof Error
+          ? error.message
+          : 'Failed to apply workflow YAML.';
       setYamlEditError(errorMessage);
-      void message.error(errorMessage);
+      toast.error(
+        t(
+          'teamMemberWorkflowStudio.toast.yamlApplyFailed',
+          'Could not apply the YAML changes. Review the details and try again.',
+        ),
+      );
     } finally {
       yamlEditApplyingRef.current = false;
       setYamlEditApplying(false);
@@ -2200,6 +2311,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     yamlEditDiagnostics,
     yamlEditParsedDocument,
     yamlEditValidatedBuffer,
+    toast,
   ]);
   React.useEffect(() => {
     if (!yamlPanelOpen || yamlEditOpening) {
@@ -2214,13 +2326,13 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       setYamlEditPending(false);
       setYamlEditDiagnostics([
         {
-          level: "error",
-          path: "/",
+          level: 'error',
+          path: '/',
           message: t(
-            "teamMemberWorkflowStudio.yamlPanel.emptyYaml",
-            "Workflow YAML is empty.",
+            'teamMemberWorkflowStudio.yamlPanel.emptyYaml',
+            'Workflow YAML is empty.',
           ),
-          code: "empty_yaml",
+          code: 'empty_yaml',
         },
       ]);
       setYamlEditParsedDocument(null);
@@ -2246,7 +2358,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           setYamlEditDiagnostics([...(parsed.findings ?? [])]);
           setYamlEditParsedDocument(cloneWorkflowDocument(parsed.document));
           setYamlEditValidatedBuffer(yaml);
-          setYamlEditError("");
+          setYamlEditError('');
         })
         .catch((error) => {
           if (
@@ -2258,13 +2370,13 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
 
           setYamlEditDiagnostics([
             {
-              level: "error",
-              path: "/",
+              level: 'error',
+              path: '/',
               message:
                 error instanceof Error
                   ? error.message
-                  : "Failed to validate workflow YAML.",
-              code: "parse_failed",
+                  : 'Failed to validate workflow YAML.',
+              code: 'parse_failed',
             },
           ]);
           setYamlEditParsedDocument(null);
@@ -2272,7 +2384,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           setYamlEditError(
             error instanceof Error
               ? error.message
-              : "Failed to validate workflow YAML.",
+              : 'Failed to validate workflow YAML.',
           );
         })
         .finally(() => {
@@ -2294,10 +2406,12 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       title,
     }: RunCurrentDraftVariables): Promise<StudioExecutionDetail> => {
       if (!route.scopeId) {
-        throw new Error("Resolve the current workspace before running the draft.");
+        throw new Error(
+          'Resolve the current workspace before running the draft.',
+        );
       }
 
-      const normalizedTitle = trimOptional(title) || "Workflow draft";
+      const normalizedTitle = trimOptional(title) || 'Workflow draft';
       const userRunMessage = trimOptional(runMessage);
       const serialized = await studioApi.serializeYaml({
         document: {
@@ -2308,7 +2422,8 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       });
       assertNoBlockingFindings(serialized.findings);
       const startedAtUtc = new Date().toISOString();
-      const executionScopeKey = trimOptional(route.memberId) || "current-workflow";
+      const executionScopeKey =
+        trimOptional(route.memberId) || 'current-workflow';
       const executionId = `draft-run:${executionScopeKey}:${Date.now().toString(36)}`;
       const frames: StudioExecutionFrame[] = [];
       const accumulator = createRuntimeEventAccumulator();
@@ -2320,19 +2435,19 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       ) =>
         createWorkflowInvokeExecutionDetail({
           accumulator,
-          auditSource: "draft-run-session",
+          auditSource: 'draft-run-session',
           completedAtUtc,
           error,
           executionId,
           frames,
           runMessage: userRunMessage,
-          serviceId: "",
+          serviceId: '',
           startedAtUtc,
           status,
           workflowName: normalizedTitle,
         });
 
-      setExecutionDetail(buildDetail("running"));
+      setExecutionDetail(buildDetail('running'));
 
       try {
         const response = await runtimeRunsApi.streamDraftRun(
@@ -2351,43 +2466,60 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           applyRuntimeEvent(accumulator, event);
           frames.push(createStudioExecutionFrame(event));
           setExecutionDetail(
-            buildDetail(accumulator.errorText ? "failed" : "running"),
+            buildDetail(accumulator.errorText ? 'failed' : 'running'),
           );
+          await waitForWorkflowNodeStartPaint(event, controller.signal);
         }
 
         const completedAtUtc = new Date().toISOString();
         return buildDetail(
-          accumulator.errorText ? "failed" : "succeeded",
+          accumulator.errorText ? 'failed' : 'succeeded',
           completedAtUtc,
           accumulator.errorText || null,
         );
       } catch (error) {
         const errorMessage =
-          error instanceof Error ? error.message : "Workflow draft run failed.";
+          error instanceof Error ? error.message : 'Workflow draft run failed.';
         const completedAtUtc = new Date().toISOString();
-        return buildDetail("failed", completedAtUtc, errorMessage);
+        return buildDetail('failed', completedAtUtc, errorMessage);
       }
     },
     onError: (error) => {
       setExecutionError(
         error instanceof Error
           ? error.message
-          : "Failed to run workflow draft.",
+          : 'Failed to run workflow draft.',
+      );
+      toast.error(
+        t(
+          'teamMemberWorkflowStudio.toast.draftRunFailed',
+          'Draft run failed. Review the result and try again.',
+        ),
       );
     },
     onMutate: ({ document }: RunCurrentDraftVariables) => {
       setExecutionDetail(null);
-      setExecutionError("");
+      setExecutionError('');
       setActiveExecutionLogIndex(null);
       setExecutionWorkflowNodes(buildWorkflowExecutionNodeSnapshots(document));
     },
     onSuccess: (detail) => {
       setExecutionDetail(detail);
-      setExecutionError("");
+      setExecutionError('');
       if (detail.error) {
-        void message.error("Workflow draft run failed.");
+        toast.error(
+          t(
+            'teamMemberWorkflowStudio.toast.draftRunFailed',
+            'Draft run failed. Review the result and try again.',
+          ),
+        );
       } else {
-        void message.success("Workflow draft run completed.");
+        toast.success(
+          t(
+            'teamMemberWorkflowStudio.toast.draftRunCompleted',
+            'Draft run completed.',
+          ),
+        );
       }
     },
   });
@@ -2399,24 +2531,32 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       workflow,
     }: PublishWorkflowVariables): Promise<PublishedWorkflow> => {
       if (!route.scopeId || !route.memberId) {
-        throw new Error("Resolve an existing workflow member before publishing.");
+        throw new Error(
+          'Resolve an existing workflow member before publishing.',
+        );
       }
 
-      const currentMember = await studioApi.getMember(route.scopeId, route.memberId);
+      const currentMember = await studioApi.getMember(
+        route.scopeId,
+        route.memberId,
+      );
       queryClient.setQueryData(
-        getTeamMemberWorkflowStudioMemberQueryKey(route.scopeId, route.memberId),
+        getTeamMemberWorkflowStudioMemberQueryKey(
+          route.scopeId,
+          route.memberId,
+        ),
         currentMember,
       );
       if (!dirty && hasCurrentCompletedMemberBinding(currentMember)) {
         throw new PublishWorkflowStatusError(
-          "This member workflow is already published. Refresh status to check readiness.",
+          'This member workflow is already published. Refresh status to check readiness.',
           false,
         );
       }
 
       if (hasActiveMemberBindingRun(currentMember)) {
         throw new PublishWorkflowStatusError(
-          "Publish is already in progress for this member. Refresh status before publishing again.",
+          'Publish is already in progress for this member. Refresh status before publishing again.',
           false,
         );
       }
@@ -2426,13 +2566,14 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       let titleForPublish = trimOptional(title) || trimOptional(document.name);
       let workflowIdForPublish = trimOptional(workflow.workflowId);
       if (dirty) {
-        savedDraft = await saveWorkflowDraft({
+        const saveOutcome = await saveWorkflowDraft({
           document,
           layout,
           routeScopeId: route.scopeId,
           title,
           workflow,
         });
+        savedDraft = saveOutcome.savedDraft;
         documentForPublish = savedDraft.document;
         titleForPublish = savedDraft.title;
         workflowIdForPublish =
@@ -2440,7 +2581,9 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       }
 
       if (!workflowIdForPublish) {
-        throw new Error("Resolve a stable workflow draft id before publishing.");
+        throw new Error(
+          'Resolve a stable workflow draft id before publishing.',
+        );
       }
 
       const serialized = await studioApi.serializeYaml({
@@ -2452,21 +2595,21 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       });
       assertNoBlockingFindings(serialized.findings);
       const workflowYamlForPublication = serialized.yaml;
-      const revisionIdentityCandidate = createWorkflowRevisionIdentityCandidate();
+      const revisionIdentityCandidate =
+        createWorkflowRevisionIdentityCandidate();
       const explicitRequestPreview = await studioApi.previewExplicitRequests({
         scopeId: route.scopeId,
         workflowId: workflowIdForPublish,
         workflowYaml: workflowYamlForPublication,
-        executionMode: "interactive",
+        executionMode: 'interactive',
         inlineWorkflowYamls: {},
         revisionId: revisionIdentityCandidate,
       });
-      const explicitRequestConfirmations = await confirmInteractiveExplicitRequestPreview(
-        explicitRequestPreview,
-      );
+      const explicitRequestConfirmations =
+        await confirmInteractiveExplicitRequestPreview(explicitRequestPreview);
       if (explicitRequestConfirmations === null) {
         throw new PublishWorkflowStatusError(
-          "Explicit request confirmation was cancelled.",
+          'Explicit request confirmation was cancelled.',
           false,
         );
       }
@@ -2484,7 +2627,11 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       });
 
       let lastRun: StudioMemberBindingRunStatusResponse | null = null;
-      for (let attempt = 0; attempt < MEMBER_BINDING_RUN_POLL_ATTEMPTS; attempt += 1) {
+      for (
+        let attempt = 0;
+        attempt < MEMBER_BINDING_RUN_POLL_ATTEMPTS;
+        attempt += 1
+      ) {
         try {
           lastRun = await studioApi.getMemberBindingRun(
             receipt.scopeId,
@@ -2505,7 +2652,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         }
       }
 
-      if (lastRun?.status === "failed" || lastRun?.status === "rejected") {
+      if (lastRun?.status === 'failed' || lastRun?.status === 'rejected') {
         throw new Error(readBindingRunFailureMessage(lastRun));
       }
 
@@ -2516,18 +2663,26 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     },
     onError: (error) => {
       if (error instanceof PublishWorkflowStatusError && !error.showAsError) {
-        setPublishError("");
+        setPublishError('');
         setPublishErrorVisible(false);
         return;
       }
 
       setPublishErrorVisible(true);
       setPublishError(
-        error instanceof Error ? error.message : "Failed to publish workflow member.",
+        error instanceof Error
+          ? error.message
+          : 'Failed to publish workflow member.',
+      );
+      toast.error(
+        t(
+          'teamMemberWorkflowStudio.toast.publishFailed',
+          'Could not publish the workflow member. Review the details and try again.',
+        ),
       );
     },
     onMutate: () => {
-      setPublishError("");
+      setPublishError('');
       setPublishErrorVisible(true);
       setPublishBindingRun(null);
     },
@@ -2540,23 +2695,24 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       if (!shouldLoadPublishedWorkflow) {
         void workflowQuery.refetch();
       }
-      if (run?.status === "succeeded") {
-        void message.success("Workflow member published.");
-      } else {
-        void message.info(
-          "Binding candidate was accepted for dispatch. Studio is waiting for the binding-run read model.",
+      if (run?.status === 'succeeded') {
+        toast.success(
+          t(
+            'teamMemberWorkflowStudio.toast.memberPublished',
+            'Workflow member published.',
+          ),
         );
       }
     },
   });
   const workflowLoading =
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
     (memberQuery.isLoading ||
       (activeRouteDraftWorkflowId &&
         (workflowQuery.isLoading || parseQuery.isLoading)));
   const workflowHasSteps = Boolean(editableDocument?.steps?.length);
   const canCreateUnlinkedMemberDraft = Boolean(
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
       linkedWorkflowMissing &&
       route.scopeId &&
       route.teamId &&
@@ -2570,7 +2726,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       !createUnlinkedMemberDraftMutation.isPending,
   );
   const canSave =
-    route.mode === "new"
+    route.mode === 'new'
       ? Boolean(
           route.scopeId &&
             route.teamId &&
@@ -2599,8 +2755,8 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   );
   const publishBindingRunTerminal = isTerminalBindingRun(publishBindingRun);
   const publishBindingRunFailed = Boolean(
-    publishBindingRun?.status === "failed" ||
-      publishBindingRun?.status === "rejected",
+    publishBindingRun?.status === 'failed' ||
+      publishBindingRun?.status === 'rejected',
   );
   const authoritativeBindingRunInProgress = Boolean(
     authoritativeBindingRunId &&
@@ -2609,12 +2765,11 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   );
   const memberPublishedByQuery = authoritativeMemberPublished;
   const memberIsPublished =
-    memberPublishedByQuery ||
-    publishBindingRun?.status === "succeeded";
+    memberPublishedByQuery || publishBindingRun?.status === 'succeeded';
   const publishStatusStillInProgress = Boolean(
     authoritativeBindingRunInProgress ||
       (publishBindingRun &&
-        publishBindingRun.status !== "succeeded" &&
+        publishBindingRun.status !== 'succeeded' &&
         !publishBindingRunTerminal),
   );
   const publishPending = publishMutation.isPending;
@@ -2628,7 +2783,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     teamId: route.teamId,
   });
   const canOpenInvoke = Boolean(
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
       route.scopeId &&
       route.teamId &&
       route.memberId &&
@@ -2637,17 +2792,17 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   );
   const invokePlaceholderReason = !route.memberId
     ? t(
-        "teamMemberWorkflowStudio.header.invoke.saveFirst",
-        "Save this member before invoking it.",
+        'teamMemberWorkflowStudio.header.invoke.saveFirst',
+        'Save this member before invoking it.',
       )
     : !memberIsPublished || !memberPublishedServiceId
       ? t(
-          "teamMemberWorkflowStudio.header.invoke.publishFirst",
-          "Publish this member before invoking it.",
+          'teamMemberWorkflowStudio.header.invoke.publishFirst',
+          'Publish this member before invoking it.',
         )
       : t(
-          "teamMemberWorkflowStudio.header.invoke.open",
-          "Open the published member invoke workbench.",
+          'teamMemberWorkflowStudio.header.invoke.open',
+          'Open the published member invoke workbench.',
         );
   const publishedRunsHref = buildTeamMemberPublishedRunsHref({
     memberId: route.memberId || undefined,
@@ -2655,7 +2810,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     teamId: route.teamId,
   });
   const canOpenPublishedRuns = Boolean(
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
       route.scopeId &&
       route.teamId &&
       route.memberId &&
@@ -2664,39 +2819,39 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
   );
   const publishedRunsPlaceholderReason = !route.memberId
     ? t(
-        "teamMemberWorkflowStudio.header.publishedRuns.saveFirst",
-        "Save this member before viewing published runs.",
+        'teamMemberWorkflowStudio.header.publishedRuns.saveFirst',
+        'Save this member before viewing published runs.',
       )
     : !memberIsPublished || !memberPublishedServiceId
       ? t(
-          "teamMemberWorkflowStudio.header.publishedRuns.publishFirst",
-          "Publish this member to start recording published runs.",
+          'teamMemberWorkflowStudio.header.publishedRuns.publishFirst',
+          'Publish this member to start recording published runs.',
         )
       : t(
-          "teamMemberWorkflowStudio.header.publishedRuns.open",
-          "View runs from the published member service.",
+          'teamMemberWorkflowStudio.header.publishedRuns.open',
+          'View runs from the published member service.',
         );
   const canOpenAutomations = Boolean(
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
       route.scopeId &&
       route.teamId &&
       route.memberId &&
-      memberQuery.data?.summary.lifecycleStage === "bind_ready" &&
+      memberQuery.data?.summary.lifecycleStage === 'bind_ready' &&
       memberPublishedServiceId,
   );
   const automationsPlaceholderReason = !route.memberId
     ? t(
-        "teamMemberWorkflowStudio.header.automations.saveFirst",
-        "Save this member before adding recurring work.",
+        'teamMemberWorkflowStudio.header.automations.saveFirst',
+        'Save this member before adding recurring work.',
       )
     : !memberPublishedServiceId
       ? t(
-          "teamMemberWorkflowStudio.header.automations.publishFirst",
-          "Publish this member before adding recurring work.",
+          'teamMemberWorkflowStudio.header.automations.publishFirst',
+          'Publish this member before adding recurring work.',
         )
       : t(
-          "teamMemberWorkflowStudio.header.openAutomations",
-          "Open recurring work for this member",
+          'teamMemberWorkflowStudio.header.openAutomations',
+          'Open recurring work for this member',
         );
   const publishVisibleError =
     publishError &&
@@ -2704,9 +2859,9 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       publishBindingRunFailed ||
       (!memberIsPublished && !publishStatusStillInProgress))
       ? publishError
-      : "";
+      : '';
   const publishDisabled = Boolean(
-    route.mode === "new" ||
+    route.mode === 'new' ||
       linkedWorkflowMissing ||
       !workflowQuery.data ||
       !editableDocument ||
@@ -2717,49 +2872,49 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       memberIsPublished,
   );
   const publishPlaceholderReason =
-    route.mode === "new"
-      ? "Create and link a workflow member before publishing."
+    route.mode === 'new'
+      ? 'Create and link a workflow member before publishing.'
       : linkedWorkflowMissing
-        ? "No stable workflow draft is linked to this member yet."
+        ? 'No stable workflow draft is linked to this member yet.'
         : selectedStepConfigurationError
           ? selectedStepConfigurationError
-        : publishPending
-          ? "Binding candidate accepted for dispatch; waiting for binding-run status."
-        : publishStatusStillInProgress
-          ? "Binding run is still in progress. Use Refresh status before publishing again."
-        : memberIsPublished
-          ? "This member workflow is already published. Save changes to update the bound workflow."
-        : !workflowQuery.data || !editableDocument
-            ? "Load the workflow draft before publishing."
-            : !workflowHasSteps
-              ? "Add at least one step before publishing."
-              : dirty
-                ? "Publish saves draft changes, dispatches a candidate binding run, and observes the read model."
-                : "Publish dispatches a candidate binding run for the saved workflow draft and observes the read model.";
+          : publishPending
+            ? 'Binding candidate accepted for dispatch; waiting for binding-run status.'
+            : publishStatusStillInProgress
+              ? 'Binding run is still in progress. Use Refresh status before publishing again.'
+              : memberIsPublished
+                ? 'This member workflow is already published. Save changes to update the bound workflow.'
+                : !workflowQuery.data || !editableDocument
+                  ? 'Load the workflow draft before publishing.'
+                  : !workflowHasSteps
+                    ? 'Add at least one step before publishing.'
+                    : dirty
+                      ? 'Publish saves draft changes, dispatches a candidate binding run, and observes the read model.'
+                      : 'Publish dispatches a candidate binding run for the saved workflow draft and observes the read model.';
   const publishTone: WorkflowPublishTone = publishError
     ? publishVisibleError
-      ? "error"
+      ? 'error'
       : publishStatusStillInProgress
-        ? "processing"
+        ? 'processing'
         : memberIsPublished
-          ? "success"
-          : "default"
+          ? 'success'
+          : 'default'
     : publishPending || publishStatusStillInProgress
-      ? "processing"
+      ? 'processing'
       : memberIsPublished
-        ? "success"
-        : "default";
+        ? 'success'
+        : 'default';
   const publishNotice =
     publishVisibleError ||
     (publishPending
-      ? `Binding candidate dispatch accepted; run status: ${publishBindingRun?.status ?? "accepted"}.`
+      ? `Binding candidate dispatch accepted; run status: ${publishBindingRun?.status ?? 'accepted'}.`
       : publishStatusStillInProgress
-        ? `Binding run is still in progress (${memberQuery.data?.currentBindingRun?.status ?? publishBindingRun?.status ?? "accepted"}). Use Refresh status to check readiness.`
-      : memberIsPublished
-        ? "Published member workflow is serviceable."
-        : "Draft member workflow is not published to the active member yet.");
+        ? `Binding run is still in progress (${memberQuery.data?.currentBindingRun?.status ?? publishBindingRun?.status ?? 'accepted'}). Use Refresh status to check readiness.`
+        : memberIsPublished
+          ? 'Published member workflow is serviceable.'
+          : 'Draft member workflow is not published to the active member yet.');
   const showRefreshPublishStatus = Boolean(
-    route.mode === "existing" &&
+    route.mode === 'existing' &&
       route.scopeId &&
       route.memberId &&
       (publishStatusStillInProgress ||
@@ -2771,7 +2926,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     memberQuery.isFetching || workflowQuery.isFetching,
   );
   const refreshPublishStatus = React.useCallback(async () => {
-    if (route.mode !== "existing" || !route.scopeId || !route.memberId) {
+    if (route.mode !== 'existing' || !route.scopeId || !route.memberId) {
       return;
     }
 
@@ -2799,23 +2954,34 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       }
 
       if (!refreshedRun) {
-        void message.info("Binding-run status is not materialized yet. Try refreshing again.");
         return;
       }
 
       setPublishBindingRun(refreshedRun);
-      if (refreshedRun.status === "failed" || refreshedRun.status === "rejected") {
+      if (
+        refreshedRun.status === 'failed' ||
+        refreshedRun.status === 'rejected'
+      ) {
         setPublishError(readBindingRunFailureMessage(refreshedRun));
-        void message.error(readBindingRunFailureMessage(refreshedRun));
+        toast.error(
+          t(
+            'teamMemberWorkflowStudio.toast.publishStatusFailed',
+            'Could not refresh the publish status. Review the details and try again.',
+          ),
+        );
         return;
       }
 
-      if (refreshedRun.status === "succeeded") {
-        void message.success("Published member status refreshed.");
+      if (refreshedRun.status === 'succeeded') {
+        toast.success(
+          t(
+            'teamMemberWorkflowStudio.toast.publishedMemberStatusRefreshed',
+            'Published member status refreshed.',
+          ),
+        );
         return;
       }
 
-      void message.info("Binding run is still in progress.");
       return;
     }
 
@@ -2824,18 +2990,29 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         currentRun && !isTerminalBindingRun(currentRun)
           ? {
               ...currentRun,
-              status: "succeeded",
+              status: 'succeeded',
             }
           : currentRun,
       );
-      void message.success("Published member status refreshed.");
+      toast.success(
+        t(
+          'teamMemberWorkflowStudio.toast.publishedMemberStatusRefreshed',
+          'Published member status refreshed.',
+        ),
+      );
       return;
     }
-
-    void message.info("No published member status is visible yet.");
-  }, [activeRouteDraftWorkflowId, memberQuery, route.memberId, route.mode, route.scopeId, workflowQuery]);
+  }, [
+    activeRouteDraftWorkflowId,
+    memberQuery,
+    route.memberId,
+    route.mode,
+    route.scopeId,
+    toast,
+    workflowQuery,
+  ]);
   const executionStatus = currentDraftRunMutation.isPending
-    ? "running"
+    ? 'running'
     : resolveWorkflowExecutionStatus(executionDetail);
   const canRunCurrentDraft = Boolean(
     route.scopeId &&
@@ -2852,74 +3029,73 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       !workflowDraftEditingBlocked &&
       !workflowLoading,
   );
-  const currentDraftRunPlaceholderReason =
-    !editableDocument
-      ? "Load the workflow draft before running it."
-      : !route.scopeId
-        ? "Resolve the current workspace before running the draft."
-        : currentDraftRunMutation.isPending
-          ? "Workflow draft run is already starting."
-          : selectedStepConfigurationError
-            ? selectedStepConfigurationError
+  const currentDraftRunPlaceholderReason = !editableDocument
+    ? 'Load the workflow draft before running it.'
+    : !route.scopeId
+      ? 'Resolve the current workspace before running the draft.'
+      : currentDraftRunMutation.isPending
+        ? 'Workflow draft run is already starting.'
+        : selectedStepConfigurationError
+          ? selectedStepConfigurationError
           : !workflowHasSteps
-            ? "Add at least one step before running this workflow draft."
+            ? 'Add at least one step before running this workflow draft.'
             : canCreateDraftForUnlinkedMember
-              ? "Run the local draft sketch. Saving remains limited until a stable workflow draft is linked."
+              ? 'Run the local draft sketch. Saving remains limited until a stable workflow draft is linked.'
               : workflowDraftEditingBlocked
-                ? "Resolve the linked workflow draft before running it."
-              : route.mode === "new"
-                ? "Run the current unsaved workflow draft."
-                : "Run the current workflow draft.";
+                ? 'Resolve the linked workflow draft before running it.'
+                : route.mode === 'new'
+                  ? 'Run the current unsaved workflow draft.'
+                  : 'Run the current workflow draft.';
   const savePlaceholderReason =
-    route.mode === "new"
+    route.mode === 'new'
       ? !editableDocument
-        ? "Load the workflow draft before creating this member."
+        ? 'Load the workflow draft before creating this member.'
         : !workflowHasSteps
-          ? "Add at least one step before creating this member."
-        : !dirty
-          ? "No changes to save."
-        : "Save creates the workflow draft and Team member."
+          ? 'Add at least one step before creating this member.'
+          : !dirty
+            ? 'No changes to save.'
+            : 'Save creates the workflow draft and Team member.'
       : !editableDocument
-        ? "Load the workflow draft before saving."
+        ? 'Load the workflow draft before saving.'
         : !dirty
-          ? "No changes to save."
-        : selectedStepConfigurationError
-          ? selectedStepConfigurationError
-        : canCreateDraftForUnlinkedMember
-          ? !workflowHasSteps
-            ? "Add at least one step before saving a workflow draft."
-            : activeRouteDraftWorkflowId
-              ? "Load the workflow draft before saving."
-              : "Save creates a reusable workflow draft for this editor."
-        : workflowDraftEditingBlocked
-          ? "Resolve the linked workflow draft before saving."
-        : !workflowQuery.data
-          ? "Load a workflow member before saving."
-          : memberPublished
-            ? "Save updates the workflow draft and published binding."
-            : "Save updates the workflow draft.";
+          ? 'No changes to save.'
+          : selectedStepConfigurationError
+            ? selectedStepConfigurationError
+            : canCreateDraftForUnlinkedMember
+              ? !workflowHasSteps
+                ? 'Add at least one step before saving a workflow draft.'
+                : activeRouteDraftWorkflowId
+                  ? 'Load the workflow draft before saving.'
+                  : 'Save creates a reusable workflow draft for this editor.'
+              : workflowDraftEditingBlocked
+                ? 'Resolve the linked workflow draft before saving.'
+                : !workflowQuery.data
+                  ? 'Load a workflow member before saving.'
+                  : memberPublished
+                    ? 'Save updates the workflow draft and published binding.'
+                    : 'Save updates the workflow draft.';
   React.useEffect(() => {
-    if (!dirty || typeof window === "undefined") {
+    if (!dirty || typeof window === 'undefined') {
       return;
     }
 
     const handleBeforeUnload = (event: BeforeUnloadEvent) => {
       event.preventDefault();
-      event.returnValue = "";
+      event.returnValue = '';
     };
-    window.addEventListener("beforeunload", handleBeforeUnload);
+    window.addEventListener('beforeunload', handleBeforeUnload);
 
     return () => {
-      window.removeEventListener("beforeunload", handleBeforeUnload);
+      window.removeEventListener('beforeunload', handleBeforeUnload);
     };
   }, [dirty]);
   React.useEffect(() => {
     const executionId = trimOptional(executionDetail?.executionId);
     if (
       !executionId ||
-      executionDetail?.auditSource === "invoke-session" ||
-      executionDetail?.auditSource === "draft-run-session" ||
-      resolveWorkflowExecutionStatus(executionDetail) !== "running"
+      executionDetail?.auditSource === 'invoke-session' ||
+      executionDetail?.auditSource === 'draft-run-session' ||
+      resolveWorkflowExecutionStatus(executionDetail) !== 'running'
     ) {
       return;
     }
@@ -2931,7 +3107,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         .then((detail) => {
           if (!cancelled) {
             setExecutionDetail(detail);
-            setExecutionError("");
+            setExecutionError('');
           }
         })
         .catch((error) => {
@@ -2939,7 +3115,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
             setExecutionError(
               error instanceof Error
                 ? error.message
-                : "Failed to refresh member run.",
+                : 'Failed to refresh member run.',
             );
           }
         });
@@ -2950,14 +3126,18 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       window.clearInterval(intervalId);
     };
   }, [executionDetail]);
-  const setWorkflowTitle = React.useCallback((title: string) => {
-    setWorkflowTitleState(title);
-    setEditableDocument((currentDocument) => ({
-      ...(currentDocument ?? buildBlankWorkflowDocument(title || "Untitled member")),
-      name: title,
-    }));
-    markDraftDirty();
-  }, [markDraftDirty]);
+  const setWorkflowTitle = React.useCallback(
+    (title: string) => {
+      setWorkflowTitleState(title);
+      setEditableDocument((currentDocument) => ({
+        ...(currentDocument ??
+          buildBlankWorkflowDocument(title || 'Untitled member')),
+        name: title,
+      }));
+      markDraftDirty();
+    },
+    [markDraftDirty],
+  );
   const insertNode = React.useCallback(
     (stepType: string) => {
       if (workflowDraftEditingBlocked) {
@@ -2970,9 +3150,11 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
 
       const currentDocument =
         editableDocument ??
-        buildBlankWorkflowDocument(trimOptional(workflowTitle) || "Untitled member");
-      const afterStepId = selectedNodeId.startsWith("step:")
-        ? selectedNodeId.slice("step:".length)
+        buildBlankWorkflowDocument(
+          trimOptional(workflowTitle) || 'Untitled member',
+        );
+      const afterStepId = selectedNodeId.startsWith('step:')
+        ? selectedNodeId.slice('step:'.length)
         : null;
       const result = insertStepByType(currentDocument, stepType, {
         afterStepId,
@@ -2995,7 +3177,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
 
       setEditableDocument(nextDocument);
       setEditableLayout(nextLayout);
-      setSelectedEdgeId("");
+      setSelectedEdgeId('');
       setSelectedNodeId(result.nodeId);
       setNodeLibraryOpen(false);
       markDraftDirty();
@@ -3023,20 +3205,28 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         return;
       }
 
+      const sourceStep = editableDocument.steps?.find(
+        (step) => trimOptional(step.id) === sourceStepId,
+      );
+      const branchLabel = suggestBranchLabelForStep(
+        trimOptional(sourceStep?.type),
+        sourceStep?.branches ?? {},
+      );
       const result = connectStepToTarget(
         editableDocument,
         sourceStepId,
         targetStepId,
+        branchLabel,
       );
       setEditableDocument(result.document);
-      setSelectedEdgeId("");
+      setSelectedEdgeId('');
       setSelectedNodeId(result.nodeId);
       markDraftDirty();
     },
     [editableDocument, markDraftDirty],
   );
   const moveNodes = React.useCallback(
-    (nodes: ReturnType<typeof buildStudioGraphElements>["nodes"]) => {
+    (nodes: ReturnType<typeof buildStudioGraphElements>['nodes']) => {
       const nextLayout = buildStudioWorkflowLayout(
         workflowTitle,
         nodes,
@@ -3059,31 +3249,34 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
 
     const result = removeStep(editableDocument, selectedStepId);
     setEditableDocument(result.document);
-    setSelectedEdgeId("");
+    setSelectedEdgeId('');
     setSelectedNodeId(result.nodeId);
     markDraftDirty();
   }, [editableDocument, markDraftDirty, selectedNodeId]);
-  const deleteSelectedConnection = React.useCallback(() => {
-    if (!editableDocument || !selectedEdgeId) {
-      return;
-    }
+  const deleteSelectedConnection = React.useCallback(
+    (edgeId: string = selectedEdgeId) => {
+      if (!editableDocument || !edgeId) {
+        return;
+      }
 
-    const connection = readConnectionFromGraphEdgeId(selectedEdgeId);
-    if (!connection) {
-      return;
-    }
+      const connection = readConnectionFromGraphEdgeId(edgeId);
+      if (!connection) {
+        return;
+      }
 
-    const result = removeStepConnection(
-      editableDocument,
-      connection.sourceStepId,
-      connection.targetStepId,
-      connection.branchLabel,
-    );
-    setEditableDocument(result.document);
-    setSelectedEdgeId("");
-    setSelectedNodeId("");
-    markDraftDirty();
-  }, [editableDocument, markDraftDirty, selectedEdgeId]);
+      const result = removeStepConnection(
+        editableDocument,
+        connection.sourceStepId,
+        connection.targetStepId,
+        connection.branchLabel,
+      );
+      setEditableDocument(result.document);
+      setSelectedEdgeId('');
+      setSelectedNodeId('');
+      markDraftDirty();
+    },
+    [editableDocument, markDraftDirty, selectedEdgeId],
+  );
   const updateSelectedStepConfiguration = React.useCallback(
     (parametersText: string) => {
       if (!editableDocument || !selectedStepDraft) {
@@ -3100,15 +3293,15 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           },
         );
         setEditableDocument(result.document);
-        setSelectedEdgeId("");
+        setSelectedEdgeId('');
         setSelectedNodeId(result.nodeId);
-        setSelectedStepConfigurationError("");
+        setSelectedStepConfigurationError('');
         markDraftDirty();
       } catch (error) {
         setSelectedStepConfigurationError(
           error instanceof Error
             ? error.message
-            : "Raw node configuration must be a JSON object.",
+            : 'Raw node configuration must be a JSON object.',
         );
       }
     },
@@ -3122,9 +3315,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       }
 
       setActiveExecutionLogIndex(
-        index >= 0 && index < (executionTrace?.logs.length ?? 0)
-          ? index
-          : null,
+        index >= 0 && index < (executionTrace?.logs.length ?? 0) ? index : null,
       );
     },
     [executionTrace?.logs.length],
@@ -3151,7 +3342,11 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           draftRevision: draftRevisionRef.current,
           layout:
             editableLayout ??
-            buildStudioWorkflowLayout(workflowTitle, graph.nodes, workflowQuery.data.layout),
+            buildStudioWorkflowLayout(
+              workflowTitle,
+              graph.nodes,
+              workflowQuery.data.layout,
+            ),
           title: workflowTitle,
           workflow: workflowQuery.data,
         });
@@ -3228,13 +3423,13 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     deleteSelectedNode,
     dirty,
     emptyDescription:
-      route.mode === "new"
-        ? "Build the draft locally first, then save it as a linked Team workflow member."
+      route.mode === 'new'
+        ? 'Build the draft locally first, then save it as a linked Team workflow member.'
         : canCreateDraftForUnlinkedMember
-          ? "No workflow draft is linked to this member yet. Build or edit YAML, then save to create a reusable draft."
+          ? 'No workflow draft is linked to this member yet. Build or edit YAML, then save to create a reusable draft.'
           : workflowDraftEditingBlocked
-            ? "Resolve the linked workflow draft before editing this workflow."
-          : "Start this workflow by adding the first step.",
+            ? 'Resolve the linked workflow draft before editing this workflow.'
+            : 'Start this workflow by adding the first step.',
     runCurrentDraft: () => {
       if (
         !route.scopeId ||
@@ -3250,16 +3445,15 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       const emptyFile = draftRunFiles.find((file) => file.size <= 0);
       if (emptyFile) {
         const errorMessage = t(
-          "teamMemberWorkflowStudio.draftRunPanel.removeEmptyFile",
-          "Remove empty file {name} before starting the draft run.",
+          'teamMemberWorkflowStudio.draftRunPanel.removeEmptyFile',
+          'Remove empty file {name} before starting the draft run.',
           {
             name:
               emptyFile.name ||
-              t("teamMemberWorkflowStudio.draftRunPanel.thisFile", "this file"),
+              t('teamMemberWorkflowStudio.draftRunPanel.thisFile', 'this file'),
           },
         );
         setExecutionError(errorMessage);
-        void message.error(errorMessage);
         return;
       }
 
@@ -3281,7 +3475,7 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     activeExecutionLogIndex,
     clearExecutionLogs: () => {
       setExecutionDetail(null);
-      setExecutionError("");
+      setExecutionError('');
       setExecutionWorkflowNodes([]);
       setActiveExecutionLogIndex(null);
     },
@@ -3331,16 +3525,16 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         return;
       }
 
-      setSelectedEdgeId("");
-      setSelectedNodeId("");
-      setSelectedStepConfigurationError("");
+      setSelectedEdgeId('');
+      setSelectedNodeId('');
+      setSelectedStepConfigurationError('');
       setDraftRunPanelOpen(true);
     },
     openYamlPanel: () => {
       void openYamlEditor();
     },
     save: () => {
-      if (route.mode === "new" && editableDocument) {
+      if (route.mode === 'new' && editableDocument) {
         createWorkflowMemberMutation.mutate({
           document: editableDocument,
           draftRevision: draftRevisionRef.current,
@@ -3376,7 +3570,11 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
           draftRevision: draftRevisionRef.current,
           layout:
             editableLayout ??
-            buildStudioWorkflowLayout(workflowTitle, graph.nodes, workflowQuery.data.layout),
+            buildStudioWorkflowLayout(
+              workflowTitle,
+              graph.nodes,
+              workflowQuery.data.layout,
+            ),
           title: workflowTitle,
           workflow: workflowQuery.data,
         });
@@ -3398,9 +3596,9 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         return;
       }
 
-      setSelectedEdgeId("");
-      setSelectedNodeId("");
-      setSelectedStepConfigurationError("");
+      setSelectedEdgeId('');
+      setSelectedNodeId('');
+      setSelectedStepConfigurationError('');
       setActiveExecutionLogIndex(null);
       closeDraftRunPanel();
     },
@@ -3410,8 +3608,8 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       }
 
       setSelectedEdgeId(edgeId);
-      setSelectedNodeId("");
-      setSelectedStepConfigurationError("");
+      setSelectedNodeId('');
+      setSelectedStepConfigurationError('');
       setActiveExecutionLogIndex(null);
       closeDraftRunPanel();
     },
@@ -3421,9 +3619,9 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
         return;
       }
 
-      setSelectedEdgeId("");
+      setSelectedEdgeId('');
       setSelectedNodeId(nodeId);
-      setSelectedStepConfigurationError("");
+      setSelectedStepConfigurationError('');
       const selectedStepId = readStepIdFromGraphNodeId(nodeId);
       setActiveExecutionLogIndex(
         selectedStepId
@@ -3444,11 +3642,11 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
       }
 
       setYamlEditBufferState(yaml);
-      setYamlEditError("");
+      setYamlEditError('');
       setYamlEditDiagnostics([]);
       setYamlEditPending(Boolean(yaml.trim()));
       setYamlEditParsedDocument(null);
-      setYamlEditValidatedBuffer("");
+      setYamlEditValidatedBuffer('');
     },
     yamlEditApplying,
     yamlEditBuffer,
@@ -3456,8 +3654,8 @@ export function useTeamMemberWorkflowStudio(): TeamMemberWorkflowStudioState {
     yamlEditError:
       yamlEditError ||
       (yamlEditHasConflict
-        ? "This YAML buffer is stale because the canvas or source draft changed."
-        : ""),
+        ? 'This YAML buffer is stale because the canvas or source draft changed.'
+        : ''),
     yamlEditHasBlockingFindings,
     yamlEditHasConflict,
     yamlEditHasUnappliedChanges,
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.test.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.test.tsx
index 52c79a786a..6f5491beff 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.test.tsx
@@ -1,29 +1,53 @@
-import { act, fireEvent, screen, waitFor, within } from "@testing-library/react";
-import { Modal } from "antd";
-import React from "react";
-import { parseBackendSSEStream } from "@/shared/agui/sseFrameNormalizer";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
-import { scopeRuntimeApi } from "@/shared/api/scopeRuntimeApi";
-import { history } from "@/shared/navigation/history";
-import { StudioApiError, studioApi } from "@/shared/studio/api";
+import {
+  act,
+  fireEvent,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import { Modal, message } from 'antd';
+import React from 'react';
+import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import { history } from '@/shared/navigation/history';
+import { StudioApiError, studioApi } from '@/shared/studio/api';
 import {
   cleanupTestQueryClients,
   createTestQueryClient,
   renderWithQueryClient,
-} from "../../../tests/reactQueryTestUtils";
-import TeamMemberWorkflowStudioPage from "./index";
+} from '../../../tests/reactQueryTestUtils';
+import TeamMemberWorkflowStudioPage from './index';
+
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
 
-jest.mock("antd", () => {
-  const actual = jest.requireActual("antd");
+jest.mock('antd', () => {
+  const actual = jest.requireActual('antd');
   return {
     ...actual,
     Modal: Object.assign(actual.Modal, {
       confirm: jest.fn(),
     }),
+    message: {
+      ...actual.message,
+      error: jest.fn(),
+      info: jest.fn(),
+      success: jest.fn(),
+      warning: jest.fn(),
+    },
   };
 });
 
-jest.mock("@/shared/graphs/GraphCanvas", () => ({
+jest.mock('@/shared/graphs/GraphCanvas', () => ({
   __esModule: true,
   default: (props: {
     nodes?: Array<{
@@ -34,6 +58,7 @@ jest.mock("@/shared/graphs/GraphCanvas", () => ({
     edges?: Array<{ id?: string }>;
     onCanvasSelect?: () => void;
     onConnectNodes?: (sourceNodeId: string, targetNodeId: string) => void;
+    onDeleteEdges?: (edgeIds: string[]) => Promise<void> | void;
     onEdgeSelect?: (edgeId: string) => void;
     onNodeLayoutChange?: (
       nodes: Array<{ id?: string; position?: { x: number; y: number } }>,
@@ -41,66 +66,79 @@ jest.mock("@/shared/graphs/GraphCanvas", () => ({
     onNodeSelect?: (nodeId: string) => void;
     overlayContent?: unknown;
   }) => {
-    const React = require("react");
+    const React = require('react');
     return React.createElement(
-      "div",
-      { "data-testid": "graph-canvas" },
+      'div',
+      { 'data-testid': 'graph-canvas' },
       React.createElement(
-        "span",
-        { key: "count" },
+        'span',
+        { key: 'count' },
         `nodes:${props.nodes?.length ?? 0}`,
       ),
       props.nodes?.map((node) =>
         React.createElement(
-          "button",
+          'button',
           {
             key: node.id,
-            "data-execution-focused": node.data?.executionFocused ? "true" : "false",
-            "data-execution-status": node.data?.executionStatus ?? "idle",
-            onClick: () => props.onNodeSelect?.(String(node.id ?? "")),
-            type: "button",
+            'data-execution-focused': node.data?.executionFocused
+              ? 'true'
+              : 'false',
+            'data-execution-status': node.data?.executionStatus ?? 'idle',
+            onClick: () => props.onNodeSelect?.(String(node.id ?? '')),
+            type: 'button',
           },
           `node:${node.id}`,
         ),
       ),
       props.edges?.map((edge) =>
         React.createElement(
-          "button",
-          {
-            key: edge.id,
-            onClick: () => props.onEdgeSelect?.(String(edge.id ?? "")),
-            type: "button",
-          },
-          `edge:${edge.id}`,
+          React.Fragment,
+          { key: edge.id },
+          React.createElement(
+            'button',
+            {
+              onClick: () => props.onEdgeSelect?.(String(edge.id ?? '')),
+              type: 'button',
+            },
+            `edge:${edge.id}`,
+          ),
+          React.createElement(
+            'button',
+            {
+              onClick: () => props.onDeleteEdges?.([String(edge.id ?? '')]),
+              type: 'button',
+            },
+            `delete edge:${edge.id}`,
+          ),
         ),
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "canvas",
+          key: 'canvas',
           onClick: () => props.onCanvasSelect?.(),
-          type: "button",
+          type: 'button',
         },
-        "canvas",
+        'canvas',
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "connect",
+          key: 'connect',
           onClick: () => {
             const [source, target] = props.nodes ?? [];
             if (source?.id && target?.id) {
               props.onConnectNodes?.(source.id, target.id);
             }
           },
-          type: "button",
+          type: 'button',
         },
-        "connect first two nodes",
+        'connect first two nodes',
       ),
       React.createElement(
-        "button",
+        'button',
         {
-          key: "move",
+          key: 'move',
           onClick: () => {
             props.onNodeLayoutChange?.(
               (props.nodes ?? []).map((node, index) => ({
@@ -108,27 +146,27 @@ jest.mock("@/shared/graphs/GraphCanvas", () => ({
                 position:
                   index === 0
                     ? { x: 900, y: 320 }
-                    : node.position ?? { x: 0, y: 0 },
+                    : (node.position ?? { x: 0, y: 0 }),
               })),
             );
           },
-          type: "button",
+          type: 'button',
         },
-        "move first node",
+        'move first node',
       ),
       props.overlayContent,
     );
   },
 }));
 
-jest.mock("@/shared/studio/api", () => {
+jest.mock('@/shared/studio/api', () => {
   class MockStudioApiError extends Error {
     readonly code?: string;
     readonly status: number;
 
     constructor(message: string, status: number, code?: string) {
       super(message);
-      this.name = "StudioApiError";
+      this.name = 'StudioApiError';
       this.code = code;
       this.status = status;
     }
@@ -144,6 +182,7 @@ jest.mock("@/shared/studio/api", () => {
       getTeam: jest.fn(),
       getExecution: jest.fn(),
       getMemberBindingRun: jest.fn(),
+      getWorkflowDraftFile: jest.fn(),
       getWorkspaceSettings: jest.fn(),
       getWorkflow: jest.fn(),
       listWorkflows: jest.fn(),
@@ -165,49 +204,49 @@ jest.mock("@/shared/studio/api", () => {
   };
 });
 
-jest.mock("@/shared/api/runtimeRunsApi", () => ({
+jest.mock('@/shared/api/runtimeRunsApi', () => ({
   runtimeRunsApi: {
     streamChat: jest.fn(),
     streamDraftRun: jest.fn(),
   },
 }));
 
-jest.mock("@/shared/api/scopeRuntimeApi", () => ({
+jest.mock('@/shared/api/scopeRuntimeApi', () => ({
   scopeRuntimeApi: {
     listServices: jest.fn(),
   },
 }));
 
-jest.mock("@/shared/agui/sseFrameNormalizer", () => ({
+jest.mock('@/shared/agui/sseFrameNormalizer', () => ({
   parseBackendSSEStream: jest.fn(),
 }));
 
 function findRenderedStyleText(fragment: string): string {
   return (
-    Array.from(document.querySelectorAll("style"))
-      .map((styleElement) => styleElement.textContent ?? "")
-      .find((styleText) => styleText.includes(fragment)) ?? ""
+    Array.from(document.querySelectorAll('style'))
+      .map((styleElement) => styleElement.textContent ?? '')
+      .find((styleText) => styleText.includes(fragment)) ?? ''
   );
 }
 
 const mockWorkflowDocument = {
-  name: "Support workflow",
+  name: 'Support workflow',
   roles: [
     {
-      id: "assistant",
-      name: "Assistant",
-      systemPrompt: "Help.",
-      provider: "openai",
-      model: "gpt-test",
+      id: 'assistant',
+      name: 'Assistant',
+      systemPrompt: 'Help.',
+      provider: 'openai',
+      model: 'gpt-test',
       connectors: [],
     },
   ],
   steps: [
     {
-      id: "triage",
-      type: "llm_call",
-      targetRole: "assistant",
-      parameters: { prompt_prefix: "Triage the request" },
+      id: 'triage',
+      type: 'llm_call',
+      targetRole: 'assistant',
+      parameters: { prompt_prefix: 'Triage the request' },
       next: null,
       branches: {},
     },
@@ -218,18 +257,18 @@ const mockBranchingWorkflowDocument = {
   ...mockWorkflowDocument,
   steps: [
     {
-      id: "triage",
-      type: "llm_call",
-      targetRole: "assistant",
-      parameters: { prompt_prefix: "Triage the request" },
-      next: "guard",
-      branches: { urgent: "guard" },
+      id: 'triage',
+      type: 'llm_call',
+      targetRole: 'assistant',
+      parameters: { prompt_prefix: 'Triage the request' },
+      next: 'guard',
+      branches: { urgent: 'guard' },
     },
     {
-      id: "guard",
-      type: "guard",
-      targetRole: "",
-      parameters: { check: "not_empty", on_fail: "fail" },
+      id: 'guard',
+      type: 'guard',
+      targetRole: '',
+      parameters: { check: 'not_empty', on_fail: 'fail' },
       next: null,
       branches: {},
     },
@@ -276,137 +315,137 @@ function createControlledWorkflowInvokeStream() {
   };
 }
 
-async function* createWorkflowInvokeEvents(input: string = "Run the workflow") {
+async function* createWorkflowInvokeEvents(input: string = 'Run the workflow') {
   yield {
-    actorId: "actor-1",
-    commandId: "command-1",
-    correlationId: "correlation-1",
-    runId: "run-1",
-    threadId: "actor-1",
-    timestamp: Date.parse("2026-06-08T00:00:00Z"),
-    type: "RUN_STARTED",
+    actorId: 'actor-1',
+    commandId: 'command-1',
+    correlationId: 'correlation-1',
+    runId: 'run-1',
+    threadId: 'actor-1',
+    timestamp: Date.parse('2026-06-08T00:00:00Z'),
+    type: 'RUN_STARTED',
   };
   yield {
-    name: "aevatar.run.context",
+    name: 'aevatar.run.context',
     payload: {
-      actorId: "actor-1",
-      workflowName: "Workflow Alpha",
+      actorId: 'actor-1',
+      workflowName: 'Workflow Alpha',
     },
-    timestamp: Date.parse("2026-06-08T00:00:00Z"),
-    type: "CUSTOM",
+    timestamp: Date.parse('2026-06-08T00:00:00Z'),
+    type: 'CUSTOM',
   };
   yield {
-    name: "aevatar.step.request",
+    name: 'aevatar.step.request',
     payload: {
       input,
-      stepId: "triage",
-      stepType: "llm_call",
-      targetRole: "assistant",
+      stepId: 'triage',
+      stepType: 'llm_call',
+      targetRole: 'assistant',
     },
-    timestamp: Date.parse("2026-06-08T00:00:01Z"),
-    type: "CUSTOM",
+    timestamp: Date.parse('2026-06-08T00:00:01Z'),
+    type: 'CUSTOM',
   };
   yield {
-    name: "aevatar.step.completed",
+    name: 'aevatar.step.completed',
     payload: {
-      output: "Workflow complete",
-      stepId: "triage",
+      output: 'Workflow complete',
+      stepId: 'triage',
       success: true,
     },
-    timestamp: Date.parse("2026-06-08T00:00:02Z"),
-    type: "CUSTOM",
+    timestamp: Date.parse('2026-06-08T00:00:02Z'),
+    type: 'CUSTOM',
   };
   yield {
-    name: "aevatar.human_input.request",
+    name: 'aevatar.human_input.request',
     payload: {
-      prompt: "Need approval before deployment",
-      runId: "run-1",
-      stepId: "approve",
-      suspensionType: "human_approval",
+      prompt: 'Need approval before deployment',
+      runId: 'run-1',
+      stepId: 'approve',
+      suspensionType: 'human_approval',
     },
-    timestamp: Date.parse("2026-06-08T00:00:03Z"),
-    type: "CUSTOM",
+    timestamp: Date.parse('2026-06-08T00:00:03Z'),
+    type: 'CUSTOM',
   };
   yield {
-    name: "aevatar.usage",
+    name: 'aevatar.usage',
     payload: {
       completionTokens: 24,
-      model: "gpt-test",
+      model: 'gpt-test',
       promptTokens: 18,
       totalTokens: 42,
     },
-    timestamp: Date.parse("2026-06-08T00:00:03Z"),
-    type: "CUSTOM",
+    timestamp: Date.parse('2026-06-08T00:00:03Z'),
+    type: 'CUSTOM',
   };
   yield {
     result: {
-      output: "Workflow complete",
+      output: 'Workflow complete',
     },
-    runId: "run-1",
-    timestamp: Date.parse("2026-06-08T00:00:04Z"),
-    type: "RUN_FINISHED",
+    runId: 'run-1',
+    timestamp: Date.parse('2026-06-08T00:00:04Z'),
+    type: 'RUN_FINISHED',
   };
   yield {
     snapshot: {
-      currentStepId: "triage",
+      currentStepId: 'triage',
       stateVersion: 7,
-      status: "completed",
+      status: 'completed',
       values: {
-        answer: "Workflow complete",
+        answer: 'Workflow complete',
       },
     },
-    timestamp: Date.parse("2026-06-08T00:00:05Z"),
-    type: "STATE_SNAPSHOT",
+    timestamp: Date.parse('2026-06-08T00:00:05Z'),
+    type: 'STATE_SNAPSHOT',
   };
   yield {
-    name: "aevatar.observed.raw",
+    name: 'aevatar.observed.raw',
     payload: {
-      evidenceId: "raw-observation-1",
-      source: "runtime-observer",
+      evidenceId: 'raw-observation-1',
+      source: 'runtime-observer',
     },
-    timestamp: Date.parse("2026-06-08T00:00:06Z"),
-    type: "CUSTOM",
+    timestamp: Date.parse('2026-06-08T00:00:06Z'),
+    type: 'CUSTOM',
   };
 }
 
 async function* createFailedWorkflowInvokeEvents() {
   yield {
-    actorId: "actor-1",
-    runId: "run-failed",
-    threadId: "actor-1",
-    timestamp: Date.parse("2026-06-08T00:00:00Z"),
-    type: "RUN_STARTED",
+    actorId: 'actor-1',
+    runId: 'run-failed',
+    threadId: 'actor-1',
+    timestamp: Date.parse('2026-06-08T00:00:00Z'),
+    type: 'RUN_STARTED',
   };
   yield {
-    message: "Authenticated member does not match requested member.",
-    runId: "run-failed",
-    timestamp: Date.parse("2026-06-08T00:00:01Z"),
-    type: "RUN_ERROR",
+    message: 'Authenticated member does not match requested member.',
+    runId: 'run-failed',
+    timestamp: Date.parse('2026-06-08T00:00:01Z'),
+    type: 'RUN_ERROR',
   };
 }
 
 function mockTeam() {
   (studioApi.getTeam as jest.Mock).mockResolvedValue({
-    createdAt: "2026-06-08T00:00:00Z",
-    description: "",
-    displayName: "Support Team",
+    createdAt: '2026-06-08T00:00:00Z',
+    description: '',
+    displayName: 'Support Team',
     entryMemberId: null,
-    lifecycleStage: "active",
+    lifecycleStage: 'active',
     memberCount: 1,
-    scopeId: "scope-1",
-    teamId: "t-alpha",
-    updatedAt: "2026-06-08T00:00:00Z",
+    scopeId: 'scope-1',
+    teamId: 't-alpha',
+    updatedAt: '2026-06-08T00:00:00Z',
   });
   (studioApi.getWorkspaceSettings as jest.Mock).mockResolvedValue({
     directories: [
       {
-        directoryId: "scope:scope-1",
+        directoryId: 'scope:scope-1',
         isBuiltIn: true,
-        label: "scope-1",
-        path: "scope://scope-1",
+        label: 'scope-1',
+        path: 'scope://scope-1',
       },
     ],
-    runtimeBaseUrl: "https://runtime.example.test",
+    runtimeBaseUrl: 'https://runtime.example.test',
   });
   (studioApi.listExecutions as jest.Mock).mockResolvedValue([]);
 }
@@ -417,8 +456,11 @@ function mockSerializeYaml() {
       document,
       findings: [],
       yaml: `name: ${document.name}\nsteps:\n${(document.steps ?? [])
-        .map((step: { id?: string; type?: string }) => `  - id: ${step.id}\n    type: ${step.type}`)
-        .join("\n")}`,
+        .map(
+          (step: { id?: string; type?: string }) =>
+            `  - id: ${step.id}\n    type: ${step.type}`,
+        )
+        .join('\n')}`,
     }),
   );
 }
@@ -426,14 +468,14 @@ function mockSerializeYaml() {
 function mockParseYaml() {
   (studioApi.parseYaml as jest.Mock).mockImplementation(
     async ({ yaml }: { yaml: string }) => {
-      const name = /(?:^|\n)name:\s*([^\n]+)/.exec(yaml)?.[1]?.trim() ||
-        "Workflow Alpha";
+      const name =
+        /(?:^|\n)name:\s*([^\n]+)/.exec(yaml)?.[1]?.trim() || 'Workflow Alpha';
       const steps = Array.from(
         yaml.matchAll(/-\s+id:\s*([^\n]+)\n\s+type:\s*([^\n]+)/g),
       ).map((match) => ({
         id: match[1].trim(),
         type: match[2].trim(),
-        targetRole: "assistant",
+        targetRole: 'assistant',
         parameters: {},
         next: null,
         branches: {},
@@ -457,34 +499,34 @@ async function flushAsyncWork() {
   }
 }
 
-function clickYamlAction(name: "Edit YAML" = "Edit YAML") {
-  fireEvent.click(screen.getByRole("button", { name }));
+function clickYamlAction(name: 'Edit YAML' = 'Edit YAML') {
+  fireEvent.click(screen.getByRole('button', { name }));
 }
 
 function openMoreActionsMenu() {
-  fireEvent.click(screen.getByRole("button", { name: "More workflow actions" }));
+  fireEvent.click(
+    screen.getByRole('button', { name: 'More workflow actions' }),
+  );
 }
 
 function closeOpenMenu() {
-  fireEvent.keyDown(document, { key: "Escape" });
+  fireEvent.keyDown(document, { key: 'Escape' });
   fireEvent.click(document.body);
 }
 
 function clickMoreAction(
-  name:
-    | "Delete selected connection"
-    | "Delete selected node",
+  name: 'Delete selected connection' | 'Delete selected node',
 ) {
   openMoreActionsMenu();
-  fireEvent.click(screen.getByRole("menuitem", { name }));
+  fireEvent.click(screen.getByRole('menuitem', { name }));
 }
 
 function clickPublishAction() {
-  fireEvent.click(screen.getByRole("button", { name: "Publish" }));
+  fireEvent.click(screen.getByRole('button', { name: 'Publish' }));
 }
 
 function createPointerDragEvent(
-  type: "pointerdown" | "pointermove" | "pointerup",
+  type: 'pointerdown' | 'pointermove' | 'pointerup',
   clientX: number,
 ): Event {
   const event = new MouseEvent(type, {
@@ -492,29 +534,29 @@ function createPointerDragEvent(
     cancelable: true,
     clientX,
   });
-  Object.defineProperty(event, "pointerId", { value: 7 });
+  Object.defineProperty(event, 'pointerId', { value: 7 });
   return event;
 }
 
 function mockNewWorkflowMemberCreateFixtures() {
   const createdWorkflow = {
-    directoryId: "scope:scope-1",
-    directoryLabel: "scope-1",
+    directoryId: 'scope:scope-1',
+    directoryLabel: 'scope-1',
     draftExists: true,
-    fileName: "wf-untitled-member.yaml",
-    filePath: "scope://scope-1/wf-untitled-member.yaml",
+    fileName: 'wf-untitled-member.yaml',
+    filePath: 'scope://scope-1/wf-untitled-member.yaml',
     findings: [],
     layout: null,
-    name: "Untitled member",
-    workflowId: "wf-untitled-member",
-    yaml: "name: Untitled member\nsteps: []\n",
+    name: 'Untitled member',
+    workflowId: 'wf-untitled-member',
+    yaml: 'name: Untitled member\nsteps: []\n',
     document: {
-      name: "Untitled member",
+      name: 'Untitled member',
       roles: [],
       steps: [
         {
-          id: "llm_call",
-          type: "llm_call",
+          id: 'llm_call',
+          type: 'llm_call',
           targetRole: null,
           parameters: {},
           next: null,
@@ -522,31 +564,32 @@ function mockNewWorkflowMemberCreateFixtures() {
         },
       ],
     },
-    updatedAtUtc: "2026-06-08T00:00:01Z",
+    updatedAtUtc: '2026-06-08T00:00:01Z',
   };
   const createdMemberSummary = {
-    createdAt: "2026-06-08T00:00:00Z",
-    description: "",
-    displayName: "Untitled member",
-    implementationKind: "workflow",
+    createdAt: '2026-06-08T00:00:00Z',
+    description: '',
+    displayName: 'Untitled member',
+    implementationKind: 'workflow',
     lastBoundRevisionId: null,
-    lifecycleStage: "created",
-    memberId: "m-untitled-member",
-    publishedServiceId: "member-m-untitled-member",
-    scopeId: "scope-1",
-    teamId: "t-alpha",
-    updatedAt: "2026-06-08T00:00:01Z",
+    lifecycleStage: 'created',
+    memberId: 'm-untitled-member',
+    publishedServiceId: 'member-m-untitled-member',
+    scopeId: 'scope-1',
+    teamId: 't-alpha',
+    updatedAt: '2026-06-08T00:00:01Z',
   };
   const createdMemberDetail = {
     implementationRef: {
-      implementationKind: "workflow",
-      workflowId: "wf-untitled-member",
+      implementationKind: 'workflow',
+      workflowId: 'wf-untitled-member',
     },
     summary: createdMemberSummary,
   };
 
   (studioApi.saveWorkflow as jest.Mock).mockResolvedValue(createdWorkflow);
   (studioApi.createMember as jest.Mock).mockResolvedValue(createdMemberSummary);
+  (studioApi.getMember as jest.Mock).mockResolvedValue(createdMemberDetail);
   (studioApi.getWorkflow as jest.Mock).mockResolvedValue(createdWorkflow);
 
   return {
@@ -556,10 +599,10 @@ function mockNewWorkflowMemberCreateFixtures() {
   };
 }
 
-describe("TeamMemberWorkflowStudioPage", () => {
+describe('TeamMemberWorkflowStudioPage', () => {
   beforeEach(() => {
     jest.resetAllMocks();
-    window.history.replaceState({}, "", "/");
+    window.history.replaceState({}, '', '/');
     mockTeam();
     mockSerializeYaml();
     mockParseYaml();
@@ -574,10 +617,10 @@ describe("TeamMemberWorkflowStudioPage", () => {
     (studioApi.listWorkflows as jest.Mock).mockResolvedValue([]);
     (scopeRuntimeApi.listServices as jest.Mock).mockResolvedValue([]);
     (studioApi.updateMemberDisplayName as jest.Mock).mockResolvedValue({
-      ackedAt: "2026-06-08T00:00:01Z",
-      memberId: "member-alpha",
-      scopeId: "scope-1",
-      status: "accepted",
+      ackedAt: '2026-06-08T00:00:01Z',
+      memberId: 'member-alpha',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     (studioApi.getPublishedWorkflow as jest.Mock).mockImplementation(
       (...args: unknown[]) => (studioApi.getWorkflow as jest.Mock)(...args),
@@ -588,55 +631,59 @@ describe("TeamMemberWorkflowStudioPage", () => {
     cleanupTestQueryClients();
   });
 
-  it("renders a blank new workflow member editor before backend creation", async () => {
+  it('renders a blank new workflow member editor before backend creation', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Untitled member")).toBeTruthy();
-    expect(screen.getByText("Add first step")).toBeTruthy();
-    expect(screen.getByText("nodes:0")).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Invoke" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: "Invoke" })).toHaveAttribute(
-      "title",
-      "Save this member before invoking it.",
-    );
-    expect(screen.queryByRole("link", { name: "Invoke" })).toBeNull();
-    expect(screen.getByRole("button", { name: "Recurring work" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: "Recurring work" })).toHaveAttribute(
-      "title",
-      "Save this member before adding recurring work.",
-    );
-    expect(screen.queryByRole("link", { name: "Recurring work" })).toBeNull();
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
+    expect(await screen.findByDisplayValue('Untitled member')).toBeTruthy();
+    expect(screen.getByText('Add first step')).toBeTruthy();
+    expect(screen.getByText('nodes:0')).toBeTruthy();
+    expect(screen.getByRole('button', { name: 'Invoke' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Invoke' })).toHaveAttribute(
+      'title',
+      'Save this member before invoking it.',
+    );
+    expect(screen.queryByRole('link', { name: 'Invoke' })).toBeNull();
+    expect(
+      screen.getByRole('button', { name: 'Recurring work' }),
+    ).toBeDisabled();
+    expect(
+      screen.getByRole('button', { name: 'Recurring work' }),
+    ).toHaveAttribute(
+      'title',
+      'Save this member before adding recurring work.',
+    );
+    expect(screen.queryByRole('link', { name: 'Recurring work' })).toBeNull();
+    expect(screen.getByRole('button', { name: 'Save' })).toBeDisabled();
     expect(studioApi.getMember).not.toHaveBeenCalled();
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.startExecution).not.toHaveBeenCalled();
   });
 
-  it("keeps save disabled for a new workflow member until a step exists", async () => {
+  it('keeps save disabled for a new workflow member until a step exists', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.change(await screen.findByLabelText("Workflow title"), {
-      target: { value: "Untitled member2" },
+    fireEvent.change(await screen.findByLabelText('Workflow title'), {
+      target: { value: 'Untitled member2' },
     });
 
-    expect(screen.getByText("Unsaved changes")).toBeTruthy();
-    const saveButton = screen.getByRole("button", { name: "Save" });
+    expect(screen.getByText('Unsaved changes')).toBeTruthy();
+    const saveButton = screen.getByRole('button', { name: 'Save' });
     expect(saveButton).toBeDisabled();
     expect(saveButton).toHaveAttribute(
-      "title",
-      "Add at least one step before creating this member.",
+      'title',
+      'Add at least one step before creating this member.',
     );
 
     fireEvent.click(saveButton);
@@ -648,61 +695,65 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
   });
 
-  it("runs the current unsaved new workflow draft without creating a member first", async () => {
+  it('runs the current unsaved new workflow draft without creating a member first', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
     );
-    (parseBackendSSEStream as jest.Mock).mockReturnValue(createWorkflowInvokeEvents());
+    (parseBackendSSEStream as jest.Mock).mockReturnValue(
+      createWorkflowInvokeEvents(),
+    );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const runDraftButton = await screen.findByRole("button", { name: "Run" });
+    const runDraftButton = await screen.findByRole('button', { name: 'Run' });
     expect(runDraftButton).toBeEnabled();
     fireEvent.click(runDraftButton);
-    const draftRunPanel = await screen.findByLabelText("Draft run panel");
+    const draftRunPanel = await screen.findByLabelText('Draft run panel');
     expect(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     ).toBeDisabled();
     expect(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     ).toHaveAttribute(
-      "title",
-      "Add at least one step before running this workflow draft.",
+      'title',
+      'Add at least one step before running this workflow draft.',
     );
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
     );
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(screen.getByText("Unsaved changes")).toBeTruthy();
+    expect(screen.getByText('Unsaved changes')).toBeTruthy();
 
-    fireEvent.change(within(draftRunPanel).getByRole("textbox"), {
-      target: { value: "Run the unsaved workflow" },
+    fireEvent.change(within(draftRunPanel).getByRole('textbox'), {
+      target: { value: 'Run the unsaved workflow' },
     });
     await waitFor(() => {
       expect(
-        within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+        within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
       ).toBeEnabled();
     });
     fireEvent.click(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     );
 
     await waitFor(() => {
       expect(runtimeRunsApi.streamDraftRun).toHaveBeenCalled();
     });
     expect(runtimeRunsApi.streamDraftRun).toHaveBeenCalledWith(
-      "scope-1",
+      'scope-1',
       expect.objectContaining({
-        prompt: "Run the unsaved workflow",
+        prompt: 'Run the unsaved workflow',
         workflowYamls: [expect.any(String)],
       }),
       expect.any(AbortSignal),
@@ -710,9 +761,9 @@ describe("TeamMemberWorkflowStudioPage", () => {
     const draftRunPayload = (runtimeRunsApi.streamDraftRun as jest.Mock).mock
       .calls[0][1];
     const draftRunYaml = draftRunPayload.workflowYamls[0];
-    expect(draftRunYaml).toContain("name: Untitled member");
-    expect(draftRunYaml).toContain("id: llm_step");
-    expect(draftRunYaml).toContain("type: llm_call");
+    expect(draftRunYaml).toContain('name: Untitled member');
+    expect(draftRunYaml).toContain('id: llm_step');
+    expect(draftRunYaml).toContain('type: llm_call');
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.createMember).not.toHaveBeenCalled();
     expect(studioApi.updateMemberImplementationRef).not.toHaveBeenCalled();
@@ -720,46 +771,55 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(runtimeRunsApi.streamChat).not.toHaveBeenCalled();
   });
 
-  it("sends draft run files through the scope draft endpoint", async () => {
+  it('sends draft run files through the scope draft endpoint', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
     );
-    (parseBackendSSEStream as jest.Mock).mockReturnValue(createWorkflowInvokeEvents());
+    (parseBackendSSEStream as jest.Mock).mockReturnValue(
+      createWorkflowInvokeEvents(),
+    );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "Run" }));
-    const draftRunPanel = await screen.findByLabelText("Draft run panel");
-    expect(within(draftRunPanel).getByTestId("draft-run-file-drop-zone")).toBeTruthy();
-    expect(within(draftRunPanel).getByText("No files attached")).toBeTruthy();
-    const image = new File(["image-bytes"], "draft.png", { type: "image/png" });
-    fireEvent.change(within(draftRunPanel).getByTestId("draft-run-file-input"), {
-      target: { files: [image] },
-    });
-    expect(await within(draftRunPanel).findByText("draft.png")).toBeTruthy();
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    const draftRunPanel = await screen.findByLabelText('Draft run panel');
+    expect(
+      within(draftRunPanel).getByTestId('workflow-run-file-drop-zone'),
+    ).toBeTruthy();
+    expect(within(draftRunPanel).getByText('No files attached')).toBeTruthy();
+    const image = new File(['image-bytes'], 'draft.png', { type: 'image/png' });
+    fireEvent.change(
+      within(draftRunPanel).getByTestId('workflow-run-file-input'),
+      {
+        target: { files: [image] },
+      },
+    );
+    expect(await within(draftRunPanel).findByText('draft.png')).toBeTruthy();
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
     );
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
     fireEvent.click(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     );
 
     await waitFor(() => {
       expect(runtimeRunsApi.streamDraftRun).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
           files: [image],
-          prompt: "",
+          prompt: '',
           workflowYamls: [expect.any(String)],
         }),
         expect.any(AbortSignal),
@@ -767,67 +827,71 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("blocks draft runs while the selected new workflow node configuration is invalid", async () => {
+  it('blocks draft runs while the selected new workflow node configuration is invalid', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
     );
-    (parseBackendSSEStream as jest.Mock).mockReturnValue(createWorkflowInvokeEvents());
+    (parseBackendSSEStream as jest.Mock).mockReturnValue(
+      createWorkflowInvokeEvents(),
+    );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
     );
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.change(screen.getByLabelText("Instruction"), {
-      target: { value: "" },
+    fireEvent.change(screen.getByLabelText('Instruction'), {
+      target: { value: '' },
     });
 
-    expect(await screen.findByText("Instruction is required.")).toBeTruthy();
-    const runDraftButton = screen.getByRole("button", { name: "Run" });
+    expect(await screen.findByText('Instruction is required.')).toBeTruthy();
+    const runDraftButton = screen.getByRole('button', { name: 'Run' });
     expect(runDraftButton).toBeDisabled();
-    expect(runDraftButton).toHaveAttribute("title", "Instruction is required.");
+    expect(runDraftButton).toHaveAttribute('title', 'Instruction is required.');
     fireEvent.click(runDraftButton);
 
     await flushAsyncWork();
-    expect(screen.queryByLabelText("Draft run panel")).toBeNull();
-    expect(screen.getByText("Instruction is required.")).toBeTruthy();
+    expect(screen.queryByLabelText('Draft run panel')).toBeNull();
+    expect(screen.getByText('Instruction is required.')).toBeTruthy();
     expect(runtimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
     expect(studioApi.serializeYaml).not.toHaveBeenCalled();
   });
 
-  it("opens the node library, inserts a first step, and saves a new linked workflow member", async () => {
+  it('opens the node library, inserts a first step, and saves a new linked workflow member', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-untitled-member.yaml",
-      filePath: "scope://scope-1/wf-untitled-member.yaml",
+      fileName: 'wf-untitled-member.yaml',
+      filePath: 'scope://scope-1/wf-untitled-member.yaml',
       findings: [],
       layout: null,
-      name: "Untitled member",
-      workflowId: "wf-untitled-member",
-      yaml: "name: Untitled member\nsteps: []\n",
+      name: 'Untitled member',
+      workflowId: 'wf-untitled-member',
+      yaml: 'name: Untitled member\nsteps: []\n',
       document: {
-        name: "Untitled member",
+        name: 'Untitled member',
         roles: [],
         steps: [
           {
-            id: "llm_call",
-            type: "llm_call",
+            id: 'llm_call',
+            type: 'llm_call',
             targetRole: null,
             parameters: {},
             next: null,
@@ -835,64 +899,64 @@ describe("TeamMemberWorkflowStudioPage", () => {
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:01Z",
+      updatedAtUtc: '2026-06-08T00:00:01Z',
     });
     (studioApi.createMember as jest.Mock).mockResolvedValue({
-      createdAt: "2026-06-08T00:00:00Z",
-      description: "",
-      displayName: "Untitled member",
-      implementationKind: "workflow",
+      createdAt: '2026-06-08T00:00:00Z',
+      description: '',
+      displayName: 'Untitled member',
+      implementationKind: 'workflow',
       lastBoundRevisionId: null,
-      lifecycleStage: "created",
-      memberId: "m-untitled-member",
-      publishedServiceId: "member-m-untitled-member",
-      scopeId: "scope-1",
-      teamId: "t-alpha",
-      updatedAt: "2026-06-08T00:00:01Z",
+      lifecycleStage: 'created',
+      memberId: 'm-untitled-member',
+      publishedServiceId: 'member-m-untitled-member',
+      scopeId: 'scope-1',
+      teamId: 't-alpha',
+      updatedAt: '2026-06-08T00:00:01Z',
     });
     (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-new",
-      memberId: "m-untitled-member",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-new',
+      memberId: 'm-untitled-member',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-untitled-member",
+        implementationKind: 'workflow',
+        workflowId: 'wf-untitled-member',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "m-untitled-member",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:01Z",
+        lifecycleStage: 'created',
+        memberId: 'm-untitled-member',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-untitled-member.yaml",
-      filePath: "scope://scope-1/wf-untitled-member.yaml",
+      fileName: 'wf-untitled-member.yaml',
+      filePath: 'scope://scope-1/wf-untitled-member.yaml',
       findings: [],
       layout: null,
-      name: "Untitled member",
-      workflowId: "wf-untitled-member",
-      yaml: "name: Untitled member\nsteps: []\n",
+      name: 'Untitled member',
+      workflowId: 'wf-untitled-member',
+      yaml: 'name: Untitled member\nsteps: []\n',
       document: {
-        name: "Untitled member",
+        name: 'Untitled member',
         roles: [],
         steps: [
           {
-            id: "llm_call",
-            type: "llm_call",
+            id: 'llm_call',
+            type: 'llm_call',
             targetRole: null,
             parameters: {},
             next: null,
@@ -900,123 +964,231 @@ describe("TeamMemberWorkflowStudioPage", () => {
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:01Z",
+      updatedAtUtc: '2026-06-08T00:00:01Z',
     });
 
     const queryClient = createTestQueryClient();
-    const invalidateQueriesSpy = jest.spyOn(queryClient, "invalidateQueries");
+    const invalidateQueriesSpy = jest.spyOn(queryClient, 'invalidateQueries');
 
     renderWithQueryClient(
       React.createElement(TeamMemberWorkflowStudioPage),
       queryClient,
     );
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
-    expect(await screen.findByText("Node library")).toBeTruthy();
-    fireEvent.change(screen.getByLabelText("Search nodes"), {
-      target: { value: "llm" },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    expect(await screen.findByText('Node library')).toBeTruthy();
+    fireEvent.change(screen.getByLabelText('Search nodes'), {
+      target: { value: 'llm' },
     });
-    expect(await screen.findByText("LLM call")).toBeTruthy();
-    expect(screen.queryByText("llm_call")).toBeNull();
+    expect(await screen.findByText('LLM call')).toBeTruthy();
+    expect(screen.queryByText('llm_call')).toBeNull();
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
     );
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(screen.getByRole("button", { name: "node:step:llm_step" })).toBeTruthy();
-    expect(screen.getByText("Unsaved changes")).toBeTruthy();
-    const saveButton = screen.getByRole("button", { name: "Save" });
+    expect(
+      screen.getByRole('button', { name: 'node:step:llm_step' }),
+    ).toBeTruthy();
+    expect(screen.getByText('Unsaved changes')).toBeTruthy();
+    const saveButton = screen.getByRole('button', { name: 'Save' });
     expect(saveButton).toBeEnabled();
     fireEvent.click(saveButton);
 
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          directoryId: "scope:scope-1",
-          scopeId: "scope-1",
-          workflowName: "Untitled member",
-          workflowId: "",
+          directoryId: 'scope:scope-1',
+          scopeId: 'scope-1',
+          workflowName: 'Untitled member',
+          workflowId: '',
         }),
       );
       expect(studioApi.createMember).toHaveBeenCalledWith({
-        displayName: "Untitled member",
-        implementationKind: "workflow",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
+        displayName: 'Untitled member',
+        implementationKind: 'workflow',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
       });
       expect(studioApi.createMemberWithId).not.toHaveBeenCalled();
       expect(studioApi.updateMemberDisplayName).not.toHaveBeenCalled();
       expect(studioApi.updateMemberTeamAssignment).not.toHaveBeenCalled();
       expect(studioApi.updateMemberImplementationRef).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "m-untitled-member",
+        scopeId: 'scope-1',
+        memberId: 'm-untitled-member',
         implementationRef: {
-          implementationKind: "workflow",
-          workflowId: "wf-untitled-member",
+          implementationKind: 'workflow',
+          workflowId: 'wf-untitled-member',
         },
       });
       expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
     });
-    expect(screen.getByText("Draft")).toBeTruthy();
+    expect(screen.getByText('Draft')).toBeTruthy();
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow",
+      '/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow',
     );
-    expect(new URLSearchParams(window.location.search).get("workflowId")).toBe(
-      "wf-untitled-member",
+    expect(new URLSearchParams(window.location.search).get('workflowId')).toBe(
+      'wf-untitled-member',
     );
     expect(invalidateQueriesSpy).toHaveBeenCalledWith({
-      queryKey: ["team-member-workflow-studio", "team", "scope-1", "t-alpha"],
+      queryKey: ['team-member-workflow-studio', 'team', 'scope-1', 't-alpha'],
     });
     expect(invalidateQueriesSpy).toHaveBeenCalledWith({
-      queryKey: ["teams", "team-members", "scope-1", "t-alpha"],
+      queryKey: ['teams', 'team-members', 'scope-1', 't-alpha'],
     });
     expect(invalidateQueriesSpy).toHaveBeenCalledWith({
-      queryKey: ["teams", "team-summary", "scope-1", "t-alpha"],
+      queryKey: ['teams', 'team-summary', 'scope-1', 't-alpha'],
     });
     expect(invalidateQueriesSpy).toHaveBeenCalledWith({
-      queryKey: ["teams", "members", "scope-1"],
+      queryKey: ['teams', 'members', 'scope-1'],
     });
     expect(invalidateQueriesSpy).toHaveBeenCalledWith({
-      queryKey: ["teams", "roster", "scope-1"],
+      queryKey: ['teams', 'roster', 'scope-1'],
     });
   });
 
-  it("waits for a newly created workflow member to materialize before linking the draft", async () => {
+  it('does not toast while an accepted workflow draft is still becoming readable', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
+    );
+    const { createdWorkflow } = mockNewWorkflowMemberCreateFixtures();
+    (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
+      kind: 'accepted',
+      receipt: {
+        accepted: true,
+        ackStage: 'accepted',
+        ackedAtUtc: '2026-08-06T00:00:00Z',
+        actorId: 'actor-workflow-draft',
+        commandId: 'command-workflow-draft',
+        expectedVersion: null,
+        readiness: {
+          message: 'Draft projection is pending.',
+          readable: false,
+          stage: 'projection_pending',
+        },
+        workflowId: 'wf-untitled-member',
+        workspaceId: 'scope-1',
+      },
+    });
+    let resolveMaterializedDraft:
+      | ((value: typeof createdWorkflow) => void)
+      | undefined;
+    (studioApi.getWorkflowDraftFile as jest.Mock).mockReturnValue(
+      new Promise<typeof createdWorkflow>((resolve) => {
+        resolveMaterializedDraft = resolve;
+      }),
+    );
+
+    renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
+
+    await waitFor(() => {
+      expect(studioApi.getWorkflowDraftFile).toHaveBeenCalledWith(
+        'wf-untitled-member',
+        'scope-1',
+      );
+    });
+    expect(message.info).not.toHaveBeenCalled();
+    expect(message.success).not.toHaveBeenCalled();
+    expect(mockConsoleToast.info).not.toHaveBeenCalled();
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+
+    await act(async () => {
+      resolveMaterializedDraft?.(createdWorkflow);
+    });
+
+    await waitFor(() => {
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Workflow member created.',
+      );
+    });
+  });
+
+  it('uses a generic toast when saving a workflow draft fails', async () => {
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
+    );
+    (studioApi.saveWorkflow as jest.Mock).mockRejectedValue(
+      new Error('The backend returned an internal implementation detail.'),
+    );
+
+    renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
+
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not create the workflow member. Review the details and try again.',
+      );
+    });
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(
+      'The backend returned an internal implementation detail.',
+    );
+    expect(message.error).not.toHaveBeenCalled();
+    expect(
+      screen.queryByText(
+        "We couldn't create the workflow member. Review your changes and try again.",
+      ),
+    ).toBeNull();
+  });
+
+  it('waits for a newly created workflow member to materialize before linking the draft', async () => {
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     const { createdMemberDetail } = mockNewWorkflowMemberCreateFixtures();
     (studioApi.getMember as jest.Mock)
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
       .mockResolvedValue(createdMemberDetail);
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
     );
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.getMember).toHaveBeenCalledWith(
-        "scope-1",
-        "m-untitled-member",
+        'scope-1',
+        'm-untitled-member',
       );
       expect(studioApi.updateMemberImplementationRef).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "m-untitled-member",
+        scopeId: 'scope-1',
+        memberId: 'm-untitled-member',
         implementationRef: {
-          implementationKind: "workflow",
-          workflowId: "wf-untitled-member",
+          implementationKind: 'workflow',
+          workflowId: 'wf-untitled-member',
         },
       });
       expect(window.location.pathname).toBe(
-        "/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow",
+        '/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow',
       );
     });
     const getMemberMock = studioApi.getMember as jest.Mock;
@@ -1033,34 +1205,36 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.createMember).toHaveBeenCalledTimes(1);
   });
 
-  it("rechecks a newly created workflow member when the first implementation link hits a materialization 404", async () => {
+  it('rechecks a newly created workflow member when the first implementation link hits a materialization 404', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     const { createdMemberDetail } = mockNewWorkflowMemberCreateFixtures();
     (studioApi.getMember as jest.Mock).mockResolvedValue(createdMemberDetail);
     (studioApi.updateMemberImplementationRef as jest.Mock)
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
       .mockResolvedValue(createdMemberDetail);
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
     );
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.getMember).toHaveBeenCalledWith(
-        "scope-1",
-        "m-untitled-member",
+        'scope-1',
+        'm-untitled-member',
       );
       expect(studioApi.updateMemberImplementationRef).toHaveBeenCalledTimes(2);
       expect(window.location.pathname).toBe(
-        "/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow",
+        '/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow',
       );
     });
     const getMemberMock = studioApi.getMember as jest.Mock;
@@ -1074,95 +1248,102 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.createMember).toHaveBeenCalledTimes(1);
   });
 
-  it("retries linking a pending created workflow member without creating another member", async () => {
+  it('retries linking a pending created workflow member without creating another member', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     const { createdMemberDetail } = mockNewWorkflowMemberCreateFixtures();
     (studioApi.getMember as jest.Mock)
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
-      .mockRejectedValueOnce(new StudioApiError("Not Found", 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
+      .mockRejectedValueOnce(new StudioApiError('Not Found', 404))
       .mockResolvedValue(createdMemberDetail);
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
     );
-    const saveButton = screen.getByRole("button", { name: "Save" });
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+    const saveButton = screen.getByRole('button', { name: 'Save' });
     fireEvent.click(saveButton);
 
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not finish linking the workflow member. Save again to retry.',
+      ),
+    );
     expect(
-      await screen.findByText(
-        "Workflow member was created but is not visible yet. Retry saving in a moment.",
+      screen.queryByText(
+        "We couldn't finish linking the workflow member. Your draft is still available. Save again to retry.",
       ),
-    ).toBeTruthy();
+    ).toBeNull();
     expect(studioApi.saveWorkflow).toHaveBeenCalledTimes(1);
     expect(studioApi.createMember).toHaveBeenCalledTimes(1);
     expect(studioApi.updateMemberImplementationRef).not.toHaveBeenCalled();
 
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Retried member" },
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Retried member' },
     });
     fireEvent.click(saveButton);
 
     await waitFor(() => {
       expect(studioApi.updateMemberImplementationRef).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "m-untitled-member",
+        scopeId: 'scope-1',
+        memberId: 'm-untitled-member',
         implementationRef: {
-          implementationKind: "workflow",
-          workflowId: "wf-untitled-member",
+          implementationKind: 'workflow',
+          workflowId: 'wf-untitled-member',
         },
       });
       expect(window.location.pathname).toBe(
-        "/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow",
+        '/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow',
       );
     });
     expect(studioApi.saveWorkflow).toHaveBeenCalledTimes(2);
     expect(studioApi.saveWorkflow).toHaveBeenLastCalledWith(
       expect.objectContaining({
-        workflowId: "wf-untitled-member",
-        workflowName: "Retried member",
-        yaml: expect.stringContaining("name: Retried member"),
+        workflowId: 'wf-untitled-member',
+        workflowName: 'Retried member',
+        yaml: expect.stringContaining('name: Retried member'),
       }),
     );
     expect(studioApi.createMember).toHaveBeenCalledTimes(1);
   });
 
-  it("reloads route state after creating a workflow member", async () => {
+  it('reloads route state after creating a workflow member', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-untitled-member.yaml",
-      filePath: "scope://scope-1/wf-untitled-member.yaml",
+      fileName: 'wf-untitled-member.yaml',
+      filePath: 'scope://scope-1/wf-untitled-member.yaml',
       findings: [],
       layout: null,
-      name: "Untitled member",
-      workflowId: "wf-untitled-member",
-      yaml: "name: Untitled member\nsteps: []\n",
+      name: 'Untitled member',
+      workflowId: 'wf-untitled-member',
+      yaml: 'name: Untitled member\nsteps: []\n',
       document: {
-        name: "Untitled member",
+        name: 'Untitled member',
         roles: [],
         steps: [
           {
-            id: "llm_call",
-            type: "llm_call",
+            id: 'llm_call',
+            type: 'llm_call',
             targetRole: null,
             parameters: {},
             next: null,
@@ -1170,54 +1351,54 @@ describe("TeamMemberWorkflowStudioPage", () => {
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:01Z",
+      updatedAtUtc: '2026-06-08T00:00:01Z',
     });
     const createdMemberDetail = {
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-untitled-member",
+        implementationKind: 'workflow',
+        workflowId: 'wf-untitled-member',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "m-untitled-member",
-        publishedServiceId: "member-m-untitled-member",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:01Z",
+        lifecycleStage: 'created',
+        memberId: 'm-untitled-member',
+        publishedServiceId: 'member-m-untitled-member',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
     };
     (studioApi.createMember as jest.Mock).mockResolvedValue(
       createdMemberDetail.summary,
     );
     (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-new",
-      memberId: "m-untitled-member",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-new',
+      memberId: 'm-untitled-member',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     const createdWorkflow = {
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-untitled-member.yaml",
-      filePath: "scope://scope-1/wf-untitled-member.yaml",
+      fileName: 'wf-untitled-member.yaml',
+      filePath: 'scope://scope-1/wf-untitled-member.yaml',
       findings: [],
       layout: null,
-      name: "Untitled member",
-      workflowId: "wf-untitled-member",
-      yaml: "name: Untitled member\nsteps: []\n",
+      name: 'Untitled member',
+      workflowId: 'wf-untitled-member',
+      yaml: 'name: Untitled member\nsteps: []\n',
       document: {
-        name: "Untitled member",
+        name: 'Untitled member',
         roles: [],
         steps: [
           {
-            id: "llm_call",
-            type: "llm_call",
+            id: 'llm_call',
+            type: 'llm_call',
             targetRole: null,
             parameters: {},
             next: null,
@@ -1225,79 +1406,85 @@ describe("TeamMemberWorkflowStudioPage", () => {
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:01Z",
+      updatedAtUtc: '2026-06-08T00:00:01Z',
     };
     (studioApi.getMember as jest.Mock).mockImplementation(
       async (_scopeId: string, memberId: string) =>
-        memberId === "m-untitled-member" ? createdMemberDetail : undefined,
+        memberId === 'm-untitled-member' ? createdMemberDetail : undefined,
     );
     (studioApi.getWorkflow as jest.Mock).mockImplementation(
       async (workflowId: string) =>
-        workflowId === "wf-untitled-member" ? createdWorkflow : undefined,
+        workflowId === 'wf-untitled-member' ? createdWorkflow : undefined,
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
     );
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(window.location.pathname).toBe(
-        "/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow",
-      );
-      expect(new URLSearchParams(window.location.search).get("workflowId")).toBe(
-        "wf-untitled-member",
+        '/scopes/scope-1/teams/t-alpha/members/m-untitled-member/workflow',
       );
+      expect(
+        new URLSearchParams(window.location.search).get('workflowId'),
+      ).toBe('wf-untitled-member');
       expect(studioApi.getMember).toHaveBeenCalledWith(
-        "scope-1",
-        "m-untitled-member",
+        'scope-1',
+        'm-untitled-member',
       );
       expect(studioApi.getWorkflow).toHaveBeenCalledWith(
-        "wf-untitled-member",
-        "scope-1",
+        'wf-untitled-member',
+        'scope-1',
       );
       expect(studioApi.updateMemberImplementationRef).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "m-untitled-member",
+        scopeId: 'scope-1',
+        memberId: 'm-untitled-member',
         implementationRef: {
-          implementationKind: "workflow",
-          workflowId: "wf-untitled-member",
+          implementationKind: 'workflow',
+          workflowId: 'wf-untitled-member',
         },
       });
     });
   });
 
-  it("warns before leaving with unsaved workflow changes", async () => {
+  it('warns before leaving with unsaved workflow changes', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     const confirmSpy = jest
-      .spyOn(window, "confirm")
+      .spyOn(window, 'confirm')
       .mockImplementation(() => false);
-    const addEventListenerSpy = jest.spyOn(window, "addEventListener");
-    const historyPushSpy = jest.spyOn(history, "push").mockImplementation(jest.fn());
+    const addEventListenerSpy = jest.spyOn(window, 'addEventListener');
+    const historyPushSpy = jest
+      .spyOn(history, 'push')
+      .mockImplementation(jest.fn());
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "Add first step" }));
     fireEvent.click(
-      await screen.findByRole("button", { name: "Insert LLM call node" }),
+      await screen.findByRole('button', { name: 'Add first step' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
     );
 
     await waitFor(() => {
       expect(addEventListenerSpy).toHaveBeenCalledWith(
-        "beforeunload",
+        'beforeunload',
         expect.any(Function),
       );
     });
-    fireEvent.click(screen.getByRole("link", { name: "Team" }));
+    fireEvent.click(screen.getByRole('link', { name: 'Team' }));
     expect(confirmSpy).toHaveBeenCalledWith(
-      "You have unsaved workflow changes. Leave this editor and discard them?",
+      'You have unsaved workflow changes. Leave this editor and discard them?',
     );
     expect(historyPushSpy).not.toHaveBeenCalled();
 
@@ -1306,103 +1493,108 @@ describe("TeamMemberWorkflowStudioPage", () => {
     addEventListenerSpy.mockRestore();
   });
 
-  it("renders an existing workflow member graph from a stable workflow ref", async () => {
+  it('renders an existing workflow member graph from a stable workflow ref', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Workflow Alpha")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Workflow Alpha')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(screen.getByRole("button", { name: "node:step:triage" })).toBeTruthy();
-    expect(studioApi.getMember).toHaveBeenCalledWith("scope-1", "member-alpha");
-    expect(studioApi.getWorkflow).toHaveBeenCalledWith("workflow-alpha", "scope-1");
+    expect(
+      screen.getByRole('button', { name: 'node:step:triage' }),
+    ).toBeTruthy();
+    expect(studioApi.getMember).toHaveBeenCalledWith('scope-1', 'member-alpha');
+    expect(studioApi.getWorkflow).toHaveBeenCalledWith(
+      'workflow-alpha',
+      'scope-1',
+    );
     expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-      "member-alpha",
-      "scope-1",
+      'member-alpha',
+      'scope-1',
     );
-    fireEvent.click(screen.getByRole("button", { name: "Back" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Back' }));
     expect(`${window.location.pathname}${window.location.search}`).toBe(
-      "/scopes/scope-1/teams/t-alpha?memberId=member-alpha&workflowId=workflow-alpha&tab=members",
+      '/scopes/scope-1/teams/t-alpha?memberId=member-alpha&workflowId=workflow-alpha&tab=members',
     );
   });
 
-  it("renders the current workflow YAML from the editable draft", async () => {
+  it('renders the current workflow YAML from the editable draft', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Stale Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Stale Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     let resolveSerialize: ((value: unknown) => void) | null = null;
     (studioApi.serializeYaml as jest.Mock).mockImplementationOnce(
@@ -1415,20 +1607,22 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
+    clickYamlAction('Edit YAML');
 
-    expect(await screen.findByLabelText("Workflow YAML panel")).toBeTruthy();
-    expect(screen.queryByLabelText("Workflow YAML editor")).toBeNull();
-    expect(screen.getByRole("button", { name: "Apply to draft" })).toBeDisabled();
+    expect(await screen.findByLabelText('Workflow YAML panel')).toBeTruthy();
+    expect(screen.queryByLabelText('Workflow YAML editor')).toBeNull();
+    expect(
+      screen.getByRole('button', { name: 'Apply to draft' }),
+    ).toBeDisabled();
     expect(studioApi.serializeYaml).toHaveBeenCalledWith(
       expect.objectContaining({
         availableStepTypes: expect.any(Array),
         document: expect.objectContaining({
-          name: "Workflow Alpha",
+          name: 'Workflow Alpha',
           steps: expect.arrayContaining([
-            expect.objectContaining({ id: "triage", type: "llm_call" }),
+            expect.objectContaining({ id: 'triage', type: 'llm_call' }),
           ]),
         }),
       }),
@@ -1438,607 +1632,633 @@ describe("TeamMemberWorkflowStudioPage", () => {
       resolveSerialize?.({
         document: mockWorkflowDocument,
         findings: [],
-        yaml: "name: Serialized Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+        yaml: 'name: Serialized Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       });
     });
 
-    const yamlView = await screen.findByLabelText("Workflow YAML editor");
+    const yamlView = await screen.findByLabelText('Workflow YAML editor');
     await waitFor(() => {
       const yamlValue = (yamlView as HTMLTextAreaElement).value;
-      expect(yamlValue).toContain("Serialized Workflow Alpha");
-      expect(yamlValue).toContain("id: triage");
-      expect(yamlValue).not.toContain("Stale Workflow Alpha");
-    });
-    expect(yamlView.tagName).toBe("TEXTAREA");
-    expect((yamlView as HTMLTextAreaElement).wrap).toBe("off");
-    expect((yamlView as HTMLElement).style.height).toBe("100%");
-    expect((yamlView as HTMLElement).style.minHeight).toBe("0");
-    expect((yamlView as HTMLElement).style.overflow).toBe("auto");
+      expect(yamlValue).toContain('Serialized Workflow Alpha');
+      expect(yamlValue).toContain('id: triage');
+      expect(yamlValue).not.toContain('Stale Workflow Alpha');
+    });
+    expect(yamlView.tagName).toBe('TEXTAREA');
+    expect((yamlView as HTMLTextAreaElement).wrap).toBe('off');
+    expect((yamlView as HTMLElement).style.height).toBe('100%');
+    expect((yamlView as HTMLElement).style.minHeight).toBe('0');
+    expect((yamlView as HTMLElement).style.overflow).toBe('auto');
     const yamlEditorShell = yamlView.parentElement as HTMLElement;
     const yamlPanelBody = yamlEditorShell.parentElement as HTMLElement;
     const yamlPanelFooter = screen
-      .getByRole("button", { name: "Apply to draft" })
-      .closest("footer") as HTMLElement;
-    expect(yamlEditorShell).toHaveStyle({ flex: "1 1 0%", minHeight: 0 });
+      .getByRole('button', { name: 'Apply to draft' })
+      .closest('footer') as HTMLElement;
+    expect(yamlEditorShell).toHaveStyle({ flex: '1 1 0%', minHeight: 0 });
     expect(yamlPanelBody).toHaveStyle({
-      display: "flex",
-      flexDirection: "column",
-      overflow: "hidden",
+      display: 'flex',
+      flexDirection: 'column',
+      overflow: 'hidden',
     });
-    expect(yamlPanelFooter).toHaveStyle({ flex: "0 0 auto" });
-    expect(screen.queryByText("Wrap")).toBeNull();
-    expect(screen.queryByText("Refresh")).toBeNull();
+    expect(yamlPanelFooter).toHaveStyle({ flex: '0 0 auto' });
+    expect(screen.queryByText('Wrap')).toBeNull();
+    expect(screen.queryByText('Refresh')).toBeNull();
 
-    fireEvent.click(screen.getByRole("button", { name: "Close YAML editor" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Close YAML editor' }));
     await waitFor(() => {
-      expect(screen.queryByLabelText("Workflow YAML panel")).toBeNull();
+      expect(screen.queryByLabelText('Workflow YAML panel')).toBeNull();
     });
-    clickYamlAction("Edit YAML");
-    await screen.findByLabelText("Workflow YAML editor");
+    clickYamlAction('Edit YAML');
+    await screen.findByLabelText('Workflow YAML editor');
     expect(studioApi.serializeYaml).toHaveBeenCalledTimes(2);
   });
 
-  it("surfaces current YAML serialization failure in the editor panel", async () => {
+  it('surfaces current YAML serialization failure in the editor panel', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.serializeYaml as jest.Mock)
-      .mockRejectedValueOnce(new Error("Serialization failed"))
+      .mockRejectedValueOnce(new Error('Serialization failed'))
       .mockResolvedValueOnce({
         document: mockWorkflowDocument,
         findings: [],
-        yaml: "name: Retried Workflow Alpha\nsteps: []\n",
+        yaml: 'name: Retried Workflow Alpha\nsteps: []\n',
       });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
+    clickYamlAction('Edit YAML');
 
-    expect(await screen.findByText("Serialization failed")).toBeTruthy();
-    expect(screen.getByLabelText("Workflow YAML panel")).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Apply to draft" })).toBeDisabled();
+    expect(await screen.findByText('Serialization failed')).toBeTruthy();
+    expect(screen.getByLabelText('Workflow YAML panel')).toBeTruthy();
+    expect(
+      screen.getByRole('button', { name: 'Apply to draft' }),
+    ).toBeDisabled();
     expect(studioApi.serializeYaml).toHaveBeenCalledTimes(1);
   });
 
-  it("preserves draft workflow query on scoped existing member workflow routes", async () => {
+  it('preserves draft workflow query on scoped existing member workflow routes', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
       expect(`${window.location.pathname}${window.location.search}`).toBe(
-        "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+        '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
       );
     });
     await waitFor(() => {
       expect(studioApi.getWorkflow).toHaveBeenCalledWith(
-        "workflow-alpha",
-        "scope-1",
+        'workflow-alpha',
+        'scope-1',
       );
     });
-    expect(studioApi.getMember).toHaveBeenCalledWith("scope-1", "member-alpha");
+    expect(studioApi.getMember).toHaveBeenCalledWith('scope-1', 'member-alpha');
   });
 
-  it("returns from an existing workflow member editor to the owning Team members tab", async () => {
+  it('returns from an existing workflow member editor to the owning Team members tab', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "Back" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Back' }));
 
-    expect(window.location.pathname).toBe("/scopes/scope-1/teams/t-alpha");
+    expect(window.location.pathname).toBe('/scopes/scope-1/teams/t-alpha');
     const params = new URLSearchParams(window.location.search);
-    expect(params.get("memberId")).toBe("member-alpha");
-    expect(params.get("tab")).toBe("members");
-    expect(params.get("workflowId")).toBe("workflow-alpha");
+    expect(params.get('memberId')).toBe('member-alpha');
+    expect(params.get('tab')).toBe('members');
+    expect(params.get('workflowId')).toBe('workflow-alpha');
   });
 
-  it("uses the route workflowId instead of published service or member detail identities", async () => {
+  it('uses the route workflowId instead of published service or member detail identities', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-098e767a6da0468bad1aaa1857e7ebf4/workflow?workflowId=workflow-member-source",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-098e767a6da0468bad1aaa1857e7ebf4/workflow?workflowId=workflow-member-source',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-member-source",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-member-source',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "bind_ready",
-        memberId: "m-098e767a6da0468bad1aaa1857e7ebf4",
-        publishedServiceId: "member-m-098e767a6da0468bad1aaa1857e7ebf4",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-098e767a6da0468bad1aaa1857e7ebf4',
+        publishedServiceId: 'member-m-098e767a6da0468bad1aaa1857e7ebf4',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-member-source.yaml",
-      filePath: "scope://scope-1/workflow-member-source.yaml",
+      fileName: 'workflow-member-source.yaml',
+      filePath: 'scope://scope-1/workflow-member-source.yaml',
       findings: [],
       layout: null,
-      name: "Untitled member",
-      workflowId: "workflow-member-source",
-      yaml: "name: Untitled member\nsteps: []\n",
+      name: 'Untitled member',
+      workflowId: 'workflow-member-source',
+      yaml: 'name: Untitled member\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
-        name: "Untitled member",
+        name: 'Untitled member',
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Untitled member")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Untitled member')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
     expect(studioApi.getMember).toHaveBeenCalledWith(
-      "scope-1",
-      "m-098e767a6da0468bad1aaa1857e7ebf4",
+      'scope-1',
+      'm-098e767a6da0468bad1aaa1857e7ebf4',
     );
     expect(studioApi.getWorkflow).toHaveBeenCalledWith(
-      "workflow-member-source",
-      "scope-1",
+      'workflow-member-source',
+      'scope-1',
     );
     expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-      "member-m-098e767a6da0468bad1aaa1857e7ebf4",
-      "scope-1",
+      'member-m-098e767a6da0468bad1aaa1857e7ebf4',
+      'scope-1',
     );
     expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-      "m-098e767a6da0468bad1aaa1857e7ebf4",
-      "scope-1",
+      'm-098e767a6da0468bad1aaa1857e7ebf4',
+      'scope-1',
     );
     expect(studioApi.listWorkflows).not.toHaveBeenCalled();
   });
 
-  it("recovers the draft workflow id from the member read model when Invoke opens Studio without a query hint", async () => {
+  it('recovers the draft workflow id from the member read model when Invoke opens Studio without a query hint', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-alpha",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-alpha',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-alpha",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-alpha',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Workflow Alpha")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Workflow Alpha')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(studioApi.getWorkflow).toHaveBeenCalledWith("wf-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("m-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("svc-alpha", "scope-1");
+    expect(studioApi.getWorkflow).toHaveBeenCalledWith('wf-alpha', 'scope-1');
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'm-alpha',
+      'scope-1',
+    );
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'svc-alpha',
+      'scope-1',
+    );
     expect(studioApi.getPublishedWorkflow).not.toHaveBeenCalled();
     expect(
-      screen.queryByText("No workflow draft is linked to this member yet."),
+      screen.queryByText('No workflow draft is linked to this member yet.'),
     ).toBeNull();
   });
 
-  it("distinguishes draft load failure from a missing member draft link", async () => {
+  it('distinguishes draft load failure from a missing member draft link', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-alpha",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-alpha',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-alpha",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-alpha',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockRejectedValue(
-      new StudioApiError("Draft read model unavailable.", 503),
+      new StudioApiError('Draft read model unavailable.', 503),
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     expect(
-      await screen.findByText("Workflow draft could not be loaded."),
+      await screen.findByText('Workflow draft could not be loaded.'),
     ).toBeTruthy();
     expect(
       screen.getByText(
-        "Studio resolved draft workflow wf-alpha, but loading it failed: Draft read model unavailable.",
+        'Studio resolved draft workflow wf-alpha, but loading it failed: Draft read model unavailable.',
       ),
     ).toBeTruthy();
     expect(
-      screen.queryByText("No workflow draft is linked to this member yet."),
+      screen.queryByText('No workflow draft is linked to this member yet.'),
     ).toBeNull();
-    expect(studioApi.getWorkflow).toHaveBeenCalledWith("wf-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("m-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("svc-alpha", "scope-1");
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
+    expect(studioApi.getWorkflow).toHaveBeenCalledWith('wf-alpha', 'scope-1');
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'm-alpha',
+      'scope-1',
+    );
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'svc-alpha',
+      'scope-1',
+    );
+    expect(screen.getByRole('button', { name: 'Save' })).toBeDisabled();
   });
 
-  it("opens recurring work for a published member without passing workflow or service identities", async () => {
+  it('opens recurring work for a published member without passing workflow or service identities', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-alpha",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-alpha',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Workflow Alpha")).toBeTruthy();
-    const recurringWorkLink = await screen.findByRole("link", {
-      name: "Recurring work",
+    expect(await screen.findByDisplayValue('Workflow Alpha')).toBeTruthy();
+    const recurringWorkLink = await screen.findByRole('link', {
+      name: 'Recurring work',
     });
     expect(recurringWorkLink).toHaveAttribute(
-      "href",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/automations",
+      'href',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/automations',
     );
 
     fireEvent.click(recurringWorkLink);
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/automations",
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/automations',
+    );
+    expect(window.location.search).toBe('');
+    expect(studioApi.getWorkflow).toHaveBeenCalledWith('wf-alpha', 'scope-1');
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'm-alpha',
+      'scope-1',
+    );
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'svc-alpha',
+      'scope-1',
     );
-    expect(window.location.search).toBe("");
-    expect(studioApi.getWorkflow).toHaveBeenCalledWith("wf-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("m-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("svc-alpha", "scope-1");
   });
 
-  it("opens the published member invoke workbench without passing workflow or service identities", async () => {
+  it('opens the published member invoke workbench without passing workflow or service identities', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-alpha",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-alpha',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Workflow Alpha")).toBeTruthy();
-    const invokeLink = await screen.findByRole("link", {
-      name: "Invoke",
+    expect(await screen.findByDisplayValue('Workflow Alpha')).toBeTruthy();
+    const invokeLink = await screen.findByRole('link', {
+      name: 'Invoke',
     });
     expect(invokeLink).toHaveAttribute(
-      "href",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/invoke",
+      'href',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/invoke',
     );
 
     fireEvent.click(invokeLink);
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/invoke",
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/invoke',
+    );
+    expect(window.location.search).toBe('');
+    expect(studioApi.getWorkflow).toHaveBeenCalledWith('wf-alpha', 'scope-1');
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'm-alpha',
+      'scope-1',
+    );
+    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
+      'svc-alpha',
+      'scope-1',
     );
-    expect(window.location.search).toBe("");
-    expect(studioApi.getWorkflow).toHaveBeenCalledWith("wf-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("m-alpha", "scope-1");
-    expect(studioApi.getWorkflow).not.toHaveBeenCalledWith("svc-alpha", "scope-1");
   });
 
-  it("does not treat the member id as a workflow draft ref when the read model omits the draft ref", async () => {
+  it('does not treat the member id as a workflow draft ref when the read model omits the draft ref', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/untitled-member/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/untitled-member/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: null,
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "untitled-member",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:01Z",
+        lifecycleStage: 'created',
+        memberId: 'untitled-member',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Untitled member")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Untitled member')).toBeTruthy();
     expect(
       await screen.findAllByText(
-        "No workflow draft is linked to this member yet.",
+        'No workflow draft is linked to this member yet.',
       ),
     ).not.toHaveLength(0);
     expect(studioApi.getWorkflow).not.toHaveBeenCalled();
     expect(scopeRuntimeApi.listServices).not.toHaveBeenCalled();
   });
 
-  it("reopens the saved draft when the route carries the draft workflow id", async () => {
+  it('reopens the saved draft when the route carries the draft workflow id', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/untitled-member/workflow?workflowId=untitled-member",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/untitled-member/workflow?workflowId=untitled-member',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "untitled-member",
+        implementationKind: 'workflow',
+        workflowId: 'untitled-member',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "bind_ready",
-        memberId: "untitled-member",
-        publishedServiceId: "member-untitled-member",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:01Z",
+        lifecycleStage: 'bind_ready',
+        memberId: 'untitled-member',
+        publishedServiceId: 'member-untitled-member',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:01Z",
-        implementationKind: "workflow",
-        publishedServiceId: "member-untitled-member",
-        revisionId: "rev-untitled-member",
+        boundAt: '2026-06-08T00:00:01Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'member-untitled-member',
+        revisionId: 'rev-untitled-member',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "untitled-member.yaml",
-      filePath: "scope://scope-1/untitled-member.yaml",
+      fileName: 'untitled-member.yaml',
+      filePath: 'scope://scope-1/untitled-member.yaml',
       findings: [],
       layout: null,
-      name: "Untitled member",
-      workflowId: "untitled-member",
-      yaml: "name: Untitled member\nsteps:\n  - id: llm_step\n    type: llm_call\n",
+      name: 'Untitled member',
+      workflowId: 'untitled-member',
+      yaml: 'name: Untitled member\nsteps:\n  - id: llm_step\n    type: llm_call\n',
       document: {
-        name: "Untitled member",
+        name: 'Untitled member',
         roles: [],
         steps: [
           {
-            id: "llm_step",
-            type: "llm_call",
+            id: 'llm_step',
+            type: 'llm_call',
             targetRole: null,
             parameters: {},
             next: null,
@@ -2046,156 +2266,160 @@ describe("TeamMemberWorkflowStudioPage", () => {
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:01Z",
+      updatedAtUtc: '2026-06-08T00:00:01Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Untitled member")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Untitled member')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(screen.getByRole("button", { name: "node:step:llm_step" })).toBeTruthy();
     expect(
-      screen.queryByText("No workflow draft is linked to this member yet."),
+      screen.getByRole('button', { name: 'node:step:llm_step' }),
+    ).toBeTruthy();
+    expect(
+      screen.queryByText('No workflow draft is linked to this member yet.'),
     ).toBeNull();
     expect(studioApi.getWorkflow).toHaveBeenCalledWith(
-      "untitled-member",
-      "scope-1",
+      'untitled-member',
+      'scope-1',
     );
     expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-      "member-untitled-member",
-      "scope-1",
+      'member-untitled-member',
+      'scope-1',
     );
   });
 
-  it("does not reload runtime display names or fall back to the member id", async () => {
+  it('does not reload runtime display names or fall back to the member id', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/untitled-member/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/untitled-member/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "Untitled member",
+        implementationKind: 'workflow',
+        workflowId: 'Untitled member',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "untitled-member",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:01Z",
+        lifecycleStage: 'created',
+        memberId: 'untitled-member',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockImplementation(
       async (workflowId: string) => {
-        throw Object.assign(new Error(`Not found: ${workflowId}`), { status: 404 });
+        throw Object.assign(new Error(`Not found: ${workflowId}`), {
+          status: 404,
+        });
       },
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Untitled member")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Untitled member')).toBeTruthy();
     expect(
       await screen.findAllByText(
-        "No workflow draft is linked to this member yet.",
+        'No workflow draft is linked to this member yet.',
       ),
     ).not.toHaveLength(0);
     expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-      "Untitled member",
-      "scope-1",
+      'Untitled member',
+      'scope-1',
     );
     expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-      "untitled-member",
-      "scope-1",
+      'untitled-member',
+      'scope-1',
     );
     expect(studioApi.getWorkflow).not.toHaveBeenCalled();
   });
 
-  it("shows a recoverable state when no stable workflow ref exists", async () => {
+  it('shows a recoverable state when no stable workflow ref exists', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "",
+        implementationKind: 'workflow',
+        workflowId: '',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockRejectedValue(
-      Object.assign(new Error("Not found"), { status: 404 }),
+      Object.assign(new Error('Not found'), { status: 404 }),
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     expect(
       await screen.findAllByText(
-        "No workflow draft is linked to this member yet.",
+        'No workflow draft is linked to this member yet.',
       ),
     ).not.toHaveLength(0);
     expect(studioApi.getWorkflow).not.toHaveBeenCalled();
   });
 
-  it("saves applied YAML for an unlinked existing member by creating a reusable draft id", async () => {
+  it('saves applied YAML for an unlinked existing member by creating a reusable draft id', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-untitled-9/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-untitled-9/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "",
+        implementationKind: 'workflow',
+        workflowId: '',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member 9",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member 9',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "m-untitled-9",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'm-untitled-9',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockRejectedValue(
-      Object.assign(new Error("Not found"), { status: 404 }),
+      Object.assign(new Error('Not found'), { status: 404 }),
     );
     (studioApi.parseYaml as jest.Mock).mockResolvedValue({
       document: {
-        name: "Imported member 9",
+        name: 'Imported member 9',
         roles: mockWorkflowDocument.roles,
         steps: [
           {
-            id: "triage",
-            type: "llm_call",
-            targetRole: "assistant",
-            parameters: { prompt_prefix: "Triage" },
+            id: 'triage',
+            type: 'llm_call',
+            targetRole: 'assistant',
+            parameters: { prompt_prefix: 'Triage' },
             next: null,
             branches: {},
           },
@@ -2204,40 +2428,41 @@ describe("TeamMemberWorkflowStudioPage", () => {
       findings: [],
     });
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "untitled-member-9.yaml",
-      filePath: "scope://scope-1/untitled-member-9.yaml",
+      fileName: 'untitled-member-9.yaml',
+      filePath: 'scope://scope-1/untitled-member-9.yaml',
       findings: [],
       layout: null,
-      name: "Imported member 9",
-      workflowId: "untitled-member-9",
-      yaml: "name: Imported member 9\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Imported member 9',
+      workflowId: 'untitled-member-9',
+      yaml: 'name: Imported member 9\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: null,
-      updatedAtUtc: "2026-06-08T00:00:02Z",
+      updatedAtUtc: '2026-06-08T00:00:02Z',
     });
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const saveButton = await screen.findByRole("button", { name: "Save" });
+    const saveButton = await screen.findByRole('button', { name: 'Save' });
     await waitFor(() => {
       expect(saveButton).toBeDisabled();
-      expect(screen.getByDisplayValue("Untitled member 9")).toBeTruthy();
+      expect(screen.getByDisplayValue('Untitled member 9')).toBeTruthy();
     });
-    clickYamlAction("Edit YAML");
-    fireEvent.change(await screen.findByLabelText("Workflow YAML editor"), {
+    clickYamlAction('Edit YAML');
+    fireEvent.change(await screen.findByLabelText('Workflow YAML editor'), {
       target: {
-        value: "name: Imported member 9\nsteps:\n  - id: triage\n    type: llm_call\n",
+        value:
+          'name: Imported member 9\nsteps:\n  - id: triage\n    type: llm_call\n',
       },
     });
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeEnabled();
     });
     fireEvent.click(applyButton);
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
       expect(saveButton).toBeEnabled();
     });
     fireEvent.click(saveButton);
@@ -2246,91 +2471,93 @@ describe("TeamMemberWorkflowStudioPage", () => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
           draftExists: false,
-          scopeId: "scope-1",
-          directoryId: "scope:scope-1",
-          workflowId: "",
-          workflowName: "Imported member 9",
+          scopeId: 'scope-1',
+          directoryId: 'scope:scope-1',
+          workflowId: '',
+          workflowName: 'Imported member 9',
         }),
       );
     });
-    expect(new URLSearchParams(window.location.search).get("workflowId")).toBe(
-      "untitled-member-9",
+    expect(new URLSearchParams(window.location.search).get('workflowId')).toBe(
+      'untitled-member-9',
     );
     expect(studioApi.updateMemberImplementationRef).toHaveBeenCalledWith({
-      scopeId: "scope-1",
-      memberId: "m-untitled-9",
+      scopeId: 'scope-1',
+      memberId: 'm-untitled-9',
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "untitled-member-9",
+        implementationKind: 'workflow',
+        workflowId: 'untitled-member-9',
       },
     });
     expect(studioApi.updateMemberDisplayName).toHaveBeenCalledWith({
-      scopeId: "scope-1",
-      memberId: "m-untitled-9",
-      displayName: "Imported member 9",
+      scopeId: 'scope-1',
+      memberId: 'm-untitled-9',
+      displayName: 'Imported member 9',
     });
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
     expect(studioApi.startExecution).not.toHaveBeenCalled();
   });
 
-  it("reuses the route draft id after refresh even before the member read model exposes the link", async () => {
+  it('reuses the route draft id after refresh even before the member read model exposes the link', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-untitled-9/workflow?workflowId=untitled-member-9",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-untitled-9/workflow?workflowId=untitled-member-9',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "",
+        implementationKind: 'workflow',
+        workflowId: '',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member 9",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member 9',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "m-untitled-9",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'm-untitled-9',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     const loadedWorkflow = {
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "untitled-member-9.yaml",
-      filePath: "scope://scope-1/untitled-member-9.yaml",
+      fileName: 'untitled-member-9.yaml',
+      filePath: 'scope://scope-1/untitled-member-9.yaml',
       findings: [],
       layout: null,
-      name: "Untitled member 9",
-      workflowId: "untitled-member-9",
-      yaml: "name: Untitled member 9\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Untitled member 9',
+      workflowId: 'untitled-member-9',
+      yaml: 'name: Untitled member 9\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     };
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue(loadedWorkflow);
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
       ...loadedWorkflow,
-      updatedAtUtc: "2026-06-08T00:00:03Z",
+      updatedAtUtc: '2026-06-08T00:00:03Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const saveButton = await screen.findByRole("button", { name: "Save" });
+    const saveButton = await screen.findByRole('button', { name: 'Save' });
     await waitFor(() => {
       expect(studioApi.getWorkflow).toHaveBeenCalledWith(
-        "untitled-member-9",
-        "scope-1",
+        'untitled-member-9',
+        'scope-1',
       );
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
       expect(saveButton).toBeDisabled();
     });
-    fireEvent.click(screen.getByRole("button", { name: "Add node" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Insert Guard node" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert Guard node' }),
+    );
     await waitFor(() => {
       expect(saveButton).toBeEnabled();
     });
@@ -2340,242 +2567,244 @@ describe("TeamMemberWorkflowStudioPage", () => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
           draftExists: true,
-          scopeId: "scope-1",
-          workflowId: "untitled-member-9",
-          workflowName: "Untitled member 9",
+          scopeId: 'scope-1',
+          workflowId: 'untitled-member-9',
+          workflowName: 'Untitled member 9',
         }),
       );
     });
     expect(studioApi.saveWorkflow).toHaveBeenCalledTimes(1);
   });
 
-  it("keeps draft status when only the published service identity exists", async () => {
+  it('keeps draft status when only the published service identity exists', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "",
+        implementationKind: 'workflow',
+        workflowId: '',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member 8",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member 8',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockRejectedValue(
-      Object.assign(new Error("Not found"), { status: 404 }),
+      Object.assign(new Error('Not found'), { status: 404 }),
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Untitled member 8")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Untitled member 8')).toBeTruthy();
     expect(
       await screen.findAllByText(
-        "No workflow draft is linked to this member yet.",
+        'No workflow draft is linked to this member yet.',
       ),
     ).not.toHaveLength(0);
-    expect(screen.getByText("Draft")).toBeTruthy();
-    expect(screen.queryByText("Published")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
-    expect(screen.getByRole("button", { name: "Publish" })).toBeDisabled();
+    expect(screen.getByText('Draft')).toBeTruthy();
+    expect(screen.queryByText('Published')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Refresh status' })).toBeNull();
+    expect(screen.getByRole('button', { name: 'Publish' })).toBeDisabled();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
     expect(studioApi.getWorkflow).not.toHaveBeenCalled();
   });
 
-  it("shows published member status from completed binding facts even when no workflow draft is linked", async () => {
+  it('shows published member status from completed binding facts even when no workflow draft is linked', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "",
+        implementationKind: 'workflow',
+        workflowId: '',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Untitled member 8",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-alpha",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Untitled member 8',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-alpha',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-alpha",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-alpha',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockRejectedValue(
-      Object.assign(new Error("Not found"), { status: 404 }),
+      Object.assign(new Error('Not found'), { status: 404 }),
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Untitled member 8")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Untitled member 8')).toBeTruthy();
     expect(
       await screen.findAllByText(
-        "No workflow draft is linked to this member yet.",
+        'No workflow draft is linked to this member yet.',
       ),
     ).not.toHaveLength(0);
-    expect(screen.getByText("Published")).toBeTruthy();
-    expect(screen.queryByText("Draft")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
-    const publishedRunsButton = screen.getByRole("link", {
-      name: "Published runs",
+    expect(screen.getByText('Published')).toBeTruthy();
+    expect(screen.queryByText('Draft')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Refresh status' })).toBeNull();
+    const publishedRunsButton = screen.getByRole('link', {
+      name: 'Published runs',
     });
     expect(publishedRunsButton).toHaveAttribute(
-      "href",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/runs",
+      'href',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/runs',
     );
     expect(publishedRunsButton).toHaveAttribute(
-      "title",
-      "View runs from the published member service.",
+      'title',
+      'View runs from the published member service.',
     );
-    expect(screen.queryByRole("button", { name: "Publish" })).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
     expect(studioApi.getWorkflow).not.toHaveBeenCalled();
   });
 
-  it("keeps draft status when the previous binding is stale for the current implementation", async () => {
+  it('keeps draft status when the previous binding is stale for the current implementation', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-old",
-        lifecycleStage: "build_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-old',
+        lifecycleStage: 'build_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-old",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-old',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:1")).toBeTruthy();
+      expect(screen.getByText('nodes:1')).toBeTruthy();
     });
-    expect(screen.getByText("Draft")).toBeTruthy();
-    expect(screen.queryByText("Published")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
-    expect(screen.getByRole("button", { name: "Publish" })).toBeEnabled();
+    expect(screen.getByText('Draft')).toBeTruthy();
+    expect(screen.queryByText('Published')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Refresh status' })).toBeNull();
+    expect(screen.getByRole('button', { name: 'Publish' })).toBeEnabled();
   });
 
-  it("saves existing workflow drafts without publishing, execution calls, or canvas reload", async () => {
+  it('saves existing workflow drafts without publishing, execution calls, or canvas reload', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     const loadedWorkflow = {
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     };
     (studioApi.getWorkflow as jest.Mock)
       .mockResolvedValueOnce(loadedWorkflow)
       .mockResolvedValueOnce({
         ...loadedWorkflow,
-        updatedAtUtc: "2026-06-08T00:00:02Z",
+        updatedAtUtc: '2026-06-08T00:00:02Z',
       });
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
       ...loadedWorkflow,
       document: null,
-      updatedAtUtc: "2026-06-08T00:00:01Z",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard_step\n    type: guard\n",
-      workflowId: "workflow-alpha",
+      updatedAtUtc: '2026-06-08T00:00:01Z',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard_step\n    type: guard\n',
+      workflowId: 'workflow-alpha',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const saveButton = await screen.findByRole("button", { name: "Save" });
+    const saveButton = await screen.findByRole('button', { name: 'Save' });
     await waitFor(() => {
       expect(saveButton).toBeDisabled();
     });
-    fireEvent.click(screen.getByRole("button", { name: "Add node" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Insert Guard node" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert Guard node' }),
+    );
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
       expect(saveButton).toBeEnabled();
     });
     fireEvent.click(saveButton);
@@ -2584,20 +2813,20 @@ describe("TeamMemberWorkflowStudioPage", () => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
         expect.objectContaining({
           document: expect.objectContaining({
-            name: "Workflow Alpha",
+            name: 'Workflow Alpha',
             steps: expect.arrayContaining([
-              expect.objectContaining({ id: "triage", type: "llm_call" }),
-              expect.objectContaining({ type: "guard" }),
+              expect.objectContaining({ id: 'triage', type: 'llm_call' }),
+              expect.objectContaining({ type: 'guard' }),
             ]),
           }),
         }),
       );
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          directoryId: "scope:scope-1",
-          scopeId: "scope-1",
-          workflowId: "workflow-alpha",
-          workflowName: "Workflow Alpha",
+          directoryId: 'scope:scope-1',
+          scopeId: 'scope-1',
+          workflowId: 'workflow-alpha',
+          workflowName: 'Workflow Alpha',
         }),
       );
     });
@@ -2605,73 +2834,73 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.startExecution).not.toHaveBeenCalled();
     await flushAsyncWork();
     expect(studioApi.getWorkflow).toHaveBeenCalledTimes(1);
-    expect(screen.getByText("nodes:2")).toBeTruthy();
+    expect(screen.getByText('nodes:2')).toBeTruthy();
     await waitFor(() => {
       expect(saveButton).toBeDisabled();
     });
   });
 
-  it("loads and saves the workflow draft title even when the member name differs", async () => {
+  it('loads and saves the workflow draft title even when the member name differs', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Member Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Member Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     const loadedWorkflow = {
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     };
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue(loadedWorkflow);
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
       ...loadedWorkflow,
       document: null,
-      name: "Workflow Renamed",
-      updatedAtUtc: "2026-06-08T00:00:01Z",
-      yaml: "name: Workflow Renamed\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Renamed',
+      updatedAtUtc: '2026-06-08T00:00:01Z',
+      yaml: 'name: Workflow Renamed\nsteps:\n  - id: triage\n    type: llm_call\n',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const saveButton = await screen.findByRole("button", { name: "Save" });
-    const titleInput = await screen.findByLabelText("Workflow title");
+    const saveButton = await screen.findByRole('button', { name: 'Save' });
+    const titleInput = await screen.findByLabelText('Workflow title');
     await waitFor(() => {
-      expect(titleInput).toHaveValue("Workflow Alpha");
+      expect(titleInput).toHaveValue('Workflow Alpha');
     });
     await waitFor(() => {
       expect(saveButton).toBeDisabled();
     });
 
     fireEvent.change(titleInput, {
-      target: { value: "Workflow Renamed" },
+      target: { value: 'Workflow Renamed' },
     });
 
     await waitFor(() => {
@@ -2682,93 +2911,95 @@ describe("TeamMemberWorkflowStudioPage", () => {
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowId: "workflow-alpha",
-          workflowName: "Workflow Renamed",
+          workflowId: 'workflow-alpha',
+          workflowName: 'Workflow Renamed',
         }),
       );
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
         expect.objectContaining({
           document: expect.objectContaining({
-            name: "Workflow Renamed",
+            name: 'Workflow Renamed',
           }),
         }),
       );
       expect(studioApi.updateMemberDisplayName).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "member-alpha",
-        displayName: "Workflow Renamed",
+        scopeId: 'scope-1',
+        memberId: 'member-alpha',
+        displayName: 'Workflow Renamed',
       });
     });
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
     expect(studioApi.startExecution).not.toHaveBeenCalled();
     expect(studioApi.updateMemberImplementationRef).not.toHaveBeenCalled();
-    expect(titleInput).toHaveValue("Workflow Renamed");
+    expect(titleInput).toHaveValue('Workflow Renamed');
   });
 
-  it("renders unsaved graph edits in the YAML view", async () => {
+  it('renders unsaved graph edits in the YAML view', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "Add node" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Insert Guard node" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert Guard node' }),
+    );
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
-      expect(screen.getByText("Unsaved changes")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
+      expect(screen.getByText('Unsaved changes')).toBeTruthy();
     });
-    clickYamlAction("Edit YAML");
+    clickYamlAction('Edit YAML');
 
-    const yamlView = await screen.findByLabelText("Workflow YAML editor");
+    const yamlView = await screen.findByLabelText('Workflow YAML editor');
     await waitFor(() => {
-      expect((yamlView as HTMLTextAreaElement).value).toContain("type: guard");
+      expect((yamlView as HTMLTextAreaElement).value).toContain('type: guard');
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
         expect.objectContaining({
           availableStepTypes: expect.any(Array),
           document: expect.objectContaining({
-            name: "Workflow Alpha",
+            name: 'Workflow Alpha',
             steps: expect.arrayContaining([
-              expect.objectContaining({ id: "triage", type: "llm_call" }),
-              expect.objectContaining({ type: "guard" }),
+              expect.objectContaining({ id: 'triage', type: 'llm_call' }),
+              expect.objectContaining({ type: 'guard' }),
             ]),
           }),
         }),
@@ -2778,89 +3009,95 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
   });
 
-  it("supports selecting, deleting, connecting, and moving nodes before save", async () => {
+  it('supports selecting, deleting, connecting, and moving nodes before save', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      workflowId: "workflow-alpha",
+      workflowId: 'workflow-alpha',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:triage' }));
     openMoreActionsMenu();
     expect(
-      screen.getByRole("menuitem", { name: "Delete selected node" }),
+      screen.getByRole('menuitem', { name: 'Delete selected node' }),
     ).toBeTruthy();
     closeOpenMenu();
     const confirmSpy = jest
-      .spyOn(window, "confirm")
+      .spyOn(window, 'confirm')
       .mockImplementation(() => true);
-    clickMoreAction("Delete selected node");
+    clickMoreAction('Delete selected node');
     await waitFor(() => {
-      expect(screen.getByText("nodes:0")).toBeTruthy();
+      expect(screen.getByText('nodes:0')).toBeTruthy();
     });
     expect(confirmSpy).toHaveBeenCalledWith(
-      "Delete the selected node? This cannot be undone.",
+      'Delete the selected node? This cannot be undone.',
     );
     confirmSpy.mockRestore();
 
-    fireEvent.click(screen.getByRole("button", { name: "Add node" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Insert LLM call node" }));
-    fireEvent.click(screen.getByRole("button", { name: "Add node" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Insert Guard node" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert Guard node' }),
+    );
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
     });
-    fireEvent.click(screen.getByRole("button", { name: "connect first two nodes" }));
-    fireEvent.click(screen.getByRole("button", { name: "move first node" }));
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'connect first two nodes' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'move first node' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
         expect.objectContaining({
           document: expect.objectContaining({
             steps: expect.arrayContaining([
-              expect.objectContaining({ next: "guard_step" }),
+              expect.objectContaining({ next: 'guard_step' }),
             ]),
           }),
         }),
@@ -2877,56 +3114,143 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("deletes a selected connection without deleting either node", async () => {
+  it('connects conditional nodes through the shared branch-aware Studio editor', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [
           {
-            id: "triage",
-            type: "llm_call",
-            targetRole: "assistant",
+            id: 'condition',
+            type: 'conditional',
+            targetRole: '',
             parameters: {},
-            next: "publish",
+            next: null,
             branches: {},
           },
           {
-            id: "publish",
-            type: "emit",
+            id: 'transform',
+            type: 'transform',
+            targetRole: '',
+            parameters: {},
+            next: null,
+            branches: {},
+          },
+        ],
+      },
+      updatedAtUtc: '2026-06-08T00:00:00Z',
+    });
+
+    renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
+
+    await waitFor(() => {
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:2');
+    });
+    fireEvent.click(
+      screen.getByRole('button', { name: 'connect first two nodes' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
+
+    await waitFor(() => {
+      expect(studioApi.serializeYaml).toHaveBeenCalledWith(
+        expect.objectContaining({
+          document: expect.objectContaining({
+            steps: expect.arrayContaining([
+              expect.objectContaining({
+                id: 'condition',
+                branches: { true: 'transform' },
+                next: null,
+              }),
+            ]),
+          }),
+        }),
+      );
+    });
+  });
+
+  it('deletes the connection requested by the canvas without deleting either node', async () => {
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
+    );
+    (studioApi.getMember as jest.Mock).mockResolvedValue({
+      implementationRef: {
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
+      },
+      summary: {
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: null,
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
+      },
+    });
+    (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
+      draftExists: true,
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
+      findings: [],
+      layout: null,
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
+      document: {
+        ...mockWorkflowDocument,
+        steps: [
+          {
+            id: 'triage',
+            type: 'llm_call',
+            targetRole: 'assistant',
+            parameters: {},
+            next: 'publish',
+            branches: {},
+          },
+          {
+            id: 'publish',
+            type: 'emit',
             targetRole: null,
             parameters: {},
             next: null,
@@ -2934,42 +3258,33 @@ describe("TeamMemberWorkflowStudioPage", () => {
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      workflowId: "workflow-alpha",
+      workflowId: 'workflow-alpha',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
     });
     fireEvent.click(
-      screen.getByRole("button", { name: "edge:edge:triage:publish:linear" }),
+      screen.getByRole('button', {
+        name: 'delete edge:edge:triage:publish:linear',
+      }),
     );
-    openMoreActionsMenu();
     expect(
-      screen.getByRole("menuitem", { name: "Delete selected connection" }),
-    ).toBeTruthy();
-    closeOpenMenu();
-    const confirmSpy = jest
-      .spyOn(window, "confirm")
-      .mockImplementation(() => true);
-    clickMoreAction("Delete selected connection");
-    expect(screen.queryByRole("button", {
-      name: "edge:edge:triage:publish:linear",
-    })).toBeNull();
-    expect(screen.getByText("nodes:2")).toBeTruthy();
-    expect(screen.queryByTestId("workflow-node-inspector")).toBeNull();
+      screen.queryByRole('button', {
+        name: 'edge:edge:triage:publish:linear',
+      }),
+    ).toBeNull();
+    expect(screen.getByText('nodes:2')).toBeTruthy();
+    expect(screen.queryByTestId('workflow-node-inspector')).toBeNull();
     expect(
-      screen.queryByRole("button", { name: "More workflow actions" }),
+      screen.queryByRole('button', { name: 'More workflow actions' }),
     ).toBeNull();
-    expect(confirmSpy).toHaveBeenCalledWith(
-      "Delete the selected connection? This cannot be undone.",
-    );
-    confirmSpy.mockRestore();
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -2977,11 +3292,11 @@ describe("TeamMemberWorkflowStudioPage", () => {
           document: expect.objectContaining({
             steps: expect.arrayContaining([
               expect.objectContaining({
-                id: "triage",
+                id: 'triage',
                 next: null,
               }),
               expect.objectContaining({
-                id: "publish",
+                id: 'publish',
               }),
             ]),
           }),
@@ -2990,66 +3305,66 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("deletes a branch labeled next without touching the linear next connection", async () => {
+  it('deletes a branch labeled next without touching the linear next connection', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [
           {
-            id: "guard",
-            type: "conditional",
+            id: 'guard',
+            type: 'conditional',
             targetRole: null,
             parameters: {},
-            next: "linear_target",
+            next: 'linear_target',
             branches: {
-              next: "branch_target",
+              next: 'branch_target',
             },
           },
           {
-            id: "linear_target",
-            type: "emit",
+            id: 'linear_target',
+            type: 'emit',
             targetRole: null,
             parameters: {},
             next: null,
             branches: {},
           },
           {
-            id: "branch_target",
-            type: "emit",
+            id: 'branch_target',
+            type: 'emit',
             targetRole: null,
             parameters: {},
             next: null,
@@ -3057,25 +3372,25 @@ describe("TeamMemberWorkflowStudioPage", () => {
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:3")).toBeTruthy();
+      expect(screen.getByText('nodes:3')).toBeTruthy();
     });
     fireEvent.click(
-      screen.getByRole("button", {
-        name: "edge:edge:guard:branch_target:branch:next",
+      screen.getByRole('button', {
+        name: 'edge:edge:guard:branch_target:branch:next',
       }),
     );
     const confirmSpy = jest
-      .spyOn(window, "confirm")
+      .spyOn(window, 'confirm')
       .mockImplementation(() => true);
-    clickMoreAction("Delete selected connection");
+    clickMoreAction('Delete selected connection');
     confirmSpy.mockRestore();
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -3084,8 +3399,8 @@ describe("TeamMemberWorkflowStudioPage", () => {
             steps: expect.arrayContaining([
               expect.objectContaining({
                 branches: {},
-                id: "guard",
-                next: "linear_target",
+                id: 'guard',
+                next: 'linear_target',
               }),
             ]),
           }),
@@ -3094,92 +3409,91 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("opens the floating node inspector and applies guided configuration edits into the workflow document", async () => {
+  it('opens the floating node inspector and applies guided configuration edits into the workflow document', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      workflowId: "workflow-alpha",
+      workflowId: 'workflow-alpha',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
-    const inspector = screen.getByLabelText("Node inspector");
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:triage' }));
+    const inspector = screen.getByLabelText('Node inspector');
     expect(inspector).toHaveStyle({
-      position: "absolute",
-      width: "420px",
-    });
-    expect(screen.getByLabelText("Resize node inspector")).toBeTruthy();
-    expect(within(inspector).queryByText("triage")).toBeNull();
-    expect(within(inspector).getAllByText("LLM call").length).toBeGreaterThan(0);
-    expect(within(inspector).getByText("Basics")).toBeTruthy();
-    expect(within(inspector).queryByText("Step ID")).toBeNull();
-    expect(within(inspector).getByText("Type")).toBeTruthy();
-    expect(within(inspector).getByText("Target role")).toBeTruthy();
-    expect(within(inspector).getByText("assistant")).toBeTruthy();
-    expect(screen.queryByText("llm_call")).toBeNull();
-    expect(screen.queryByText("Input")).toBeNull();
-    expect(within(inspector).getByText("Configuration")).toBeTruthy();
-    expect(screen.getByLabelText("Instruction")).toHaveValue("Triage the request");
-    expect(screen.queryByText("Parameters")).toBeNull();
-    expect(screen.queryByLabelText("Raw node configuration")).toBeNull();
+      position: 'absolute',
+      width: '420px',
+    });
+    expect(screen.getByLabelText('Resize node inspector')).toBeTruthy();
+    expect(within(inspector).queryByText('triage')).toBeNull();
+    expect(within(inspector).getAllByText('LLM call').length).toBeGreaterThan(
+      0,
+    );
+    expect(within(inspector).getByText('Basics')).toBeTruthy();
+    expect(within(inspector).queryByText('Step ID')).toBeNull();
+    expect(within(inspector).getByText('Type')).toBeTruthy();
+    expect(within(inspector).getByText('Target role')).toBeTruthy();
+    expect(within(inspector).getByText('assistant')).toBeTruthy();
+    expect(screen.queryByText('llm_call')).toBeNull();
+    expect(screen.queryByText('Input')).toBeNull();
+    expect(within(inspector).getByText('Configuration')).toBeTruthy();
+    expect(screen.getByLabelText('Instruction')).toHaveValue(
+      'Triage the request',
+    );
+    expect(screen.queryByText('Parameters')).toBeNull();
+    expect(screen.queryByLabelText('Raw node configuration')).toBeNull();
+    expect(screen.queryByText('Advanced raw configuration')).toBeNull();
     expect(screen.queryByText(/prompt_prefix/)).toBeNull();
-    expect(screen.queryByText("Output")).toBeNull();
-    fireEvent.click(screen.getByText("Advanced raw configuration"));
-    expect(
-      (screen.getByLabelText("Raw node configuration") as HTMLTextAreaElement)
-        .value,
-    ).toContain('"prompt_prefix": "Triage the request"');
+    expect(screen.queryByText('Output')).toBeNull();
 
-    fireEvent.change(screen.getByLabelText("Instruction"), {
-      target: { value: "Updated instruction" },
+    fireEvent.change(screen.getByLabelText('Instruction'), {
+      target: { value: 'Updated instruction' },
     });
-    expect(
-      (screen.getByLabelText("Raw node configuration") as HTMLTextAreaElement)
-        .value,
-    ).toContain('"prompt_prefix": "Updated instruction"');
-    fireEvent.click(screen.getByRole("button", { name: "Update node" }));
-    expect(screen.getByText("Unsaved changes")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    expect(screen.getByLabelText('Instruction')).toHaveValue(
+      'Updated instruction',
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Update node' }));
+    expect(screen.getByText('Unsaved changes')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -3187,9 +3501,9 @@ describe("TeamMemberWorkflowStudioPage", () => {
           document: expect.objectContaining({
             steps: expect.arrayContaining([
               expect.objectContaining({
-                id: "triage",
+                id: 'triage',
                 parameters: expect.objectContaining({
-                  prompt_prefix: "Updated instruction",
+                  prompt_prefix: 'Updated instruction',
                 }),
               }),
             ]),
@@ -3199,336 +3513,354 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("keeps the node inspector mounted while switching selected nodes", async () => {
+  it('keeps the node inspector mounted while switching selected nodes', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockBranchingWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
-    const inspector = screen.getByLabelText("Node inspector");
-    expect(within(inspector).queryByText("triage")).toBeNull();
-    expect(within(inspector).getAllByText("LLM call").length).toBeGreaterThan(0);
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:triage' }));
+    const inspector = screen.getByLabelText('Node inspector');
+    expect(within(inspector).queryByText('triage')).toBeNull();
+    expect(within(inspector).getAllByText('LLM call').length).toBeGreaterThan(
+      0,
+    );
 
-    fireEvent.click(screen.getByRole("button", { name: "node:step:guard" }));
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:guard' }));
 
     await waitFor(() => {
-      expect(screen.getByLabelText("Node inspector")).toBe(inspector);
-      expect(within(inspector).getAllByText("Guard").length).toBeGreaterThan(0);
-      expect(within(inspector).getByText("No branches")).toBeTruthy();
+      expect(screen.getByLabelText('Node inspector')).toBe(inspector);
+      expect(within(inspector).getAllByText('Guard').length).toBeGreaterThan(0);
+      expect(within(inspector).getByText('No branches')).toBeTruthy();
     });
-    expect(within(inspector).queryByText("triage")).toBeNull();
+    expect(within(inspector).queryByText('triage')).toBeNull();
   });
 
-  it("resizes the node inspector with keyboard controls and clamps width", async () => {
+  it('resizes the node inspector with keyboard controls and clamps width', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockBranchingWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
-    const inspector = screen.getByLabelText("Node inspector");
-    const resizeHandle = screen.getByLabelText("Resize node inspector");
-    expect(inspector).toHaveStyle({ width: "420px" });
-    expect(resizeHandle).toHaveAttribute("aria-valuemin", "360");
-    expect(resizeHandle).toHaveAttribute("aria-valuemax", "500");
-    expect(resizeHandle).toHaveAttribute("aria-valuenow", "420");
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:triage' }));
+    const inspector = screen.getByLabelText('Node inspector');
+    const resizeHandle = screen.getByLabelText('Resize node inspector');
+    expect(inspector).toHaveStyle({ width: '420px' });
+    expect(resizeHandle).toHaveAttribute('aria-valuemin', '360');
+    expect(resizeHandle).toHaveAttribute('aria-valuemax', '500');
+    expect(resizeHandle).toHaveAttribute('aria-valuenow', '420');
 
     for (let index = 0; index < 10; index += 1) {
-      fireEvent.keyDown(resizeHandle, { key: "ArrowLeft" });
+      fireEvent.keyDown(resizeHandle, { key: 'ArrowLeft' });
     }
 
-    expect(inspector).toHaveStyle({ width: "500px" });
-    expect(resizeHandle).toHaveAttribute("aria-valuenow", "500");
+    expect(inspector).toHaveStyle({ width: '500px' });
+    expect(resizeHandle).toHaveAttribute('aria-valuenow', '500');
 
     for (let index = 0; index < 20; index += 1) {
-      fireEvent.keyDown(resizeHandle, { key: "ArrowRight" });
+      fireEvent.keyDown(resizeHandle, { key: 'ArrowRight' });
     }
 
-    expect(inspector).toHaveStyle({ width: "360px" });
-    expect(resizeHandle).toHaveAttribute("aria-valuenow", "360");
+    expect(inspector).toHaveStyle({ width: '360px' });
+    expect(resizeHandle).toHaveAttribute('aria-valuenow', '360');
   });
 
-  it("resizes the node inspector with pointer drag and restores page resize styles", async () => {
+  it('resizes the node inspector with pointer drag and restores page resize styles', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockBranchingWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
-    const inspector = screen.getByLabelText("Node inspector");
-    const resizeHandle = screen.getByLabelText("Resize node inspector");
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:triage' }));
+    const inspector = screen.getByLabelText('Node inspector');
+    const resizeHandle = screen.getByLabelText('Resize node inspector');
     const setPointerCapture = jest.fn();
     const releasePointerCapture = jest.fn();
     resizeHandle.setPointerCapture = setPointerCapture;
     resizeHandle.releasePointerCapture = releasePointerCapture;
     resizeHandle.hasPointerCapture = jest.fn(() => true);
-    document.body.style.cursor = "default";
-    document.body.style.userSelect = "text";
+    document.body.style.cursor = 'default';
+    document.body.style.userSelect = 'text';
 
-    fireEvent(resizeHandle, createPointerDragEvent("pointerdown", 480));
+    fireEvent(resizeHandle, createPointerDragEvent('pointerdown', 480));
 
     expect(setPointerCapture).toHaveBeenCalledWith(7);
-    expect(document.body.style.cursor).toBe("ew-resize");
-    expect(document.body.style.userSelect).toBe("none");
+    expect(document.body.style.cursor).toBe('ew-resize');
+    expect(document.body.style.userSelect).toBe('none');
 
-    fireEvent(resizeHandle, createPointerDragEvent("pointermove", 240));
+    fireEvent(resizeHandle, createPointerDragEvent('pointermove', 240));
 
-    expect(inspector).toHaveStyle({ width: "500px" });
-    expect(resizeHandle).toHaveAttribute("aria-valuenow", "500");
+    expect(inspector).toHaveStyle({ width: '500px' });
+    expect(resizeHandle).toHaveAttribute('aria-valuenow', '500');
 
-    fireEvent(resizeHandle, createPointerDragEvent("pointerup", 240));
+    fireEvent(resizeHandle, createPointerDragEvent('pointerup', 240));
 
     expect(releasePointerCapture).toHaveBeenCalledWith(7);
-    expect(document.body.style.cursor).toBe("default");
-    expect(document.body.style.userSelect).toBe("text");
+    expect(document.body.style.cursor).toBe('default');
+    expect(document.body.style.userSelect).toBe('text');
   });
 
-  it("shows a node detail error for invalid parameter JSON", async () => {
+  it('shows a raw configuration error for an unknown node', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
-      document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
+      document: {
+        ...mockWorkflowDocument,
+        steps: [
+          {
+            id: 'custom_step',
+            type: 'custom_node',
+            targetRole: null,
+            parameters: { title: 'Draft' },
+            next: null,
+            branches: {},
+          },
+        ],
+      },
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
-    expect(screen.queryByLabelText("Raw node configuration")).toBeNull();
-    fireEvent.click(screen.getByText("Advanced raw configuration"));
-    fireEvent.change(screen.getByLabelText("Raw node configuration"), {
-      target: { value: "not-json" },
+    fireEvent.click(
+      screen.getByRole('button', { name: 'node:step:custom_step' }),
+    );
+    expect(screen.queryByLabelText('Raw node configuration')).toBeNull();
+    fireEvent.click(screen.getByText('Advanced raw configuration'));
+    fireEvent.change(screen.getByLabelText('Raw node configuration'), {
+      target: { value: 'not-json' },
     });
 
     expect(await screen.findByText(/Unexpected token/)).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Apply raw JSON" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
+    expect(
+      screen.getByRole('button', { name: 'Apply raw JSON' }),
+    ).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Save' })).toBeDisabled();
   });
 
-  it("applies non-LLM guided node configuration without changing parameter value shapes", async () => {
+  it('applies non-LLM guided node configuration without changing parameter value shapes', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [
           {
-            id: "wait_for_signal",
-            type: "wait_signal",
+            id: 'wait_for_signal',
+            type: 'wait_signal',
             targetRole: null,
-            parameters: { signal_name: "continue", timeout_ms: "60000" },
+            parameters: { signal_name: 'continue', timeout_ms: '60000' },
             next: null,
             branches: {},
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
     fireEvent.click(
-      screen.getByRole("button", { name: "node:step:wait_for_signal" }),
+      screen.getByRole('button', { name: 'node:step:wait_for_signal' }),
     );
-    expect(screen.getAllByText("Wait for signal").length).toBeGreaterThan(0);
-    fireEvent.change(screen.getByLabelText("Signal name"), {
-      target: { value: "approval-ready" },
+    expect(screen.getAllByText('Wait for signal').length).toBeGreaterThan(0);
+    fireEvent.change(screen.getByLabelText('Signal name'), {
+      target: { value: 'approval-ready' },
     });
-    fireEvent.change(screen.getByLabelText("Timeout ms"), {
-      target: { value: "90000" },
+    fireEvent.change(screen.getByLabelText('Timeout ms'), {
+      target: { value: '90000' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Update node" }));
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Update node' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -3536,10 +3868,10 @@ describe("TeamMemberWorkflowStudioPage", () => {
           document: expect.objectContaining({
             steps: expect.arrayContaining([
               expect.objectContaining({
-                id: "wait_for_signal",
+                id: 'wait_for_signal',
                 parameters: expect.objectContaining({
-                  signal_name: "approval-ready",
-                  timeout_ms: "90000",
+                  signal_name: 'approval-ready',
+                  timeout_ms: '90000',
                 }),
               }),
             ]),
@@ -3549,80 +3881,83 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("shows backend child step ids as product labels in guided cache node configuration", async () => {
+  it('shows backend child step ids as product labels in guided cache node configuration', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [
           {
-            id: "cache_response",
-            type: "cache",
+            id: 'cache_response',
+            type: 'cache',
             targetRole: null,
             parameters: {
-              cache_key: "$input",
-              child_step_type: "llm_call",
-              ttl_seconds: "600",
+              cache_key: '$input',
+              child_step_type: 'llm_call',
+              ttl_seconds: '600',
             },
             next: null,
             branches: {},
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:cache_response" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'node:step:cache_response' }),
+    );
 
-    expect(screen.getAllByText("Cache").length).toBeGreaterThan(0);
-    expect(screen.getByText("Cached node")).toBeTruthy();
-    expect(screen.getByText("LLM call")).toBeTruthy();
-    expect(screen.queryByText("llm_call")).toBeNull();
-    expect(screen.queryByLabelText("Raw node configuration")).toBeNull();
+    expect(screen.getAllByText('Cache').length).toBeGreaterThan(0);
+    expect(screen.getByText('Cached node')).toBeTruthy();
+    expect(screen.getByText('LLM call')).toBeTruthy();
+    expect(screen.queryByText('llm_call')).toBeNull();
+    expect(screen.queryByLabelText('Raw node configuration')).toBeNull();
+    expect(screen.queryByText('Advanced raw configuration')).toBeNull();
 
-    fireEvent.change(screen.getByLabelText("TTL seconds"), {
-      target: { value: "900" },
+    fireEvent.change(screen.getByLabelText('TTL seconds'), {
+      target: { value: '900' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Update node" }));
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Update node' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -3630,10 +3965,10 @@ describe("TeamMemberWorkflowStudioPage", () => {
           document: expect.objectContaining({
             steps: expect.arrayContaining([
               expect.objectContaining({
-                id: "cache_response",
+                id: 'cache_response',
                 parameters: expect.objectContaining({
-                  child_step_type: "llm_call",
-                  ttl_seconds: "900",
+                  child_step_type: 'llm_call',
+                  ttl_seconds: '900',
                 }),
               }),
             ]),
@@ -3642,102 +3977,99 @@ describe("TeamMemberWorkflowStudioPage", () => {
       );
     });
 
-    expect(screen.queryByText("llm_call")).toBeNull();
-    fireEvent.click(screen.getByText("Advanced raw configuration"));
-    expect(
-      (screen.getByLabelText("Raw node configuration") as HTMLTextAreaElement)
-        .value,
-    ).toContain('"child_step_type": "llm_call"');
+    expect(screen.queryByText('llm_call')).toBeNull();
   });
 
-  it("infers typed configuration fields for unknown node parameters and writes them through raw JSON", async () => {
+  it('infers typed configuration fields for unknown node parameters and writes them through raw JSON', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [
           {
-            id: "custom_step",
-            type: "custom_node",
+            id: 'custom_step',
+            type: 'custom_node',
             targetRole: null,
             parameters: {
               enabled: true,
               limit: 3,
-              payload: { source: "input" },
-              title: "Draft",
+              payload: { source: 'input' },
+              title: 'Draft',
             },
             next: null,
             branches: {},
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:custom_step" }));
-
-    expect(screen.getByLabelText("Title")).toHaveValue("Draft");
-    expect(screen.getByLabelText("Limit")).toHaveValue("3");
-    expect(screen.getByRole("switch", { name: "Enabled" })).toHaveAttribute(
-      "aria-checked",
-      "true",
+    fireEvent.click(
+      screen.getByRole('button', { name: 'node:step:custom_step' }),
     );
-    expect((screen.getByLabelText("Payload") as HTMLTextAreaElement).value).toContain(
-      '"source": "input"',
+
+    expect(screen.getByLabelText('Title')).toHaveValue('Draft');
+    expect(screen.getByLabelText('Limit')).toHaveValue('3');
+    expect(screen.getByRole('switch', { name: 'Enabled' })).toHaveAttribute(
+      'aria-checked',
+      'true',
     );
+    expect(
+      (screen.getByLabelText('Payload') as HTMLTextAreaElement).value,
+    ).toContain('"source": "input"');
 
-    fireEvent.click(screen.getByText("Advanced raw configuration"));
-    fireEvent.click(screen.getByRole("switch", { name: "Enabled" }));
-    fireEvent.change(screen.getByLabelText("Limit"), {
-      target: { value: "5" },
+    fireEvent.click(screen.getByText('Advanced raw configuration'));
+    fireEvent.click(screen.getByRole('switch', { name: 'Enabled' }));
+    fireEvent.change(screen.getByLabelText('Limit'), {
+      target: { value: '5' },
     });
-    fireEvent.change(screen.getByLabelText("Payload"), {
+    fireEvent.change(screen.getByLabelText('Payload'), {
       target: { value: '{ "source": "updated" }' },
     });
     expect(
-      (screen.getByLabelText("Raw node configuration") as HTMLTextAreaElement)
+      (screen.getByLabelText('Raw node configuration') as HTMLTextAreaElement)
         .value,
     ).toContain('"enabled": false');
-    fireEvent.click(screen.getByRole("button", { name: "Update node" }));
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Update node' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -3745,11 +4077,11 @@ describe("TeamMemberWorkflowStudioPage", () => {
           document: expect.objectContaining({
             steps: expect.arrayContaining([
               expect.objectContaining({
-                id: "custom_step",
+                id: 'custom_step',
                 parameters: expect.objectContaining({
                   enabled: false,
                   limit: 5,
-                  payload: { source: "updated" },
+                  payload: { source: 'updated' },
                 }),
               }),
             ]),
@@ -3759,82 +4091,84 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("keeps inferred fields visible after optional unknown node values are cleared", async () => {
+  it('keeps inferred fields visible after optional unknown node values are cleared', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [
           {
-            id: "custom_step",
-            type: "custom_node",
+            id: 'custom_step',
+            type: 'custom_node',
             targetRole: null,
             parameters: {
               enabled: true,
-              title: "Draft",
+              title: 'Draft',
             },
             next: null,
             branches: {},
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:custom_step" }));
-    fireEvent.click(screen.getByText("Advanced raw configuration"));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'node:step:custom_step' }),
+    );
+    fireEvent.click(screen.getByText('Advanced raw configuration'));
 
-    fireEvent.change(screen.getByLabelText("Title"), {
-      target: { value: "" },
+    fireEvent.change(screen.getByLabelText('Title'), {
+      target: { value: '' },
     });
 
-    expect(screen.getByLabelText("Title")).toBeTruthy();
-    expect(screen.getByLabelText("Title")).toHaveValue("");
+    expect(screen.getByLabelText('Title')).toBeTruthy();
+    expect(screen.getByLabelText('Title')).toHaveValue('');
     expect(
-      (screen.getByLabelText("Raw node configuration") as HTMLTextAreaElement)
+      (screen.getByLabelText('Raw node configuration') as HTMLTextAreaElement)
         .value,
     ).not.toContain('"title"');
 
-    fireEvent.click(screen.getByRole("button", { name: "Update node" }));
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Update node' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
@@ -3842,7 +4176,7 @@ describe("TeamMemberWorkflowStudioPage", () => {
           document: expect.objectContaining({
             steps: expect.arrayContaining([
               expect.objectContaining({
-                id: "custom_step",
+                id: 'custom_step',
                 parameters: expect.not.objectContaining({
                   title: expect.anything(),
                 }),
@@ -3854,78 +4188,80 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
   });
 
-  it("blocks invalid inferred object edits before they can be applied", async () => {
+  it('blocks invalid inferred object edits before they can be applied', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [
           {
-            id: "custom_step",
-            type: "custom_node",
+            id: 'custom_step',
+            type: 'custom_node',
             targetRole: null,
-            parameters: { payload: { source: "input" } },
+            parameters: { payload: { source: 'input' } },
             next: null,
             branches: {},
           },
         ],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:custom_step" }));
-    fireEvent.change(screen.getByLabelText("Payload"), {
-      target: { value: "not-json" },
+    fireEvent.click(
+      screen.getByRole('button', { name: 'node:step:custom_step' }),
+    );
+    fireEvent.change(screen.getByLabelText('Payload'), {
+      target: { value: 'not-json' },
     });
 
     expect(await screen.findByText(/Payload.*Unexpected token/)).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Update node" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Update node' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Save' })).toBeDisabled();
     expect(studioApi.serializeYaml).not.toHaveBeenCalledWith(
       expect.objectContaining({
         document: expect.objectContaining({
           steps: expect.arrayContaining([
             expect.objectContaining({
-              id: "custom_step",
-              parameters: expect.objectContaining({ payload: "not-json" }),
+              id: 'custom_step',
+              parameters: expect.objectContaining({ payload: 'not-json' }),
             }),
           ]),
         }),
@@ -3933,525 +4269,552 @@ describe("TeamMemberWorkflowStudioPage", () => {
     );
   });
 
-  it("runs the current workflow draft and shows returned logs", async () => {
+  it('runs the current workflow draft and shows returned logs', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
     );
-    (parseBackendSSEStream as jest.Mock).mockReturnValue(createWorkflowInvokeEvents());
+    (parseBackendSSEStream as jest.Mock).mockReturnValue(
+      createWorkflowInvokeEvents(),
+    );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const runDraftButton = await screen.findByRole("button", {
-      name: "Run",
+    const runDraftButton = await screen.findByRole('button', {
+      name: 'Run',
     });
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(screen.getByLabelText("Workflow title")).toHaveAttribute(
-      "title",
-      "Edit workflow name",
+    expect(screen.getByLabelText('Workflow title')).toHaveAttribute(
+      'title',
+      'Edit workflow name',
     );
-    fireEvent.click(
-      screen.getByRole("button", { name: "Edit workflow name" }),
-    );
-    expect(screen.getByLabelText("Workflow title")).toHaveFocus();
-    fireEvent.blur(screen.getByLabelText("Workflow title"));
-    const headerIdentity = screen.getByTestId("workflow-header-identity");
+    fireEvent.click(screen.getByRole('button', { name: 'Edit workflow name' }));
+    expect(screen.getByLabelText('Workflow title')).toHaveFocus();
+    fireEvent.blur(screen.getByLabelText('Workflow title'));
+    const headerIdentity = screen.getByTestId('workflow-header-identity');
     const headerPrimaryActions = screen.getByTestId(
-      "workflow-header-primary-actions",
+      'workflow-header-primary-actions',
     );
-    const headerMainRow = screen.getByTestId("workflow-header-main-row");
-    expect(headerMainRow).toHaveClass("workflow-studio-header__row");
-    expect(headerPrimaryActions).toHaveClass("workflow-studio-header__actions");
-    expect(headerPrimaryActions).toHaveAttribute("data-responsive-actions", "true");
-    expect(screen.getByTestId("workflow-header-run-actions")).toHaveClass(
-      "workflow-studio-header__action-group--primary",
+    const headerMainRow = screen.getByTestId('workflow-header-main-row');
+    expect(headerMainRow).toHaveClass('workflow-studio-header__row');
+    expect(headerPrimaryActions).toHaveClass('workflow-studio-header__actions');
+    expect(headerPrimaryActions).toHaveAttribute(
+      'data-responsive-actions',
+      'true',
     );
-    expect(screen.getByTestId("workflow-header-edit-actions")).toHaveClass(
-      "workflow-studio-header__action-group--edit",
+    expect(screen.getByTestId('workflow-header-run-actions')).toHaveClass(
+      'workflow-studio-header__action-group--primary',
     );
-    expect(screen.getByTestId("workflow-header-commit-actions")).toHaveClass(
-      "workflow-studio-header__action-group--commit",
+    expect(screen.getByTestId('workflow-header-edit-actions')).toHaveClass(
+      'workflow-studio-header__action-group--edit',
     );
-    expect(screen.getByTestId("workflow-header-secondary-actions")).toHaveClass(
-      "workflow-studio-header__action-group--secondary",
+    expect(screen.getByTestId('workflow-header-commit-actions')).toHaveClass(
+      'workflow-studio-header__action-group--commit',
+    );
+    expect(screen.getByTestId('workflow-header-secondary-actions')).toHaveClass(
+      'workflow-studio-header__action-group--secondary',
     );
     const titleShell = headerIdentity.querySelector(
-      ".workflow-studio-header__title-shell",
+      '.workflow-studio-header__title-shell',
     );
     expect(titleShell).toBeTruthy();
     const headerResponsiveRules = findRenderedStyleText(
-      ".workflow-studio-header__identity",
+      '.workflow-studio-header__identity',
     );
     expect(headerResponsiveRules).toContain(
-      ".workflow-studio-header__identity",
-    );
-    expect(headerResponsiveRules).toContain("overflow: visible;");
-    expect(headerResponsiveRules).toContain("flex-wrap: wrap;");
-    expect(headerResponsiveRules).toContain(
-      "max-width: min(360px, 100%);",
-    );
-    expect(headerResponsiveRules).toContain("@media (max-width: 1500px)");
-    expect(headerResponsiveRules).toContain("@media (max-width: 980px)");
-    expect(headerResponsiveRules).toContain("overflow: hidden;");
-    expect(headerResponsiveRules).not.toContain("overflow-x: auto;");
-    expect(screen.queryByTestId("workflow-header-context-row")).toBeNull();
-    expect(screen.queryByTestId("workflow-header-node-actions")).toBeNull();
-    expect(within(headerIdentity).getByRole("link", { name: "Team" })).toHaveAttribute(
-      "href",
-      "/scopes",
-    );
+      '.workflow-studio-header__identity',
+    );
+    expect(headerResponsiveRules).toContain('overflow: visible;');
+    expect(headerResponsiveRules).toContain('flex-wrap: wrap;');
+    expect(headerResponsiveRules).toContain('max-width: min(360px, 100%);');
+    expect(headerResponsiveRules).toContain('@media (max-width: 1500px)');
+    expect(headerResponsiveRules).toContain('@media (max-width: 980px)');
+    expect(headerResponsiveRules).toContain('overflow: hidden;');
+    expect(headerResponsiveRules).not.toContain('overflow-x: auto;');
+    expect(screen.queryByTestId('workflow-header-context-row')).toBeNull();
+    expect(screen.queryByTestId('workflow-header-node-actions')).toBeNull();
+    expect(
+      within(headerIdentity).getByRole('link', { name: 'Team' }),
+    ).toHaveAttribute('href', '/scopes');
     expect(
-      within(headerIdentity).getByRole("link", { name: "Support Team" }),
+      within(headerIdentity).getByRole('link', { name: 'Support Team' }),
     ).toHaveAttribute(
-      "href",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-alpha&workflowId=workflow-alpha&tab=members",
+      'href',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-alpha&workflowId=workflow-alpha&tab=members',
     );
-    const globalBackButton = within(headerIdentity).getByRole("button", {
-      name: "Back",
+    const globalBackButton = within(headerIdentity).getByRole('button', {
+      name: 'Back',
     });
     expect(globalBackButton).toBeTruthy();
-    expect(globalBackButton).toHaveAttribute("data-aevatar-back-button", "true");
-    expect(within(headerIdentity).getByText("Draft")).toBeTruthy();
+    expect(globalBackButton).toHaveAttribute(
+      'data-aevatar-back-button',
+      'true',
+    );
+    expect(within(headerIdentity).getByText('Draft')).toBeTruthy();
     expect(
-      within(headerIdentity).getByRole("button", { name: "Edit workflow name" }),
+      within(headerIdentity).getByRole('button', {
+        name: 'Edit workflow name',
+      }),
     ).toBeTruthy();
     expect(
-      within(headerPrimaryActions).getByRole("button", {
-        name: "Run",
+      within(headerPrimaryActions).getByRole('button', {
+        name: 'Run',
       }),
     ).toBeTruthy();
     expect(
-      within(headerPrimaryActions).getByRole("button", { name: "Add node" }),
+      within(headerPrimaryActions).getByRole('button', { name: 'Add node' }),
     ).toBeTruthy();
     expect(
-      within(screen.getByTestId("workflow-header-edit-actions")).getByRole(
-        "button",
-        { name: "Edit YAML" },
+      within(screen.getByTestId('workflow-header-edit-actions')).getByRole(
+        'button',
+        { name: 'Edit YAML' },
       ),
     ).toBeTruthy();
-    const publishedRunsButton = within(headerPrimaryActions).getByRole("button", {
-      name: "Published runs",
-    });
+    const publishedRunsButton = within(headerPrimaryActions).getByRole(
+      'button',
+      {
+        name: 'Published runs',
+      },
+    );
     expect(publishedRunsButton).toBeDisabled();
     expect(publishedRunsButton).toHaveAttribute(
-      "title",
-      "Publish this member to start recording published runs.",
+      'title',
+      'Publish this member to start recording published runs.',
     );
     expect(
-      within(headerPrimaryActions).getByRole("button", { name: "Save" }),
+      within(headerPrimaryActions).getByRole('button', { name: 'Save' }),
     ).toBeTruthy();
     expect(
-      within(headerPrimaryActions).getByRole("button", { name: "Publish" }),
+      within(headerPrimaryActions).getByRole('button', { name: 'Publish' }),
     ).toBeTruthy();
     expect(
-      within(headerPrimaryActions).queryByRole("button", {
-        name: "Refresh status",
+      within(headerPrimaryActions).queryByRole('button', {
+        name: 'Refresh status',
       }),
     ).toBeNull();
     expect(
-      within(headerPrimaryActions).queryByRole("button", {
-        name: "Publish member",
+      within(headerPrimaryActions).queryByRole('button', {
+        name: 'Publish member',
       }),
     ).toBeNull();
     expect(
-      within(headerPrimaryActions).getByRole("button", { name: "Edit YAML" }),
+      within(headerPrimaryActions).getByRole('button', { name: 'Edit YAML' }),
     ).toBeTruthy();
     expect(
-      within(headerPrimaryActions).queryByRole("button", {
-        name: "More workflow actions",
+      within(headerPrimaryActions).queryByRole('button', {
+        name: 'More workflow actions',
       }),
     ).toBeNull();
-    expect(screen.queryByRole("button", { name: "Paste YAML" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "View YAML" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "Delete node" })).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Paste YAML' })).toBeNull();
+    expect(screen.queryByRole('button', { name: 'View YAML' })).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Delete node' })).toBeNull();
+    expect(screen.queryByRole('menuitem', { name: 'View YAML' })).toBeNull();
+    expect(screen.queryByRole('menuitem', { name: 'Paste YAML' })).toBeNull();
     expect(
-      screen.queryByRole("menuitem", { name: "View YAML" }),
+      screen.queryByRole('menuitem', { name: 'Publish member' }),
     ).toBeNull();
     expect(
-      screen.queryByRole("menuitem", { name: "Paste YAML" }),
+      screen.queryByRole('menuitem', { name: 'Refresh status' }),
     ).toBeNull();
-    expect(screen.queryByRole("menuitem", { name: "Publish member" })).toBeNull();
-    expect(screen.queryByRole("menuitem", { name: "Refresh status" })).toBeNull();
     expect(
-      screen.queryByRole("menuitem", { name: "Delete selected node" }),
+      screen.queryByRole('menuitem', { name: 'Delete selected node' }),
     ).toBeNull();
-    expect(screen.queryByText("Runs")).toBeNull();
-    expect(screen.queryByText("Set as Team entry")).toBeNull();
-    expect(screen.queryByTestId("member-run-summary")).toBeNull();
-    expect(screen.queryByText("Workflow member")).toBeNull();
-    expect(screen.queryByText("Draft workflow member")).toBeNull();
-    expect(screen.queryByTestId("member-run-result-panel")).toBeNull();
+    expect(screen.queryByText('Runs')).toBeNull();
+    expect(screen.queryByText('Set as Team entry')).toBeNull();
+    expect(screen.queryByTestId('member-run-summary')).toBeNull();
+    expect(screen.queryByText('Workflow member')).toBeNull();
+    expect(screen.queryByText('Draft workflow member')).toBeNull();
+    expect(screen.queryByTestId('member-run-result-panel')).toBeNull();
     expect(screen.queryByText(/execution has been started/i)).toBeNull();
-    expect(
-      screen.queryByLabelText("Draft run console"),
-    ).toBeNull();
-    expect(
-      screen.queryByLabelText("Draft run panel"),
-    ).toBeNull();
+    expect(screen.queryByLabelText('Draft run console')).toBeNull();
+    expect(screen.queryByLabelText('Draft run panel')).toBeNull();
     await waitFor(() => {
       expect(runDraftButton).toBeEnabled();
     });
     fireEvent.click(runDraftButton);
-    const draftRunPanel = await screen.findByLabelText("Draft run panel");
+    const draftRunPanel = await screen.findByLabelText('Draft run panel');
     expect(
       within(draftRunPanel).getByText(
-        "Leave blank to run this draft without user input.",
+        'Leave blank to run this draft without user input.',
       ),
     ).toBeTruthy();
     expect(runtimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
-    const draftRunInput = within(draftRunPanel).getByRole("textbox");
+    const draftRunInput = within(draftRunPanel).getByRole('textbox');
     fireEvent.change(draftRunInput, {
-      target: { value: "Run the workflow" },
+      target: { value: 'Run the workflow' },
     });
-    expect(draftRunInput).toHaveValue("Run the workflow");
-    expect(screen.queryByTestId("member-run-summary")).toBeNull();
+    expect(draftRunInput).toHaveValue('Run the workflow');
+    expect(screen.queryByTestId('member-run-summary')).toBeNull();
     fireEvent.click(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     );
-    const resultPanel = await screen.findByTestId("member-run-result-panel");
-    const consolePanel = screen.getByLabelText("Draft run console");
-    expect(screen.getByLabelText("Draft run panel")).toBeTruthy();
-    const consoleResizeHandle = screen.getByRole("separator", {
-      name: "Resize run console",
+    const resultPanel = await screen.findByTestId('member-run-result-panel');
+    const consolePanel = screen.getByLabelText('Draft run console');
+    expect(screen.getByLabelText('Draft run panel')).toBeTruthy();
+    const consoleResizeHandle = screen.getByRole('separator', {
+      name: 'Resize run console',
+    });
+    const studioMain = screen.getByTestId('team-member-workflow-studio');
+    Object.defineProperty(studioMain, 'clientHeight', {
+      configurable: true,
+      value: 600,
+    });
+    fireEvent(window, new Event('resize'));
+    await waitFor(() => {
+      expect(consoleResizeHandle).toHaveAttribute('aria-valuemax', '360');
     });
-    expect(consoleResizeHandle).toHaveAttribute("aria-orientation", "horizontal");
-    expect(consolePanel).toHaveStyle({ flex: "0 0 210px" });
+    expect(consoleResizeHandle).toHaveAttribute(
+      'aria-orientation',
+      'horizontal',
+    );
+    expect(consolePanel).toHaveStyle({ flex: '0 0 210px' });
 
     fireEvent.mouseDown(consoleResizeHandle, { clientY: 700 });
     fireEvent.mouseMove(window, { clientY: 600 });
     fireEvent.mouseUp(window);
     await waitFor(() => {
-      expect(consolePanel).toHaveStyle({ flex: "0 0 310px" });
-      expect(consoleResizeHandle).toHaveAttribute("aria-valuenow", "310");
+      expect(consolePanel).toHaveStyle({ flex: '0 0 310px' });
+      expect(consoleResizeHandle).toHaveAttribute('aria-valuenow', '310');
     });
 
-    fireEvent.keyDown(consoleResizeHandle, { key: "ArrowDown" });
+    fireEvent.keyDown(consoleResizeHandle, { key: 'ArrowDown' });
     await waitFor(() => {
-      expect(consolePanel).toHaveStyle({ flex: "0 0 286px" });
+      expect(consolePanel).toHaveStyle({ flex: '0 0 286px' });
     });
 
     await waitFor(() => {
       expect(runtimeRunsApi.streamDraftRun).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
-          prompt: "Run the workflow",
-          workflowYamls: [expect.stringContaining("name: Workflow Alpha")],
+          prompt: 'Run the workflow',
+          workflowYamls: [expect.stringContaining('name: Workflow Alpha')],
         }),
         expect.any(AbortSignal),
       );
     });
     expect(runtimeRunsApi.streamChat).not.toHaveBeenCalled();
     await waitFor(() => {
-      expect(consolePanel).toHaveTextContent("succeeded");
+      expect(consolePanel).toHaveTextContent('succeeded');
     });
     await waitFor(() => {
       expect(publishedRunsButton).toBeDisabled();
-      expect(publishedRunsButton).not.toHaveAttribute("href");
+      expect(publishedRunsButton).not.toHaveAttribute('href');
     });
-    expect(within(consolePanel).getByLabelText("Logs overview")).toBeTruthy();
-    expect(within(consolePanel).getByLabelText("Log details")).toBeTruthy();
+    expect(within(consolePanel).getByLabelText('Logs overview')).toBeTruthy();
+    expect(within(consolePanel).getByLabelText('Log details')).toBeTruthy();
     expect(consolePanel).toHaveTextContent(/Tokens\s*42/);
-    expect(within(consolePanel).getByText("Overview")).toBeTruthy();
-    expect(within(consolePanel).getByRole("radio", { name: "Nodes" })).toBeTruthy();
-    expect(within(consolePanel).getByRole("radio", { name: "Events" })).toBeTruthy();
+    expect(within(consolePanel).getByText('Overview')).toBeTruthy();
+    expect(
+      within(consolePanel).getByRole('radio', { name: 'Nodes' }),
+    ).toBeTruthy();
+    expect(
+      within(consolePanel).getByRole('radio', { name: 'Events' }),
+    ).toBeTruthy();
 
     const triageLogRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-node-triage",
+      'workflow-execution-log-row-node-triage',
     );
-    expect(triageLogRow).toHaveTextContent("triage");
-    expect(triageLogRow).toHaveTextContent("Success");
-    expect(triageLogRow).not.toHaveTextContent("Run the workflow");
-    expect(triageLogRow).not.toHaveTextContent("Workflow complete");
+    expect(triageLogRow).toHaveTextContent('triage');
+    expect(triageLogRow).toHaveTextContent('Success');
+    expect(triageLogRow).not.toHaveTextContent('Run the workflow');
+    expect(triageLogRow).not.toHaveTextContent('Workflow complete');
     fireEvent.click(triageLogRow);
 
     expect(
-      within(consolePanel).getByRole("button", { name: "Input" }),
-    ).toHaveAttribute("aria-pressed", "true");
+      within(consolePanel).getByRole('button', { name: 'Input' }),
+    ).toHaveAttribute('aria-pressed', 'true');
     expect(
-      within(consolePanel).getByRole("button", { name: "Output" }),
-    ).toHaveAttribute("aria-pressed", "true");
-    const logDetails = within(consolePanel).getByLabelText("Log details");
-    expect(logDetails).toHaveTextContent("Input");
-    expect(logDetails).toHaveTextContent("Output");
-    expect(logDetails).not.toHaveTextContent(
-      "aevatar.step.completed",
-    );
-    expect(logDetails).toHaveTextContent("Run the workflow");
-    expect(logDetails).toHaveTextContent("Workflow complete");
+      within(consolePanel).getByRole('button', { name: 'Output' }),
+    ).toHaveAttribute('aria-pressed', 'true');
+    const logDetails = within(consolePanel).getByLabelText('Log details');
+    expect(logDetails).toHaveTextContent('Input');
+    expect(logDetails).toHaveTextContent('Output');
+    expect(logDetails).not.toHaveTextContent('aevatar.step.completed');
+    expect(logDetails).toHaveTextContent('Run the workflow');
+    expect(logDetails).toHaveTextContent('Workflow complete');
     expect(
-      within(logDetails).getByTestId("workflow-execution-node-input-block"),
-    ).toHaveStyle({ height: "230px" });
+      within(logDetails).getByTestId('workflow-execution-node-input-block'),
+    ).toHaveStyle({ height: '230px' });
     expect(
-      within(logDetails).getByTestId("workflow-execution-node-output-block"),
-    ).toHaveStyle({ height: "230px" });
+      within(logDetails).getByTestId('workflow-execution-node-output-block'),
+    ).toHaveStyle({ height: '230px' });
     expect(
-      within(consolePanel).queryByRole("button", { name: "Copy selected log" }),
+      within(consolePanel).queryByRole('button', { name: 'Copy selected log' }),
     ).toBeNull();
-    expect(screen.getByRole("button", { name: "node:step:triage" })).toHaveAttribute(
-      "data-execution-focused",
-      "true",
-    );
+    expect(
+      screen.getByRole('button', { name: 'node:step:triage' }),
+    ).toHaveAttribute('data-execution-focused', 'true');
 
-    fireEvent.keyDown(within(consolePanel).getByLabelText("Logs overview"), {
-      key: "ArrowDown",
+    fireEvent.keyDown(within(consolePanel).getByLabelText('Logs overview'), {
+      key: 'ArrowDown',
     });
-    expect(screen.getByRole("button", { name: "node:step:triage" })).toHaveAttribute(
-      "data-execution-focused",
-      "false",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "approve",
-    );
+    expect(
+      screen.getByRole('button', { name: 'node:step:triage' }),
+    ).toHaveAttribute('data-execution-focused', 'false');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('approve');
 
-    fireEvent.click(within(consolePanel).getByRole("radio", { name: "Events" }));
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "RUN_STARTED",
+    fireEvent.click(
+      within(consolePanel).getByRole('radio', { name: 'Events' }),
     );
     expect(
-      within(consolePanel).getByRole("button", { name: "Copy selected log" }),
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('RUN_STARTED');
+    expect(
+      within(consolePanel).getByRole('button', { name: 'Copy selected log' }),
     ).toBeTruthy();
     const runStartedEventRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-run-0",
+      'workflow-execution-log-row-run-0',
     );
-    expect(runStartedEventRow).toHaveTextContent("Recorded");
-    expect(runStartedEventRow).not.toHaveTextContent("Running");
-    fireEvent.click(within(consolePanel).getByRole("radio", { name: "Nodes" }));
+    expect(runStartedEventRow).toHaveTextContent('Recorded');
+    expect(runStartedEventRow).not.toHaveTextContent('Running');
+    fireEvent.click(within(consolePanel).getByRole('radio', { name: 'Nodes' }));
     expect(
-      within(consolePanel).queryByRole("button", { name: "Copy selected log" }),
+      within(consolePanel).queryByRole('button', { name: 'Copy selected log' }),
     ).toBeNull();
 
     const approvalLogRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-node-approve",
+      'workflow-execution-log-row-node-approve',
+    );
+    expect(approvalLogRow).toHaveTextContent('approve');
+    expect(approvalLogRow).toHaveTextContent('Waiting');
+    expect(approvalLogRow).not.toHaveTextContent(
+      'Need approval before deployment',
     );
-    expect(approvalLogRow).toHaveTextContent("approve");
-    expect(approvalLogRow).toHaveTextContent("Waiting");
-    expect(approvalLogRow).not.toHaveTextContent("Need approval before deployment");
     fireEvent.click(approvalLogRow);
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Need approval before deployment",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "human approval",
-    );
-    expect(consolePanel).not.toHaveTextContent("aevatar.usage");
-    expect(consolePanel).not.toHaveTextContent("STATE_SNAPSHOT");
-    expect(consolePanel).not.toHaveTextContent("stateVersion");
-    expect(consolePanel).not.toHaveTextContent("raw-observation-1");
-    fireEvent.click(within(consolePanel).getByRole("radio", { name: "Events" }));
-    expect(within(consolePanel).getByText("aevatar.usage")).toBeTruthy();
-    expect(within(consolePanel).getByText("STATE_SNAPSHOT")).toBeTruthy();
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('Need approval before deployment');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('human approval');
+    expect(consolePanel).not.toHaveTextContent('aevatar.usage');
+    expect(consolePanel).not.toHaveTextContent('STATE_SNAPSHOT');
+    expect(consolePanel).not.toHaveTextContent('stateVersion');
+    expect(consolePanel).not.toHaveTextContent('raw-observation-1');
+    fireEvent.click(
+      within(consolePanel).getByRole('radio', { name: 'Events' }),
+    );
+    expect(within(consolePanel).getByText('aevatar.usage')).toBeTruthy();
+    expect(within(consolePanel).getByText('STATE_SNAPSHOT')).toBeTruthy();
     const rawObservedEventRow = within(consolePanel)
-      .getByText("aevatar.observed.raw")
-      .closest("button");
+      .getByText('aevatar.observed.raw')
+      .closest('button');
     expect(rawObservedEventRow).not.toBeNull();
-    expect(rawObservedEventRow).toHaveTextContent("Recorded");
-    expect(rawObservedEventRow).not.toHaveTextContent("Running");
-    expect(consolePanel).not.toHaveTextContent("raw-observation-1");
-    fireEvent.click(within(consolePanel).getByText("aevatar.observed.raw"));
-    expect(within(consolePanel).getByLabelText("Log details")).not.toHaveTextContent(
-      "Running",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).not.toHaveTextContent(
-      "raw-observation-1",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "runtime-observer",
-    );
-    expect(screen.queryByTestId("member-run-summary")).toBeNull();
-    expect(screen.queryByText("run-1")).toBeNull();
-    expect(resultPanel).not.toHaveTextContent("Member run");
+    expect(rawObservedEventRow).toHaveTextContent('Recorded');
+    expect(rawObservedEventRow).not.toHaveTextContent('Running');
+    expect(consolePanel).not.toHaveTextContent('raw-observation-1');
+    fireEvent.click(within(consolePanel).getByText('aevatar.observed.raw'));
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).not.toHaveTextContent('Running');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).not.toHaveTextContent('raw-observation-1');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('runtime-observer');
+    expect(screen.queryByTestId('member-run-summary')).toBeNull();
+    expect(screen.queryByText('run-1')).toBeNull();
+    expect(resultPanel).not.toHaveTextContent('Member run');
     expect(resultPanel).not.toHaveTextContent(/persisted workflow state/i);
     fireEvent.click(
-      within(consolePanel).getByRole("button", { name: "Clear logs" }),
+      within(consolePanel).getByRole('button', { name: 'Clear logs' }),
     );
-    expect(screen.queryByLabelText("Draft run console")).toBeNull();
+    expect(screen.queryByLabelText('Draft run console')).toBeNull();
     expect(studioApi.startExecution).not.toHaveBeenCalled();
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
   });
 
-  it("keeps the header action bar stable while save, YAML, and contextual delete states change", async () => {
+  it('keeps the header action bar stable while save, YAML, and contextual delete states change', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
 
-    const headerMainRow = screen.getByTestId("workflow-header-main-row");
+    const headerMainRow = screen.getByTestId('workflow-header-main-row');
     const headerPrimaryActions = screen.getByTestId(
-      "workflow-header-primary-actions",
+      'workflow-header-primary-actions',
     );
     const readActionButtonNames = () =>
       within(headerPrimaryActions)
-        .getAllByRole("button")
-        .map((button) => button.getAttribute("aria-label") || button.textContent);
-
-    expect(headerMainRow).toHaveClass("workflow-studio-header__row");
-    expect(headerPrimaryActions).toHaveAttribute("data-responsive-actions", "true");
-    expect(screen.queryByTestId("workflow-header-context-row")).toBeNull();
-    expect(screen.queryByTestId("workflow-header-node-actions")).toBeNull();
+        .getAllByRole('button')
+        .map(
+          (button) => button.getAttribute('aria-label') || button.textContent,
+        );
+
+    expect(headerMainRow).toHaveClass('workflow-studio-header__row');
+    expect(headerPrimaryActions).toHaveAttribute(
+      'data-responsive-actions',
+      'true',
+    );
+    expect(screen.queryByTestId('workflow-header-context-row')).toBeNull();
+    expect(screen.queryByTestId('workflow-header-node-actions')).toBeNull();
     expect(readActionButtonNames()).toEqual([
-      "Run",
-      "Add node",
-      "Edit YAML",
-      "Save",
+      'Run',
+      'Add node',
+      'Edit YAML',
+      'Save',
     ]);
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Save' })).toBeDisabled();
 
     expect(
-      within(headerPrimaryActions).queryByRole("button", {
-        name: "More workflow actions",
+      within(headerPrimaryActions).queryByRole('button', {
+        name: 'More workflow actions',
       }),
     ).toBeNull();
     expect(
-      screen.queryByRole("menuitem", { name: "Delete selected node" }),
+      screen.queryByRole('menuitem', { name: 'Delete selected node' }),
     ).toBeNull();
 
-    const editYamlButton = screen.getByRole("button", { name: "Edit YAML" });
+    const editYamlButton = screen.getByRole('button', { name: 'Edit YAML' });
     expect(editYamlButton).toBeTruthy();
-    expect(within(editYamlButton).getByText("Edit YAML")).not.toHaveClass(
-      "workflow-studio-header__action-label--secondary",
+    expect(within(editYamlButton).getByText('Edit YAML')).not.toHaveClass(
+      'workflow-studio-header__action-label--secondary',
     );
-    expect(screen.queryByRole("menuitem", { name: "View YAML" })).toBeNull();
-    expect(screen.queryByRole("menuitem", { name: "Paste YAML" })).toBeNull();
+    expect(screen.queryByRole('menuitem', { name: 'View YAML' })).toBeNull();
+    expect(screen.queryByRole('menuitem', { name: 'Paste YAML' })).toBeNull();
 
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
       target: {
         value:
-          "A very long workflow title that should truncate instead of pushing actions down",
+          'A very long workflow title that should truncate instead of pushing actions down',
       },
     });
-    expect(screen.getByRole("button", { name: "Save" })).toBeEnabled();
+    expect(screen.getByRole('button', { name: 'Save' })).toBeEnabled();
     expect(readActionButtonNames()).toEqual([
-      "Run",
-      "Add node",
-      "Edit YAML",
-      "Save",
+      'Run',
+      'Add node',
+      'Edit YAML',
+      'Save',
     ]);
 
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:triage' }));
     openMoreActionsMenu();
     expect(
-      screen.getByRole("menuitem", { name: "Delete selected node" }),
+      screen.getByRole('menuitem', { name: 'Delete selected node' }),
     ).toBeTruthy();
   });
 
-  it("renders draft run log cards as SSE frames arrive", async () => {
+  it('renders draft run log cards as SSE frames arrive', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockBranchingWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
@@ -4461,242 +4824,250 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const runDraftButton = await screen.findByRole("button", {
-      name: "Run",
+    const runDraftButton = await screen.findByRole('button', {
+      name: 'Run',
     });
     await waitFor(() => {
       expect(runDraftButton).toBeEnabled();
     });
     fireEvent.click(runDraftButton);
-    const draftRunPanel = await screen.findByLabelText("Draft run panel");
-    const draftRunInput = within(draftRunPanel).getByRole("textbox");
+    const draftRunPanel = await screen.findByLabelText('Draft run panel');
+    const draftRunInput = within(draftRunPanel).getByRole('textbox');
     fireEvent.change(draftRunInput, {
-      target: { value: "Run the workflow" },
+      target: { value: 'Run the workflow' },
     });
     fireEvent.click(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     );
 
-    const consolePanel = await screen.findByLabelText("Draft run console");
-    expect(consolePanel).toHaveTextContent("running");
+    const consolePanel = await screen.findByLabelText('Draft run console');
+    expect(consolePanel).toHaveTextContent('running');
     expect(
-      within(consolePanel).getByRole("button", { name: "Clear logs" }),
-    ).toBeDisabled();
+      within(consolePanel).getByRole('button', { name: 'Clear logs' }),
+    ).toBeEnabled();
     const executionPanelResponsiveRules = findRenderedStyleText(
-      ".workflow-studio-execution-panel__body",
+      '.workflow-studio-execution-panel__body',
+    );
+    expect(executionPanelResponsiveRules).toContain(
+      '@media (max-width: 720px)',
     );
-    expect(executionPanelResponsiveRules).toContain("@media (max-width: 720px)");
     expect(executionPanelResponsiveRules).toContain(
-      "grid-template-columns: minmax(0, 1fr);",
+      'grid-template-columns: minmax(0, 1fr);',
     );
-    expect(executionPanelResponsiveRules).toContain("grid-auto-rows: max-content;");
     expect(executionPanelResponsiveRules).toContain(
-      "grid-template-rows: min-content max-content;",
+      'grid-auto-rows: max-content;',
     );
-    expect(executionPanelResponsiveRules).not.toContain("!important");
+    expect(executionPanelResponsiveRules).toContain(
+      'grid-template-rows: min-content max-content;',
+    );
+    expect(executionPanelResponsiveRules).not.toContain('!important');
 
     await act(async () => {
       stream.emit({
-        actorId: "actor-1",
-        commandId: "command-1",
-        correlationId: "correlation-1",
-        runId: "run-1",
-        threadId: "actor-1",
-        timestamp: Date.parse("2026-06-08T00:00:00Z"),
-        type: "RUN_STARTED",
+        actorId: 'actor-1',
+        commandId: 'command-1',
+        correlationId: 'correlation-1',
+        runId: 'run-1',
+        threadId: 'actor-1',
+        timestamp: Date.parse('2026-06-08T00:00:00Z'),
+        type: 'RUN_STARTED',
       });
       await flushAsyncWork();
     });
-    fireEvent.click(within(consolePanel).getByRole("radio", { name: "Events" }));
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Run started",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "RUN_STARTED",
-    );
-    fireEvent.click(within(consolePanel).getByRole("radio", { name: "Nodes" }));
-    const pendingTriageRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-node-triage",
-    );
-    const pendingGuardRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-node-guard",
-    );
-    expect(pendingTriageRow).toHaveTextContent("Pending");
-    expect(pendingGuardRow).toHaveTextContent("Pending");
-    expect(pendingTriageRow).toBeDisabled();
-    expect(pendingGuardRow).toBeDisabled();
-    expect(pendingTriageRow).toHaveStyle({ height: "80px", minHeight: "80px" });
-    expect(pendingGuardRow).toHaveStyle({ height: "80px", minHeight: "80px" });
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Select a log entry",
+    fireEvent.click(
+      within(consolePanel).getByRole('radio', { name: 'Events' }),
     );
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('Run started');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('RUN_STARTED');
+    fireEvent.click(within(consolePanel).getByRole('radio', { name: 'Nodes' }));
+    expect(
+      within(consolePanel).getByTestId(
+        'workflow-execution-log-row-node-triage',
+      ),
+    ).toHaveTextContent('Pending');
+    expect(
+      within(consolePanel).getByTestId('workflow-execution-log-row-node-guard'),
+    ).toHaveTextContent('Pending');
+    expect(consolePanel).toHaveTextContent(/Steps\s*2/);
 
     const confirmSpy = jest
-      .spyOn(window, "confirm")
+      .spyOn(window, 'confirm')
       .mockImplementation(() => true);
-    fireEvent.click(screen.getByRole("button", { name: "node:step:guard" }));
-    clickMoreAction("Delete selected node");
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:guard' }));
+    clickMoreAction('Delete selected node');
     await waitFor(() => {
-      expect(screen.getByText("nodes:1")).toBeTruthy();
+      expect(screen.getByText('nodes:1')).toBeTruthy();
     });
     expect(
-      within(consolePanel).getByTestId("workflow-execution-log-row-node-guard"),
-    ).toHaveTextContent("Pending");
+      within(consolePanel).getByTestId('workflow-execution-log-row-node-guard'),
+    ).toHaveTextContent('Pending');
     expect(consolePanel).toHaveTextContent(/Steps\s*2/);
     confirmSpy.mockRestore();
 
     await act(async () => {
       stream.emit({
-        name: "aevatar.step.request",
+        name: 'aevatar.step.request',
         payload: {
-          input: "Run the workflow",
-          stepId: "triage",
-          stepType: "llm_call",
-          targetRole: "assistant",
+          input: 'Run the workflow',
+          stepId: 'triage',
+          stepType: 'llm_call',
+          targetRole: 'assistant',
         },
-        timestamp: Date.parse("2026-06-08T00:00:01Z"),
-        type: "CUSTOM",
+        timestamp: Date.parse('2026-06-08T00:00:01Z'),
+        type: 'CUSTOM',
       });
       await flushAsyncWork();
     });
     const runningTriageRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-node-triage",
+      'workflow-execution-log-row-node-triage',
     );
-    expect(runningTriageRow).toHaveTextContent("Running");
+    expect(runningTriageRow).toHaveTextContent('Running');
     expect(runningTriageRow).toBeEnabled();
     expect(
-      within(consolePanel).getByTestId("workflow-execution-log-row-node-guard"),
-    ).toHaveTextContent("Pending");
-    expect(runningTriageRow).not.toHaveTextContent("Run the workflow");
+      within(consolePanel).getByTestId('workflow-execution-log-row-node-guard'),
+    ).toHaveTextContent('Pending');
+    expect(runningTriageRow).not.toHaveTextContent('Run the workflow');
     fireEvent.click(runningTriageRow);
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Run the workflow",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "No output captured for this node.",
-    );
-    fireEvent.keyDown(within(consolePanel).getByLabelText("Logs overview"), {
-      key: "ArrowDown",
-    });
-    expect(runningTriageRow).toHaveAttribute("aria-pressed", "true");
     expect(
-      within(consolePanel).getByTestId("workflow-execution-log-row-node-guard"),
-    ).toBeDisabled();
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('Run the workflow');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('No output captured for this node.');
+    fireEvent.keyDown(within(consolePanel).getByLabelText('Logs overview'), {
+      key: 'ArrowDown',
+    });
+    expect(runningTriageRow).toHaveAttribute('aria-pressed', 'true');
     expect(consolePanel).toHaveTextContent(/Events\s*2/);
     expect(consolePanel).toHaveTextContent(/Steps\s*2/);
 
     await act(async () => {
       stream.emit({
-        name: "aevatar.step.completed",
+        name: 'aevatar.step.completed',
         payload: {
-          output: "Workflow complete",
-          stepId: "triage",
+          output: 'Workflow complete',
+          stepId: 'triage',
           success: true,
         },
-        timestamp: Date.parse("2026-06-08T00:00:02Z"),
-        type: "CUSTOM",
+        timestamp: Date.parse('2026-06-08T00:00:02Z'),
+        type: 'CUSTOM',
       });
       await flushAsyncWork();
     });
     const completedTriageRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-node-triage",
-    );
-    expect(completedTriageRow).toHaveTextContent("Success");
-    expect(completedTriageRow).not.toHaveTextContent("Workflow complete");
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Workflow complete",
+      'workflow-execution-log-row-node-triage',
     );
+    expect(completedTriageRow).toHaveTextContent('Success');
+    expect(completedTriageRow).not.toHaveTextContent('Workflow complete');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('Workflow complete');
 
     await act(async () => {
       stream.emit({
-        name: "aevatar.step.request",
+        name: 'aevatar.step.request',
         payload: {
-          input: "Second pass input",
-          stepId: "triage",
-          stepType: "llm_call",
-          targetRole: "assistant",
+          input: 'Second pass input',
+          stepId: 'triage',
+          stepType: 'llm_call',
+          targetRole: 'assistant',
         },
-        timestamp: Date.parse("2026-06-08T00:00:03Z"),
-        type: "CUSTOM",
+        timestamp: Date.parse('2026-06-08T00:00:03Z'),
+        type: 'CUSTOM',
       });
       await flushAsyncWork();
     });
     let triageAttemptRows = within(consolePanel).getAllByTestId(
-      "workflow-execution-log-row-node-triage",
+      'workflow-execution-log-row-node-triage',
     );
     expect(triageAttemptRows).toHaveLength(2);
     fireEvent.click(triageAttemptRows[1]);
     expect(
-      triageAttemptRows.filter((row) => row.getAttribute("aria-pressed") === "true"),
+      triageAttemptRows.filter(
+        (row) => row.getAttribute('aria-pressed') === 'true',
+      ),
     ).toHaveLength(1);
-    expect(triageAttemptRows[0]).toHaveAttribute("aria-pressed", "false");
-    expect(triageAttemptRows[1]).toHaveAttribute("aria-pressed", "true");
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Second pass input",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "No output captured for this node.",
-    );
+    expect(triageAttemptRows[0]).toHaveAttribute('aria-pressed', 'false');
+    expect(triageAttemptRows[1]).toHaveAttribute('aria-pressed', 'true');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('Second pass input');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('No output captured for this node.');
 
     await act(async () => {
       stream.emit({
-        name: "aevatar.step.completed",
+        name: 'aevatar.step.completed',
         payload: {
-          output: "Second pass output",
-          stepId: "triage",
+          output: 'Second pass output',
+          stepId: 'triage',
           success: true,
         },
-        timestamp: Date.parse("2026-06-08T00:00:04Z"),
-        type: "CUSTOM",
+        timestamp: Date.parse('2026-06-08T00:00:04Z'),
+        type: 'CUSTOM',
       });
       await flushAsyncWork();
     });
     triageAttemptRows = within(consolePanel).getAllByTestId(
-      "workflow-execution-log-row-node-triage",
+      'workflow-execution-log-row-node-triage',
     );
     expect(
-      triageAttemptRows.filter((row) => row.getAttribute("aria-pressed") === "true"),
+      triageAttemptRows.filter(
+        (row) => row.getAttribute('aria-pressed') === 'true',
+      ),
     ).toHaveLength(1);
-    expect(triageAttemptRows[0]).toHaveAttribute("aria-pressed", "false");
-    expect(triageAttemptRows[1]).toHaveAttribute("aria-pressed", "true");
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Second pass input",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "Second pass output",
-    );
+    expect(triageAttemptRows[0]).toHaveAttribute('aria-pressed', 'false');
+    expect(triageAttemptRows[1]).toHaveAttribute('aria-pressed', 'true');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('Second pass input');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('Second pass output');
     expect(consolePanel).toHaveTextContent(/Steps\s*2/);
 
     await act(async () => {
       stream.emit({
         result: {
-          output: "Second pass output",
+          output: 'Second pass output',
         },
-        runId: "run-1",
-        timestamp: Date.parse("2026-06-08T00:00:05Z"),
-        type: "RUN_FINISHED",
+        runId: 'run-1',
+        timestamp: Date.parse('2026-06-08T00:00:05Z'),
+        type: 'RUN_FINISHED',
       });
       stream.finish();
       await flushAsyncWork();
     });
     await waitFor(() => {
-      expect(consolePanel).toHaveTextContent("succeeded");
+      expect(consolePanel).toHaveTextContent('succeeded');
     });
     expect(
-      within(consolePanel).getByRole("button", { name: "Clear logs" }),
+      within(consolePanel).getByTestId('workflow-execution-log-row-node-guard'),
+    ).toHaveTextContent('Not run');
+    expect(
+      within(consolePanel).getByRole('button', { name: 'Clear logs' }),
     ).toBeEnabled();
-    fireEvent.click(screen.getByRole("button", { name: "Run" }));
-    const settledDraftRunPanel = await screen.findByLabelText("Draft run panel");
+    fireEvent.click(screen.getByRole('button', { name: 'Run' }));
+    const settledDraftRunPanel =
+      await screen.findByLabelText('Draft run panel');
     await waitFor(() => {
       expect(
-        within(settledDraftRunPanel).getByRole("button", {
+        within(settledDraftRunPanel).getByRole('button', {
           name: /Start draft run/,
         }),
       ).toBeEnabled();
     });
-    const startSecondRunButton = within(settledDraftRunPanel).getByRole("button", {
-      name: /Start draft run/,
-    });
+    const startSecondRunButton = within(settledDraftRunPanel).getByRole(
+      'button',
+      {
+        name: /Start draft run/,
+      },
+    );
 
     let finishSecondSerialization: (() => void) | undefined;
     (studioApi.serializeYaml as jest.Mock).mockImplementationOnce(
@@ -4711,67 +5082,71 @@ describe("TeamMemberWorkflowStudioPage", () => {
                   (step: { id?: string; type?: string }) =>
                     `  - id: ${step.id}\n    type: ${step.type}`,
                 )
-                .join("\n")}`,
+                .join('\n')}`,
             });
           };
         }),
     );
     fireEvent.click(startSecondRunButton);
     await waitFor(() => {
-      expect(screen.queryByLabelText("Draft run console")).toBeNull();
+      expect(screen.queryByLabelText('Draft run console')).toBeNull();
     });
     await act(async () => {
       finishSecondSerialization?.();
       await flushAsyncWork();
     });
-    const secondRunConsole = await screen.findByLabelText("Draft run console");
+    const secondRunConsole = await screen.findByLabelText('Draft run console');
     expect(
-      within(secondRunConsole).getByTestId("workflow-execution-log-row-node-triage"),
-    ).toHaveTextContent("Pending");
+      within(secondRunConsole).getByTestId(
+        'workflow-execution-log-row-node-triage',
+      ),
+    ).toHaveTextContent('Not run');
     expect(
-      within(secondRunConsole).queryByTestId("workflow-execution-log-row-node-guard"),
+      within(secondRunConsole).queryByTestId(
+        'workflow-execution-log-row-node-guard',
+      ),
     ).toBeNull();
     expect(secondRunConsole).toHaveTextContent(/Steps\s*1/);
   });
 
-  it("starts a failed draft run from the draft run panel and keeps the error visible", async () => {
+  it('starts a failed draft run from the draft run panel and keeps the error visible', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
@@ -4782,184 +5157,188 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const runDraftButton = await screen.findByRole("button", {
-      name: "Run",
+    const runDraftButton = await screen.findByRole('button', {
+      name: 'Run',
     });
     await waitFor(() => {
       expect(runDraftButton).toBeEnabled();
     });
     fireEvent.click(runDraftButton);
-    const draftRunPanel = await screen.findByLabelText("Draft run panel");
+    const draftRunPanel = await screen.findByLabelText('Draft run panel');
     fireEvent.click(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     );
 
-    const resultPanel = await screen.findByTestId(
-      "member-run-result-panel",
-    );
+    const resultPanel = await screen.findByTestId('member-run-result-panel');
+    fireEvent.click(within(resultPanel).getByRole('radio', { name: 'Events' }));
     await waitFor(() => {
-      expect(within(resultPanel).getByLabelText("Log details")).toHaveTextContent(
-        "Authenticated member does not match requested member.",
+      expect(
+        within(resultPanel).getByLabelText('Log details'),
+      ).toHaveTextContent(
+        'Authenticated member does not match requested member.',
       );
     });
-    expect(resultPanel).toHaveTextContent("failed");
+    expect(resultPanel).toHaveTextContent('failed');
     expect(
-      within(resultPanel).getByTestId("workflow-execution-log-row-node-triage"),
-    ).toHaveTextContent("Pending");
-    expect(screen.queryByTestId("member-run-summary")).toBeNull();
-    expect(resultPanel).not.toHaveTextContent("Member run");
+      within(resultPanel).queryByTestId(
+        'workflow-execution-log-row-node-triage',
+      ),
+    ).toBeNull();
+    expect(resultPanel).toHaveTextContent(/Steps\s*1/);
+    expect(screen.queryByTestId('member-run-summary')).toBeNull();
+    expect(resultPanel).not.toHaveTextContent('Member run');
     expect(runtimeRunsApi.streamChat).not.toHaveBeenCalled();
-    expect(screen.getByLabelText("Draft run panel")).toBeTruthy();
+    expect(screen.getByLabelText('Draft run panel')).toBeTruthy();
   });
 
-  it("runs draft workflow members before they are published", async () => {
+  it('runs draft workflow members before they are published', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
     );
     (parseBackendSSEStream as jest.Mock).mockReturnValue(
-      createWorkflowInvokeEvents(""),
+      createWorkflowInvokeEvents(''),
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const runDraftButton = await screen.findByRole("button", {
-      name: "Run",
+    const runDraftButton = await screen.findByRole('button', {
+      name: 'Run',
     });
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
     await waitFor(() => {
       expect(runDraftButton).toBeEnabled();
     });
     fireEvent.click(runDraftButton);
-    const draftRunPanel = await screen.findByLabelText("Draft run panel");
+    const draftRunPanel = await screen.findByLabelText('Draft run panel');
     fireEvent.click(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     );
-    expect(screen.getByLabelText("Draft run panel")).toBeTruthy();
+    expect(screen.getByLabelText('Draft run panel')).toBeTruthy();
 
     await waitFor(() => {
       expect(runtimeRunsApi.streamDraftRun).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
-          prompt: "",
-          workflowYamls: [expect.stringContaining("name: Workflow Alpha")],
+          prompt: '',
+          workflowYamls: [expect.stringContaining('name: Workflow Alpha')],
         }),
         expect.any(AbortSignal),
       );
     });
-    const consolePanel = screen.getByLabelText("Draft run console");
+    const consolePanel = screen.getByLabelText('Draft run console');
     const triageLogRow = within(consolePanel).getByTestId(
-      "workflow-execution-log-row-node-triage",
+      'workflow-execution-log-row-node-triage',
     );
     fireEvent.click(triageLogRow);
-    expect(within(consolePanel).getByLabelText("Log details")).toHaveTextContent(
-      "No input captured for this node.",
-    );
-    expect(within(consolePanel).getByLabelText("Log details")).not.toHaveTextContent(
-      "Run Workflow Alpha",
-    );
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).toHaveTextContent('No input captured for this node.');
+    expect(
+      within(consolePanel).getByLabelText('Log details'),
+    ).not.toHaveTextContent('Run Workflow Alpha');
     expect(runtimeRunsApi.streamChat).not.toHaveBeenCalled();
   });
 
-  it("applies edited YAML into the workflow editor", async () => {
+  it('applies edited YAML into the workflow editor', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.parseYaml as jest.Mock).mockResolvedValue({
       document: {
-        name: "Imported workflow",
+        name: 'Imported workflow',
         roles: mockWorkflowDocument.roles,
         steps: [
           {
-            id: "triage",
-            type: "llm_call",
-            targetRole: "assistant",
-            parameters: { prompt_prefix: "Triage" },
-            next: "guard",
+            id: 'triage',
+            type: 'llm_call',
+            targetRole: 'assistant',
+            parameters: { prompt_prefix: 'Triage' },
+            next: 'guard',
             branches: {},
           },
           {
-            id: "guard",
-            type: "guard",
-            targetRole: "",
-            parameters: { check: "not_empty" },
+            id: 'guard',
+            type: 'guard',
+            targetRole: '',
+            parameters: { check: 'not_empty' },
             next: null,
             branches: {},
           },
@@ -4971,16 +5350,17 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:0")).toBeTruthy();
+      expect(screen.getByText('nodes:0')).toBeTruthy();
     });
-    clickYamlAction("Edit YAML");
-    expect(await screen.findByLabelText("Workflow YAML panel")).toBeTruthy();
-    fireEvent.change(await screen.findByLabelText("Workflow YAML editor"), {
+    clickYamlAction('Edit YAML');
+    expect(await screen.findByLabelText('Workflow YAML panel')).toBeTruthy();
+    fireEvent.change(await screen.findByLabelText('Workflow YAML editor'), {
       target: {
-        value: "name: Imported workflow\nsteps:\n  - id: triage\n    type: llm_call\n",
+        value:
+          'name: Imported workflow\nsteps:\n  - id: triage\n    type: llm_call\n',
       },
     });
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeEnabled();
     });
@@ -4988,23 +5368,23 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.parseYaml).toHaveBeenCalledWith({
-        yaml: expect.stringContaining("Imported workflow"),
+        yaml: expect.stringContaining('Imported workflow'),
         availableStepTypes: expect.any(Array),
       });
     });
-    expect(await screen.findByDisplayValue("Imported workflow")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Imported workflow')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
     });
-    expect(screen.getByLabelText("Workflow YAML panel")).toBeTruthy();
-    expect(screen.getByText("Unsaved changes")).toBeTruthy();
+    expect(screen.getByLabelText('Workflow YAML panel')).toBeTruthy();
+    expect(screen.getByText('Unsaved changes')).toBeTruthy();
   });
 
-  it("freezes YAML editing while Apply is in flight", async () => {
+  it('freezes YAML editing while Apply is in flight', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     let resolveApplySerialize: (() => void) | null = null;
     (studioApi.serializeYaml as jest.Mock).mockImplementation(
@@ -5013,11 +5393,14 @@ describe("TeamMemberWorkflowStudioPage", () => {
           document,
           findings: [],
           yaml: `name: ${document.name}\nsteps:\n${(document.steps ?? [])
-            .map((step: { id?: string; type?: string }) => `  - id: ${step.id}\n    type: ${step.type}`)
-            .join("\n")}`,
+            .map(
+              (step: { id?: string; type?: string }) =>
+                `  - id: ${step.id}\n    type: ${step.type}`,
+            )
+            .join('\n')}`,
         };
 
-        if (document.name === "Applied workflow") {
+        if (document.name === 'Applied workflow') {
           return new Promise((resolve) => {
             resolveApplySerialize = () => resolve(response);
           });
@@ -5029,16 +5412,16 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    await screen.findByLabelText("Workflow title");
-    clickYamlAction("Edit YAML");
-    const editor = await screen.findByLabelText("Workflow YAML editor");
+    await screen.findByLabelText('Workflow title');
+    clickYamlAction('Edit YAML');
+    const editor = await screen.findByLabelText('Workflow YAML editor');
     fireEvent.change(editor, {
       target: {
         value:
-          "name: Applied workflow\nsteps:\n  - id: triage\n    type: llm_call\n",
+          'name: Applied workflow\nsteps:\n  - id: triage\n    type: llm_call\n',
       },
     });
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeEnabled();
     });
@@ -5046,16 +5429,16 @@ describe("TeamMemberWorkflowStudioPage", () => {
     fireEvent.click(applyButton);
     await waitFor(() => {
       expect(resolveApplySerialize).toBeTruthy();
-      expect(editor).toHaveProperty("readOnly", true);
+      expect(editor).toHaveProperty('readOnly', true);
     });
     fireEvent.change(editor, {
       target: {
         value:
-          "name: Newer in-flight edit\nsteps:\n  - id: later\n    type: guard\n",
+          'name: Newer in-flight edit\nsteps:\n  - id: later\n    type: guard\n',
       },
     });
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Newer canvas title" },
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Newer canvas title' },
     });
 
     await act(async () => {
@@ -5063,90 +5446,90 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
 
     await waitFor(() => {
-      expect(editor).toHaveProperty("readOnly", false);
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:0");
-      expect(screen.getByLabelText("Workflow title")).toHaveValue(
-        "Newer canvas title",
+      expect(editor).toHaveProperty('readOnly', false);
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:0');
+      expect(screen.getByLabelText('Workflow title')).toHaveValue(
+        'Newer canvas title',
       );
       expect(
         screen.getAllByText(
-          "This YAML buffer was based on an older draft. Reopen Edit YAML from the current canvas before applying.",
+          'This YAML buffer was based on an older draft. Reopen Edit YAML from the current canvas before applying.',
         ),
       ).not.toHaveLength(0);
     });
     expect((editor as HTMLTextAreaElement).value).toContain(
-      "name: Applied workflow",
+      'name: Applied workflow',
     );
     expect((editor as HTMLTextAreaElement).value).not.toContain(
-      "Newer in-flight edit",
+      'Newer in-flight edit',
     );
     expect(
       (studioApi.parseYaml as jest.Mock).mock.calls.some(([input]) =>
-        String(input.yaml).includes("Newer in-flight edit"),
+        String(input.yaml).includes('Newer in-flight edit'),
       ),
     ).toBe(false);
   });
 
-  it("keeps applied YAML in the edit buffer", async () => {
+  it('keeps applied YAML in the edit buffer', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
         steps: [],
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.parseYaml as jest.Mock).mockResolvedValue({
       document: {
-        name: "Imported workflow",
+        name: 'Imported workflow',
         roles: mockWorkflowDocument.roles,
         steps: [
           {
-            id: "triage",
-            type: "llm_call",
-            targetRole: "assistant",
-            parameters: { prompt_prefix: "Triage" },
-            next: "guard",
+            id: 'triage',
+            type: 'llm_call',
+            targetRole: 'assistant',
+            parameters: { prompt_prefix: 'Triage' },
+            next: 'guard',
             branches: {},
           },
           {
-            id: "guard",
-            type: "guard",
-            targetRole: "",
-            parameters: { check: "not_empty" },
+            id: 'guard',
+            type: 'guard',
+            targetRole: '',
+            parameters: { check: 'not_empty' },
             next: null,
             branches: {},
           },
@@ -5158,47 +5541,47 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:0")).toBeTruthy();
+      expect(screen.getByText('nodes:0')).toBeTruthy();
     });
-    clickYamlAction("Edit YAML");
-    expect(await screen.findByLabelText("Workflow YAML panel")).toBeTruthy();
-    fireEvent.change(await screen.findByLabelText("Workflow YAML editor"), {
+    clickYamlAction('Edit YAML');
+    expect(await screen.findByLabelText('Workflow YAML panel')).toBeTruthy();
+    fireEvent.change(await screen.findByLabelText('Workflow YAML editor'), {
       target: {
         value:
-          "name: Imported workflow\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n",
+          'name: Imported workflow\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n',
       },
     });
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeEnabled();
     });
     fireEvent.click(applyButton);
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:2")).toBeTruthy();
+      expect(screen.getByText('nodes:2')).toBeTruthy();
     });
-    expect(screen.getByText("Unsaved changes")).toBeTruthy();
-    const yamlView = await screen.findByLabelText("Workflow YAML editor");
+    expect(screen.getByText('Unsaved changes')).toBeTruthy();
+    const yamlView = await screen.findByLabelText('Workflow YAML editor');
     await waitFor(() => {
       const yamlValue = (yamlView as HTMLTextAreaElement).value;
-      expect(yamlValue).toContain("name: Imported workflow");
-      expect(yamlValue).toContain("id: guard");
-      expect(yamlValue).not.toContain("Workflow Alpha");
+      expect(yamlValue).toContain('name: Imported workflow');
+      expect(yamlValue).toContain('id: guard');
+      expect(yamlValue).not.toContain('Workflow Alpha');
       expect(studioApi.serializeYaml).toHaveBeenCalledWith(
         expect.objectContaining({
           availableStepTypes: expect.any(Array),
           document: expect.objectContaining({
-            name: "Imported workflow",
+            name: 'Imported workflow',
             steps: expect.arrayContaining([
-              expect.objectContaining({ id: "triage" }),
-              expect.objectContaining({ id: "guard" }),
+              expect.objectContaining({ id: 'triage' }),
+              expect.objectContaining({ id: 'guard' }),
             ]),
           }),
         }),
       );
     });
     await waitFor(() => {
-      expect(screen.queryByText("Unapplied")).toBeNull();
+      expect(screen.queryByText('Unapplied')).toBeNull();
       expect(applyButton).toBeDisabled();
     });
     fireEvent.change(yamlView, {
@@ -5207,47 +5590,50 @@ describe("TeamMemberWorkflowStudioPage", () => {
       },
     });
     await waitFor(() => {
-      expect(screen.getByText("Unapplied")).toBeTruthy();
+      expect(screen.getByText('Unapplied')).toBeTruthy();
       expect(applyButton).toBeEnabled();
     });
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
   });
 
-  it("keeps Apply to draft enabled after a valid YAML apply failure", async () => {
+  it('keeps Apply to draft enabled after a valid YAML apply failure', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
     (studioApi.serializeYaml as jest.Mock).mockImplementation(
       async ({ document }) => {
-        if (document.name === "Rejected apply") {
-          throw new Error("Apply serialization failed");
+        if (document.name === 'Rejected apply') {
+          throw new Error('Apply serialization failed');
         }
 
         return {
           document,
           findings: [],
           yaml: `name: ${document.name}\nsteps:\n${(document.steps ?? [])
-            .map((step: { id?: string; type?: string }) => `  - id: ${step.id}\n    type: ${step.type}`)
-            .join("\n")}`,
+            .map(
+              (step: { id?: string; type?: string }) =>
+                `  - id: ${step.id}\n    type: ${step.type}`,
+            )
+            .join('\n')}`,
         };
       },
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    await screen.findByLabelText("Workflow title");
-    clickYamlAction("Edit YAML");
-    const editor = await screen.findByLabelText("Workflow YAML editor");
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    await screen.findByLabelText('Workflow title');
+    clickYamlAction('Edit YAML');
+    const editor = await screen.findByLabelText('Workflow YAML editor');
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     expect(applyButton).toBeDisabled();
 
     fireEvent.change(editor, {
       target: {
         value:
-          "name: Rejected apply\nsteps:\n  - id: triage\n    type: llm_call\n",
+          'name: Rejected apply\nsteps:\n  - id: triage\n    type: llm_call\n',
       },
     });
     await waitFor(() => {
@@ -5257,58 +5643,58 @@ describe("TeamMemberWorkflowStudioPage", () => {
     fireEvent.click(applyButton);
 
     await waitFor(() => {
-      expect(screen.getByText("Apply serialization failed")).toBeTruthy();
+      expect(screen.getByText('Apply serialization failed')).toBeTruthy();
       expect(applyButton).toBeEnabled();
     });
     expect(editor).toHaveValue(
-      "name: Rejected apply\nsteps:\n  - id: triage\n    type: llm_call\n",
+      'name: Rejected apply\nsteps:\n  - id: triage\n    type: llm_call\n',
     );
-    expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:0");
+    expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:0');
   });
 
-  it("keeps invalid YAML in the buffer and preserves the current graph", async () => {
+  it('keeps invalid YAML in the buffer and preserves the current graph', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.parseYaml as jest.Mock).mockImplementation(
       async ({ yaml }: { yaml: string }) => {
-        if (yaml === "not: valid") {
-          throw new Error("Invalid workflow YAML");
+        if (yaml === 'not: valid') {
+          throw new Error('Invalid workflow YAML');
         }
 
         return {
@@ -5321,84 +5707,90 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
-    expect(await screen.findByLabelText("Workflow YAML panel")).toBeTruthy();
-    fireEvent.change(await screen.findByLabelText("Workflow YAML editor"), {
-      target: { value: "not: valid" },
+    clickYamlAction('Edit YAML');
+    expect(await screen.findByLabelText('Workflow YAML panel')).toBeTruthy();
+    fireEvent.change(await screen.findByLabelText('Workflow YAML editor'), {
+      target: { value: 'not: valid' },
     });
 
     await waitFor(() => {
       expect(studioApi.parseYaml).toHaveBeenCalledWith({
-        yaml: "not: valid",
+        yaml: 'not: valid',
         availableStepTypes: expect.any(Array),
       });
     });
-    expect(screen.getByLabelText("Workflow YAML panel")).toBeTruthy();
-    expect(screen.getByText("Invalid workflow YAML")).toBeTruthy();
-    expect(await screen.findByLabelText("Workflow YAML editor")).toHaveValue("not: valid");
-    expect(screen.getByRole("button", { name: "Apply to draft" })).toBeDisabled();
-    expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
-    expect(screen.getByRole("button", { name: "node:step:triage" })).toBeTruthy();
-    expect(screen.queryByText("Unsaved changes")).toBeNull();
+    expect(screen.getByLabelText('Workflow YAML panel')).toBeTruthy();
+    expect(screen.getByText('Invalid workflow YAML')).toBeTruthy();
+    expect(await screen.findByLabelText('Workflow YAML editor')).toHaveValue(
+      'not: valid',
+    );
+    expect(
+      screen.getByRole('button', { name: 'Apply to draft' }),
+    ).toBeDisabled();
+    expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
+    expect(
+      screen.getByRole('button', { name: 'node:step:triage' }),
+    ).toBeTruthy();
+    expect(screen.queryByText('Unsaved changes')).toBeNull();
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
   });
 
-  it("blocks applying YAML with error-level findings", async () => {
+  it('blocks applying YAML with error-level findings', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.parseYaml as jest.Mock).mockImplementation(
       async ({ yaml }: { yaml: string }) => ({
         document: {
           ...mockWorkflowDocument,
-          name: yaml.includes("unknown_field")
-            ? "Rejected workflow"
-            : "Workflow Alpha",
+          name: yaml.includes('unknown_field')
+            ? 'Rejected workflow'
+            : 'Workflow Alpha',
         },
-        findings: yaml.includes("unknown_field")
+        findings: yaml.includes('unknown_field')
           ? [
               {
                 level: 2,
-                path: "/steps/0/unknown_field",
+                path: '/steps/0/unknown_field',
                 message: "Unknown field 'unknown_field'.",
-                code: "unknown_field",
+                code: 'unknown_field',
               },
             ]
           : [],
@@ -5408,79 +5800,83 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
-    fireEvent.change(await screen.findByLabelText("Workflow YAML editor"), {
+    clickYamlAction('Edit YAML');
+    fireEvent.change(await screen.findByLabelText('Workflow YAML editor'), {
       target: {
         value:
-          "name: Rejected workflow\nsteps:\n  - id: triage\n    type: llm_call\n    unknown_field: true\n",
+          'name: Rejected workflow\nsteps:\n  - id: triage\n    type: llm_call\n    unknown_field: true\n',
       },
     });
 
     await waitFor(() => {
       expect(studioApi.parseYaml).toHaveBeenCalledWith(
         expect.objectContaining({
-          yaml: expect.stringContaining("unknown_field"),
+          yaml: expect.stringContaining('unknown_field'),
         }),
       );
     });
-    expect(await screen.findByText(/Unknown field 'unknown_field'\./)).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Apply to draft" })).toBeDisabled();
-    expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
-    expect(screen.queryByText("Unsaved changes")).toBeNull();
+    expect(
+      await screen.findByText(/Unknown field 'unknown_field'\./),
+    ).toBeTruthy();
+    expect(
+      screen.getByRole('button', { name: 'Apply to draft' }),
+    ).toBeDisabled();
+    expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
+    expect(screen.queryByText('Unsaved changes')).toBeNull();
   });
 
-  it("ignores stale YAML validation responses", async () => {
+  it('ignores stale YAML validation responses', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     let resolveBad: ((value: unknown) => void) | null = null;
     let resolveGood: ((value: unknown) => void) | null = null;
     (studioApi.parseYaml as jest.Mock).mockImplementation(
       ({ yaml }: { yaml: string }) => {
-        if (yaml.includes("bad-step")) {
+        if (yaml.includes('bad-step')) {
           return new Promise((resolve) => {
             resolveBad = resolve;
           });
         }
 
-        if (yaml.includes("good-step")) {
+        if (yaml.includes('good-step')) {
           return new Promise((resolve) => {
             resolveGood = resolve;
           });
@@ -5496,13 +5892,13 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
-    const editor = await screen.findByLabelText("Workflow YAML editor");
+    clickYamlAction('Edit YAML');
+    const editor = await screen.findByLabelText('Workflow YAML editor');
     fireEvent.change(editor, {
       target: {
-        value: "name: bad-step\nsteps:\n  - id: bad-step\n    type: llm_call\n",
+        value: 'name: bad-step\nsteps:\n  - id: bad-step\n    type: llm_call\n',
       },
     });
     await waitFor(() => {
@@ -5510,7 +5906,8 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
     fireEvent.change(editor, {
       target: {
-        value: "name: good-step\nsteps:\n  - id: good-step\n    type: llm_call\n",
+        value:
+          'name: good-step\nsteps:\n  - id: good-step\n    type: llm_call\n',
       },
     });
     await waitFor(() => {
@@ -5521,12 +5918,12 @@ describe("TeamMemberWorkflowStudioPage", () => {
       resolveGood?.({
         document: {
           ...mockWorkflowDocument,
-          name: "good-step",
+          name: 'good-step',
           steps: [
             {
-              id: "good-step",
-              type: "llm_call",
-              targetRole: "assistant",
+              id: 'good-step',
+              type: 'llm_call',
+              targetRole: 'assistant',
               parameters: {},
               next: null,
               branches: {},
@@ -5540,146 +5937,148 @@ describe("TeamMemberWorkflowStudioPage", () => {
         findings: [
           {
             level: 2,
-            path: "/steps/0/type",
-            message: "bad-step is invalid.",
+            path: '/steps/0/type',
+            message: 'bad-step is invalid.',
           },
         ],
       });
     });
 
     await waitFor(() => {
-      expect(screen.queryByText("bad-step is invalid.")).toBeNull();
-      expect(screen.getByRole("button", { name: "Apply to draft" })).toBeEnabled();
+      expect(screen.queryByText('bad-step is invalid.')).toBeNull();
+      expect(
+        screen.getByRole('button', { name: 'Apply to draft' }),
+      ).toBeEnabled();
     });
   });
 
-  it("refreshes an unchanged YAML buffer after the draft revision advances", async () => {
+  it('refreshes an unchanged YAML buffer after the draft revision advances', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const titleInput = await screen.findByLabelText("Workflow title");
-    clickYamlAction("Edit YAML");
-    const editor = await screen.findByLabelText("Workflow YAML editor");
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const titleInput = await screen.findByLabelText('Workflow title');
+    clickYamlAction('Edit YAML');
+    const editor = await screen.findByLabelText('Workflow YAML editor');
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeDisabled();
     });
 
     fireEvent.change(titleInput, {
-      target: { value: "Renamed member" },
+      target: { value: 'Renamed member' },
     });
 
     await waitFor(() => {
       expect((editor as HTMLTextAreaElement).value).toContain(
-        "name: Renamed member",
+        'name: Renamed member',
       );
       expect(applyButton).toBeDisabled();
       expect(
         screen.queryByText(
-          "This YAML buffer is stale because the canvas or source draft changed.",
+          'This YAML buffer is stale because the canvas or source draft changed.',
         ),
       ).toBeNull();
     });
-    expect(titleInput).toHaveValue("Renamed member");
+    expect(titleInput).toHaveValue('Renamed member');
   });
 
-  it("blocks edited YAML after the draft revision advances", async () => {
+  it('blocks edited YAML after the draft revision advances', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const titleInput = await screen.findByLabelText("Workflow title");
-    clickYamlAction("Edit YAML");
-    const editor = await screen.findByLabelText("Workflow YAML editor");
+    const titleInput = await screen.findByLabelText('Workflow title');
+    clickYamlAction('Edit YAML');
+    const editor = await screen.findByLabelText('Workflow YAML editor');
     fireEvent.change(editor, {
-      target: { value: "name: YAML title\nsteps:\n" },
+      target: { value: 'name: YAML title\nsteps:\n' },
     });
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeEnabled();
     });
 
     fireEvent.change(titleInput, {
-      target: { value: "Canvas title" },
+      target: { value: 'Canvas title' },
     });
 
     await waitFor(() => {
-      expect(editor).toHaveValue("name: YAML title\nsteps:\n");
+      expect(editor).toHaveValue('name: YAML title\nsteps:\n');
       expect(applyButton).toBeDisabled();
       expect(
         screen.getByText(
-          "This YAML buffer is stale because the canvas or source draft changed.",
+          'This YAML buffer is stale because the canvas or source draft changed.',
         ),
       ).toBeTruthy();
     });
   });
 
-  it("keeps a declined source refresh pending until YAML edits are discarded", async () => {
+  it('keeps a declined source refresh pending until YAML edits are discarded', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     const loadedWorkflow = {
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     };
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue(loadedWorkflow);
-    const confirmSpy = jest.spyOn(window, "confirm").mockReturnValue(false);
+    const confirmSpy = jest.spyOn(window, 'confirm').mockReturnValue(false);
     const { queryClient } = renderWithQueryClient(
       React.createElement(TeamMemberWorkflowStudioPage),
     );
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
-    const editor = await screen.findByLabelText("Workflow YAML editor");
+    clickYamlAction('Edit YAML');
+    const editor = await screen.findByLabelText('Workflow YAML editor');
     fireEvent.change(editor, {
       target: {
         value:
-          "name: Local YAML edit\nsteps:\n  - id: triage\n    type: llm_call\n",
+          'name: Local YAML edit\nsteps:\n  - id: triage\n    type: llm_call\n',
       },
     });
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeEnabled();
     });
@@ -5687,33 +6086,32 @@ describe("TeamMemberWorkflowStudioPage", () => {
     act(() => {
       queryClient.setQueryData(
         [
-          "team-member-workflow-studio",
-          "workflow",
-          "scope-1",
-          "workflow-alpha",
-          "draft",
+          'team-member-workflow-studio',
+          'workflow',
+          'scope-1',
+          'workflow-alpha',
+          'draft',
         ],
         {
           ...loadedWorkflow,
           document: {
             ...mockWorkflowDocument,
-            name: "Server workflow",
+            name: 'Server workflow',
             steps: [
               ...mockWorkflowDocument.steps,
               {
-                id: "guard",
-                type: "guard",
-                targetRole: "",
-                parameters: { check: "not_empty" },
+                id: 'guard',
+                type: 'guard',
+                targetRole: '',
+                parameters: { check: 'not_empty' },
                 next: null,
                 branches: {},
               },
             ],
           },
-          name: "Server workflow",
-          updatedAtUtc: "2026-06-08T00:00:01Z",
-          yaml:
-            "name: Server workflow\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n",
+          name: 'Server workflow',
+          updatedAtUtc: '2026-06-08T00:00:01Z',
+          yaml: 'name: Server workflow\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n',
         },
       );
     });
@@ -5723,59 +6121,61 @@ describe("TeamMemberWorkflowStudioPage", () => {
       expect(applyButton).toBeDisabled();
       expect(
         screen.getByText(
-          "This YAML buffer is stale because the canvas or source draft changed.",
+          'This YAML buffer is stale because the canvas or source draft changed.',
         ),
       ).toBeTruthy();
     });
-    expect((editor as HTMLTextAreaElement).value).toContain("Local YAML edit");
-    expect(screen.getByLabelText("Workflow title")).toHaveValue("Workflow Alpha");
-    expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+    expect((editor as HTMLTextAreaElement).value).toContain('Local YAML edit');
+    expect(screen.getByLabelText('Workflow title')).toHaveValue(
+      'Workflow Alpha',
+    );
+    expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
 
     confirmSpy.mockReturnValue(true);
-    fireEvent.click(screen.getByRole("button", { name: "canvas" }));
+    fireEvent.click(screen.getByRole('button', { name: 'canvas' }));
 
     await waitFor(() => {
       expect(confirmSpy).toHaveBeenCalledTimes(2);
-      expect(screen.queryByLabelText("Workflow YAML panel")).toBeNull();
-      expect(screen.getByLabelText("Workflow title")).toHaveValue(
-        "Server workflow",
+      expect(screen.queryByLabelText('Workflow YAML panel')).toBeNull();
+      expect(screen.getByLabelText('Workflow title')).toHaveValue(
+        'Server workflow',
       );
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:2");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:2');
     });
     confirmSpy.mockRestore();
   });
 
-  it("preserves unchanged step layout and adds new YAML steps deterministically", async () => {
+  it('preserves unchanged step layout and adds new YAML steps deterministically', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: {
         nodePositions: {
@@ -5784,53 +6184,53 @@ describe("TeamMemberWorkflowStudioPage", () => {
         },
         viewport: { x: 10, y: 20, zoom: 0.8 },
       },
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Layout Applied",
-      workflowId: "workflow-alpha",
-      yaml: "name: Layout Applied\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n",
+      name: 'Layout Applied',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Layout Applied\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n',
       document: null,
-      updatedAtUtc: "2026-06-08T00:00:02Z",
+      updatedAtUtc: '2026-06-08T00:00:02Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
-    fireEvent.change(await screen.findByLabelText("Workflow YAML editor"), {
+    clickYamlAction('Edit YAML');
+    fireEvent.change(await screen.findByLabelText('Workflow YAML editor'), {
       target: {
         value:
-          "name: Layout Applied\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n",
+          'name: Layout Applied\nsteps:\n  - id: triage\n    type: llm_call\n  - id: guard\n    type: guard\n',
       },
     });
-    const applyButton = screen.getByRole("button", { name: "Apply to draft" });
+    const applyButton = screen.getByRole('button', { name: 'Apply to draft' });
     await waitFor(() => {
       expect(applyButton).toBeEnabled();
     });
     fireEvent.click(applyButton);
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:2");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:2');
     });
 
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          workflowName: "Layout Applied",
+          workflowName: 'Layout Applied',
           layout: expect.objectContaining({
             nodePositions: expect.objectContaining({
               triage: { x: 900, y: 320 },
@@ -5848,113 +6248,113 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(savedLayout.nodePositions.deleted).toBeUndefined();
   });
 
-  it("confirms before discarding unapplied YAML edits when returning to canvas", async () => {
+  it('confirms before discarding unapplied YAML edits when returning to canvas', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     const confirmSpy = jest
-      .spyOn(window, "confirm")
+      .spyOn(window, 'confirm')
       .mockReturnValueOnce(false)
       .mockReturnValueOnce(true);
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    clickYamlAction("Edit YAML");
-    fireEvent.change(await screen.findByLabelText("Workflow YAML editor"), {
+    clickYamlAction('Edit YAML');
+    fireEvent.change(await screen.findByLabelText('Workflow YAML editor'), {
       target: {
         value:
-          "name: Edited but unapplied\nsteps:\n  - id: triage\n    type: llm_call\n",
+          'name: Edited but unapplied\nsteps:\n  - id: triage\n    type: llm_call\n',
       },
     });
-    fireEvent.click(screen.getByRole("button", { name: "canvas" }));
+    fireEvent.click(screen.getByRole('button', { name: 'canvas' }));
     expect(confirmSpy).toHaveBeenCalledWith(
-      "You have unapplied YAML edits. Discard them and return to the canvas?",
+      'You have unapplied YAML edits. Discard them and return to the canvas?',
     );
-    expect(screen.getByLabelText("Workflow YAML panel")).toBeTruthy();
+    expect(screen.getByLabelText('Workflow YAML panel')).toBeTruthy();
 
-    fireEvent.click(screen.getByRole("button", { name: "canvas" }));
+    fireEvent.click(screen.getByRole('button', { name: 'canvas' }));
     await waitFor(() => {
-      expect(screen.queryByLabelText("Workflow YAML panel")).toBeNull();
+      expect(screen.queryByLabelText('Workflow YAML panel')).toBeNull();
     });
     confirmSpy.mockRestore();
   });
 
-  it("does not clear newer dirty state when an older save completes", async () => {
+  it('does not clear newer dirty state when an older save completes', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     let resolveSave: ((workflow: unknown) => void) | null = null;
     (studioApi.saveWorkflow as jest.Mock).mockReturnValue(
@@ -5966,179 +6366,181 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    const titleInput = await screen.findByLabelText("Workflow title");
-    fireEvent.change(titleInput, { target: { value: "First save title" } });
+    const titleInput = await screen.findByLabelText('Workflow title');
+    fireEvent.change(titleInput, { target: { value: 'First save title' } });
     await waitFor(() => {
-      expect(screen.getByRole("button", { name: "Save" })).toBeEnabled();
+      expect(screen.getByRole('button', { name: 'Save' })).toBeEnabled();
     });
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledTimes(1);
     });
-    fireEvent.change(titleInput, { target: { value: "Newer dirty title" } });
+    fireEvent.change(titleInput, { target: { value: 'Newer dirty title' } });
 
     await act(async () => {
       resolveSave?.({
-        directoryId: "scope:scope-1",
-        directoryLabel: "scope-1",
+        directoryId: 'scope:scope-1',
+        directoryLabel: 'scope-1',
         draftExists: true,
-        fileName: "workflow-alpha.yaml",
-        filePath: "scope://scope-1/workflow-alpha.yaml",
+        fileName: 'workflow-alpha.yaml',
+        filePath: 'scope://scope-1/workflow-alpha.yaml',
         findings: [],
         layout: null,
-        name: "First save title",
-        workflowId: "workflow-alpha",
-        yaml: "name: First save title\nsteps:\n  - id: triage\n    type: llm_call\n",
+        name: 'First save title',
+        workflowId: 'workflow-alpha',
+        yaml: 'name: First save title\nsteps:\n  - id: triage\n    type: llm_call\n',
         document: null,
-        updatedAtUtc: "2026-06-08T00:00:02Z",
+        updatedAtUtc: '2026-06-08T00:00:02Z',
       });
     });
 
     await waitFor(() => {
-      expect(screen.getByText("Unsaved changes")).toBeTruthy();
-      expect(screen.getByLabelText("Workflow title")).toHaveValue(
-        "Newer dirty title",
+      expect(screen.getByText('Unsaved changes')).toBeTruthy();
+      expect(screen.getByLabelText('Workflow title')).toHaveValue(
+        'Newer dirty title',
       );
     });
   });
 
-  it("blocks saving when serialized draft diagnostics contain errors", async () => {
+  it('blocks saving when serialized draft diagnostics contain errors', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps:\n  - id: triage\n    type: llm_call\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.serializeYaml as jest.Mock).mockResolvedValue({
       document: mockWorkflowDocument,
       findings: [
         {
           level: 2,
-          path: "/",
-          message: "Runtime validation rejected this YAML.",
-          code: "runtime_validation",
+          path: '/',
+          message: 'Runtime validation rejected this YAML.',
+          code: 'runtime_validation',
         },
       ],
-      yaml: "name: Workflow Alpha renamed\nsteps:\n  - id: triage\n    type: llm_call\n",
+      yaml: 'name: Workflow Alpha renamed\nsteps:\n  - id: triage\n    type: llm_call\n',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Workflow Alpha renamed" },
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Workflow Alpha renamed' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
       expect(studioApi.serializeYaml).toHaveBeenCalled();
     });
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
-    expect(screen.getByText("Unsaved changes")).toBeTruthy();
+    expect(screen.getByText('Unsaved changes')).toBeTruthy();
   });
 
-  it("loads only the route workflow id even when member detail has binding facts", async () => {
+  it('loads only the route workflow id even when member detail has binding facts', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-from-member-detail",
-        workflowRevision: "rev-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-from-member-detail',
+        workflowRevision: 'rev-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-alpha",
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-alpha',
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "service-alpha",
-        revisionId: "rev-alpha",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'service-alpha',
+        revisionId: 'rev-alpha',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (runtimeRunsApi.streamDraftRun as jest.Mock).mockResolvedValue(
       createSseResponse(),
     );
-    (parseBackendSSEStream as jest.Mock).mockReturnValue(createWorkflowInvokeEvents());
+    (parseBackendSSEStream as jest.Mock).mockReturnValue(
+      createWorkflowInvokeEvents(),
+    );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    const runDraftButton = await screen.findByRole("button", {
-      name: "Run",
+    const runDraftButton = await screen.findByRole('button', {
+      name: 'Run',
     });
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
     expect(studioApi.getWorkflow).toHaveBeenCalledWith(
-      "workflow-alpha",
-      "scope-1",
+      'workflow-alpha',
+      'scope-1',
     );
     expect(studioApi.getWorkflow).not.toHaveBeenCalledWith(
-      "workflow-from-member-detail",
-      "scope-1",
+      'workflow-from-member-detail',
+      'scope-1',
     );
     expect(studioApi.listWorkflows).not.toHaveBeenCalled();
     expect(scopeRuntimeApi.listServices).not.toHaveBeenCalled();
@@ -6147,17 +6549,17 @@ describe("TeamMemberWorkflowStudioPage", () => {
       expect(runDraftButton).toBeEnabled();
     });
     fireEvent.click(runDraftButton);
-    const draftRunPanel = await screen.findByLabelText("Draft run panel");
+    const draftRunPanel = await screen.findByLabelText('Draft run panel');
     fireEvent.click(
-      within(draftRunPanel).getByRole("button", { name: "Start draft run" }),
+      within(draftRunPanel).getByRole('button', { name: 'Start draft run' }),
     );
 
     await waitFor(() => {
       expect(runtimeRunsApi.streamDraftRun).toHaveBeenCalledWith(
-        "scope-1",
+        'scope-1',
         expect.objectContaining({
-          prompt: "",
-          workflowYamls: [expect.stringContaining("name: Workflow Alpha")],
+          prompt: '',
+          workflowYamls: [expect.stringContaining('name: Workflow Alpha')],
         }),
         expect.any(AbortSignal),
       );
@@ -6165,53 +6567,53 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(runtimeRunsApi.streamChat).not.toHaveBeenCalled();
   });
 
-  it("does not recover a workflow draft from published service or revision facts when the member read model omits the draft link", async () => {
+  it('does not recover a workflow draft from published service or revision facts when the member read model omits the draft link', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "",
-        workflowRevision: "rev-alpha",
+        implementationKind: 'workflow',
+        workflowId: '',
+        workflowRevision: 'rev-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-alpha",
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-alpha',
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "service-alpha",
-        revisionId: "rev-alpha",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'service-alpha',
+        revisionId: 'rev-alpha',
       },
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("Workflow Alpha")).toBeTruthy();
+    expect(await screen.findByDisplayValue('Workflow Alpha')).toBeTruthy();
     expect(
       await screen.findAllByText(
-        "No workflow draft is linked to this member yet.",
+        'No workflow draft is linked to this member yet.',
       ),
     ).not.toHaveLength(0);
     expect(
       screen.getByText(
-        "This published member has no materialized draft workflow link. Refresh after the member read model exposes its draft workflow id.",
+        'This published member has no materialized draft workflow link. Refresh after the member read model exposes its draft workflow id.',
       ),
     ).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Save' })).toBeDisabled();
     expect(studioApi.getWorkflow).not.toHaveBeenCalled();
     expect(studioApi.listWorkflows).not.toHaveBeenCalled();
     expect(scopeRuntimeApi.listServices).not.toHaveBeenCalled();
@@ -6219,72 +6621,72 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(runtimeRunsApi.streamChat).not.toHaveBeenCalled();
   });
 
-  it("requires a fresh explicit-request confirmation before publishing an existing workflow member", async () => {
+  it('requires a fresh explicit-request confirmation before publishing an existing workflow member', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.saveWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:01Z",
+      updatedAtUtc: '2026-06-08T00:00:01Z',
     });
     (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-1",
-      memberId: "m-alpha",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-1',
+      memberId: 'm-alpha',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-1",
-      memberId: "m-alpha",
-      scopeId: "scope-1",
-      status: "succeeded",
+      bindingRunId: 'binding-run-1',
+      memberId: 'm-alpha',
+      scopeId: 'scope-1',
+      status: 'succeeded',
       stateVersion: 2,
-      updatedAt: "2026-06-08T00:00:02Z",
+      updatedAt: '2026-06-08T00:00:02Z',
     });
     (studioApi.previewExplicitRequests as jest.Mock).mockImplementation(
       (input: { workflowId: string; revisionId: string }) => ({
@@ -6292,17 +6694,17 @@ describe("TeamMemberWorkflowStudioPage", () => {
         revisionId: input.revisionId,
         items: [
           {
-            callSiteId: "wf-alpha/request-alpha",
-            requestContractDigest: "digest-alpha",
-            userServiceId: "usvc-alpha",
-            method: "post",
-            pathTemplate: "/records/{id}",
-            bodyMode: "json",
+            callSiteId: 'wf-alpha/request-alpha',
+            requestContractDigest: 'digest-alpha',
+            userServiceId: 'usvc-alpha',
+            method: 'post',
+            pathTemplate: '/records/{id}',
+            bodyMode: 'json',
             bodyRequired: true,
-            responseMode: "text",
-            effectiveRisk: "write",
+            responseMode: 'text',
+            effectiveRisk: 'write',
             approvalRequired: true,
-            allowedExecutionModes: ["interactive"],
+            allowedExecutionModes: ['interactive'],
           },
         ],
       }),
@@ -6311,26 +6713,26 @@ describe("TeamMemberWorkflowStudioPage", () => {
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Workflow Alpha Published" },
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Workflow Alpha Published' },
     });
-    expect(screen.queryByRole("switch")).toBeNull();
+    expect(screen.queryByRole('switch')).toBeNull();
     clickPublishAction();
 
     await waitFor(() => {
       expect(studioApi.previewExplicitRequests).toHaveBeenCalledWith({
-        executionMode: "interactive",
+        executionMode: 'interactive',
         inlineWorkflowYamls: {},
         revisionId: expect.stringMatching(/^rev-/),
-        scopeId: "scope-1",
-        workflowId: "workflow-alpha",
-        workflowYaml: expect.stringContaining("name: Workflow Alpha Published"),
+        scopeId: 'scope-1',
+        workflowId: 'workflow-alpha',
+        workflowYaml: expect.stringContaining('name: Workflow Alpha Published'),
       });
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          title: "Review external requests",
+          title: 'Review external requests',
         }),
       );
     });
@@ -6342,16 +6744,17 @@ describe("TeamMemberWorkflowStudioPage", () => {
     });
     await waitFor(() => {
       expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
-      expect(screen.getByRole("button", { name: "Publish" })).toBeEnabled();
+      expect(screen.getByRole('button', { name: 'Publish' })).toBeEnabled();
     });
 
     clickPublishAction();
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledTimes(2);
     });
-    const secondPreviewInput = (studioApi.previewExplicitRequests as jest.Mock).mock
+    const secondPreviewInput = (studioApi.previewExplicitRequests as jest.Mock)
+      .mock.calls[1]?.[0];
+    const reconfirmationConfig = (Modal.confirm as jest.Mock).mock
       .calls[1]?.[0];
-    const reconfirmationConfig = (Modal.confirm as jest.Mock).mock.calls[1]?.[0];
     await act(async () => {
       await reconfirmationConfig.onOk();
     });
@@ -6359,42 +6762,46 @@ describe("TeamMemberWorkflowStudioPage", () => {
     await waitFor(() => {
       expect(studioApi.saveWorkflow).toHaveBeenCalledWith(
         expect.objectContaining({
-          scopeId: "scope-1",
-          workflowId: "workflow-alpha",
-          workflowName: "Workflow Alpha Published",
+          scopeId: 'scope-1',
+          workflowId: 'workflow-alpha',
+          workflowName: 'Workflow Alpha Published',
         }),
       );
       expect(studioApi.updateMemberDisplayName).toHaveBeenCalledWith({
-        displayName: "Workflow Alpha Published",
-        memberId: "m-alpha",
-        scopeId: "scope-1",
+        displayName: 'Workflow Alpha Published',
+        memberId: 'm-alpha',
+        scopeId: 'scope-1',
       });
       expect(studioApi.bindMemberWorkflow).toHaveBeenCalledWith({
-        displayName: "Workflow Alpha Published",
-        memberId: "m-alpha",
-        scopeId: "scope-1",
-        workflowId: "workflow-alpha",
+        displayName: 'Workflow Alpha Published',
+        memberId: 'm-alpha',
+        scopeId: 'scope-1',
+        workflowId: 'workflow-alpha',
         revisionId: secondPreviewInput.revisionId,
-        workflowYamls: [expect.stringContaining("name: Workflow Alpha Published")],
+        workflowYamls: [
+          expect.stringContaining('name: Workflow Alpha Published'),
+        ],
         explicitRequestConfirmations: [
           {
-            workflowId: "workflow-alpha",
+            workflowId: 'workflow-alpha',
             revisionId: secondPreviewInput.revisionId,
-            callSiteId: "wf-alpha/request-alpha",
-            requestContractDigest: "digest-alpha",
-            attestedRisk: "write",
+            callSiteId: 'wf-alpha/request-alpha',
+            requestContractDigest: 'digest-alpha',
+            attestedRisk: 'write',
           },
         ],
       });
       expect(studioApi.getMemberBindingRun).toHaveBeenCalledWith(
-        "scope-1",
-        "m-alpha",
-        "binding-run-1",
+        'scope-1',
+        'm-alpha',
+        'binding-run-1',
       );
     });
     await waitFor(() => {
-      expect(screen.getByText("Published")).toBeTruthy();
-      expect(screen.getByTitle(/Published member workflow is serviceable/)).toBeTruthy();
+      expect(screen.getByText('Published')).toBeTruthy();
+      expect(
+        screen.getByTitle(/Published member workflow is serviceable/),
+      ).toBeTruthy();
     });
     const memberBindingInput = (studioApi.bindMemberWorkflow as jest.Mock).mock
       .calls[0]?.[0];
@@ -6408,61 +6815,61 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.setTeamEntryMember).not.toHaveBeenCalled();
   });
 
-  it("blocks publish when selected node configuration is invalid", async () => {
+  it('blocks publish when selected node configuration is invalid', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Workflow Alpha Published" },
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Workflow Alpha Published' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "node:step:triage" }));
-    fireEvent.change(screen.getByLabelText("Instruction"), {
-      target: { value: "" },
+    fireEvent.click(screen.getByRole('button', { name: 'node:step:triage' }));
+    fireEvent.change(screen.getByLabelText('Instruction'), {
+      target: { value: '' },
     });
 
-    expect(await screen.findByText("Instruction is required.")).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Publish" })).toBeDisabled();
+    expect(await screen.findByText('Instruction is required.')).toBeTruthy();
+    expect(screen.getByRole('button', { name: 'Publish' })).toBeDisabled();
     clickPublishAction();
 
     await flushAsyncWork();
@@ -6470,144 +6877,142 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
   });
 
-  it("reports rejected publish binding without introducing activation language", async () => {
+  it('reports rejected publish binding without introducing activation language', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-rejected",
-      memberId: "member-alpha",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-rejected',
+      memberId: 'member-alpha',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-rejected",
-      memberId: "member-alpha",
-      scopeId: "scope-1",
-      status: "rejected",
+      bindingRunId: 'binding-run-rejected',
+      memberId: 'member-alpha',
+      scopeId: 'scope-1',
+      status: 'rejected',
       stateVersion: 2,
-      updatedAt: "2026-06-08T00:00:02Z",
+      updatedAt: '2026-06-08T00:00:02Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
     clickPublishAction();
 
     await waitFor(() => {
-      expect(screen.getByText("Error")).toBeTruthy();
+      expect(screen.getByText('Error')).toBeTruthy();
       expect(
-        screen.getByTitle(
-          /Binding run was rejected by the member authority/,
-        ),
+        screen.getByTitle(/Binding run was rejected by the member authority/),
       ).toBeTruthy();
     });
     expect(screen.queryByTitle(/Activation/)).toBeNull();
     expect(studioApi.setTeamEntryMember).not.toHaveBeenCalled();
   });
 
-  it("stops local publish loading when binding remains in progress after the observation window", async () => {
+  it('stops local publish loading when binding remains in progress after the observation window', async () => {
     jest.useFakeTimers();
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-pending",
-      memberId: "member-alpha",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-pending',
+      memberId: 'member-alpha',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-pending",
-      memberId: "member-alpha",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-pending',
+      memberId: 'member-alpha',
+      scopeId: 'scope-1',
+      status: 'accepted',
       stateVersion: 1,
-      updatedAt: "2026-06-08T00:00:02Z",
+      updatedAt: '2026-06-08T00:00:02Z',
     });
 
     try {
       renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
       await waitFor(() => {
-        expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+        expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
       });
       clickPublishAction();
 
       await waitFor(() => {
-        expect(screen.getByText("Binding")).toBeTruthy();
+        expect(screen.getByText('Binding')).toBeTruthy();
       });
       for (let index = 0; index < 8; index += 1) {
         await act(async () => {
@@ -6617,13 +7022,15 @@ describe("TeamMemberWorkflowStudioPage", () => {
       }
 
       await waitFor(() => {
-        expect(screen.getByText("Binding")).toBeTruthy();
+        expect(screen.getByText('Binding')).toBeTruthy();
       });
       expect(
         screen.getAllByTitle(/Binding run is still in progress/).length,
       ).toBeGreaterThan(0);
-      expect(screen.getByRole("button", { name: "Refresh status" })).toBeEnabled();
-      expect(screen.queryByRole("button", { name: "Publish" })).toBeNull();
+      expect(
+        screen.getByRole('button', { name: 'Refresh status' }),
+      ).toBeEnabled();
+      expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
       expect(studioApi.getMemberBindingRun).toHaveBeenCalledTimes(8);
     } finally {
       await act(async () => {
@@ -6634,314 +7041,332 @@ describe("TeamMemberWorkflowStudioPage", () => {
     }
   });
 
-  it("keeps the publish action loading during automatic polling and surfaces polling failures", async () => {
+  it('keeps the publish action loading during automatic polling and surfaces polling failures', async () => {
+    jest.useFakeTimers();
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-polling",
-      memberId: "member-alpha",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-polling',
+      memberId: 'member-alpha',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     (studioApi.getMemberBindingRun as jest.Mock)
       .mockRejectedValueOnce(
-        new StudioApiError("Binding run is not materialized.", 404),
+        new StudioApiError('Binding run is not materialized.', 404),
       )
       .mockResolvedValueOnce({
-        bindingRunId: "binding-run-polling",
-        memberId: "member-alpha",
-        scopeId: "scope-1",
-        status: "accepted",
+        bindingRunId: 'binding-run-polling',
+        memberId: 'member-alpha',
+        scopeId: 'scope-1',
+        status: 'accepted',
         stateVersion: 1,
-        updatedAt: "2026-06-08T00:00:02Z",
+        updatedAt: '2026-06-08T00:00:02Z',
       })
-      .mockRejectedValueOnce(new StudioApiError("Bad Gateway", 502));
+      .mockRejectedValueOnce(new StudioApiError('Bad Gateway', 502));
 
-    renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
+    try {
+      renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
-    });
-    clickPublishAction();
+      await waitFor(() => {
+        expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
+      });
+      clickPublishAction();
 
-    await waitFor(() => {
-      expect(studioApi.getMemberBindingRun).toHaveBeenCalled();
-      expect(screen.getByRole("button", { name: "Publish" })).toBeDisabled();
-      expect(screen.getByText("Binding")).toBeTruthy();
-      expect(
-        screen.getAllByTitle(/Binding candidate accepted for dispatch/).length,
-      ).toBeGreaterThan(0);
-      expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
-    });
+      await waitFor(() => {
+        expect(studioApi.getMemberBindingRun).toHaveBeenCalledTimes(1);
+        expect(screen.getByRole('button', { name: 'Publish' })).toBeDisabled();
+        expect(screen.getByText('Binding')).toBeTruthy();
+        expect(
+          screen.getAllByTitle(/Binding candidate accepted for dispatch/)
+            .length,
+        ).toBeGreaterThan(0);
+        expect(
+          screen.queryByRole('button', { name: 'Refresh status' }),
+        ).toBeNull();
+      });
 
-    await waitFor(
-      () => {
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(900);
+        await flushAsyncWork();
+      });
+      await waitFor(() => {
         expect(studioApi.getMemberBindingRun).toHaveBeenCalledTimes(2);
-        expect(screen.getByRole("button", { name: "Publish" })).toBeDisabled();
-      },
-      { timeout: 2_000 },
-    );
-    await waitFor(() => {
-      expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
-    });
+        expect(screen.getByRole('button', { name: 'Publish' })).toBeDisabled();
+        expect(
+          screen.queryByRole('button', { name: 'Refresh status' }),
+        ).toBeNull();
+      });
 
-    await waitFor(
-      () => {
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(900);
+        await flushAsyncWork();
+      });
+      await waitFor(() => {
         expect(studioApi.getMemberBindingRun).toHaveBeenCalledTimes(3);
-        expect(screen.getByText("Error")).toBeTruthy();
+        expect(screen.getByText('Error')).toBeTruthy();
         expect(screen.getByTitle(/Bad Gateway/)).toBeTruthy();
-      },
-      { timeout: 2_000 },
-    );
-    expect(screen.queryByText("Binding")).toBeNull();
-    expect(screen.getByRole("button", { name: "Refresh status" })).toBeEnabled();
+      });
+      expect(screen.queryByText('Binding')).toBeNull();
+      expect(
+        screen.getByRole('button', { name: 'Refresh status' }),
+      ).toBeEnabled();
+    } finally {
+      await act(async () => {
+        jest.runOnlyPendingTimers();
+        await flushAsyncWork();
+      });
+      jest.useRealTimers();
+    }
   });
 
-  it("blocks duplicate publish for an already published workflow member without surfacing refresh status", async () => {
+  it('blocks duplicate publish for an already published workflow member without surfacing refresh status', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-1",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-1',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
-      expect(screen.getByText("Published")).toBeTruthy();
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
+      expect(screen.getByText('Published')).toBeTruthy();
+      expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
       expect(
-        screen.queryByRole("button", { name: "Publish" }),
+        screen.queryByRole('button', { name: 'Refresh status' }),
       ).toBeNull();
-      expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
     });
-    expect(screen.getByDisplayValue("Workflow Alpha")).toBeTruthy();
-    expect(studioApi.getWorkflow).toHaveBeenCalledWith("wf-alpha", "scope-1");
+    expect(screen.getByDisplayValue('Workflow Alpha')).toBeTruthy();
+    expect(studioApi.getWorkflow).toHaveBeenCalledWith('wf-alpha', 'scope-1');
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
     expect(studioApi.getMemberBindingRun).not.toHaveBeenCalled();
     expect(studioApi.setTeamEntryMember).not.toHaveBeenCalled();
   });
 
-  it("loads the published workflow for an already published member instead of a stale draft", async () => {
+  it('loads the published workflow for an already published member instead of a stale draft', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "document_2",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-2",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:03Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'document_2',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-2',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:03Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:03Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-2",
+        boundAt: '2026-06-08T00:00:03Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-2',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "weekly_report_4",
-      workflowId: "wf-alpha",
-      yaml: "name: weekly_report_4\nsteps: []\n",
+      name: 'weekly_report_4',
+      workflowId: 'wf-alpha',
+      yaml: 'name: weekly_report_4\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
-        name: "weekly_report_4",
+        name: 'weekly_report_4',
       },
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.getPublishedWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: false,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "document_2",
-      workflowId: "wf-alpha",
-      yaml: "name: document_2\nsteps: []\n",
+      name: 'document_2',
+      workflowId: 'wf-alpha',
+      yaml: 'name: document_2\nsteps: []\n',
       document: {
         ...mockWorkflowDocument,
-        name: "document_2",
+        name: 'document_2',
       },
-      updatedAtUtc: "2026-06-08T00:00:03Z",
+      updatedAtUtc: '2026-06-08T00:00:03Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByDisplayValue("document_2")).toBeTruthy();
+    expect(await screen.findByDisplayValue('document_2')).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(screen.queryByDisplayValue("weekly_report_4")).toBeNull();
+    expect(screen.queryByDisplayValue('weekly_report_4')).toBeNull();
     expect(studioApi.getPublishedWorkflow).toHaveBeenCalledWith(
-      "wf-alpha",
-      "scope-1",
+      'wf-alpha',
+      'scope-1',
     );
     expect(studioApi.getWorkflow).not.toHaveBeenCalled();
   });
 
-  it("keeps publish hidden when an already published workflow member has draft changes", async () => {
+  it('keeps publish hidden when an already published workflow member has draft changes', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-1",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-1',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
-      expect(screen.getByText("Published")).toBeTruthy();
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
+      expect(screen.getByText('Published')).toBeTruthy();
+      expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
       expect(
-        screen.queryByRole("button", { name: "Publish" }),
+        screen.queryByRole('button', { name: 'Refresh status' }),
       ).toBeNull();
-      expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
     });
-    expect(screen.getByDisplayValue("Workflow Alpha")).toBeTruthy();
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Workflow Alpha v2" },
+    expect(screen.getByDisplayValue('Workflow Alpha')).toBeTruthy();
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Workflow Alpha v2' },
     });
 
     await waitFor(() => {
-      expect(screen.getByText("Unsaved changes")).toBeTruthy();
-      expect(screen.getByRole("button", { name: "Save" })).toBeEnabled();
-      expect(screen.queryByRole("button", { name: "Publish" })).toBeNull();
-      expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
+      expect(screen.getByText('Unsaved changes')).toBeTruthy();
+      expect(screen.getByRole('button', { name: 'Save' })).toBeEnabled();
+      expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
+      expect(
+        screen.queryByRole('button', { name: 'Refresh status' }),
+      ).toBeNull();
     });
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
@@ -6950,60 +7375,60 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.setTeamEntryMember).not.toHaveBeenCalled();
   });
 
-  it("saves and rebinds a changed published workflow member through save-and-bind", async () => {
+  it('saves and rebinds a changed published workflow member through save-and-bind', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-1",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-1',
       },
     });
     const staleWorkflow = {
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     };
     const materializedWorkflow = {
       ...staleWorkflow,
-      name: "Workflow Alpha v2",
-      yaml: "name: Workflow Alpha v2\nsteps:\n  - id: triage\n    type: llm_call",
+      name: 'Workflow Alpha v2',
+      yaml: 'name: Workflow Alpha v2\nsteps:\n  - id: triage\n    type: llm_call',
       document: {
         ...mockWorkflowDocument,
-        name: "Workflow Alpha v2",
+        name: 'Workflow Alpha v2',
       },
-      updatedAtUtc: "2026-06-08T00:00:03Z",
+      updatedAtUtc: '2026-06-08T00:00:03Z',
     };
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue(staleWorkflow);
     (studioApi.getPublishedWorkflow as jest.Mock)
@@ -7012,41 +7437,41 @@ describe("TeamMemberWorkflowStudioPage", () => {
       .mockResolvedValueOnce(staleWorkflow)
       .mockResolvedValue(materializedWorkflow);
     (studioApi.saveAndBindWorkflow as jest.Mock).mockResolvedValue({
-      scopeId: "scope-1",
-      workflowId: "wf-alpha",
-      revisionId: "rev-2",
+      scopeId: 'scope-1',
+      workflowId: 'wf-alpha',
+      revisionId: 'rev-2',
       workflow: {
-        scopeId: "scope-1",
-        workflowId: "wf-alpha",
-        revisionId: "rev-2",
-        readModelUrl: "/api/scopes/scope-1/workflows/wf-alpha",
-        acceptanceStage: "accepted",
-        propagationStage: "readmodel_propagating",
+        scopeId: 'scope-1',
+        workflowId: 'wf-alpha',
+        revisionId: 'rev-2',
+        readModelUrl: '/api/scopes/scope-1/workflows/wf-alpha',
+        acceptanceStage: 'accepted',
+        propagationStage: 'readmodel_propagating',
       },
       binding: {
-        scopeId: "scope-1",
-        serviceId: "svc-alpha",
-        displayName: "Workflow Alpha v2",
-        revisionId: "rev-2",
-        implementationKind: "workflow",
-        targetKind: "workflow",
-        targetName: "Workflow Alpha v2",
+        scopeId: 'scope-1',
+        serviceId: 'svc-alpha',
+        displayName: 'Workflow Alpha v2',
+        revisionId: 'rev-2',
+        implementationKind: 'workflow',
+        targetKind: 'workflow',
+        targetName: 'Workflow Alpha v2',
       },
-      acceptanceStage: "accepted",
-      propagationStage: "readmodel_propagating",
+      acceptanceStage: 'accepted',
+      propagationStage: 'readmodel_propagating',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
-      expect(screen.getByText("Published")).toBeTruthy();
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
+      expect(screen.getByText('Published')).toBeTruthy();
     });
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Workflow Alpha v2" },
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Workflow Alpha v2' },
     });
 
-    const saveButton = screen.getByRole("button", { name: "Save" });
+    const saveButton = screen.getByRole('button', { name: 'Save' });
     await waitFor(() => {
       expect(saveButton).toBeEnabled();
     });
@@ -7054,21 +7479,23 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.saveAndBindWorkflow).toHaveBeenCalledWith({
-        appId: "studio",
-        displayName: "Workflow Alpha v2",
+        appId: 'studio',
+        displayName: 'Workflow Alpha v2',
         exposureDesired: true,
         inlineWorkflowYamls: {},
-        scopeId: "scope-1",
-        serviceId: "svc-alpha",
-        workflowId: "wf-alpha",
+        scopeId: 'scope-1',
+        serviceId: 'svc-alpha',
+        workflowId: 'wf-alpha',
         revisionId: expect.stringMatching(/^rev-/),
-        workflowName: "Workflow Alpha v2",
-        workflowYaml: expect.stringContaining("name: Workflow Alpha v2"),
+        workflowName: 'Workflow Alpha v2',
+        workflowYaml: expect.stringContaining('name: Workflow Alpha v2'),
       });
     });
-    const previewInput = (studioApi.previewExplicitRequests as jest.Mock).mock.calls[0]?.[0];
-    const saveAndBindInput = (studioApi.saveAndBindWorkflow as jest.Mock).mock.calls[0]?.[0];
-    expect(previewInput.revisionId).not.toBe("rev-1");
+    const previewInput = (studioApi.previewExplicitRequests as jest.Mock).mock
+      .calls[0]?.[0];
+    const saveAndBindInput = (studioApi.saveAndBindWorkflow as jest.Mock).mock
+      .calls[0]?.[0];
+    expect(previewInput.revisionId).not.toBe('rev-1');
     expect(saveAndBindInput.revisionId).toBe(previewInput.revisionId);
     expect(Modal.confirm).not.toHaveBeenCalled();
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
@@ -7076,159 +7503,166 @@ describe("TeamMemberWorkflowStudioPage", () => {
     expect(studioApi.getMemberBindingRun).not.toHaveBeenCalled();
     await waitFor(() => {
       expect(studioApi.updateMemberDisplayName).toHaveBeenCalledWith({
-        displayName: "Workflow Alpha v2",
-        memberId: "m-alpha",
-        scopeId: "scope-1",
+        displayName: 'Workflow Alpha v2',
+        memberId: 'm-alpha',
+        scopeId: 'scope-1',
       });
       expect(studioApi.getWorkflow).not.toHaveBeenCalled();
       expect(studioApi.getPublishedWorkflow).toHaveBeenCalledWith(
-        "wf-alpha",
-        "scope-1",
+        'wf-alpha',
+        'scope-1',
       );
-      expect(screen.getByDisplayValue("Workflow Alpha v2")).toBeTruthy();
+      expect(screen.getByDisplayValue('Workflow Alpha v2')).toBeTruthy();
     });
   });
 
-  it("surfaces an explicit-request preview failure without publishing", async () => {
+  it('surfaces an explicit-request preview failure without publishing', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha&workflowSource=published',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:00Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-1",
+        boundAt: '2026-06-08T00:00:00Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-1',
       },
     });
     (studioApi.getPublishedWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.previewExplicitRequests as jest.Mock).mockRejectedValue(
-      new StudioApiError("Latest workflow preview failed.", 500),
+      new StudioApiError('Latest workflow preview failed.', 500),
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
-      expect(screen.getByText("Published")).toBeTruthy();
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
+      expect(screen.getByText('Published')).toBeTruthy();
     });
-    fireEvent.change(screen.getByLabelText("Workflow title"), {
-      target: { value: "Workflow Alpha v2" },
+    fireEvent.change(screen.getByLabelText('Workflow title'), {
+      target: { value: 'Workflow Alpha v2' },
     });
-    expect(screen.queryByRole("button", { name: "Publish" })).toBeNull();
-    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+    expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
+    fireEvent.click(screen.getByRole('button', { name: 'Save' }));
 
     await waitFor(() => {
-      expect(screen.getByText("Latest workflow preview failed.")).toBeTruthy();
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not save and publish the workflow. Review the details and try again.',
+      );
     });
+    expect(
+      screen.queryByText('Latest workflow preview failed.'),
+    ).not.toBeInTheDocument();
     expect(studioApi.previewExplicitRequests).toHaveBeenCalledWith({
-      executionMode: "interactive",
+      executionMode: 'interactive',
       inlineWorkflowYamls: {},
       revisionId: expect.stringMatching(/^rev-/),
-      scopeId: "scope-1",
-      workflowId: "wf-alpha",
-      workflowYaml: expect.stringContaining("name: Workflow Alpha v2"),
+      scopeId: 'scope-1',
+      workflowId: 'wf-alpha',
+      workflowYaml: expect.stringContaining('name: Workflow Alpha v2'),
     });
     expect(studioApi.saveAndBindWorkflow).not.toHaveBeenCalled();
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
   });
 
-  it("refreshes a stale member current binding run from the binding-run read model", async () => {
+  it('refreshes a stale member current binding run from the binding-run read model', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       currentBindingRun: {
-        bindingRunId: "binding-run-stale-member",
-        memberId: "m-alpha",
-        scopeId: "scope-1",
+        bindingRunId: 'binding-run-stale-member',
+        memberId: 'm-alpha',
+        scopeId: 'scope-1',
         stateVersion: 1,
-        status: "accepted",
-        updatedAt: "2026-06-08T00:00:01Z",
+        status: 'accepted',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-stale-member",
-      memberId: "m-alpha",
-      scopeId: "scope-1",
+      bindingRunId: 'binding-run-stale-member',
+      memberId: 'm-alpha',
+      scopeId: 'scope-1',
       stateVersion: 2,
-      status: "succeeded",
-      updatedAt: "2026-06-08T00:00:10Z",
+      status: 'succeeded',
+      updatedAt: '2026-06-08T00:00:10Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("Binding")).toBeTruthy();
+      expect(screen.getByText('Binding')).toBeTruthy();
     });
 
-    const refreshButton = screen.getByRole("button", { name: "Refresh status" });
+    const refreshButton = screen.getByRole('button', {
+      name: 'Refresh status',
+    });
     await waitFor(() => {
       expect(refreshButton).not.toBeDisabled();
     });
@@ -7236,76 +7670,80 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.getMemberBindingRun).toHaveBeenCalledWith(
-        "scope-1",
-        "m-alpha",
-        "binding-run-stale-member",
+        'scope-1',
+        'm-alpha',
+        'binding-run-stale-member',
       );
-      expect(screen.getByText("Published")).toBeTruthy();
+      expect(screen.getByText('Published')).toBeTruthy();
     });
-    expect(screen.queryByText("Binding")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Publish" })).toBeNull();
+    expect(screen.queryByText('Binding')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
   });
 
-  it("falls back to member current binding run when refresh read model is not materialized", async () => {
+  it('falls back to member current binding run when refresh read model is not materialized', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha',
     );
     const memberWithFallbackBindingRun = {
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       currentBindingRun: {
-        bindingRunId: "binding-run-fallback",
-        memberId: "m-alpha",
-        scopeId: "scope-1",
+        bindingRunId: 'binding-run-fallback',
+        memberId: 'm-alpha',
+        scopeId: 'scope-1',
         stateVersion: 1,
-        status: "accepted",
-        updatedAt: "2026-06-08T00:00:01Z",
+        status: 'accepted',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
     };
-    (studioApi.getMember as jest.Mock).mockResolvedValue(memberWithFallbackBindingRun);
+    (studioApi.getMember as jest.Mock).mockResolvedValue(
+      memberWithFallbackBindingRun,
+    );
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.getMemberBindingRun as jest.Mock).mockRejectedValue(
-      new StudioApiError("Binding run is not materialized.", 404),
+      new StudioApiError('Binding run is not materialized.', 404),
     );
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("Binding")).toBeTruthy();
+      expect(screen.getByText('Binding')).toBeTruthy();
     });
     (studioApi.getMemberBindingRun as jest.Mock).mockClear();
 
-    const refreshButton = screen.getByRole("button", { name: "Refresh status" });
+    const refreshButton = screen.getByRole('button', {
+      name: 'Refresh status',
+    });
     await waitFor(() => {
       expect(refreshButton).not.toBeDisabled();
     });
@@ -7313,93 +7751,95 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.getMemberBindingRun).toHaveBeenCalledWith(
-        "scope-1",
-        "m-alpha",
-        "binding-run-fallback",
+        'scope-1',
+        'm-alpha',
+        'binding-run-fallback',
       );
-      expect(screen.getByText("Binding")).toBeTruthy();
+      expect(screen.getByText('Binding')).toBeTruthy();
       expect(
         screen.getAllByTitle(/Binding run is still in progress/).length,
       ).toBeGreaterThan(0);
     });
-    expect(screen.getByRole("button", { name: "Refresh status" })).toBeEnabled();
-    expect(screen.queryByText("Error")).toBeNull();
+    expect(
+      screen.getByRole('button', { name: 'Refresh status' }),
+    ).toBeEnabled();
+    expect(screen.queryByText('Error')).toBeNull();
   });
 
-  it("updates stale publish eligibility from the preflight member read before side effects", async () => {
+  it('updates stale publish eligibility from the preflight member read before side effects', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha',
     );
     const initialUnpublishedMember = {
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "build_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'build_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     };
     const refreshedPublishedMember = {
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "m-alpha",
-        publishedServiceId: "svc-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:01Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'm-alpha',
+        publishedServiceId: 'svc-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:01Z',
       },
       lastBinding: {
-        boundAt: "2026-06-08T00:00:01Z",
-        implementationKind: "workflow",
-        publishedServiceId: "svc-alpha",
-        revisionId: "rev-1",
+        boundAt: '2026-06-08T00:00:01Z',
+        implementationKind: 'workflow',
+        publishedServiceId: 'svc-alpha',
+        revisionId: 'rev-1',
       },
     };
     (studioApi.getMember as jest.Mock)
       .mockResolvedValueOnce(initialUnpublishedMember)
       .mockResolvedValueOnce(refreshedPublishedMember);
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:1")).toBeTruthy();
+      expect(screen.getByText('nodes:1')).toBeTruthy();
     });
-    const publishButton = screen.getByRole("button", { name: "Publish" });
+    const publishButton = screen.getByRole('button', { name: 'Publish' });
     await waitFor(() => {
       expect(publishButton).toBeEnabled();
     });
@@ -7407,79 +7847,79 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.getMember).toHaveBeenCalledTimes(2);
-      expect(screen.getByText("Published")).toBeTruthy();
+      expect(screen.getByText('Published')).toBeTruthy();
     });
-    expect(studioApi.getMember).toHaveBeenLastCalledWith("scope-1", "m-alpha");
-    expect(screen.queryByText("Error")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Publish" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "Refresh status" })).toBeNull();
+    expect(studioApi.getMember).toHaveBeenLastCalledWith('scope-1', 'm-alpha');
+    expect(screen.queryByText('Error')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Publish' })).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Refresh status' })).toBeNull();
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
     expect(studioApi.getMemberBindingRun).not.toHaveBeenCalled();
   });
 
-  it("allows publishing when the member has a service identity but no completed binding fact", async () => {
+  it('allows publishing when the member has a service identity but no completed binding fact', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-alpha/workflow?workflowId=wf-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "wf-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'wf-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "m-alpha",
-        publishedServiceId: "member-m-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'm-alpha',
+        publishedServiceId: 'member-m-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
       lastBinding: null,
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "wf-alpha.yaml",
-      filePath: "scope://scope-1/wf-alpha.yaml",
+      fileName: 'wf-alpha.yaml',
+      filePath: 'scope://scope-1/wf-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "wf-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'wf-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.bindMemberWorkflow as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-identity-only",
-      memberId: "m-alpha",
-      scopeId: "scope-1",
-      status: "accepted",
+      bindingRunId: 'binding-run-identity-only',
+      memberId: 'm-alpha',
+      scopeId: 'scope-1',
+      status: 'accepted',
     });
     (studioApi.getMemberBindingRun as jest.Mock).mockResolvedValue({
-      bindingRunId: "binding-run-identity-only",
-      memberId: "m-alpha",
-      scopeId: "scope-1",
-      status: "succeeded",
+      bindingRunId: 'binding-run-identity-only',
+      memberId: 'm-alpha',
+      scopeId: 'scope-1',
+      status: 'succeeded',
       stateVersion: 2,
-      updatedAt: "2026-06-08T00:00:02Z",
+      updatedAt: '2026-06-08T00:00:02Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByText("nodes:1")).toBeTruthy();
+      expect(screen.getByText('nodes:1')).toBeTruthy();
     });
-    expect(screen.getByText("Draft")).toBeTruthy();
-    const publishButton = screen.getByRole("button", { name: "Publish" });
+    expect(screen.getByText('Draft')).toBeTruthy();
+    const publishButton = screen.getByRole('button', { name: 'Publish' });
     await waitFor(() => {
       expect(publishButton).toBeEnabled();
     });
@@ -7488,174 +7928,174 @@ describe("TeamMemberWorkflowStudioPage", () => {
 
     await waitFor(() => {
       expect(studioApi.bindMemberWorkflow).toHaveBeenCalledWith({
-        displayName: "Workflow Alpha",
-        memberId: "m-alpha",
-        scopeId: "scope-1",
-        workflowId: "wf-alpha",
+        displayName: 'Workflow Alpha',
+        memberId: 'm-alpha',
+        scopeId: 'scope-1',
+        workflowId: 'wf-alpha',
         revisionId: expect.stringMatching(/^rev-/),
-        workflowYamls: [expect.stringContaining("name: Workflow Alpha")],
+        workflowYamls: [expect.stringContaining('name: Workflow Alpha')],
       });
-      expect(screen.getByText("Published")).toBeTruthy();
+      expect(screen.getByText('Published')).toBeTruthy();
     });
     expect(studioApi.saveWorkflow).not.toHaveBeenCalled();
   });
 
-  it("does not expose Team entry actions in workflow studio", async () => {
+  it('does not expose Team entry actions in workflow studio', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     (studioApi.setTeamEntryMember as jest.Mock).mockResolvedValue({
-      createdAt: "2026-06-08T00:00:00Z",
-      description: "",
-      displayName: "Support Team",
-      entryMemberId: "member-alpha",
-      lifecycleStage: "active",
+      createdAt: '2026-06-08T00:00:00Z',
+      description: '',
+      displayName: 'Support Team',
+      entryMemberId: 'member-alpha',
+      lifecycleStage: 'active',
       memberCount: 1,
-      scopeId: "scope-1",
-      teamId: "t-alpha",
-      updatedAt: "2026-06-08T00:00:03Z",
+      scopeId: 'scope-1',
+      teamId: 't-alpha',
+      updatedAt: '2026-06-08T00:00:03Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
     expect(studioApi.setTeamEntryMember).not.toHaveBeenCalled();
-    expect(screen.queryByText("Set as Team entry")).toBeNull();
+    expect(screen.queryByText('Set as Team entry')).toBeNull();
     expect(studioApi.bindMemberWorkflow).not.toHaveBeenCalled();
   });
 
-  it("does not expose run history on the workflow editor page", async () => {
+  it('does not expose run history on the workflow editor page', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "workflow-alpha",
+        implementationKind: 'workflow',
+        workflowId: 'workflow-alpha',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
-        lastBoundRevisionId: "rev-1",
-        lifecycleStage: "bind_ready",
-        memberId: "member-alpha",
-        publishedServiceId: "service-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
+        lastBoundRevisionId: 'rev-1',
+        lifecycleStage: 'bind_ready',
+        memberId: 'member-alpha',
+        publishedServiceId: 'service-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
     await waitFor(() => {
-      expect(screen.getByTestId("graph-canvas")).toHaveTextContent("nodes:1");
+      expect(screen.getByTestId('graph-canvas')).toHaveTextContent('nodes:1');
     });
-    expect(screen.queryByText("Runs")).toBeNull();
-    expect(screen.queryByLabelText("Member runs")).toBeNull();
-    expect(screen.queryByRole("button", { name: "Open run" })).toBeNull();
+    expect(screen.queryByText('Runs')).toBeNull();
+    expect(screen.queryByLabelText('Member runs')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Open run' })).toBeNull();
     expect(studioApi.listExecutions).not.toHaveBeenCalled();
     expect(studioApi.getExecution).not.toHaveBeenCalled();
   });
 
-  it("keeps the editor page on the canvas when no stable member run owner exists", async () => {
+  it('keeps the editor page on the canvas when no stable member run owner exists', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-alpha/workflow?workflowId=workflow-alpha',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       implementationRef: {
-        implementationKind: "workflow",
-        workflowId: "",
+        implementationKind: 'workflow',
+        workflowId: '',
       },
       summary: {
-        createdAt: "2026-06-08T00:00:00Z",
-        description: "",
-        displayName: "Workflow Alpha",
-        implementationKind: "workflow",
+        createdAt: '2026-06-08T00:00:00Z',
+        description: '',
+        displayName: 'Workflow Alpha',
+        implementationKind: 'workflow',
         lastBoundRevisionId: null,
-        lifecycleStage: "created",
-        memberId: "member-alpha",
-        publishedServiceId: "",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        updatedAt: "2026-06-08T00:00:00Z",
+        lifecycleStage: 'created',
+        memberId: 'member-alpha',
+        publishedServiceId: '',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        updatedAt: '2026-06-08T00:00:00Z',
       },
     });
     (studioApi.getWorkflow as jest.Mock).mockResolvedValue({
-      directoryId: "scope:scope-1",
-      directoryLabel: "scope-1",
+      directoryId: 'scope:scope-1',
+      directoryLabel: 'scope-1',
       draftExists: true,
-      fileName: "workflow-alpha.yaml",
-      filePath: "scope://scope-1/workflow-alpha.yaml",
+      fileName: 'workflow-alpha.yaml',
+      filePath: 'scope://scope-1/workflow-alpha.yaml',
       findings: [],
       layout: null,
-      name: "Workflow Alpha",
-      workflowId: "workflow-alpha",
-      yaml: "name: Workflow Alpha\nsteps: []\n",
+      name: 'Workflow Alpha',
+      workflowId: 'workflow-alpha',
+      yaml: 'name: Workflow Alpha\nsteps: []\n',
       document: mockWorkflowDocument,
-      updatedAtUtc: "2026-06-08T00:00:00Z",
+      updatedAtUtc: '2026-06-08T00:00:00Z',
     });
 
     renderWithQueryClient(React.createElement(TeamMemberWorkflowStudioPage));
 
-    expect(await screen.findByTestId("workflow-studio-canvas")).toBeTruthy();
-    expect(screen.queryByText("Runs")).toBeNull();
+    expect(await screen.findByTestId('workflow-studio-canvas')).toBeTruthy();
+    expect(screen.queryByText('Runs')).toBeNull();
     expect(studioApi.listExecutions).not.toHaveBeenCalled();
   });
 });
diff --git a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.tsx b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.tsx
index 89fa1b7c36..b73307a401 100644
--- a/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.tsx
+++ b/apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.tsx
@@ -1,215 +1,33 @@
-import { Alert, Spin } from "antd";
-import React from "react";
-import { t } from "@/shared/i18n/messages";
-import WorkflowStudioCanvas from "./components/WorkflowStudioCanvas";
-import WorkflowStudioDraftRunPanel from "./components/WorkflowStudioDraftRunPanel";
-import WorkflowStudioExecutionPanel from "./components/WorkflowStudioExecutionPanel";
-import WorkflowStudioHeader from "./components/WorkflowStudioHeader";
-import WorkflowStudioNodeDetailPanel from "./components/WorkflowStudioNodeDetailPanel";
-import WorkflowStudioNodeLibrary from "./components/WorkflowStudioNodeLibrary";
-import WorkflowStudioYamlPanel from "./components/WorkflowStudioYamlPanel";
-import { useTeamMemberWorkflowStudio } from "./hooks/useTeamMemberWorkflowStudio";
-
-const SIDE_PANEL_DEFAULT_WIDTH = 420;
-const SIDE_PANEL_MIN_WIDTH = 320;
-const SIDE_PANEL_MAX_WIDTH = 640;
-const WORKFLOW_CANVAS_MIN_WIDTH = 360;
-const EXECUTION_PANEL_DEFAULT_HEIGHT = 210;
-const EXECUTION_PANEL_MIN_HEIGHT = 160;
-const EXECUTION_PANEL_MAX_HEIGHT = 520;
-const RESIZE_KEYBOARD_STEP = 24;
-
-function clampDimension(value: number, min: number, max: number) {
-  return Math.min(Math.max(value, min), max);
-}
-
-function resolveSidePanelMaxWidth(container: HTMLElement | null) {
-  if (!container?.clientWidth) {
-    return SIDE_PANEL_MAX_WIDTH;
-  }
-
-  return Math.max(
-    SIDE_PANEL_MIN_WIDTH,
-    Math.min(SIDE_PANEL_MAX_WIDTH, container.clientWidth - WORKFLOW_CANVAS_MIN_WIDTH),
-  );
-}
-
-function resolveExecutionPanelMaxHeight(container: HTMLElement | null) {
-  if (!container?.clientHeight) {
-    return EXECUTION_PANEL_MAX_HEIGHT;
-  }
-
-  return Math.max(
-    EXECUTION_PANEL_MIN_HEIGHT,
-    Math.min(EXECUTION_PANEL_MAX_HEIGHT, Math.floor(container.clientHeight * 0.6)),
-  );
-}
+import { Alert, Spin } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import { useWorkflowPanelResize } from '@/shared/workflows/useWorkflowPanelResize';
+import WorkflowPanelResizeHandle from '@/shared/workflows/WorkflowPanelResizeHandle';
+import WorkflowStudioDraftRunPanel from './components/WorkflowStudioDraftRunPanel';
+import WorkflowStudioEditorSurface from './components/WorkflowStudioEditorSurface';
+import WorkflowStudioExecutionPanel from './components/WorkflowStudioExecutionPanel';
+import WorkflowStudioHeader from './components/WorkflowStudioHeader';
+import WorkflowStudioNodeDetailPanel from './components/WorkflowStudioNodeDetailPanel';
+import WorkflowStudioYamlPanel from './components/WorkflowStudioYamlPanel';
+import { useTeamMemberWorkflowStudio } from './hooks/useTeamMemberWorkflowStudio';
 
 const TeamMemberWorkflowStudioPage: React.FC = () => {
   const studio = useTeamMemberWorkflowStudio();
   const mainRef = React.useRef<HTMLElement | null>(null);
   const editorRegionRef = React.useRef<HTMLElement | null>(null);
-  const resizeCleanupRef = React.useRef<(() => void) | null>(null);
-  const [sidePanelWidth, setSidePanelWidth] = React.useState(
-    SIDE_PANEL_DEFAULT_WIDTH,
-  );
-  const [executionPanelHeight, setExecutionPanelHeight] = React.useState(
-    EXECUTION_PANEL_DEFAULT_HEIGHT,
-  );
+  const {
+    executionPanelHandleProps,
+    executionPanelHeight,
+    sidePanelHandleProps,
+    sidePanelWidth,
+  } = useWorkflowPanelResize({
+    editorRegionRef,
+    initialExecutionPanelHeight: 210,
+    mainRef,
+  });
   const sidePanelOpen = studio.draftRunPanelOpen || studio.yamlPanelOpen;
-  const executionPanelOpen = Boolean(studio.executionDetail || studio.executionError);
-
-  React.useEffect(
-    () => () => {
-      resizeCleanupRef.current?.();
-    },
-    [],
-  );
-
-  const attachResizeListeners = React.useCallback(
-    (cursor: "col-resize" | "row-resize", onMouseMove: (event: MouseEvent) => void) => {
-      resizeCleanupRef.current?.();
-
-      const previousCursor = document.body.style.cursor;
-      const previousUserSelect = document.body.style.userSelect;
-      document.body.style.cursor = cursor;
-      document.body.style.userSelect = "none";
-
-      const cleanup = () => {
-        window.removeEventListener("mousemove", onMouseMove);
-        window.removeEventListener("mouseup", cleanup);
-        document.body.style.cursor = previousCursor;
-        document.body.style.userSelect = previousUserSelect;
-        if (resizeCleanupRef.current === cleanup) {
-          resizeCleanupRef.current = null;
-        }
-      };
-
-      resizeCleanupRef.current = cleanup;
-      window.addEventListener("mousemove", onMouseMove);
-      window.addEventListener("mouseup", cleanup);
-    },
-    [],
-  );
-
-  const updateSidePanelWidth = React.useCallback((nextWidth: number) => {
-    setSidePanelWidth(
-      clampDimension(
-        nextWidth,
-        SIDE_PANEL_MIN_WIDTH,
-        resolveSidePanelMaxWidth(editorRegionRef.current),
-      ),
-    );
-  }, []);
-
-  const updateExecutionPanelHeight = React.useCallback((nextHeight: number) => {
-    setExecutionPanelHeight(
-      clampDimension(
-        nextHeight,
-        EXECUTION_PANEL_MIN_HEIGHT,
-        resolveExecutionPanelMaxHeight(mainRef.current),
-      ),
-    );
-  }, []);
-
-  const startSidePanelResize = React.useCallback(
-    (event: React.MouseEvent<HTMLHRElement>) => {
-      event.preventDefault();
-      event.currentTarget.focus();
-
-      const startX = event.clientX;
-      const startWidth = sidePanelWidth;
-      const maxWidth = resolveSidePanelMaxWidth(editorRegionRef.current);
-
-      attachResizeListeners("col-resize", (moveEvent) => {
-        setSidePanelWidth(
-          clampDimension(
-            startWidth + (startX - moveEvent.clientX),
-            SIDE_PANEL_MIN_WIDTH,
-            maxWidth,
-          ),
-        );
-      });
-    },
-    [attachResizeListeners, sidePanelWidth],
-  );
-
-  const startExecutionPanelResize = React.useCallback(
-    (event: React.MouseEvent<HTMLHRElement>) => {
-      event.preventDefault();
-      event.currentTarget.focus();
-
-      const startY = event.clientY;
-      const startHeight = executionPanelHeight;
-      const maxHeight = resolveExecutionPanelMaxHeight(mainRef.current);
-
-      attachResizeListeners("row-resize", (moveEvent) => {
-        setExecutionPanelHeight(
-          clampDimension(
-            startHeight + (startY - moveEvent.clientY),
-            EXECUTION_PANEL_MIN_HEIGHT,
-            maxHeight,
-          ),
-        );
-      });
-    },
-    [attachResizeListeners, executionPanelHeight],
-  );
-
-  const handleSidePanelResizeKeyDown = React.useCallback(
-    (event: React.KeyboardEvent<HTMLHRElement>) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        updateSidePanelWidth(sidePanelWidth + RESIZE_KEYBOARD_STEP);
-        return;
-      }
-
-      if (event.key === "ArrowRight") {
-        event.preventDefault();
-        updateSidePanelWidth(sidePanelWidth - RESIZE_KEYBOARD_STEP);
-        return;
-      }
-
-      if (event.key === "Home") {
-        event.preventDefault();
-        updateSidePanelWidth(SIDE_PANEL_MIN_WIDTH);
-        return;
-      }
-
-      if (event.key === "End") {
-        event.preventDefault();
-        updateSidePanelWidth(resolveSidePanelMaxWidth(editorRegionRef.current));
-      }
-    },
-    [sidePanelWidth, updateSidePanelWidth],
-  );
-
-  const handleExecutionPanelResizeKeyDown = React.useCallback(
-    (event: React.KeyboardEvent<HTMLHRElement>) => {
-      if (event.key === "ArrowUp") {
-        event.preventDefault();
-        updateExecutionPanelHeight(executionPanelHeight + RESIZE_KEYBOARD_STEP);
-        return;
-      }
-
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        updateExecutionPanelHeight(executionPanelHeight - RESIZE_KEYBOARD_STEP);
-        return;
-      }
-
-      if (event.key === "Home") {
-        event.preventDefault();
-        updateExecutionPanelHeight(EXECUTION_PANEL_MIN_HEIGHT);
-        return;
-      }
-
-      if (event.key === "End") {
-        event.preventDefault();
-        updateExecutionPanelHeight(resolveExecutionPanelMaxHeight(mainRef.current));
-      }
-    },
-    [executionPanelHeight, updateExecutionPanelHeight],
+  const executionPanelOpen = Boolean(
+    studio.executionDetail || studio.executionError,
   );
 
   return (
@@ -217,12 +35,12 @@ const TeamMemberWorkflowStudioPage: React.FC = () => {
       data-testid="team-member-workflow-studio"
       ref={mainRef}
       style={{
-        background: "#f3f4f6",
-        display: "flex",
-        flexDirection: "column",
-        height: "100vh",
+        background: '#f3f4f6',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100vh',
         minHeight: 0,
-        width: "100%",
+        width: '100%',
       }}
     >
       <WorkflowStudioHeader
@@ -247,7 +65,9 @@ const TeamMemberWorkflowStudioPage: React.FC = () => {
         canSave={studio.canSave}
         canEditYaml={studio.canEditYaml}
         dirty={studio.dirty}
-        currentDraftRunPlaceholderReason={studio.currentDraftRunPlaceholderReason}
+        currentDraftRunPlaceholderReason={
+          studio.currentDraftRunPlaceholderReason
+        }
         onOpenAutomations={studio.navigateToAutomations}
         onOpenInvoke={studio.navigateToInvoke}
         onOpenPublishedRuns={studio.navigateToPublishedRuns}
@@ -276,8 +96,8 @@ const TeamMemberWorkflowStudioPage: React.FC = () => {
         <Alert
           banner
           message={t(
-            "teamMemberWorkflowStudio.alerts.linkedWorkflowMissing.title",
-            "No workflow draft is linked to this member yet.",
+            'teamMemberWorkflowStudio.alerts.linkedWorkflowMissing.title',
+            'No workflow draft is linked to this member yet.',
           )}
           description={studio.linkedWorkflowMissingDescription}
           type="warning"
@@ -287,8 +107,8 @@ const TeamMemberWorkflowStudioPage: React.FC = () => {
         <Alert
           banner
           message={t(
-            "teamMemberWorkflowStudio.alerts.linkedWorkflowLoadFailed.title",
-            "Workflow draft could not be loaded.",
+            'teamMemberWorkflowStudio.alerts.linkedWorkflowLoadFailed.title',
+            'Workflow draft could not be loaded.',
           )}
           description={studio.linkedWorkflowLoadFailureDescription}
           type="error"
@@ -297,35 +117,38 @@ const TeamMemberWorkflowStudioPage: React.FC = () => {
       <section
         ref={editorRegionRef}
         style={{
-          display: "flex",
+          display: 'flex',
           flex: 1,
           minHeight: 0,
-          overflow: "hidden",
-          position: "relative",
+          overflow: 'hidden',
+          position: 'relative',
         }}
       >
         {studio.loading ? (
           <div
             style={{
-              alignItems: "center",
-              display: "flex",
+              alignItems: 'center',
+              display: 'flex',
               flex: 1,
-              justifyContent: "center",
+              justifyContent: 'center',
             }}
           >
             <Spin />
           </div>
         ) : (
-          <WorkflowStudioCanvas
+          <WorkflowStudioEditorSurface
             edges={studio.graph.edges}
             emptyDescription={studio.emptyDescription}
+            nodeLibraryOpen={studio.nodeLibraryOpen}
             nodes={studio.graph.nodes}
             onAddFirstStep={studio.openNodeLibrary}
             onCanvasSelect={studio.selectCanvas}
+            onCloseNodeLibrary={studio.closeNodeLibrary}
             onConnectNodes={studio.connectNodes}
             onDeleteEdges={(edgeIds) => {
-              if (edgeIds.includes(studio.selectedEdgeId)) {
-                studio.deleteSelectedConnection();
+              const [edgeId] = edgeIds;
+              if (edgeId) {
+                studio.deleteSelectedConnection(edgeId);
               }
             }}
             onDeleteNodes={(nodeIds) => {
@@ -334,48 +157,33 @@ const TeamMemberWorkflowStudioPage: React.FC = () => {
               }
             }}
             onEdgeSelect={studio.selectEdge}
+            onInsertNode={studio.insertNode}
             onNodeLayoutChange={studio.moveNodes}
             onNodeSelect={studio.selectNode}
             selectedEdgeId={studio.selectedEdgeId}
             selectedNodeId={studio.selectedNodeId}
-          />
+          >
+            {studio.draftRunPanelOpen || studio.yamlPanelOpen ? null : (
+              <WorkflowStudioNodeDetailPanel
+                error={studio.selectedStepConfigurationError}
+                onClose={studio.selectCanvas}
+                onConfigurationChange={studio.updateSelectedStepConfiguration}
+                onConfigurationErrorChange={
+                  studio.setSelectedStepConfigurationError
+                }
+                stepDraft={studio.selectedStepDraft}
+              />
+            )}
+          </WorkflowStudioEditorSurface>
         )}
-        <WorkflowStudioNodeLibrary
-          onClose={studio.closeNodeLibrary}
-          onInsertNode={studio.insertNode}
-          open={studio.nodeLibraryOpen}
-        />
         {sidePanelOpen ? (
-          <hr
-            aria-label={t(
-              "teamMemberWorkflowStudio.resize.sidePanel",
-              "Resize side panel",
+          <WorkflowPanelResizeHandle
+            ariaLabel={t(
+              'teamMemberWorkflowStudio.resize.sidePanel',
+              'Resize side panel',
             )}
-            aria-orientation="vertical"
-            aria-valuemax={resolveSidePanelMaxWidth(editorRegionRef.current)}
-            aria-valuemin={SIDE_PANEL_MIN_WIDTH}
-            aria-valuenow={sidePanelWidth}
-            onKeyDown={handleSidePanelResizeKeyDown}
-            onMouseDown={startSidePanelResize}
-            style={{
-              alignItems: "center",
-              background: "#cbd5e1",
-              borderBottom: 0,
-              borderLeft: "3px solid #ffffff",
-              borderRight: "3px solid #ffffff",
-              borderTop: 0,
-              boxSizing: "border-box",
-              cursor: "col-resize",
-              display: "flex",
-              flex: "0 0 10px",
-              height: "100%",
-              justifyContent: "center",
-              margin: 0,
-              minHeight: 0,
-              position: "relative",
-              zIndex: 2,
-            }}
-            tabIndex={0}
+            orientation="vertical"
+            {...sidePanelHandleProps}
           />
         ) : null}
         <WorkflowStudioDraftRunPanel
@@ -408,52 +216,19 @@ const TeamMemberWorkflowStudioPage: React.FC = () => {
           open={studio.yamlPanelOpen}
           width={sidePanelWidth}
         />
-        {studio.draftRunPanelOpen ||
-        studio.yamlPanelOpen ? null : (
-          <WorkflowStudioNodeDetailPanel
-            error={studio.selectedStepConfigurationError}
-            onClose={studio.selectCanvas}
-            onConfigurationChange={studio.updateSelectedStepConfiguration}
-            onConfigurationErrorChange={studio.setSelectedStepConfigurationError}
-            stepDraft={studio.selectedStepDraft}
-          />
-        )}
       </section>
       {executionPanelOpen ? (
-        <hr
-          aria-label={t(
-            "teamMemberWorkflowStudio.resize.executionPanel",
-            "Resize run console",
+        <WorkflowPanelResizeHandle
+          ariaLabel={t(
+            'teamMemberWorkflowStudio.resize.executionPanel',
+            'Resize run console',
           )}
-          aria-orientation="horizontal"
-          aria-valuemax={resolveExecutionPanelMaxHeight(mainRef.current)}
-          aria-valuemin={EXECUTION_PANEL_MIN_HEIGHT}
-          aria-valuenow={executionPanelHeight}
-          onKeyDown={handleExecutionPanelResizeKeyDown}
-          onMouseDown={startExecutionPanelResize}
-          style={{
-            alignItems: "flex-start",
-            background: "#cbd5e1",
-            borderBottom: "4px solid #ffffff",
-            borderLeft: 0,
-            borderRight: 0,
-            borderTop: "4px solid #ffffff",
-            boxSizing: "border-box",
-            cursor: "row-resize",
-            display: "flex",
-            flex: "0 0 12px",
-            height: 12,
-            justifyContent: "center",
-            margin: 0,
-            position: "relative",
-            zIndex: 3,
-          }}
-          tabIndex={0}
+          orientation="horizontal"
+          {...executionPanelHandleProps}
         />
       ) : null}
       <WorkflowStudioExecutionPanel
         activeLogIndex={studio.activeExecutionLogIndex}
-        clearDisabled={studio.currentDraftRunPending}
         detail={studio.executionDetail}
         error={studio.executionError}
         height={executionPanelHeight}
diff --git a/apps/aevatar-console-web/src/pages/teams/components/TeamDetailPrimitives.tsx b/apps/aevatar-console-web/src/pages/teams/components/TeamDetailPrimitives.tsx
index b978026900..27c61dd706 100644
--- a/apps/aevatar-console-web/src/pages/teams/components/TeamDetailPrimitives.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/components/TeamDetailPrimitives.tsx
@@ -1,5 +1,6 @@
-import { Space, Tooltip, Typography, theme } from "antd";
+import { Space, Typography, theme } from "antd";
 import React from "react";
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import {
   AevatarCompactText,
   aevatarMonoFontFamily,
@@ -48,7 +49,7 @@ export const SignalCard: React.FC<{
         {value}
       </Typography.Title>
       {typeof caption === "string" ? (
-        <Tooltip
+        <AevatarTooltip
           placement="topLeft"
           title={typeof captionTooltip === "string" ? captionTooltip : caption}
         >
@@ -64,7 +65,7 @@ export const SignalCard: React.FC<{
           >
             {caption}
           </Typography.Text>
-        </Tooltip>
+        </AevatarTooltip>
       ) : caption ? (
         <Typography.Text style={{ fontSize: 13 }} type="secondary">
           {caption}
@@ -111,7 +112,7 @@ export const FactLine: React.FC<{
   const normalized = text || "--";
 
   return (
-    <Tooltip placement="topLeft" title={tooltipText || normalized}>
+    <AevatarTooltip placement="topLeft" title={tooltipText || normalized}>
       <Typography.Text
         strong={!secondary}
         style={{
@@ -129,7 +130,7 @@ export const FactLine: React.FC<{
       >
         {normalized}
       </Typography.Text>
-    </Tooltip>
+    </AevatarTooltip>
   );
 };
 
diff --git a/apps/aevatar-console-web/src/pages/teams/detail.test.tsx b/apps/aevatar-console-web/src/pages/teams/detail.test.tsx
index 7fec16a740..dd6ee6bb52 100644
--- a/apps/aevatar-console-web/src/pages/teams/detail.test.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/detail.test.tsx
@@ -1,40 +1,55 @@
-import { act, fireEvent, screen, waitFor, within } from "@testing-library/react";
-import { setLocale } from "@umijs/max";
-import { message, Modal } from "antd";
-import React from "react";
-import { scopesApi } from "@/shared/api/scopesApi";
-import { scopeRuntimeApi } from "@/shared/api/scopeRuntimeApi";
-import { runtimeActorsApi } from "@/shared/api/runtimeActorsApi";
-import { runtimeGAgentApi } from "@/shared/api/runtimeGAgentApi";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
-import { scheduledDispatchApi } from "@/shared/api/scheduledDispatchApi";
-import { teamAutomationApi } from "@/shared/api/teamAutomationApi";
-import { workOrdersApi } from "@/shared/api/workOrdersApi";
-import { formatCompactDateTime } from "@/shared/datetime/dateTime";
-import { history } from "@/shared/navigation/history";
-import { studioApi } from "@/shared/studio/api";
+import {
+  act,
+  fireEvent,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import { setLocale } from '@umijs/max';
+import { Modal } from 'antd';
+import React from 'react';
+import { runtimeActorsApi } from '@/shared/api/runtimeActorsApi';
+import { runtimeGAgentApi } from '@/shared/api/runtimeGAgentApi';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { scheduledDispatchApi } from '@/shared/api/scheduledDispatchApi';
+import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import { scopesApi } from '@/shared/api/scopesApi';
+import { teamAutomationApi } from '@/shared/api/teamAutomationApi';
+import { studioApi } from '@/shared/studio/api';
+import { workOrdersApi } from '@/shared/api/workOrdersApi';
 import {
   createTestQueryClient,
   renderWithQueryClient,
-} from "../../../tests/reactQueryTestUtils";
-import TeamDetailPage from "./detail";
+} from '../../../tests/reactQueryTestUtils';
+import TeamDetailPage from './detail';
+
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
 
 async function openTeamTestDialog() {
-  fireEvent.click(await screen.findByRole("button", { name: "测试团队" }));
-  await screen.findByLabelText("测试 Prompt");
-  return screen.getByTestId("team-test-modal-body");
+  fireEvent.click(await screen.findByRole('button', { name: '测试团队' }));
+  await screen.findByLabelText('测试 Prompt');
+  return screen.getByTestId('team-test-modal-body');
 }
 
-jest.mock("@/shared/graphs/GraphCanvas", () => ({
+jest.mock('@/shared/graphs/GraphCanvas', () => ({
   __esModule: true,
   default: () => {
-    const React = require("react");
-    return React.createElement("div", null, "Graph canvas");
+    const React = require('react');
+    return React.createElement('div', null, 'Graph canvas');
   },
 }));
 
-jest.mock("antd", () => {
-  const actual = jest.requireActual("antd");
+jest.mock('antd', () => {
+  const actual = jest.requireActual('antd');
   return {
     ...actual,
     Modal: Object.assign(actual.Modal, {
@@ -53,54 +68,54 @@ jest.mock("antd", () => {
 
 function mockCreateRunsCatalog() {
   return {
-    scopeId: "scope-1",
-    serviceId: "default",
-    serviceKey: "scope-1:default",
-    displayName: "Support Runtime",
+    scopeId: 'scope-1',
+    serviceId: 'default',
+    serviceKey: 'scope-1:default',
+    displayName: 'Support Runtime',
     runs: [
       {
-        scopeId: "scope-1",
-        serviceId: "default",
-        runId: "run-current",
-        actorId: "actor-intake",
-        definitionActorId: "definition://support-triage",
-        revisionId: "rev-2",
-        deploymentId: "dep-2",
-        workflowName: "support-triage",
-        completionStatus: "waiting_approval",
+        scopeId: 'scope-1',
+        serviceId: 'default',
+        runId: 'run-current',
+        actorId: 'actor-intake',
+        definitionActorId: 'definition://support-triage',
+        revisionId: 'rev-2',
+        deploymentId: 'dep-2',
+        workflowName: 'support-triage',
+        completionStatus: 'waiting_approval',
         stateVersion: 2,
-        lastEventId: "evt-2",
-        lastUpdatedAt: "2026-04-09T09:05:00Z",
-        boundAt: "2026-04-09T09:00:00Z",
-        bindingUpdatedAt: "2026-04-09T09:00:00Z",
+        lastEventId: 'evt-2',
+        lastUpdatedAt: '2026-04-09T09:05:00Z',
+        boundAt: '2026-04-09T09:00:00Z',
+        bindingUpdatedAt: '2026-04-09T09:00:00Z',
         lastSuccess: false,
         totalSteps: 4,
         completedSteps: 2,
         roleReplyCount: 1,
-        lastOutput: "",
-        lastError: "Waiting on approval",
+        lastOutput: '',
+        lastError: 'Waiting on approval',
       },
       {
-        scopeId: "scope-1",
-        serviceId: "default",
-        runId: "run-good",
-        actorId: "actor-intake-v1",
-        definitionActorId: "definition://support-triage-v1",
-        revisionId: "rev-1",
-        deploymentId: "dep-1",
-        workflowName: "support-triage-v1",
-        completionStatus: "completed",
+        scopeId: 'scope-1',
+        serviceId: 'default',
+        runId: 'run-good',
+        actorId: 'actor-intake-v1',
+        definitionActorId: 'definition://support-triage-v1',
+        revisionId: 'rev-1',
+        deploymentId: 'dep-1',
+        workflowName: 'support-triage-v1',
+        completionStatus: 'completed',
         stateVersion: 1,
-        lastEventId: "evt-1",
-        lastUpdatedAt: "2026-04-09T08:55:00Z",
-        boundAt: "2026-04-09T08:50:00Z",
-        bindingUpdatedAt: "2026-04-09T08:50:00Z",
+        lastEventId: 'evt-1',
+        lastUpdatedAt: '2026-04-09T08:55:00Z',
+        boundAt: '2026-04-09T08:50:00Z',
+        bindingUpdatedAt: '2026-04-09T08:50:00Z',
         lastSuccess: true,
         totalSteps: 3,
         completedSteps: 3,
         roleReplyCount: 1,
-        lastOutput: "Resolved",
-        lastError: "",
+        lastOutput: 'Resolved',
+        lastError: '',
       },
     ],
   };
@@ -108,70 +123,70 @@ function mockCreateRunsCatalog() {
 
 function mockCreateServiceRevisionCatalog(overrides?: Record<string, any>) {
   return {
-    scopeId: "scope-1",
-    serviceId: "default",
-    serviceKey: "scope-1:default",
-    displayName: "Support Escalation Triage",
-    defaultServingRevisionId: "rev-2",
-    activeServingRevisionId: "rev-2",
-    deploymentId: "dep-2",
-    deploymentStatus: "Active",
-    primaryActorId: "actor-intake",
+    scopeId: 'scope-1',
+    serviceId: 'default',
+    serviceKey: 'scope-1:default',
+    displayName: 'Support Escalation Triage',
+    defaultServingRevisionId: 'rev-2',
+    activeServingRevisionId: 'rev-2',
+    deploymentId: 'dep-2',
+    deploymentStatus: 'Active',
+    primaryActorId: 'actor-intake',
     catalogStateVersion: 2,
-    catalogLastEventId: "evt-catalog-2",
-    updatedAt: "2026-04-09T09:00:00Z",
+    catalogLastEventId: 'evt-catalog-2',
+    updatedAt: '2026-04-09T09:00:00Z',
     revisions: [
       {
-        revisionId: "rev-2",
-        implementationKind: "workflow",
-        status: "Published",
-        artifactHash: "hash-2",
-        failureReason: "",
+        revisionId: 'rev-2',
+        implementationKind: 'workflow',
+        status: 'Published',
+        artifactHash: 'hash-2',
+        failureReason: '',
         isDefaultServing: true,
         isActiveServing: true,
         isServingTarget: true,
         allocationWeight: 100,
-        servingState: "Active",
-        deploymentId: "dep-2",
-        primaryActorId: "actor-intake",
-        createdAt: "2026-04-09T08:00:00Z",
-        preparedAt: "2026-04-09T08:01:00Z",
-        publishedAt: "2026-04-09T08:02:00Z",
+        servingState: 'Active',
+        deploymentId: 'dep-2',
+        primaryActorId: 'actor-intake',
+        createdAt: '2026-04-09T08:00:00Z',
+        preparedAt: '2026-04-09T08:01:00Z',
+        publishedAt: '2026-04-09T08:02:00Z',
         retiredAt: null,
-        workflowName: "support-triage",
-        workflowDefinitionActorId: "definition://support-triage",
+        workflowName: 'support-triage',
+        workflowDefinitionActorId: 'definition://support-triage',
         inlineWorkflowCount: 1,
-        scriptId: "",
-        scriptRevision: "",
-        scriptDefinitionActorId: "",
-        scriptSourceHash: "",
-        staticActorTypeName: "",
+        scriptId: '',
+        scriptRevision: '',
+        scriptDefinitionActorId: '',
+        scriptSourceHash: '',
+        staticActorTypeName: '',
       },
       {
-        revisionId: "rev-1",
-        implementationKind: "workflow",
-        status: "Published",
-        artifactHash: "hash-1",
-        failureReason: "",
+        revisionId: 'rev-1',
+        implementationKind: 'workflow',
+        status: 'Published',
+        artifactHash: 'hash-1',
+        failureReason: '',
         isDefaultServing: false,
         isActiveServing: false,
         isServingTarget: false,
         allocationWeight: 0,
-        servingState: "",
-        deploymentId: "",
-        primaryActorId: "actor-intake-v1",
-        createdAt: "2026-04-08T08:00:00Z",
-        preparedAt: "2026-04-08T08:01:00Z",
-        publishedAt: "2026-04-08T08:02:00Z",
+        servingState: '',
+        deploymentId: '',
+        primaryActorId: 'actor-intake-v1',
+        createdAt: '2026-04-08T08:00:00Z',
+        preparedAt: '2026-04-08T08:01:00Z',
+        publishedAt: '2026-04-08T08:02:00Z',
         retiredAt: null,
-        workflowName: "support-triage-v1",
-        workflowDefinitionActorId: "definition://support-triage-v1",
+        workflowName: 'support-triage-v1',
+        workflowDefinitionActorId: 'definition://support-triage-v1',
         inlineWorkflowCount: 1,
-        scriptId: "",
-        scriptRevision: "",
-        scriptDefinitionActorId: "",
-        scriptSourceHash: "",
-        staticActorTypeName: "",
+        scriptId: '',
+        scriptRevision: '',
+        scriptDefinitionActorId: '',
+        scriptSourceHash: '',
+        staticActorTypeName: '',
       },
     ],
     ...overrides,
@@ -181,55 +196,55 @@ function mockCreateServiceRevisionCatalog(overrides?: Record<string, any>) {
 function mockCreateServiceCatalog() {
   return [
     {
-      serviceKey: "scope-1:default:default:default",
-      tenantId: "scope-1",
-      appId: "default",
-      namespace: "default",
-      serviceId: "default",
-      displayName: "Support Runtime",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      primaryActorId: "actor-intake",
-      deploymentStatus: "Active",
+      serviceKey: 'scope-1:default:default:default',
+      tenantId: 'scope-1',
+      appId: 'default',
+      namespace: 'default',
+      serviceId: 'default',
+      displayName: 'Support Runtime',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      primaryActorId: 'actor-intake',
+      deploymentStatus: 'Active',
       endpoints: [],
       policyIds: [],
-      updatedAt: "2026-04-09T09:00:00Z",
+      updatedAt: '2026-04-09T09:00:00Z',
     },
     {
-      serviceKey: "scope-1:default:default:alpha-service",
-      tenantId: "scope-1",
-      appId: "default",
-      namespace: "default",
-      serviceId: "alpha-service",
-      displayName: "Team Alpha Runtime",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      primaryActorId: "actor-intake",
-      deploymentStatus: "Active",
+      serviceKey: 'scope-1:default:default:alpha-service',
+      tenantId: 'scope-1',
+      appId: 'default',
+      namespace: 'default',
+      serviceId: 'alpha-service',
+      displayName: 'Team Alpha Runtime',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      primaryActorId: 'actor-intake',
+      deploymentStatus: 'Active',
       endpoints: [],
       policyIds: [],
-      updatedAt: "2026-04-09T09:00:00Z",
+      updatedAt: '2026-04-09T09:00:00Z',
     },
   ];
 }
 
 function mockCreateMembersCatalog() {
   return {
-    scopeId: "scope-1",
+    scopeId: 'scope-1',
     members: [
       {
-        memberId: "member-support",
-        scopeId: "scope-1",
-        displayName: "Support Escalation Triage",
-        description: "负责处理升级工单",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "default",
-        lastBoundRevisionId: "rev-2",
-        createdAt: "2026-04-09T08:00:00Z",
-        updatedAt: "2026-04-09T09:00:00Z",
+        memberId: 'member-support',
+        scopeId: 'scope-1',
+        displayName: 'Support Escalation Triage',
+        description: '负责处理升级工单',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'default',
+        lastBoundRevisionId: 'rev-2',
+        createdAt: '2026-04-09T08:00:00Z',
+        updatedAt: '2026-04-09T09:00:00Z',
       },
     ],
     nextPageToken: null,
@@ -238,97 +253,48 @@ function mockCreateMembersCatalog() {
 
 function mockCreateTeamMembersCatalog() {
   return {
-    scopeId: "scope-1",
+    scopeId: 'scope-1',
     members: [
       {
-        memberId: "member-team-alpha",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        displayName: "Team Alpha Operator",
-        description: "负责处理升级工单",
-        implementationKind: "workflow",
+        memberId: 'member-team-alpha',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        displayName: 'Team Alpha Operator',
+        description: '负责处理升级工单',
+        implementationKind: 'workflow',
         implementationRef: {
-          implementationKind: "workflow",
-          workflowId: "wf-team-alpha",
-          workflowRevision: "rev-alpha",
+          implementationKind: 'workflow',
+          workflowId: 'wf-team-alpha',
+          workflowRevision: 'rev-alpha',
         },
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "alpha-service",
-        lastBoundRevisionId: "rev-alpha",
-        createdAt: "2026-04-09T08:00:00Z",
-        updatedAt: "2026-04-09T09:00:00Z",
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: 'alpha-service',
+        lastBoundRevisionId: 'rev-alpha',
+        createdAt: '2026-04-09T08:00:00Z',
+        updatedAt: '2026-04-09T09:00:00Z',
       },
     ],
     nextPageToken: null,
   };
 }
 
-function mockCreateTeamMembersCatalogWithSecondPublishedMember() {
-  return {
-    ...mockCreateTeamMembersCatalog(),
-    members: [
-      ...mockCreateTeamMembersCatalog().members,
-      {
-        memberId: "member-team-beta",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        displayName: "Team Beta Operator",
-        description: "Handles second-line escalations",
-        implementationKind: "workflow",
-        implementationRef: {
-          implementationKind: "workflow",
-          workflowId: "wf-team-beta",
-          workflowRevision: "rev-beta",
-        },
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "beta-service",
-        lastBoundRevisionId: "rev-beta",
-        createdAt: "2026-04-09T08:00:00Z",
-        updatedAt: "2026-04-09T09:00:00Z",
-      },
-    ],
-  };
-}
-
-function mockCreateServiceCatalogWithSecondPublishedMember() {
-  return [
-    ...mockCreateServiceCatalog(),
-    {
-      serviceKey: "scope-1:default:default:beta-service",
-      tenantId: "scope-1",
-      appId: "default",
-      namespace: "default",
-      serviceId: "beta-service",
-      displayName: "Team Beta Runtime",
-      defaultServingRevisionId: "rev-beta",
-      activeServingRevisionId: "rev-beta",
-      deploymentId: "dep-beta",
-      primaryActorId: "actor-beta",
-      deploymentStatus: "Active",
-      endpoints: [],
-      policyIds: [],
-      updatedAt: "2026-04-09T09:00:00Z",
-    },
-  ];
-}
-
 function mockCreateTeamMembersCatalogWithUnpublishedReadyMember() {
   return {
-    scopeId: "scope-1",
+    scopeId: 'scope-1',
     members: [
       ...mockCreateTeamMembersCatalog().members,
       {
-        memberId: "member-unpublished",
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        displayName: "Unpublished Ready Member",
-        description: "Lifecycle is ready but published service is missing",
-        implementationKind: "workflow",
-        lifecycleStage: "bind_ready",
-        publishedServiceId: "",
-        lastBoundRevisionId: "rev-unpublished",
-        createdAt: "2026-04-09T08:00:00Z",
-        updatedAt: "2026-04-09T09:00:00Z",
+        memberId: 'member-unpublished',
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        displayName: 'Unpublished Ready Member',
+        description: 'Lifecycle is ready but published service is missing',
+        implementationKind: 'workflow',
+        lifecycleStage: 'bind_ready',
+        publishedServiceId: '',
+        lastBoundRevisionId: 'rev-unpublished',
+        createdAt: '2026-04-09T08:00:00Z',
+        updatedAt: '2026-04-09T09:00:00Z',
       },
     ],
     nextPageToken: null,
@@ -337,164 +303,128 @@ function mockCreateTeamMembersCatalogWithUnpublishedReadyMember() {
 
 function mockCreateTeamSummary() {
   return {
-    teamId: "t-alpha",
-    scopeId: "scope-1",
-    displayName: "Alpha Support Team",
-    description: "Team summary",
-    entryMemberId: "member-team-alpha",
-    lifecycleStage: "active",
+    teamId: 't-alpha',
+    scopeId: 'scope-1',
+    displayName: 'Alpha Support Team',
+    description: 'Team summary',
+    entryMemberId: 'member-team-alpha',
+    lifecycleStage: 'active',
     memberCount: 3,
-    createdAt: "2026-05-01T08:00:00Z",
-    updatedAt: "2026-05-01T08:05:00Z",
+    createdAt: '2026-05-01T08:00:00Z',
+    updatedAt: '2026-05-01T08:05:00Z',
   };
 }
 
-function mockCreateScheduledDispatchSummary(overrides?: Record<string, any>) {
-  return {
-    scheduleId: "sch-alpha",
-    displayName: "Daily escalation digest",
-    targetKind: "service_invocation",
-    targetActorId: "actor-alpha",
-    payloadTypeUrl: "type.googleapis.com/aevatar.ChatRequestEvent",
-    serviceKey: "scope-1:default:default:alpha-service",
-    serviceId: "alpha-service",
-    serviceEndpointId: "chat",
-    prompt: "",
-    cronExpression: "0 9 * * 1-5",
-    timezone: "Asia/Shanghai",
-    enabled: true,
-    createdAt: "2026-06-10T08:00:00Z",
-    updatedAt: "2026-06-10T08:30:00Z",
-    nextFireAt: "2026-06-11T01:00:00Z",
-    lastFireAt: null,
-    lastTargetActorId: "",
-    lastCommandId: "",
-    lastCorrelationId: "",
-    lastError: "",
-    fireCount: 0,
-    failureCount: 0,
-    headers: {},
-    scheduleActorId: "schedule-actor-alpha",
-    scheduleKind: "workflow",
-    deleted: false,
-    ...overrides,
-  };
-}
-
-function collectRenderedStyleText(): string {
-  return Array.from(document.querySelectorAll("style"))
-    .map((styleElement) => styleElement.textContent ?? "")
-    .join("\n");
-}
-
 function mockCreateRunAudit(scopeId: string, runId: string) {
   return {
     summary: {
       scopeId,
-      serviceId: "default",
+      serviceId: 'default',
       runId,
-      actorId: "actor-intake",
-      definitionActorId: "definition://support-triage",
-      revisionId: runId === "run-current" ? "rev-2" : "rev-1",
-      deploymentId: runId === "run-current" ? "dep-2" : "dep-1",
-      workflowName: "support-triage",
-      completionStatus: runId === "run-current" ? "waiting_approval" : "completed",
+      actorId: 'actor-intake',
+      definitionActorId: 'definition://support-triage',
+      revisionId: runId === 'run-current' ? 'rev-2' : 'rev-1',
+      deploymentId: runId === 'run-current' ? 'dep-2' : 'dep-1',
+      workflowName: 'support-triage',
+      completionStatus:
+        runId === 'run-current' ? 'waiting_approval' : 'completed',
       stateVersion: 2,
-      lastEventId: "evt-2",
-      lastUpdatedAt: "2026-04-09T09:05:00Z",
-      boundAt: "2026-04-09T09:00:00Z",
-      bindingUpdatedAt: "2026-04-09T09:00:00Z",
-      lastSuccess: runId !== "run-current",
+      lastEventId: 'evt-2',
+      lastUpdatedAt: '2026-04-09T09:05:00Z',
+      boundAt: '2026-04-09T09:00:00Z',
+      bindingUpdatedAt: '2026-04-09T09:00:00Z',
+      lastSuccess: runId !== 'run-current',
       totalSteps: 4,
-      completedSteps: runId === "run-current" ? 2 : 4,
+      completedSteps: runId === 'run-current' ? 2 : 4,
       roleReplyCount: 1,
-      lastOutput: runId === "run-current" ? "" : "Resolved",
-      lastError: runId === "run-current" ? "Waiting on approval" : "",
+      lastOutput: runId === 'run-current' ? '' : 'Resolved',
+      lastError: runId === 'run-current' ? 'Waiting on approval' : '',
     },
     audit: {
-      reportVersion: "1",
-      projectionScope: "service",
-      topologySource: "audit",
-      completionStatus: runId === "run-current" ? "waiting_approval" : "completed",
-      workflowName: "support-triage",
-      rootActorId: "actor-intake",
-      commandId: "cmd-1",
+      reportVersion: '1',
+      projectionScope: 'service',
+      topologySource: 'audit',
+      completionStatus:
+        runId === 'run-current' ? 'waiting_approval' : 'completed',
+      workflowName: 'support-triage',
+      rootActorId: 'actor-intake',
+      commandId: 'cmd-1',
       stateVersion: 2,
-      lastEventId: "evt-2",
-      createdAt: "2026-04-09T09:00:00Z",
-      updatedAt: "2026-04-09T09:05:00Z",
-      startedAt: "2026-04-09T09:00:00Z",
+      lastEventId: 'evt-2',
+      createdAt: '2026-04-09T09:00:00Z',
+      updatedAt: '2026-04-09T09:05:00Z',
+      startedAt: '2026-04-09T09:00:00Z',
       endedAt: null,
       durationMs: 1000,
-      success: runId !== "run-current",
-      input: "hello",
-      finalOutput: runId === "run-current" ? "" : "Resolved",
-      finalError: runId === "run-current" ? "Waiting on approval" : "",
+      success: runId !== 'run-current',
+      input: 'hello',
+      finalOutput: runId === 'run-current' ? '' : 'Resolved',
+      finalError: runId === 'run-current' ? 'Waiting on approval' : '',
       topology:
-        runId === "run-current"
+        runId === 'run-current'
           ? [
               {
-                parent: "actor-intake",
-                child: "actor-risk",
+                parent: 'actor-intake',
+                child: 'actor-risk',
               },
               {
-                parent: "actor-risk",
-                child: "actor-ops",
+                parent: 'actor-risk',
+                child: 'actor-ops',
               },
             ]
           : [
               {
-                parent: "actor-intake-v1",
-                child: "actor-risk",
+                parent: 'actor-intake-v1',
+                child: 'actor-risk',
               },
             ],
       steps: [
         {
-          stepId: "risk_review",
-          stepType: runId === "run-current" ? "human_approval" : "llm_call",
-          targetRole: "operator",
-          requestedAt: "2026-04-09T09:01:00Z",
-          completedAt: runId === "run-current" ? null : "2026-04-09T09:02:00Z",
-          success: runId !== "run-current",
-          workerId: "actor-intake",
-          outputPreview: "",
-          error: "",
+          stepId: 'risk_review',
+          stepType: runId === 'run-current' ? 'human_approval' : 'llm_call',
+          targetRole: 'operator',
+          requestedAt: '2026-04-09T09:01:00Z',
+          completedAt: runId === 'run-current' ? null : '2026-04-09T09:02:00Z',
+          success: runId !== 'run-current',
+          workerId: 'actor-intake',
+          outputPreview: '',
+          error: '',
           requestParameters: {},
           completionAnnotations: {},
-          nextStepId: "",
-          branchKey: "",
-          assignedVariable: "",
-          assignedValue: "",
-          suspensionType: runId === "run-current" ? "human_approval" : "",
-          suspensionPrompt: runId === "run-current" ? "Approve escalation" : "",
+          nextStepId: '',
+          branchKey: '',
+          assignedVariable: '',
+          assignedValue: '',
+          suspensionType: runId === 'run-current' ? 'human_approval' : '',
+          suspensionPrompt: runId === 'run-current' ? 'Approve escalation' : '',
           suspensionTimeoutSeconds: null,
-          requestedVariableName: "",
+          requestedVariableName: '',
           durationMs: null,
         },
       ],
       roleReplies:
-        runId === "run-current"
+        runId === 'run-current'
           ? [
               {
-                timestamp: "2026-04-09T09:02:30Z",
-                roleId: "operator",
-                sessionId: "session-1",
-                content: "Escalation needs approval from on-call.",
+                timestamp: '2026-04-09T09:02:30Z',
+                roleId: 'operator',
+                sessionId: 'session-1',
+                content: 'Escalation needs approval from on-call.',
                 contentLength: 39,
               },
             ]
           : [],
       timeline:
-        runId === "run-current"
+        runId === 'run-current'
           ? [
               {
-                timestamp: "2026-04-09T09:01:30Z",
-                stage: "human_gate",
-                message: "Approval requested from operator",
-                agentId: "actor-intake",
-                stepId: "risk_review",
-                stepType: "human_approval",
-                eventType: "suspension_requested",
+                timestamp: '2026-04-09T09:01:30Z',
+                stage: 'human_gate',
+                message: 'Approval requested from operator',
+                agentId: 'actor-intake',
+                stepId: 'risk_review',
+                stepType: 'human_approval',
+                eventType: 'suspension_requested',
                 data: {},
               },
             ]
@@ -502,7 +432,7 @@ function mockCreateRunAudit(scopeId: string, runId: string) {
       summary: {
         totalSteps: 4,
         requestedSteps: 2,
-        completedSteps: runId === "run-current" ? 2 : 4,
+        completedSteps: runId === 'run-current' ? 2 : 4,
         roleReplyCount: 1,
         stepTypeCounts: {},
       },
@@ -510,124 +440,124 @@ function mockCreateRunAudit(scopeId: string, runId: string) {
   };
 }
 
-jest.mock("@/shared/api/scopesApi", () => ({
+jest.mock('@/shared/api/scopesApi', () => ({
   scopesApi: {
     listWorkflows: jest.fn(async () => [
       {
-        scopeId: "scope-1",
-        workflowId: "workflow-1",
-        displayName: "Support Escalation Triage",
-        serviceKey: "scope-1:default",
-        workflowName: "support-triage",
-        actorId: "actor-intake",
-        activeRevisionId: "rev-2",
-        deploymentId: "dep-2",
-        deploymentStatus: "Active",
-        updatedAt: "2026-04-09T09:00:00Z",
+        scopeId: 'scope-1',
+        workflowId: 'workflow-1',
+        displayName: 'Support Escalation Triage',
+        serviceKey: 'scope-1:default',
+        workflowName: 'support-triage',
+        actorId: 'actor-intake',
+        activeRevisionId: 'rev-2',
+        deploymentId: 'dep-2',
+        deploymentStatus: 'Active',
+        updatedAt: '2026-04-09T09:00:00Z',
       },
       {
-        scopeId: "scope-1",
-        workflowId: "workflow-2",
-        displayName: "Support Escalation Triage v1",
-        serviceKey: "scope-1:default",
-        workflowName: "support-triage-v1",
-        actorId: "actor-intake-v1",
-        activeRevisionId: "rev-1",
-        deploymentId: "dep-1",
-        deploymentStatus: "Retired",
-        updatedAt: "2026-04-08T09:00:00Z",
+        scopeId: 'scope-1',
+        workflowId: 'workflow-2',
+        displayName: 'Support Escalation Triage v1',
+        serviceKey: 'scope-1:default',
+        workflowName: 'support-triage-v1',
+        actorId: 'actor-intake-v1',
+        activeRevisionId: 'rev-1',
+        deploymentId: 'dep-1',
+        deploymentStatus: 'Retired',
+        updatedAt: '2026-04-08T09:00:00Z',
       },
     ]),
     getWorkflowDetail: jest.fn(async () => ({
       available: true,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       workflow: {
-        scopeId: "scope-1",
-        workflowId: "workflow-1",
-        displayName: "Support Escalation Triage",
-        serviceKey: "scope-1:default",
-        workflowName: "support-triage",
-        actorId: "actor-intake",
-        activeRevisionId: "rev-2",
-        deploymentId: "dep-2",
-        deploymentStatus: "Active",
-        updatedAt: "2026-04-09T09:00:00Z",
+        scopeId: 'scope-1',
+        workflowId: 'workflow-1',
+        displayName: 'Support Escalation Triage',
+        serviceKey: 'scope-1:default',
+        workflowName: 'support-triage',
+        actorId: 'actor-intake',
+        activeRevisionId: 'rev-2',
+        deploymentId: 'dep-2',
+        deploymentStatus: 'Active',
+        updatedAt: '2026-04-09T09:00:00Z',
       },
       source: {
-        workflowYaml: "name: support-triage",
-        definitionActorId: "definition://support-triage",
+        workflowYaml: 'name: support-triage',
+        definitionActorId: 'definition://support-triage',
         inlineWorkflowYamls: null,
       },
     })),
     listScripts: jest.fn(async () => [
       {
-        scriptId: "script-1",
+        scriptId: 'script-1',
       },
     ]),
   },
 }));
 
-jest.mock("@/shared/api/runtimeGAgentApi", () => ({
+jest.mock('@/shared/api/runtimeGAgentApi', () => ({
   runtimeGAgentApi: {
     listActors: jest.fn(async () => [
       {
-        agentKind: "IntakeAgent",
-        actorIds: ["actor-intake"],
+        agentKind: 'IntakeAgent',
+        actorIds: ['actor-intake'],
       },
       {
-        agentKind: "RiskReviewAgent",
-        actorIds: ["actor-risk"],
+        agentKind: 'RiskReviewAgent',
+        actorIds: ['actor-risk'],
       },
     ]),
   },
 }));
 
-jest.mock("@/shared/api/runtimeActorsApi", () => ({
+jest.mock('@/shared/api/runtimeActorsApi', () => ({
   runtimeActorsApi: {
     getActorGraphEnriched: jest.fn(async () => ({
       snapshot: {
-        actorId: "actor-intake",
-        workflowName: "support-triage",
-        lastCommandId: "cmd-1",
+        actorId: 'actor-intake',
+        workflowName: 'support-triage',
+        lastCommandId: 'cmd-1',
         completionStatusValue: 1,
         stateVersion: 2,
-        lastEventId: "evt-2",
-        lastUpdatedAt: "2026-04-09T09:05:00Z",
+        lastEventId: 'evt-2',
+        lastUpdatedAt: '2026-04-09T09:05:00Z',
         lastSuccess: false,
-        lastOutput: "",
-        lastError: "Waiting on approval",
+        lastOutput: '',
+        lastError: 'Waiting on approval',
         totalSteps: 4,
         requestedSteps: 2,
         completedSteps: 2,
         roleReplyCount: 1,
       },
       subgraph: {
-        rootNodeId: "actor-intake",
+        rootNodeId: 'actor-intake',
         nodes: [
           {
-            nodeId: "actor-intake",
-            nodeType: "actor",
-            updatedAt: "2026-04-09T09:05:00Z",
+            nodeId: 'actor-intake',
+            nodeType: 'actor',
+            updatedAt: '2026-04-09T09:05:00Z',
             properties: {
-              role: "triage lead",
+              role: 'triage lead',
             },
           },
           {
-            nodeId: "actor-risk",
-            nodeType: "actor",
-            updatedAt: "2026-04-09T09:05:00Z",
+            nodeId: 'actor-risk',
+            nodeType: 'actor',
+            updatedAt: '2026-04-09T09:05:00Z',
             properties: {
-              role: "risk review",
+              role: 'risk review',
             },
           },
         ],
         edges: [
           {
-            edgeId: "edge-1",
-            fromNodeId: "actor-intake",
-            toNodeId: "actor-risk",
-            edgeType: "handoff",
-            updatedAt: "2026-04-09T09:05:00Z",
+            edgeId: 'edge-1',
+            fromNodeId: 'actor-intake',
+            toNodeId: 'actor-risk',
+            edgeType: 'handoff',
+            updatedAt: '2026-04-09T09:05:00Z',
             properties: {},
           },
         ],
@@ -636,26 +566,30 @@ jest.mock("@/shared/api/runtimeActorsApi", () => ({
   },
 }));
 
-jest.mock("@/shared/api/scopeRuntimeApi", () => ({
+jest.mock('@/shared/api/scopeRuntimeApi', () => ({
   scopeRuntimeApi: {
     listServices: jest.fn(async () => mockCreateServiceCatalog()),
-    getServiceRevisions: jest.fn(async () => mockCreateServiceRevisionCatalog()),
+    getServiceRevisions: jest.fn(async () =>
+      mockCreateServiceRevisionCatalog(),
+    ),
     listMemberRuns: jest.fn(async () => mockCreateRunsCatalog()),
     listServiceRuns: jest.fn(async () => mockCreateRunsCatalog()),
-    getMemberRunAudit: jest.fn(async (scopeId: string, _memberId: string, runId: string) =>
-      mockCreateRunAudit(scopeId, runId),
+    getMemberRunAudit: jest.fn(
+      async (scopeId: string, _memberId: string, runId: string) =>
+        mockCreateRunAudit(scopeId, runId),
     ),
-    getServiceRunAudit: jest.fn(async (scopeId: string, _serviceId: string, runId: string) =>
-      mockCreateRunAudit(scopeId, runId),
+    getServiceRunAudit: jest.fn(
+      async (scopeId: string, _serviceId: string, runId: string) =>
+        mockCreateRunAudit(scopeId, runId),
     ),
   },
 }));
 
-jest.mock("@/shared/api/scheduledDispatchApi", () => ({
+jest.mock('@/shared/api/scheduledDispatchApi', () => ({
   previewScheduledDispatch: jest.fn(async () => ({
-    cronExpression: "0 9 * * 1-5",
-    timezone: "Asia/Shanghai",
-    nextFireTimes: ["2026-06-11T01:00:00Z"],
+    cronExpression: '0 9 * * 1-5',
+    timezone: 'Asia/Shanghai',
+    nextFireTimes: ['2026-06-11T01:00:00Z'],
   })),
   scheduledDispatchApi: {
     list: jest.fn(async () => ({
@@ -669,78 +603,82 @@ jest.mock("@/shared/api/scheduledDispatchApi", () => ({
       totalCount: 0,
     })),
     create: jest.fn(async () => ({
-      scheduleId: "sch-created",
-      scheduleActorId: "schedule-actor-created",
+      scheduleId: 'sch-created',
+      scheduleActorId: 'schedule-actor-created',
       accepted: true,
-      commandId: "cmd-created",
-      correlationId: "corr-created",
-      ackedAt: "2026-06-10T08:35:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-created',
+      correlationId: 'corr-created',
+      ackedAt: '2026-06-10T08:35:00Z',
+      ackStage: 'accepted',
     })),
     update: jest.fn(async () => ({
-      scheduleId: "sch-alpha",
-      scheduleActorId: "schedule-actor-alpha",
+      scheduleId: 'sch-alpha',
+      scheduleActorId: 'schedule-actor-alpha',
       accepted: true,
-      commandId: "cmd-update",
-      correlationId: "corr-update",
-      ackedAt: "2026-06-10T08:36:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-update',
+      correlationId: 'corr-update',
+      ackedAt: '2026-06-10T08:36:00Z',
+      ackStage: 'accepted',
     })),
     preview: jest.fn(async () => ({
-      cronExpression: "0 9 * * 1-5",
-      timezone: "Asia/Shanghai",
-      nextFireTimes: ["2026-06-11T01:00:00Z"],
+      cronExpression: '0 9 * * 1-5',
+      timezone: 'Asia/Shanghai',
+      nextFireTimes: ['2026-06-11T01:00:00Z'],
     })),
     runNow: jest.fn(async () => ({
-      scheduleId: "sch-alpha",
-      scheduleActorId: "schedule-actor-alpha",
-      scheduledFireAt: "2026-06-10T08:40:00Z",
-      idempotencyKey: "idem-alpha",
+      scheduleId: 'sch-alpha',
+      scheduleActorId: 'schedule-actor-alpha',
+      scheduledFireAt: '2026-06-10T08:40:00Z',
+      idempotencyKey: 'idem-alpha',
       accepted: true,
-      commandId: "cmd-run",
-      correlationId: "corr-run",
-      ackedAt: "2026-06-10T08:40:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-run',
+      correlationId: 'corr-run',
+      ackedAt: '2026-06-10T08:40:00Z',
+      ackStage: 'accepted',
     })),
     enable: jest.fn(async () => ({
-      scheduleId: "sch-alpha",
-      scheduleActorId: "schedule-actor-alpha",
+      scheduleId: 'sch-alpha',
+      scheduleActorId: 'schedule-actor-alpha',
       accepted: true,
-      commandId: "cmd-enable",
-      correlationId: "corr-enable",
-      ackedAt: "2026-06-10T08:45:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-enable',
+      correlationId: 'corr-enable',
+      ackedAt: '2026-06-10T08:45:00Z',
+      ackStage: 'accepted',
     })),
     disable: jest.fn(async () => ({
-      scheduleId: "sch-alpha",
-      scheduleActorId: "schedule-actor-alpha",
+      scheduleId: 'sch-alpha',
+      scheduleActorId: 'schedule-actor-alpha',
       accepted: true,
-      commandId: "cmd-disable",
-      correlationId: "corr-disable",
-      ackedAt: "2026-06-10T08:45:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-disable',
+      correlationId: 'corr-disable',
+      ackedAt: '2026-06-10T08:45:00Z',
+      ackStage: 'accepted',
     })),
     delete: jest.fn(async () => ({
-      scheduleId: "sch-alpha",
-      scheduleActorId: "schedule-actor-alpha",
+      scheduleId: 'sch-alpha',
+      scheduleActorId: 'schedule-actor-alpha',
       accepted: true,
-      commandId: "cmd-delete",
-      correlationId: "corr-delete",
-      ackedAt: "2026-06-10T08:45:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-delete',
+      correlationId: 'corr-delete',
+      ackedAt: '2026-06-10T08:45:00Z',
+      ackStage: 'accepted',
     })),
   },
 }));
 
-jest.mock("@/shared/api/teamAutomationApi", () => ({
+jest.mock('@/shared/api/teamAutomationApi', () => ({
   createTeamAutomationOperationIdentity: jest.fn(() => ({
-    operationId: "op-alpha",
-    idempotencyKey: "idem-alpha",
+    operationId: 'op-alpha',
+    idempotencyKey: 'idem-alpha',
   })),
   teamAutomationApi: {
     create: jest.fn(),
     delete: jest.fn(),
-    listAll: jest.fn(async () => ({ items: [], nextCursor: null, totalCount: 0 })),
+    listAll: jest.fn(async () => ({
+      items: [],
+      nextCursor: null,
+      totalCount: 0,
+    })),
     pause: jest.fn(),
     preflightCreate: jest.fn(),
     reauthorize: jest.fn(),
@@ -752,31 +690,31 @@ jest.mock("@/shared/api/teamAutomationApi", () => ({
   TeamAutomationApiError: class TeamAutomationApiError extends Error {},
 }));
 
-jest.mock("@/shared/auth/client", () => ({
+jest.mock('@/shared/auth/client', () => ({
   NyxIDAuthClient: jest.fn(() => ({ loginWithRedirect: jest.fn() })),
 }));
 
-jest.mock("@/shared/auth/config", () => ({
+jest.mock('@/shared/auth/config', () => ({
   getNyxIDRuntimeConfig: jest.fn(() => ({})),
 }));
 
-jest.mock("@/shared/agui/sseFrameNormalizer", () => ({
+jest.mock('@/shared/agui/sseFrameNormalizer', () => ({
   parseBackendSSEStream: jest.fn(async function* () {
     yield {
-      type: "TEXT_MESSAGE_CONTENT",
-      delta: "Team response",
+      type: 'TEXT_MESSAGE_CONTENT',
+      delta: 'Team response',
       timestamp: 1,
     };
     yield {
-      type: "RUN_FINISHED",
-      result: { output: "Team response" },
-      runId: "team-run-1",
+      type: 'RUN_FINISHED',
+      result: { output: 'Team response' },
+      runId: 'team-run-1',
       timestamp: 2,
     };
   }),
 }));
 
-jest.mock("@/shared/api/runtimeRunsApi", () => ({
+jest.mock('@/shared/api/runtimeRunsApi', () => ({
   runtimeRunsApi: {
     streamTeamChat: jest.fn(async () => ({
       ok: true,
@@ -802,168 +740,168 @@ jest.mock("@/shared/api/workOrdersApi", () => ({
 
 jest.mock("@/shared/studio/api", () => ({
   isStudioApiErrorCode: (error: unknown, status: number, code: string) =>
-    typeof error === "object" &&
+    typeof error === 'object' &&
     error !== null &&
-    "status" in error &&
+    'status' in error &&
     (error as { status?: unknown }).status === status &&
-    "code" in error &&
+    'code' in error &&
     (error as { code?: unknown }).code === code,
   isStudioApiStatus: (error: unknown, status: number) =>
-    typeof error === "object" &&
+    typeof error === 'object' &&
     error !== null &&
-    "status" in error &&
+    'status' in error &&
     (error as { status?: unknown }).status === status,
   studioApi: {
     getScopeBinding: jest.fn(async () => ({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "Support Escalation Triage",
-      serviceKey: "scope-1:default",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-intake",
-      updatedAt: "2026-04-09T09:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'Support Escalation Triage',
+      serviceKey: 'scope-1:default',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-intake',
+      updatedAt: '2026-04-09T09:00:00Z',
       revisions: [
         {
-          revisionId: "rev-2",
-          implementationKind: "workflow",
-          status: "Published",
-          artifactHash: "hash-2",
-          failureReason: "",
+          revisionId: 'rev-2',
+          implementationKind: 'workflow',
+          status: 'Published',
+          artifactHash: 'hash-2',
+          failureReason: '',
           isDefaultServing: true,
           isActiveServing: true,
           isServingTarget: true,
           allocationWeight: 100,
-          servingState: "Active",
-          deploymentId: "dep-2",
-          primaryActorId: "actor-intake",
-          createdAt: "2026-04-09T08:00:00Z",
-          preparedAt: "2026-04-09T08:01:00Z",
-          publishedAt: "2026-04-09T08:02:00Z",
+          servingState: 'Active',
+          deploymentId: 'dep-2',
+          primaryActorId: 'actor-intake',
+          createdAt: '2026-04-09T08:00:00Z',
+          preparedAt: '2026-04-09T08:01:00Z',
+          publishedAt: '2026-04-09T08:02:00Z',
           retiredAt: null,
-          workflowName: "support-triage",
-          workflowDefinitionActorId: "definition://support-triage",
+          workflowName: 'support-triage',
+          workflowDefinitionActorId: 'definition://support-triage',
           inlineWorkflowCount: 1,
-          scriptId: "",
-          scriptRevision: "",
-          scriptDefinitionActorId: "",
-          scriptSourceHash: "",
-          staticActorTypeName: "",
+          scriptId: '',
+          scriptRevision: '',
+          scriptDefinitionActorId: '',
+          scriptSourceHash: '',
+          staticActorTypeName: '',
         },
         {
-          revisionId: "rev-1",
-          implementationKind: "workflow",
-          status: "Published",
-          artifactHash: "hash-1",
-          failureReason: "",
+          revisionId: 'rev-1',
+          implementationKind: 'workflow',
+          status: 'Published',
+          artifactHash: 'hash-1',
+          failureReason: '',
           isDefaultServing: false,
           isActiveServing: false,
           isServingTarget: false,
           allocationWeight: 0,
-          servingState: "",
-          deploymentId: "",
-          primaryActorId: "actor-intake-v1",
-          createdAt: "2026-04-08T08:00:00Z",
-          preparedAt: "2026-04-08T08:01:00Z",
-          publishedAt: "2026-04-08T08:02:00Z",
+          servingState: '',
+          deploymentId: '',
+          primaryActorId: 'actor-intake-v1',
+          createdAt: '2026-04-08T08:00:00Z',
+          preparedAt: '2026-04-08T08:01:00Z',
+          publishedAt: '2026-04-08T08:02:00Z',
           retiredAt: null,
-          workflowName: "support-triage-v1",
-          workflowDefinitionActorId: "definition://support-triage-v1",
+          workflowName: 'support-triage-v1',
+          workflowDefinitionActorId: 'definition://support-triage-v1',
           inlineWorkflowCount: 1,
-          scriptId: "",
-          scriptRevision: "",
-          scriptDefinitionActorId: "",
-          scriptSourceHash: "",
-          staticActorTypeName: "",
+          scriptId: '',
+          scriptRevision: '',
+          scriptDefinitionActorId: '',
+          scriptSourceHash: '',
+          staticActorTypeName: '',
         },
       ],
     })),
     getDefaultRouteTarget: jest.fn(async () => ({
       available: true,
-      scopeId: "scope-1",
-      serviceId: "default",
-      displayName: "Support Escalation Triage",
-      serviceKey: "scope-1:default",
-      defaultServingRevisionId: "rev-2",
-      activeServingRevisionId: "rev-2",
-      deploymentId: "dep-2",
-      deploymentStatus: "Active",
-      primaryActorId: "actor-intake",
-      updatedAt: "2026-04-09T09:00:00Z",
+      scopeId: 'scope-1',
+      serviceId: 'default',
+      displayName: 'Support Escalation Triage',
+      serviceKey: 'scope-1:default',
+      defaultServingRevisionId: 'rev-2',
+      activeServingRevisionId: 'rev-2',
+      deploymentId: 'dep-2',
+      deploymentStatus: 'Active',
+      primaryActorId: 'actor-intake',
+      updatedAt: '2026-04-09T09:00:00Z',
       revisions: [
         {
-          revisionId: "rev-2",
-          implementationKind: "workflow",
-          status: "Published",
-          artifactHash: "hash-2",
-          failureReason: "",
+          revisionId: 'rev-2',
+          implementationKind: 'workflow',
+          status: 'Published',
+          artifactHash: 'hash-2',
+          failureReason: '',
           isDefaultServing: true,
           isActiveServing: true,
           isServingTarget: true,
           allocationWeight: 100,
-          servingState: "Active",
-          deploymentId: "dep-2",
-          primaryActorId: "actor-intake",
-          createdAt: "2026-04-09T08:00:00Z",
-          preparedAt: "2026-04-09T08:01:00Z",
-          publishedAt: "2026-04-09T08:02:00Z",
+          servingState: 'Active',
+          deploymentId: 'dep-2',
+          primaryActorId: 'actor-intake',
+          createdAt: '2026-04-09T08:00:00Z',
+          preparedAt: '2026-04-09T08:01:00Z',
+          publishedAt: '2026-04-09T08:02:00Z',
           retiredAt: null,
-          workflowName: "support-triage",
-          workflowDefinitionActorId: "definition://support-triage",
+          workflowName: 'support-triage',
+          workflowDefinitionActorId: 'definition://support-triage',
           inlineWorkflowCount: 1,
-          scriptId: "",
-          scriptRevision: "",
-          scriptDefinitionActorId: "",
-          scriptSourceHash: "",
-          staticActorTypeName: "",
+          scriptId: '',
+          scriptRevision: '',
+          scriptDefinitionActorId: '',
+          scriptSourceHash: '',
+          staticActorTypeName: '',
         },
       ],
     })),
     getWorkspaceSettings: jest.fn(async () => ({
-      runtimeBaseUrl: "https://runtime.aevatar.test",
+      runtimeBaseUrl: 'https://runtime.aevatar.test',
       directories: [
         {
-          directoryId: "default",
-          label: "Default",
-          path: "/tmp/workflows",
+          directoryId: 'default',
+          label: 'Default',
+          path: '/tmp/workflows',
           isBuiltIn: false,
         },
       ],
     })),
     getConnectorCatalog: jest.fn(async () => ({
-      homeDirectory: "actor://connector-catalog",
-      filePath: "actor://connector-catalog/connectors",
+      homeDirectory: 'actor://connector-catalog',
+      filePath: 'actor://connector-catalog/connectors',
       fileExists: true,
       connectors: [
         {
-          name: "web-search",
-          type: "http",
+          name: 'web-search',
+          type: 'http',
           enabled: true,
           timeoutMs: 30000,
           retry: 1,
           http: {
-            baseUrl: "https://search.example.com",
-            allowedMethods: ["GET"],
-            allowedPaths: ["/search"],
-            allowedInputKeys: ["query"],
+            baseUrl: 'https://search.example.com',
+            allowedMethods: ['GET'],
+            allowedPaths: ['/search'],
+            allowedInputKeys: ['query'],
             defaultHeaders: {},
           },
         },
         {
-          name: "ops-terminal",
-          type: "cli",
+          name: 'ops-terminal',
+          type: 'cli',
           enabled: false,
           timeoutMs: 30000,
           retry: 0,
           cli: {
-            command: "opsctl",
-            fixedArguments: ["tickets"],
-            allowedOperations: ["lookup"],
-            allowedInputKeys: ["ticket"],
-            workingDirectory: "/tmp",
+            command: 'opsctl',
+            fixedArguments: ['tickets'],
+            allowedOperations: ['lookup'],
+            allowedInputKeys: ['ticket'],
+            workingDirectory: '/tmp',
             environment: {},
           },
         },
@@ -972,43 +910,49 @@ jest.mock("@/shared/studio/api", () => ({
     listMembers: jest.fn(async () => mockCreateMembersCatalog()),
     getTeam: jest.fn(async () => mockCreateTeamSummary()),
     updateTeam: jest.fn(async () => ({
-      status: "accepted",
-      scopeId: "scope-1",
-      teamId: "t-alpha",
-      commandId: "cmd-team-update",
-      correlationId: "corr-team-update",
-      ackedAt: "2026-05-01T08:06:00Z",
-    })),
-    setTeamEntryMember: jest.fn(async (_scopeId: string, _teamId: string, memberId: string) => ({
-      ...mockCreateTeamSummary(),
-      entryMemberId: memberId,
+      status: 'accepted',
+      scopeId: 'scope-1',
+      teamId: 't-alpha',
+      commandId: 'cmd-team-update',
+      correlationId: 'corr-team-update',
+      ackedAt: '2026-05-01T08:06:00Z',
     })),
+    setTeamEntryMember: jest.fn(
+      async (_scopeId: string, _teamId: string, memberId: string) => ({
+        ...mockCreateTeamSummary(),
+        entryMemberId: memberId,
+      }),
+    ),
     clearTeamEntryMember: jest.fn(async () => ({
       ...mockCreateTeamSummary(),
       entryMemberId: null,
     })),
-    updateMemberTeamAssignment: jest.fn(async (_input: {
-      scopeId: string;
-      memberId: string;
-      teamId: string | null;
-    }) => ({
-      ackedAt: "2026-04-27T08:11:00Z",
-      memberId: _input.memberId,
-      scopeId: _input.scopeId,
-      status: "accepted",
-    })),
+    updateMemberTeamAssignment: jest.fn(
+      async (_input: {
+        scopeId: string;
+        memberId: string;
+        teamId: string | null;
+      }) => ({
+        ackedAt: '2026-04-27T08:11:00Z',
+        memberId: _input.memberId,
+        scopeId: _input.scopeId,
+        status: 'accepted',
+      }),
+    ),
     archiveTeam: jest.fn(async () => ({
       ...mockCreateTeamSummary(),
-      lifecycleStage: "archived",
-    })),
-    deleteMember: jest.fn(async (_input: { scopeId: string; memberId: string }) => ({
-      ackedAt: "2026-05-01T08:08:00Z",
-      commandId: "cmd-delete-member",
-      correlationId: "corr-delete-member",
-      memberId: _input.memberId,
-      scopeId: _input.scopeId,
-      status: "delete_accepted",
+      lifecycleStage: 'archived',
     })),
+    deleteMember: jest.fn(
+      async (_input: { scopeId: string; memberId: string }) => ({
+        ackedAt: '2026-05-01T08:08:00Z',
+        commandId: 'cmd-delete-member',
+        correlationId: 'corr-delete-member',
+        memberId: _input.memberId,
+        scopeId: _input.scopeId,
+        status: 'delete_accepted',
+      }),
+    ),
     getMember: jest.fn(async () => ({
       summary: mockCreateTeamMembersCatalog().members[0],
       implementationRef: null,
@@ -1017,12 +961,12 @@ jest.mock("@/shared/studio/api", () => ({
     listTeamMembers: jest.fn(async () => mockCreateTeamMembersCatalog()),
     parseYaml: jest.fn(async () => ({
       document: {
-        name: "support-triage",
+        name: 'support-triage',
         roles: [
           {
-            id: "triage_operator",
-            name: "triage_operator",
-            connectors: ["web-search", "crm-sync"],
+            id: 'triage_operator',
+            name: 'triage_operator',
+            connectors: ['web-search', 'crm-sync'],
           },
         ],
       },
@@ -1038,32 +982,32 @@ function createStudioApiStatusError(
   code?: string,
 ): Error & { code?: string; status: number } {
   const error = new Error(message) as Error & { code?: string; status: number };
-  error.name = "StudioApiError";
+  error.name = 'StudioApiError';
   error.code = code;
   error.status = status;
   return error;
 }
 
-describe("TeamDetailPage", () => {
+describe('TeamDetailPage', () => {
   beforeEach(() => {
-    setLocale("zh-CN", false);
-    window.history.replaceState({}, "", "/scopes/scope-1/teams/t-alpha");
+    setLocale('zh-CN', false);
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
     window.sessionStorage.clear();
     (scopesApi.listWorkflows as jest.Mock).mockClear();
     (scopesApi.listScripts as jest.Mock).mockClear();
     (runtimeGAgentApi.listActors as jest.Mock).mockClear();
     (runtimeActorsApi.getActorGraphEnriched as jest.Mock).mockClear();
     (scopeRuntimeApi.listServices as jest.Mock).mockReset();
-    (scopeRuntimeApi.listServices as jest.Mock).mockImplementation(
-      async () => mockCreateServiceCatalog(),
+    (scopeRuntimeApi.listServices as jest.Mock).mockImplementation(async () =>
+      mockCreateServiceCatalog(),
     );
     (scopeRuntimeApi.getServiceRevisions as jest.Mock).mockReset();
     (scopeRuntimeApi.getServiceRevisions as jest.Mock).mockImplementation(
       async () => mockCreateServiceRevisionCatalog(),
     );
     (scopeRuntimeApi.listMemberRuns as jest.Mock).mockReset();
-    (scopeRuntimeApi.listMemberRuns as jest.Mock).mockImplementation(
-      async () => mockCreateRunsCatalog(),
+    (scopeRuntimeApi.listMemberRuns as jest.Mock).mockImplementation(async () =>
+      mockCreateRunsCatalog(),
     );
     (scopeRuntimeApi.listServiceRuns as jest.Mock).mockReset();
     (scopeRuntimeApi.listServiceRuns as jest.Mock).mockImplementation(
@@ -1098,57 +1042,61 @@ describe("TeamDetailPage", () => {
       totalCount: 0,
     }));
     (scheduledDispatchApi.listAll as jest.Mock).mockReset();
-    (scheduledDispatchApi.listAll as jest.Mock).mockImplementation(async () => ({
-      items: [],
-      nextCursor: null,
-      totalCount: 0,
-    }));
+    (scheduledDispatchApi.listAll as jest.Mock).mockImplementation(
+      async () => ({
+        items: [],
+        nextCursor: null,
+        totalCount: 0,
+      }),
+    );
     (scheduledDispatchApi.create as jest.Mock).mockReset();
     (scheduledDispatchApi.create as jest.Mock).mockImplementation(async () => ({
-      scheduleId: "sch-created",
-      scheduleActorId: "schedule-actor-created",
+      scheduleId: 'sch-created',
+      scheduleActorId: 'schedule-actor-created',
       accepted: true,
-      commandId: "cmd-created",
-      correlationId: "corr-created",
-      ackedAt: "2026-06-10T08:35:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-created',
+      correlationId: 'corr-created',
+      ackedAt: '2026-06-10T08:35:00Z',
+      ackStage: 'accepted',
     }));
     (scheduledDispatchApi.update as jest.Mock).mockReset();
     (scheduledDispatchApi.update as jest.Mock).mockImplementation(async () => ({
-      scheduleId: "sch-alpha",
-      scheduleActorId: "schedule-actor-alpha",
+      scheduleId: 'sch-alpha',
+      scheduleActorId: 'schedule-actor-alpha',
       accepted: true,
-      commandId: "cmd-update",
-      correlationId: "corr-update",
-      ackedAt: "2026-06-10T08:36:00Z",
-      ackStage: "accepted",
+      commandId: 'cmd-update',
+      correlationId: 'corr-update',
+      ackedAt: '2026-06-10T08:36:00Z',
+      ackStage: 'accepted',
     }));
     (scheduledDispatchApi.preview as jest.Mock).mockReset();
-    (scheduledDispatchApi.preview as jest.Mock).mockImplementation(async () => ({
-      cronExpression: "0 9 * * 1-5",
-      timezone: "Asia/Shanghai",
-      nextFireTimes: ["2026-06-11T01:00:00Z"],
-    }));
+    (scheduledDispatchApi.preview as jest.Mock).mockImplementation(
+      async () => ({
+        cronExpression: '0 9 * * 1-5',
+        timezone: 'Asia/Shanghai',
+        nextFireTimes: ['2026-06-11T01:00:00Z'],
+      }),
+    );
     (scheduledDispatchApi.runNow as jest.Mock).mockClear();
     (scheduledDispatchApi.enable as jest.Mock).mockClear();
     (scheduledDispatchApi.disable as jest.Mock).mockClear();
     (scheduledDispatchApi.delete as jest.Mock).mockClear();
     (studioApi.listMembers as jest.Mock).mockReset();
-    (studioApi.listMembers as jest.Mock).mockImplementation(
-      async () => mockCreateMembersCatalog(),
+    (studioApi.listMembers as jest.Mock).mockImplementation(async () =>
+      mockCreateMembersCatalog(),
     );
     (studioApi.getTeam as jest.Mock).mockReset();
-    (studioApi.getTeam as jest.Mock).mockImplementation(
-      async () => mockCreateTeamSummary(),
+    (studioApi.getTeam as jest.Mock).mockImplementation(async () =>
+      mockCreateTeamSummary(),
     );
     (studioApi.updateTeam as jest.Mock).mockReset();
     (studioApi.updateTeam as jest.Mock).mockImplementation(async () => ({
-      status: "accepted",
-      scopeId: "scope-1",
-      teamId: "t-alpha",
-      commandId: "cmd-team-update",
-      correlationId: "corr-team-update",
-      ackedAt: "2026-05-01T08:06:00Z",
+      status: 'accepted',
+      scopeId: 'scope-1',
+      teamId: 't-alpha',
+      commandId: 'cmd-team-update',
+      correlationId: 'corr-team-update',
+      ackedAt: '2026-05-01T08:06:00Z',
     }));
     (studioApi.setTeamEntryMember as jest.Mock).mockReset();
     (studioApi.setTeamEntryMember as jest.Mock).mockImplementation(
@@ -1158,37 +1106,43 @@ describe("TeamDetailPage", () => {
       }),
     );
     (studioApi.clearTeamEntryMember as jest.Mock).mockReset();
-    (studioApi.clearTeamEntryMember as jest.Mock).mockImplementation(async () => ({
-      ...mockCreateTeamSummary(),
-      entryMemberId: null,
-    }));
+    (studioApi.clearTeamEntryMember as jest.Mock).mockImplementation(
+      async () => ({
+        ...mockCreateTeamSummary(),
+        entryMemberId: null,
+      }),
+    );
     (studioApi.updateMemberTeamAssignment as jest.Mock).mockReset();
     (studioApi.updateMemberTeamAssignment as jest.Mock).mockImplementation(
-      async (_input: { scopeId: string; memberId: string; teamId: string | null }) => ({
-        ackedAt: "2026-04-27T08:11:00Z",
+      async (_input: {
+        scopeId: string;
+        memberId: string;
+        teamId: string | null;
+      }) => ({
+        ackedAt: '2026-04-27T08:11:00Z',
         memberId: _input.memberId,
         scopeId: _input.scopeId,
-        status: "accepted",
+        status: 'accepted',
       }),
     );
     (studioApi.archiveTeam as jest.Mock).mockReset();
     (studioApi.archiveTeam as jest.Mock).mockImplementation(async () => ({
-      status: "accepted",
-      scopeId: "scope-1",
-      teamId: "t-alpha",
-      commandId: "cmd-team-archive",
-      correlationId: "corr-team-archive",
-      ackedAt: "2026-05-01T08:07:00Z",
+      status: 'accepted',
+      scopeId: 'scope-1',
+      teamId: 't-alpha',
+      commandId: 'cmd-team-archive',
+      correlationId: 'corr-team-archive',
+      ackedAt: '2026-05-01T08:07:00Z',
     }));
     (studioApi.deleteMember as jest.Mock).mockReset();
     (studioApi.deleteMember as jest.Mock).mockImplementation(
       async (_input: { scopeId: string; memberId: string }) => ({
-        ackedAt: "2026-05-01T08:08:00Z",
-        commandId: "cmd-delete-member",
-        correlationId: "corr-delete-member",
+        ackedAt: '2026-05-01T08:08:00Z',
+        commandId: 'cmd-delete-member',
+        correlationId: 'corr-delete-member',
         memberId: _input.memberId,
         scopeId: _input.scopeId,
-        status: "delete_accepted",
+        status: 'delete_accepted',
       }),
     );
     (studioApi.getMember as jest.Mock).mockReset();
@@ -1198,27 +1152,29 @@ describe("TeamDetailPage", () => {
       lastBinding: null,
     });
     (studioApi.listTeamMembers as jest.Mock).mockReset();
-    (studioApi.listTeamMembers as jest.Mock).mockImplementation(
-      async () => mockCreateTeamMembersCatalog(),
+    (studioApi.listTeamMembers as jest.Mock).mockImplementation(async () =>
+      mockCreateTeamMembersCatalog(),
     );
     (runtimeRunsApi.streamTeamChat as jest.Mock).mockClear();
     (Modal.confirm as jest.Mock).mockClear();
-    (message.success as jest.Mock).mockClear();
-    (message.info as jest.Mock).mockClear();
-    (message.warning as jest.Mock).mockClear();
-    (message.error as jest.Mock).mockClear();
+    mockConsoleToast.success.mockClear();
+    mockConsoleToast.info.mockClear();
+    mockConsoleToast.warning.mockClear();
+    mockConsoleToast.error.mockClear();
   });
 
-  it("renders no-team-selected state without detail data flows for scope-only links", async () => {
-    window.history.replaceState({}, "", "/scopes/scope-1/teams");
+  it('renders no-team-selected state without detail data flows for scope-only links', async () => {
+    window.history.replaceState({}, '', '/scopes/scope-1/teams');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("未选择团队")).toBeTruthy();
+    expect(await screen.findByText('未选择团队')).toBeTruthy();
     expect(
-      screen.getByText("当前链接只有工作区上下文，没有具体团队标识。返回团队列表后选择一个团队。"),
+      screen.getByText(
+        '当前链接只有工作区上下文，没有具体团队标识。返回团队列表后选择一个团队。',
+      ),
     ).toBeTruthy();
-    expect(screen.queryByText("Team authority")).toBeNull();
+    expect(screen.queryByText('Team authority')).toBeNull();
 
     await waitFor(() => {
       expect(studioApi.getTeam).not.toHaveBeenCalled();
@@ -1239,38 +1195,41 @@ describe("TeamDetailPage", () => {
     });
   });
 
-  it("renders the chinese scoped team overview shell", async () => {
+  it('renders the chinese scoped team overview shell', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", { name: "Alpha Support Team" }),
+      await screen.findByRole('heading', { name: 'Alpha Support Team' }),
     ).toBeTruthy();
-    expect(await screen.findByRole("navigation", { name: "面包屑" }))
-      .toHaveTextContent("团队");
-    expect(screen.getByRole("navigation", { name: "面包屑" }))
-      .toHaveTextContent("Alpha Support Team");
-    expect(screen.getByRole("navigation", { name: "面包屑" }))
-      .toHaveTextContent("概览");
-    expect(screen.getByRole("link", { name: "团队" })).toBeTruthy();
-    expect(screen.getByRole("button", { name: "返回团队列表" })).toBeTruthy();
-    expect(screen.queryByText("工作区 ID")).toBeNull();
-    expect(screen.queryByText("scope-1")).toBeNull();
-    const currentPostureHeading = screen.getByText("当前态势");
-    const compositionHeading = screen.getByText("团队构成");
-    const workflowConfigurationLabel = await screen.findByText("团队 Workflow");
-    expect(screen.getByRole("button", { name: "测试团队" })).toBeTruthy();
+    expect(
+      await screen.findByRole('navigation', { name: '面包屑' }),
+    ).toHaveTextContent('团队');
+    expect(
+      screen.getByRole('navigation', { name: '面包屑' }),
+    ).toHaveTextContent('Alpha Support Team');
+    expect(
+      screen.getByRole('navigation', { name: '面包屑' }),
+    ).toHaveTextContent('概览');
+    expect(screen.getByRole('link', { name: '团队' })).toBeTruthy();
+    expect(screen.getByRole('button', { name: '返回团队列表' })).toBeTruthy();
+    expect(screen.queryByText('工作区 ID')).toBeNull();
+    expect(screen.queryByText('scope-1')).toBeNull();
+    const currentPostureHeading = screen.getByText('当前态势');
+    const compositionHeading = screen.getByText('团队构成');
+    const workflowConfigurationLabel = await screen.findByText('团队 Workflow');
+    expect(screen.getByRole('button', { name: '测试团队' })).toBeTruthy();
     expect(currentPostureHeading).toBeTruthy();
-    expect(screen.queryByText("启动状态")).toBeNull();
+    expect(screen.queryByText('启动状态')).toBeNull();
     expect(await screen.findByText(/ReadModel ·/)).toBeTruthy();
-    expect(await screen.findByText("版本 · 运行中")).toBeTruthy();
-    expect(await screen.findByText("运行 · 等待处理")).toBeTruthy();
+    expect(await screen.findByText('版本 · 运行中')).toBeTruthy();
+    expect(await screen.findByText('运行 · 等待处理')).toBeTruthy();
     expect(compositionHeading).toBeTruthy();
     expect(workflowConfigurationLabel).toBeTruthy();
-    expect(screen.getByText("主服务入口")).toBeTruthy();
-    expect(screen.getByText("版本状态")).toBeTruthy();
-    expect(screen.getByText("负责处理升级工单")).toBeTruthy();
-    expect(screen.queryByText("已绑定，可接收流量。")).toBeNull();
-    expect(screen.queryByLabelText("Team test prompt")).toBeNull();
+    expect(screen.getByText('主服务入口')).toBeTruthy();
+    expect(screen.getByText('版本状态')).toBeTruthy();
+    expect(screen.getByText('负责处理升级工单')).toBeTruthy();
+    expect(screen.queryByText('已绑定，可接收流量。')).toBeNull();
+    expect(screen.queryByLabelText('Team test prompt')).toBeNull();
     expect(
       currentPostureHeading.compareDocumentPosition(compositionHeading) &
         Node.DOCUMENT_POSITION_FOLLOWING,
@@ -1279,28 +1238,32 @@ describe("TeamDetailPage", () => {
       compositionHeading.compareDocumentPosition(workflowConfigurationLabel) &
         Node.DOCUMENT_POSITION_FOLLOWING,
     ).toBeTruthy();
-    expect(screen.queryByText("Team authority")).toBeNull();
-    expect(screen.queryByText("信任态势")).toBeNull();
-    expect(screen.queryByText("治理快照")).toBeNull();
-    expect(screen.queryByText("Run Compare / Change Diff")).toBeNull();
-    expect(screen.queryByText("运行摘要")).toBeNull();
-    expect(screen.queryByText("连接器引用")).toBeNull();
-    expect(screen.queryByText("服务能力")).toBeNull();
-    expect(await screen.findByRole("button", { name: "编辑团队" })).toBeEnabled();
-    expect(await screen.findByRole("button", { name: "团队更多操作" })).toBeTruthy();
-    expect(screen.queryByRole("button", { name: "服务映射" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "高级编辑" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "归档团队" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "事件流" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "事件拓扑" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "处理等待 Run" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "治理绑定" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "部署记录" })).toBeNull();
-    expect(screen.queryByText("稳定")).toBeNull();
-    expect(studioApi.getTeam).toHaveBeenCalledWith("scope-1", "t-alpha");
-  });
-
-  it("keeps compare diagnostics out of the overview when no successful baseline exists", async () => {
+    expect(screen.queryByText('Team authority')).toBeNull();
+    expect(screen.queryByText('信任态势')).toBeNull();
+    expect(screen.queryByText('治理快照')).toBeNull();
+    expect(screen.queryByText('Run Compare / Change Diff')).toBeNull();
+    expect(screen.queryByText('运行摘要')).toBeNull();
+    expect(screen.queryByText('连接器引用')).toBeNull();
+    expect(screen.queryByText('服务能力')).toBeNull();
+    expect(
+      await screen.findByRole('button', { name: '编辑团队' }),
+    ).toBeEnabled();
+    expect(
+      await screen.findByRole('button', { name: '团队更多操作' }),
+    ).toBeTruthy();
+    expect(screen.queryByRole('button', { name: '服务映射' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '高级编辑' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '归档团队' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '事件流' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '事件拓扑' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '处理等待 Run' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '治理绑定' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '部署记录' })).toBeNull();
+    expect(screen.queryByText('稳定')).toBeNull();
+    expect(studioApi.getTeam).toHaveBeenCalledWith('scope-1', 't-alpha');
+  });
+
+  it('keeps compare diagnostics out of the overview when no successful baseline exists', async () => {
     (scopeRuntimeApi.listServiceRuns as jest.Mock).mockResolvedValueOnce({
       ...mockCreateRunsCatalog(),
       runs: [mockCreateRunsCatalog().runs[0]],
@@ -1308,104 +1271,108 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("当前态势")).toBeTruthy();
-    expect(screen.getByText("团队构成")).toBeTruthy();
-    expect(screen.getByText("团队 Workflow")).toBeTruthy();
-    expect(screen.queryByText("信任态势")).toBeNull();
-    expect(screen.queryByText("No successful baseline is available yet.")).toBeNull();
-    expect(screen.queryByText("等待基线")).toBeNull();
-    expect(screen.queryByText("无基线")).toBeNull();
-    expect(screen.queryByText("暂无成功基线运行")).toBeNull();
+    expect(await screen.findByText('当前态势')).toBeTruthy();
+    expect(screen.getByText('团队构成')).toBeTruthy();
+    expect(screen.getByText('团队 Workflow')).toBeTruthy();
+    expect(screen.queryByText('信任态势')).toBeNull();
+    expect(
+      screen.queryByText('No successful baseline is available yet.'),
+    ).toBeNull();
+    expect(screen.queryByText('等待基线')).toBeNull();
+    expect(screen.queryByText('无基线')).toBeNull();
+    expect(screen.queryByText('暂无成功基线运行')).toBeNull();
   });
 
-  it("keeps selected run facts aligned without loading run audit diagnostics", async () => {
+  it('keeps selected run facts aligned without loading run audit diagnostics', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?runId=run-good",
+      '',
+      '/scopes/scope-1/teams/t-alpha?runId=run-good',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("当前态势")).toBeTruthy();
-    expect((await screen.findAllByText("已完成")).length).toBeGreaterThan(0);
-    expect(await screen.findByText("版本 · 运行中")).toBeTruthy();
+    expect(await screen.findByText('当前态势')).toBeTruthy();
+    expect((await screen.findAllByText('已完成')).length).toBeGreaterThan(0);
+    expect(await screen.findByText('版本 · 运行中')).toBeTruthy();
     expect(await screen.findByText(/ReadModel ·/)).toBeTruthy();
-    expect(screen.queryByText("No successful baseline is available yet.")).toBeNull();
-    expect(screen.queryByText("Comparing run run-current against baseline run-good.")).toBeNull();
+    expect(
+      screen.queryByText('No successful baseline is available yet.'),
+    ).toBeNull();
+    expect(
+      screen.queryByText(
+        'Comparing run run-current against baseline run-good.',
+      ),
+    ).toBeNull();
     expect(scopeRuntimeApi.getServiceRunAudit).not.toHaveBeenCalled();
     expect(scopeRuntimeApi.getMemberRunAudit).not.toHaveBeenCalled();
   });
 
-  it("uses the Team display name for the team heading", async () => {
+  it('uses the Team display name for the team heading', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", {
+      await screen.findByRole('heading', {
         level: 1,
-        name: "Alpha Support Team",
+        name: 'Alpha Support Team',
       }),
     ).toBeTruthy();
   });
 
-  it("keeps machine-generated scope ids out of team metadata", async () => {
-    const longScopeId = "1626c177-917b-4fcc-a5ee-aa74a171b0d6";
+  it('keeps machine-generated scope ids out of team metadata', async () => {
+    const longScopeId = '1626c177-917b-4fcc-a5ee-aa74a171b0d6';
 
-    window.history.replaceState(
-      {},
-      "",
-      `/scopes/${longScopeId}/teams/t-alpha`,
-    );
+    window.history.replaceState({}, '', `/scopes/${longScopeId}/teams/t-alpha`);
     (scopesApi.listWorkflows as jest.Mock).mockResolvedValueOnce([]);
     (studioApi.getScopeBinding as jest.Mock).mockResolvedValueOnce(null);
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", { level: 1, name: "当前团队" }),
+      await screen.findByRole('heading', { level: 1, name: '当前团队' }),
     ).toBeTruthy();
     expect(screen.queryByText(`Team ${longScopeId}`)).toBeNull();
-    expect(screen.queryByText("工作区 ID")).toBeNull();
-    expect(screen.queryByText("1626c177...71b0d6")).toBeNull();
+    expect(screen.queryByText('工作区 ID')).toBeNull();
+    expect(screen.queryByText('1626c177...71b0d6')).toBeNull();
   });
 
-  it("falls back to workflowName when Team display name is unavailable and the workflow display name is only the workflow id", async () => {
+  it('falls back to workflowName when Team display name is unavailable and the workflow display name is only the workflow id', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce({
       ...mockCreateTeamSummary(),
-      displayName: "",
+      displayName: '',
     });
     (scopesApi.listWorkflows as jest.Mock).mockResolvedValueOnce([
       {
-        scopeId: "scope-1",
-        workflowId: "workflow-opaque-id",
-        displayName: "workflow-opaque-id",
-        serviceKey: "scope-1:default",
-        workflowName: "support-triage",
-        actorId: "actor-intake",
-        activeRevisionId: "rev-2",
-        deploymentId: "dep-2",
-        deploymentStatus: "Active",
-        updatedAt: "2026-04-09T09:00:00Z",
+        scopeId: 'scope-1',
+        workflowId: 'workflow-opaque-id',
+        displayName: 'workflow-opaque-id',
+        serviceKey: 'scope-1:default',
+        workflowName: 'support-triage',
+        actorId: 'actor-intake',
+        activeRevisionId: 'rev-2',
+        deploymentId: 'dep-2',
+        deploymentStatus: 'Active',
+        updatedAt: '2026-04-09T09:00:00Z',
       },
     ]);
     (scopesApi.getWorkflowDetail as jest.Mock).mockResolvedValueOnce({
       available: true,
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       workflow: {
-        scopeId: "scope-1",
-        workflowId: "workflow-opaque-id",
-        displayName: "workflow-opaque-id",
-        serviceKey: "scope-1:default",
-        workflowName: "support-triage",
-        actorId: "actor-intake",
-        activeRevisionId: "rev-2",
-        deploymentId: "dep-2",
-        deploymentStatus: "Active",
-        updatedAt: "2026-04-09T09:00:00Z",
+        scopeId: 'scope-1',
+        workflowId: 'workflow-opaque-id',
+        displayName: 'workflow-opaque-id',
+        serviceKey: 'scope-1:default',
+        workflowName: 'support-triage',
+        actorId: 'actor-intake',
+        activeRevisionId: 'rev-2',
+        deploymentId: 'dep-2',
+        deploymentStatus: 'Active',
+        updatedAt: '2026-04-09T09:00:00Z',
       },
       source: {
-        workflowYaml: "name: support-triage",
-        definitionActorId: "definition://support-triage",
+        workflowYaml: 'name: support-triage',
+        definitionActorId: 'definition://support-triage',
         inlineWorkflowYamls: null,
       },
     });
@@ -1413,22 +1380,22 @@ describe("TeamDetailPage", () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", {
+      await screen.findByRole('heading', {
         level: 1,
-        name: "support-triage",
+        name: 'support-triage',
       }),
     ).toBeTruthy();
     expect(
-      screen.queryByRole("heading", {
+      screen.queryByRole('heading', {
         level: 1,
-        name: "workflow-opaque-id",
+        name: 'workflow-opaque-id',
       }),
     ).toBeNull();
   });
 
-  it("keeps raw identifiers out of overview configuration details", async () => {
+  it('keeps raw identifiers out of overview configuration details', async () => {
     const longRevisionId =
-      "rev-20260414154556-4d89bc2a3bf347f8b3bde41d716964f3";
+      'rev-20260414154556-4d89bc2a3bf347f8b3bde41d716964f3';
 
     (scopeRuntimeApi.getServiceRevisions as jest.Mock).mockResolvedValueOnce(
       mockCreateServiceRevisionCatalog({
@@ -1445,53 +1412,53 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("版本状态")).toBeTruthy();
-    expect(screen.queryByText("服务路由已配置。")).toBeNull();
-    expect(screen.queryByText("revisionId: rev-20260414…716964f3")).toBeNull();
+    expect(await screen.findByText('版本状态')).toBeTruthy();
+    expect(screen.queryByText('服务路由已配置。')).toBeNull();
+    expect(screen.queryByText('revisionId: rev-20260414…716964f3')).toBeNull();
     expect(screen.queryByText(`revisionId: ${longRevisionId}`)).toBeNull();
   });
 
-  it("returns to the teams list when clicking the breadcrumb teams link", async () => {
+  it('returns to the teams list when clicking the breadcrumb teams link', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("link", { name: "团队" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('link', { name: '团队' }));
 
     await waitFor(() => {
-      expect(window.location.pathname).toBe("/scopes/scope-1/teams");
-      expect(window.location.search).not.toContain("scopeId=scope-1");
+      expect(window.location.pathname).toBe('/scopes/scope-1/teams');
+      expect(window.location.search).not.toContain('scopeId=scope-1');
     });
   });
 
-  it("returns to the teams list when clicking the page back button", async () => {
+  it('returns to the teams list when clicking the page back button', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "返回团队列表" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '返回团队列表' }));
 
     await waitFor(() => {
-      expect(window.location.pathname).toBe("/scopes/scope-1/teams");
-      expect(window.location.search).not.toContain("scopeId=scope-1");
+      expect(window.location.pathname).toBe('/scopes/scope-1/teams');
+      expect(window.location.search).not.toContain('scopeId=scope-1');
     });
   });
 
-  it("switches tabs inside the detail page", async () => {
+  it('switches tabs inside the detail page', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "自动化" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '自动化' }));
 
-    expect(await screen.findByRole("heading", { name: "自动化" })).toBeTruthy();
-    expect(await screen.findByText("还没有周期任务")).toBeTruthy();
-    expect(screen.queryByText("Team Alpha Operator")).toBeNull();
-    expect(window.location.pathname).toBe("/scopes/scope-1/teams/t-alpha");
-    expect(window.location.search).toBe("?tab=automations");
+    expect(await screen.findByRole('heading', { name: '自动化' })).toBeTruthy();
+    expect(await screen.findByText('还没有周期任务')).toBeTruthy();
+    expect(screen.queryByText('Team Alpha Operator')).toBeNull();
+    expect(window.location.pathname).toBe('/scopes/scope-1/teams/t-alpha');
+    expect(window.location.search).toBe('?tab=automations');
     expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
-      { scopeId: "scope-1", teamId: "t-alpha" },
+      { scopeId: 'scope-1', teamId: 't-alpha' },
       { take: 200 },
     );
 
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
 
     expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
     expect(window.location.search).toContain("tab=members");
@@ -1507,218 +1474,230 @@ describe("TeamDetailPage", () => {
     });
   });
 
-  it("falls legacy event deep links back to the overview tab", async () => {
+  it('falls legacy event deep links back to the overview tab', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?serviceId=default&tab=events",
+      '',
+      '/scopes/scope-1/teams/t-alpha?serviceId=default&tab=events',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("当前态势")).toBeTruthy();
-    expect(screen.queryByText("当前任务事件流")).toBeNull();
+    expect(await screen.findByText('当前态势')).toBeTruthy();
+    expect(screen.queryByText('当前任务事件流')).toBeNull();
 
     await waitFor(() => {
       const params = new URLSearchParams(window.location.search);
-      expect(params.get("memberId")).toBe("member-support");
-      expect(params.get("serviceId")).toBe("default");
-      expect(params.get("tab")).toBeNull();
+      expect(params.get('memberId')).toBe('member-support');
+      expect(params.get('serviceId')).toBe('default');
+      expect(params.get('tab')).toBeNull();
     });
 
     await waitFor(() => {
       expect(scopeRuntimeApi.listServiceRuns).toHaveBeenCalledWith(
-        "scope-1",
-        "default",
+        'scope-1',
+        'default',
         expect.objectContaining({ take: 12 }),
       );
     });
     expect(scopeRuntimeApi.listMemberRuns).not.toHaveBeenCalled();
   });
 
-  it("shows configuration details in the overview", async () => {
+  it('shows configuration details in the overview', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("团队 Workflow")).toBeTruthy();
-    expect(screen.getAllByText("主服务入口").length).toBeGreaterThan(0);
-    expect(screen.getByText("版本状态")).toBeTruthy();
-    expect(screen.queryByText("绑定方式")).toBeNull();
-    expect(screen.queryByText("版本标识")).toBeNull();
-    expect(screen.queryByText("连接器引用")).toBeNull();
-    expect(screen.queryByText("服务能力")).toBeNull();
+    expect(await screen.findByText('团队 Workflow')).toBeTruthy();
+    expect(screen.getAllByText('主服务入口').length).toBeGreaterThan(0);
+    expect(screen.getByText('版本状态')).toBeTruthy();
+    expect(screen.queryByText('绑定方式')).toBeNull();
+    expect(screen.queryByText('版本标识')).toBeNull();
+    expect(screen.queryByText('连接器引用')).toBeNull();
+    expect(screen.queryByText('服务能力')).toBeNull();
   });
 
-  it("exposes run actions and recent execution history on the overview", async () => {
+  it('exposes run actions and recent execution history on the overview', async () => {
     (scopeRuntimeApi.listServiceRuns as jest.Mock).mockImplementation(
       async () => ({
         ...mockCreateRunsCatalog(),
-        serviceId: "alpha-service",
-        serviceKey: "scope-1:alpha-service",
+        serviceId: 'alpha-service',
+        serviceKey: 'scope-1:alpha-service',
         runs: mockCreateRunsCatalog().runs.map((run) => ({
           ...run,
-          serviceId: "alpha-service",
+          serviceId: 'alpha-service',
         })),
       }),
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByRole("heading", { name: "最近运行" })).toBeTruthy();
+    expect(
+      await screen.findByRole('heading', { name: '最近运行' }),
+    ).toBeTruthy();
     await waitFor(() => {
-      expect(screen.getByRole("button", { name: "运行团队" })).toBeEnabled();
-    });
-    expect((await screen.findAllByText("Team Alpha Operator")).length)
-      .toBeGreaterThan(0);
-    expect(screen.getByText("Workflow · support-triage")).toBeTruthy();
-    expect(screen.getByText("Waiting on approval")).toBeTruthy();
-    expect(screen.queryByText("run-current")).toBeNull();
-    expect(screen.getAllByText("服务 · alpha-service")).toHaveLength(1);
-    expect(screen.getByRole("link", { name: "运行" }))
-      .toHaveAttribute(
-        "href",
-        expect.stringContaining(
-          "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/invoke",
-        ),
-      );
-    const overviewWorkflowLink = await screen.findByRole("link", { name: "Workflow" });
-    expect(overviewWorkflowLink)
-      .toHaveAttribute(
-        "href",
-        expect.stringContaining(
-          "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow",
-        ),
-      );
+      expect(screen.getByRole('button', { name: '运行团队' })).toBeEnabled();
+    });
+    expect(
+      (await screen.findAllByText('Team Alpha Operator')).length,
+    ).toBeGreaterThan(0);
+    expect(screen.getByText('Workflow · support-triage')).toBeTruthy();
+    expect(screen.getByText('Waiting on approval')).toBeTruthy();
+    expect(screen.queryByText('run-current')).toBeNull();
+    expect(screen.getAllByText('服务 · alpha-service')).toHaveLength(1);
+    expect(screen.getByRole('link', { name: '运行' })).toHaveAttribute(
+      'href',
+      expect.stringContaining(
+        '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/invoke',
+      ),
+    );
+    const overviewWorkflowLink = await screen.findByRole('link', {
+      name: 'Workflow',
+    });
+    expect(overviewWorkflowLink).toHaveAttribute(
+      'href',
+      expect.stringContaining(
+        '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow',
+      ),
+    );
     const overviewWorkflowUrl = new URL(
-      overviewWorkflowLink.getAttribute("href") || "",
-      "https://console.local",
-    );
-    expect(overviewWorkflowUrl.searchParams.get("workflowId")).toBe("workflow-1");
-    expect(overviewWorkflowUrl.searchParams.get("workflowSource")).toBe("published");
-    expect(screen.queryByRole("link", { name: "更换服务" })).toBeNull();
-    expect(screen.getAllByRole("link", { name: "查看详情" })[0])
-      .toHaveAttribute(
-        "href",
-        expect.stringContaining(
-          "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/runs?runId=run-current",
-        ),
-      );
+      overviewWorkflowLink.getAttribute('href') || '',
+      'https://console.local',
+    );
+    expect(overviewWorkflowUrl.searchParams.get('workflowId')).toBe(
+      'workflow-1',
+    );
+    expect(overviewWorkflowUrl.searchParams.get('workflowSource')).toBe(
+      'published',
+    );
+    expect(screen.queryByRole('link', { name: '更换服务' })).toBeNull();
+    expect(
+      screen.getAllByRole('link', { name: '查看详情' })[0],
+    ).toHaveAttribute(
+      'href',
+      expect.stringContaining(
+        '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/runs?runId=run-current',
+      ),
+    );
 
-    fireEvent.click(screen.getByRole("button", { name: "运行团队" }));
-    expect(await screen.findByTestId("team-test-modal-body")).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: '运行团队' }));
+    expect(await screen.findByTestId('team-test-modal-body')).toBeTruthy();
   });
 
-  it("omits overview run details links when a run service is not bound to a roster member", async () => {
+  it('omits overview run details links when a run service is not bound to a roster member', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByRole("heading", { name: "最近运行" })).toBeTruthy();
-    expect(await screen.findByText("Workflow · support-triage")).toBeTruthy();
-    expect(screen.queryByText("run-current")).toBeNull();
-    expect(screen.queryByRole("link", { name: "查看详情" })).toBeNull();
+    expect(
+      await screen.findByRole('heading', { name: '最近运行' }),
+    ).toBeTruthy();
+    expect(await screen.findByText('Workflow · support-triage')).toBeTruthy();
+    expect(screen.queryByText('run-current')).toBeNull();
+    expect(screen.queryByRole('link', { name: '查看详情' })).toBeNull();
   });
 
-  it("omits overview run details links for non-workflow entry member runs", async () => {
+  it('omits overview run details links for non-workflow entry member runs', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce({
       ...mockCreateTeamSummary(),
-      entryMemberId: "member-agent-alpha",
+      entryMemberId: 'member-agent-alpha',
     });
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         {
-          memberId: "member-agent-alpha",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Agent Alpha",
-          description: "Agent member",
-          implementationKind: "gagent",
-          lifecycleStage: "bind_ready",
-          publishedServiceId: "agent-service",
-          lastBoundRevisionId: "rev-agent",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-agent-alpha',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Agent Alpha',
+          description: 'Agent member',
+          implementationKind: 'gagent',
+          lifecycleStage: 'bind_ready',
+          publishedServiceId: 'agent-service',
+          lastBoundRevisionId: 'rev-agent',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
     });
     (scopeRuntimeApi.listServices as jest.Mock).mockResolvedValueOnce([
       {
-        serviceKey: "scope-1:default:default:agent-service",
-        tenantId: "scope-1",
-        appId: "default",
-        namespace: "default",
-        serviceId: "agent-service",
-        displayName: "Agent Runtime",
-        defaultServingRevisionId: "rev-agent",
-        activeServingRevisionId: "rev-agent",
-        deploymentId: "dep-agent",
-        primaryActorId: "actor-agent",
-        deploymentStatus: "Active",
+        serviceKey: 'scope-1:default:default:agent-service',
+        tenantId: 'scope-1',
+        appId: 'default',
+        namespace: 'default',
+        serviceId: 'agent-service',
+        displayName: 'Agent Runtime',
+        defaultServingRevisionId: 'rev-agent',
+        activeServingRevisionId: 'rev-agent',
+        deploymentId: 'dep-agent',
+        primaryActorId: 'actor-agent',
+        deploymentStatus: 'Active',
         endpoints: [],
         policyIds: [],
-        updatedAt: "2026-04-09T09:00:00Z",
+        updatedAt: '2026-04-09T09:00:00Z',
       },
     ]);
     (scopeRuntimeApi.listServiceRuns as jest.Mock).mockResolvedValueOnce({
       ...mockCreateRunsCatalog(),
-      serviceId: "agent-service",
-      serviceKey: "scope-1:agent-service",
+      serviceId: 'agent-service',
+      serviceKey: 'scope-1:agent-service',
       runs: mockCreateRunsCatalog().runs.map((run) => ({
         ...run,
-        serviceId: "agent-service",
+        serviceId: 'agent-service',
       })),
     });
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByRole("heading", { name: "最近运行" })).toBeTruthy();
-    expect((await screen.findAllByText("Agent Alpha")).length).toBeGreaterThan(0);
-    expect(screen.getByText("Workflow · support-triage")).toBeTruthy();
-    expect(screen.queryByText("run-current")).toBeNull();
-    expect(screen.queryByRole("link", { name: "查看详情" })).toBeNull();
+    expect(
+      await screen.findByRole('heading', { name: '最近运行' }),
+    ).toBeTruthy();
+    expect((await screen.findAllByText('Agent Alpha')).length).toBeGreaterThan(
+      0,
+    );
+    expect(screen.getByText('Workflow · support-triage')).toBeTruthy();
+    expect(screen.queryByText('run-current')).toBeNull();
+    expect(screen.queryByRole('link', { name: '查看详情' })).toBeNull();
     await waitFor(() => {
       expect(scopeRuntimeApi.listServiceRuns).toHaveBeenCalledWith(
-        "scope-1",
-        "agent-service",
+        'scope-1',
+        'agent-service',
         expect.objectContaining({ take: 12 }),
       );
     });
   });
 
-  it("shows a readable team members view", async () => {
+  it('shows a readable team members view', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
 
-    expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
+    expect(await screen.findByText('Team Alpha Operator')).toBeTruthy();
     expect(
-      screen.getByText(
-        /只有已经绑定到发布服务的 Workflow 成员才可以调用/,
-      ),
+      screen.getByText(/只有已经绑定到发布服务的 Workflow 成员才可以调用/),
     ).toBeTruthy();
-    expect(screen.getByText("负责处理升级工单")).toBeTruthy();
-    expect(screen.queryByText("member-team-alpha")).toBeNull();
-    expect(screen.getByText("入口成员")).toBeTruthy();
-    expect(screen.getByText("已绑定服务")).toBeTruthy();
-    expect(screen.getByText("可以调用。")).toBeTruthy();
-    expect(screen.getByRole("link", { name: "调用" })).toBeTruthy();
-    expect(screen.getByRole("link", { name: "发布运行记录" })).toBeTruthy();
-    expect(screen.getByRole("link", { name: "Workflow Studio" })).toBeTruthy();
-    expect(screen.queryByRole("link", { name: "编辑工作流" })).toBeNull();
-    expect(screen.queryByRole("link", { name: "调试工作流" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "移出团队" })).toBeNull();
-    expect(screen.queryByRole("link", { name: "Test member" })).toBeNull();
-    expect(screen.queryByRole("link", { name: "查看运行" })).toBeNull();
-    expect(screen.queryByText("参与者结构")).toBeNull();
-    expect(screen.queryByText("运行时参与者身份")).toBeNull();
-    expect(screen.queryByRole("button", { name: "打开 Services" })).toBeNull();
-  });
-
-  it("shows the members table skeleton while the Team member roster loads", async () => {
+    expect(screen.getByText('负责处理升级工单')).toBeTruthy();
+    expect(screen.queryByText('member-team-alpha')).toBeNull();
+    expect(screen.getByText('入口成员')).toBeTruthy();
+    expect(screen.getByText('已绑定服务')).toBeTruthy();
+    expect(screen.getByText('可以调用。')).toBeTruthy();
+    expect(screen.getByRole('link', { name: '调用' })).toBeTruthy();
+    expect(screen.getByRole('link', { name: '发布运行记录' })).toBeTruthy();
+    expect(screen.getByRole('link', { name: 'Workflow Studio' })).toBeTruthy();
+    expect(screen.queryByRole('link', { name: '编辑工作流' })).toBeNull();
+    expect(screen.queryByRole('link', { name: '调试工作流' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '移出团队' })).toBeNull();
+    expect(screen.queryByRole('link', { name: 'Test member' })).toBeNull();
+    expect(screen.queryByRole('link', { name: '查看运行' })).toBeNull();
+    expect(screen.queryByText('参与者结构')).toBeNull();
+    expect(screen.queryByText('运行时参与者身份')).toBeNull();
+    expect(screen.queryByRole('button', { name: '打开 Services' })).toBeNull();
+  });
+
+  it('shows the members table skeleton while the Team member roster loads', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?tab=members',
     );
     let resolveTeamMembers: (value: unknown) => void = () => undefined;
     (studioApi.listTeamMembers as jest.Mock).mockImplementationOnce(
@@ -1728,12 +1707,14 @@ describe("TeamDetailPage", () => {
         }),
     );
 
-    const { unmount } = renderWithQueryClient(React.createElement(TeamDetailPage));
+    const { unmount } = renderWithQueryClient(
+      React.createElement(TeamDetailPage),
+    );
 
-    expect(await screen.findByTestId("team-members-skeleton")).toBeTruthy();
-    expect(screen.getAllByTestId("team-members-skeleton-row")).toHaveLength(3);
-    expect(screen.queryByText("这支团队还没有成员")).toBeNull();
-    expect(screen.queryByText("Team Alpha Operator")).toBeNull();
+    expect(await screen.findByTestId('team-members-skeleton')).toBeTruthy();
+    expect(screen.getAllByTestId('team-members-skeleton-row')).toHaveLength(3);
+    expect(screen.queryByText('这支团队还没有成员')).toBeNull();
+    expect(screen.queryByText('Team Alpha Operator')).toBeNull();
 
     unmount();
     await act(async () => {
@@ -1741,80 +1722,84 @@ describe("TeamDetailPage", () => {
     });
   });
 
-  it("marks the route-selected member in the members tab", async () => {
+  it('marks the route-selected member in the members tab', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&tab=members',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
-    expect(screen.getByText("当前选中")).toBeTruthy();
+    expect(await screen.findByText('Team Alpha Operator')).toBeTruthy();
+    expect(screen.getByText('当前选中')).toBeTruthy();
   });
 
-  it("shows the route-selected member in the overview status cards", async () => {
+  it('shows the route-selected member in the overview status cards', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("当前成员")).toBeTruthy();
-    expect((await screen.findAllByText("Team Alpha Operator")).length).toBeGreaterThan(0);
-    expect(screen.queryByText("当前从团队成员中选中。")).toBeNull();
-    expect(screen.queryByText("member-team-alpha")).toBeNull();
-    expect(screen.queryByText("memberId · member-team-alpha")).toBeNull();
+    expect(await screen.findByText('当前成员')).toBeTruthy();
+    expect(
+      (await screen.findAllByText('Team Alpha Operator')).length,
+    ).toBeGreaterThan(0);
+    expect(screen.queryByText('当前从团队成员中选中。')).toBeNull();
+    expect(screen.queryByText('member-team-alpha')).toBeNull();
+    expect(screen.queryByText('memberId · member-team-alpha')).toBeNull();
   });
 
-  it("guides the user to test the Team when no run is visible yet", async () => {
+  it('guides the user to test the Team when no run is visible yet', async () => {
     (scopeRuntimeApi.listServiceRuns as jest.Mock).mockResolvedValueOnce({
       ...mockCreateRunsCatalog(),
       runs: [],
     });
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("当前态势")).toBeTruthy();
-    expect(screen.getAllByText("等待首次测试").length).toBeGreaterThan(0);
-    expect(screen.getByText("下一步 · 测试团队")).toBeTruthy();
+    expect(await screen.findByText('当前态势')).toBeTruthy();
+    expect(screen.getAllByText('等待首次测试').length).toBeGreaterThan(0);
+    expect(screen.getByText('下一步 · 测试团队')).toBeTruthy();
     expect(
-      screen.queryByText("团队入口已就绪，但还没有可见运行。点击“测试团队”生成第一条运行。"),
+      screen.queryByText(
+        '团队入口已就绪，但还没有可见运行。点击“测试团队”生成第一条运行。',
+      ),
     ).toBeNull();
-    expect(screen.queryByText("测试团队后会在这里显示最新运行。")).toBeNull();
-    expect(screen.queryByText("暂无可见运行")).toBeNull();
-    expect(screen.queryByText("暂无近期可见运行")).toBeNull();
+    expect(screen.queryByText('测试团队后会在这里显示最新运行。')).toBeNull();
+    expect(screen.queryByText('暂无可见运行')).toBeNull();
+    expect(screen.queryByText('暂无近期可见运行')).toBeNull();
     expect(scopeRuntimeApi.listMemberRuns).not.toHaveBeenCalled();
   });
 
-  it("does not query runs for member-like service ids that are missing from the service catalog", async () => {
+  it('does not query runs for member-like service ids that are missing from the service catalog', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce({
       ...mockCreateTeamSummary(),
-      entryMemberId: "member-untitled-member1",
+      entryMemberId: 'member-untitled-member1',
     });
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         {
-          memberId: "member-untitled-member1",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Untitled Member",
-          description: "Service id points at a missing member-derived service",
-          implementationKind: "workflow",
-          lifecycleStage: "bind_ready",
-          publishedServiceId: "member-untitled-member1",
-          lastBoundRevisionId: "rev-missing",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-untitled-member1',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Untitled Member',
+          description: 'Service id points at a missing member-derived service',
+          implementationKind: 'workflow',
+          lifecycleStage: 'bind_ready',
+          publishedServiceId: 'member-untitled-member1',
+          lastBoundRevisionId: 'rev-missing',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
@@ -1822,129 +1807,136 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect((await screen.findAllByText("Untitled Member")).length).toBeGreaterThan(0);
+    expect(
+      (await screen.findAllByText('Untitled Member')).length,
+    ).toBeGreaterThan(0);
 
     await waitFor(() => {
-      expect(scopeRuntimeApi.listServices).toHaveBeenCalledWith("scope-1", {
-        appId: "default",
+      expect(scopeRuntimeApi.listServices).toHaveBeenCalledWith('scope-1', {
+        appId: 'default',
       });
     });
     expect(scopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalledWith(
-      "scope-1",
-      "member-untitled-member1",
+      'scope-1',
+      'member-untitled-member1',
     );
     expect(scopeRuntimeApi.listServiceRuns).not.toHaveBeenCalledWith(
-      "scope-1",
-      "member-untitled-member1",
+      'scope-1',
+      'member-untitled-member1',
       expect.anything(),
     );
     expect(scopeRuntimeApi.listMemberRuns).not.toHaveBeenCalled();
   });
 
-  it("resolves member studio links without sampling runtime runs while browsing members", async () => {
+  it('resolves member studio links without sampling runtime runs while browsing members', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?tab=members',
     );
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce({
       ...mockCreateTeamSummary(),
-      displayName: "test09",
-      entryMemberId: "member-untitled-member1",
+      displayName: 'test09',
+      entryMemberId: 'member-untitled-member1',
       memberCount: 5,
     });
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         {
-          memberId: "member-untitled-member1",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Untitled member1",
-          description: "Member page should only render roster facts",
-          implementationKind: "workflow",
-          lifecycleStage: "bind_ready",
-          publishedServiceId: "member-untitled-member1",
-          lastBoundRevisionId: "rev-member-1",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-untitled-member1',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Untitled member1',
+          description: 'Member page should only render roster facts',
+          implementationKind: 'workflow',
+          lifecycleStage: 'bind_ready',
+          publishedServiceId: 'member-untitled-member1',
+          lastBoundRevisionId: 'rev-member-1',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
     });
     (scopeRuntimeApi.listServices as jest.Mock).mockResolvedValueOnce([
       {
-        serviceKey: "scope-1:member-untitled-member1",
-        tenantId: "scope-1",
-        appId: "default",
-        namespace: "default",
-        serviceId: "member-untitled-member1",
-        displayName: "Untitled member1 runtime",
-        defaultServingRevisionId: "rev-member-1",
-        activeServingRevisionId: "rev-member-1",
-        deploymentId: "dep-member-1",
-        primaryActorId: "actor-member-1",
-        deploymentStatus: "Active",
+        serviceKey: 'scope-1:member-untitled-member1',
+        tenantId: 'scope-1',
+        appId: 'default',
+        namespace: 'default',
+        serviceId: 'member-untitled-member1',
+        displayName: 'Untitled member1 runtime',
+        defaultServingRevisionId: 'rev-member-1',
+        activeServingRevisionId: 'rev-member-1',
+        deploymentId: 'dep-member-1',
+        primaryActorId: 'actor-member-1',
+        deploymentStatus: 'Active',
         endpoints: [],
         policyIds: [],
-        updatedAt: "2026-04-09T09:00:00Z",
+        updatedAt: '2026-04-09T09:00:00Z',
       },
     ]);
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("Untitled member1")).toBeTruthy();
-    expect(screen.queryByText("member-untitled-member1")).toBeNull();
-    expect(screen.queryByText("memb...ber1")).toBeNull();
-    expect(screen.getByText("已绑定服务")).toBeTruthy();
+    expect(await screen.findByText('Untitled member1')).toBeTruthy();
+    expect(screen.queryByText('member-untitled-member1')).toBeNull();
+    expect(screen.queryByText('memb...ber1')).toBeNull();
+    expect(screen.getByText('已绑定服务')).toBeTruthy();
 
     await waitFor(() => {
-      expect(studioApi.listTeamMembers).toHaveBeenCalledWith("scope-1", "t-alpha");
+      expect(studioApi.listTeamMembers).toHaveBeenCalledWith(
+        'scope-1',
+        't-alpha',
+      );
     });
-    expect(scopeRuntimeApi.listServices).toHaveBeenCalledWith("scope-1", {
-      appId: "default",
+    expect(scopeRuntimeApi.listServices).toHaveBeenCalledWith('scope-1', {
+      appId: 'default',
     });
     expect(scopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
     expect(scopeRuntimeApi.listServiceRuns).not.toHaveBeenCalled();
     expect(scopeRuntimeApi.listMemberRuns).not.toHaveBeenCalled();
   });
 
-  it("shows the configured Team entry member without treating it as the service target", async () => {
+  it('shows the configured Team entry member without treating it as the service target', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     await waitFor(() => {
-      expect(screen.getAllByText("入口成员").length).toBeGreaterThan(0);
+      expect(screen.getAllByText('入口成员').length).toBeGreaterThan(0);
     });
     await waitFor(() => {
-      expect(screen.getAllByText("Team Alpha Operator").length).toBeGreaterThan(0);
+      expect(screen.getAllByText('Team Alpha Operator').length).toBeGreaterThan(
+        0,
+      );
     });
-    expect(screen.queryByText("调用这支团队时会先路由到这个成员。")).toBeNull();
-    expect(screen.getByRole("button", { name: "清除入口成员" })).toBeEnabled();
+    expect(screen.queryByText('调用这支团队时会先路由到这个成员。')).toBeNull();
+    expect(screen.getByRole('button', { name: '清除入口成员' })).toBeEnabled();
 
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
 
-    expect(await screen.findByText("入口成员")).toBeTruthy();
-    expect(screen.queryByRole("button", { name: "设为入口成员" })).toBeNull();
-    expect(screen.getByText("已绑定服务")).toBeTruthy();
+    expect(await screen.findByText('入口成员')).toBeTruthy();
+    expect(screen.queryByRole('button', { name: '设为入口成员' })).toBeNull();
+    expect(screen.getByText('已绑定服务')).toBeTruthy();
   });
 
-  it("sets a Team entry member from the members tab", async () => {
+  it('sets a Team entry member from the members tab', async () => {
     (studioApi.listTeamMembers as jest.Mock).mockImplementation(async () => ({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         ...mockCreateTeamMembersCatalog().members,
         {
-          memberId: "member-team-beta",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Team Beta Operator",
-          description: "负责处理二线升级",
-          implementationKind: "workflow",
-          lifecycleStage: "bind_ready",
-          publishedServiceId: "beta-service",
-          lastBoundRevisionId: "rev-beta",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-team-beta',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Team Beta Operator',
+          description: '负责处理二线升级',
+          implementationKind: 'workflow',
+          lifecycleStage: 'bind_ready',
+          publishedServiceId: 'beta-service',
+          lastBoundRevisionId: 'rev-beta',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
@@ -1952,20 +1944,20 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    expect(await screen.findByText("Team Beta Operator")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "设为入口成员" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    expect(await screen.findByText('Team Beta Operator')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: '设为入口成员' }));
 
     await waitFor(() => {
       expect(studioApi.setTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
-        "member-team-beta",
+        'scope-1',
+        't-alpha',
+        'member-team-beta',
       );
     });
-    expect(message.info).toHaveBeenCalledWith(
-      "团队入口变更已提交，正在等待同步确认。",
+    expect(mockConsoleToast.info).toHaveBeenCalledWith(
+      '团队入口变更已提交，正在等待同步确认。',
     );
     await waitFor(() => {
       expect(studioApi.getTeam).toHaveBeenCalledTimes(2);
@@ -1973,19 +1965,19 @@ describe("TeamDetailPage", () => {
     });
   });
 
-  it("keeps an accepted member visible until removal is observable", async () => {
+  it('keeps an accepted member visible until removal is observable', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&tab=members',
     );
     (studioApi.deleteMember as jest.Mock).mockResolvedValue({
-      ackedAt: "2026-05-01T08:08:00Z",
-      commandId: "cmd-delete-member",
-      correlationId: "corr-delete-member",
-      memberId: "member-team-alpha",
-      scopeId: "scope-1",
-      status: "delete_accepted",
+      ackedAt: '2026-05-01T08:08:00Z',
+      commandId: 'cmd-delete-member',
+      correlationId: 'corr-delete-member',
+      memberId: 'member-team-alpha',
+      scopeId: 'scope-1',
+      status: 'delete_accepted',
     });
     let confirmRemoval: (() => void) | undefined;
     const removalObserved = new Promise<void>((resolve) => {
@@ -2000,24 +1992,24 @@ describe("TeamDetailPage", () => {
       .mockImplementationOnce(async () => {
         await removalObserved;
         throw createStudioApiStatusError(
-          "Member not found",
+          'Member not found',
           404,
-          "STUDIO_MEMBER_NOT_FOUND",
+          'STUDIO_MEMBER_NOT_FOUND',
         );
       });
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "删除成员" }));
+    expect(await screen.findByText('Team Alpha Operator')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: '删除成员' }));
 
     await waitFor(() => {
       expect(Modal.confirm).toHaveBeenCalledWith(
         expect.objectContaining({
-          cancelText: "保留成员",
+          cancelText: '保留成员',
           okButtonProps: { danger: true },
-          okText: "删除成员",
-          title: "删除成员",
+          okText: '删除成员',
+          title: '删除成员',
         }),
       );
     });
@@ -2034,45 +2026,53 @@ describe("TeamDetailPage", () => {
 
     await waitFor(() => {
       expect(studioApi.deleteMember).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        memberId: "member-team-alpha",
+        scopeId: 'scope-1',
+        memberId: 'member-team-alpha',
       });
       expect(studioApi.getMember).toHaveBeenCalledTimes(2);
     });
-    expect(screen.getByText("Team Alpha Operator")).toBeTruthy();
-    expect(message.info).toHaveBeenCalled();
-    expect(message.success).not.toHaveBeenCalled();
+    expect(screen.getByText('Team Alpha Operator')).toBeTruthy();
+    expect(mockConsoleToast.info).toHaveBeenCalled();
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
 
     await act(async () => {
       confirmRemoval?.();
       await deletePromise;
     });
 
-    expect(message.success).toHaveBeenCalledWith(
-      "已删除成员 Team Alpha Operator。",
+    expect(mockConsoleToast.success).toHaveBeenCalledWith(
+      '已删除成员 Team Alpha Operator。',
     );
     await waitFor(() => {
       expect(studioApi.listTeamMembers).toHaveBeenCalledTimes(2);
-      expect(screen.queryByText("Team Alpha Operator")).toBeNull();
-      expect(new URLSearchParams(window.location.search).get("memberId")).toBeNull();
-      expect(new URLSearchParams(window.location.search).get("tab")).toBe("members");
+      expect(screen.queryByText('Team Alpha Operator')).toBeNull();
+      expect(
+        new URLSearchParams(window.location.search).get('memberId'),
+      ).toBeNull();
+      expect(new URLSearchParams(window.location.search).get('tab')).toBe(
+        'members',
+      );
     });
   });
 
-  it("surfaces an unrelated delete 404 instead of treating it as success", async () => {
+  it('surfaces an unrelated delete 404 instead of treating it as success', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?tab=members',
     );
     (studioApi.deleteMember as jest.Mock).mockRejectedValue(
-      createStudioApiStatusError("Delete route not found", 404, "ROUTE_NOT_FOUND"),
+      createStudioApiStatusError(
+        'Delete route not found',
+        404,
+        'ROUTE_NOT_FOUND',
+      ),
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "删除成员" }));
+    expect(await screen.findByText('Team Alpha Operator')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: '删除成员' }));
     const confirmCalls = (Modal.confirm as jest.Mock).mock.calls;
     const confirmConfig = confirmCalls[confirmCalls.length - 1]?.[0] as {
       onOk?: () => Promise<void>;
@@ -2082,17 +2082,20 @@ describe("TeamDetailPage", () => {
       await confirmConfig.onOk?.();
     });
 
-    expect(message.error).toHaveBeenCalledWith("Delete route not found");
-    expect(message.success).not.toHaveBeenCalled();
+    expect(mockConsoleToast.error).toHaveBeenCalledWith('删除成员失败。');
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(
+      expect.stringContaining('Delete route not found'),
+    );
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
     expect(studioApi.getMember).not.toHaveBeenCalled();
-    expect(screen.getByText("Team Alpha Operator")).toBeTruthy();
+    expect(screen.getByText('Team Alpha Operator')).toBeTruthy();
   });
 
-  it("keeps a member visible when accepted deletion is not confirmed", async () => {
+  it('keeps a member visible when accepted deletion is not confirmed', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?tab=members',
     );
     (studioApi.getMember as jest.Mock).mockResolvedValue({
       summary: mockCreateTeamMembersCatalog().members[0],
@@ -2102,8 +2105,8 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
-    fireEvent.click(screen.getByRole("button", { name: "删除成员" }));
+    expect(await screen.findByText('Team Alpha Operator')).toBeTruthy();
+    fireEvent.click(screen.getByRole('button', { name: '删除成员' }));
     const confirmCalls = (Modal.confirm as jest.Mock).mock.calls;
     const confirmConfig = confirmCalls[confirmCalls.length - 1]?.[0] as {
       onOk?: () => Promise<void>;
@@ -2113,28 +2116,30 @@ describe("TeamDetailPage", () => {
       await confirmConfig.onOk?.();
     });
 
-    expect(message.success).not.toHaveBeenCalled();
-    expect(message.error).toHaveBeenCalledWith(
-      "删除尚未确认。成员仍保留在列表中，请刷新后重试。",
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+    expect(mockConsoleToast.error).toHaveBeenCalledWith(
+      '删除尚未确认。成员仍保留在列表中，请刷新后重试。',
     );
     await waitFor(() => {
-      expect(screen.getByText("Team Alpha Operator")).toBeTruthy();
+      expect(screen.getByText('Team Alpha Operator')).toBeTruthy();
     });
   });
 
-  it("clears the Team entry member from the overview", async () => {
+  it('clears the Team entry member from the overview', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    fireEvent.click(await screen.findByRole("button", { name: "清除入口成员" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: '清除入口成员' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.clearTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
+        'scope-1',
+        't-alpha',
       );
     });
-    expect(message.info).toHaveBeenCalledWith(
-      "团队入口清除已提交，正在等待同步确认。",
+    expect(mockConsoleToast.info).toHaveBeenCalledWith(
+      '团队入口清除已提交，正在等待同步确认。',
     );
     await waitFor(() => {
       expect(studioApi.getTeam).toHaveBeenCalledTimes(2);
@@ -2142,117 +2147,122 @@ describe("TeamDetailPage", () => {
     });
   });
 
-  it("streams Team Test through the team runtime endpoint", async () => {
+  it('streams Team Test through the team runtime endpoint', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Can this Team handle refunds?" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Can this Team handle refunds?' },
     });
-    fireEvent.click(within(dialog).getByRole("button", { name: "开始测试" }));
+    fireEvent.click(within(dialog).getByRole('button', { name: '开始测试' }));
 
     await waitFor(() => {
       expect(runtimeRunsApi.streamTeamChat).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
+        'scope-1',
+        't-alpha',
         expect.objectContaining({
-          prompt: "Can this Team handle refunds?",
+          prompt: 'Can this Team handle refunds?',
           metadata: expect.objectContaining({
-            source: "team-detail",
-            teamId: "t-alpha",
+            source: 'team-detail',
+            teamId: 't-alpha',
           }),
         }),
         expect.any(AbortSignal),
       );
     });
-    expect(await screen.findByText("Team response")).toBeTruthy();
+    expect(await screen.findByText('Team response')).toBeTruthy();
     expect(await screen.findByText(/上次测试/)).toBeTruthy();
   });
 
-  it("explains when Team Test uses the entry member instead of the selected member", async () => {
+  it('explains when Team Test uses the entry member instead of the selected member', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-support&testTeam=1",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-support&testTeam=1',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    const dialog = await screen.findByTestId("team-test-modal-body");
+    const dialog = await screen.findByTestId('team-test-modal-body');
 
-    expect(
-      within(dialog).queryByText(/member-support/),
-    ).toBeNull();
+    expect(within(dialog).queryByText(/member-support/)).toBeNull();
     expect(
       within(dialog).getByText(/团队测试仍通过入口成员发起。/),
     ).toBeTruthy();
   });
 
-  it("auto-opens Team Test from the Team Detail route intent", async () => {
-    window.history.replaceState({}, "", "/scopes/scope-1/teams/t-alpha?testTeam=1");
+  it('auto-opens Team Test from the Team Detail route intent', async () => {
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-1/teams/t-alpha?testTeam=1',
+    );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByTestId("team-test-modal-body")).toBeTruthy();
-    expect(screen.getByLabelText("测试 Prompt")).toBeTruthy();
+    expect(await screen.findByTestId('team-test-modal-body')).toBeTruthy();
+    expect(screen.getByLabelText('测试 Prompt')).toBeTruthy();
   });
 
-  it("does not treat bind-ready members without a published service as Team Test candidates", async () => {
+  it('does not treat bind-ready members without a published service as Team Test candidates', async () => {
     (studioApi.getTeam as jest.Mock).mockImplementation(async () => ({
       ...mockCreateTeamSummary(),
       entryMemberId: null,
     }));
-    (studioApi.listTeamMembers as jest.Mock).mockImplementation(
-      async () => mockCreateTeamMembersCatalogWithUnpublishedReadyMember(),
+    (studioApi.listTeamMembers as jest.Mock).mockImplementation(async () =>
+      mockCreateTeamMembersCatalogWithUnpublishedReadyMember(),
     );
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
 
-    expect(await within(dialog).findByText("Unpublished Ready Member")).toBeTruthy();
+    expect(
+      await within(dialog).findByText('Unpublished Ready Member'),
+    ).toBeTruthy();
     const unpublishedRow = within(dialog)
-      .getByText("Unpublished Ready Member")
-      .closest("div");
+      .getByText('Unpublished Ready Member')
+      .closest('div');
     expect(unpublishedRow).toBeTruthy();
     expect(
-      within(unpublishedRow as HTMLElement).queryByRole("button", {
-        name: "设为入口并测试",
+      within(unpublishedRow as HTMLElement).queryByRole('button', {
+        name: '设为入口并测试',
       }),
     ).toBeNull();
-    expect(within(dialog).getByRole("link", { name: "先 Build / Bind" }))
-      .toHaveAttribute("href", expect.stringContaining("member-unpublished"));
+    expect(
+      within(dialog).getByRole('link', { name: '先 Build / Bind' }),
+    ).toHaveAttribute('href', expect.stringContaining('member-unpublished'));
   });
 
-  it("allows members without a published service to be configured as Team entry members", async () => {
+  it('allows members without a published service to be configured as Team entry members', async () => {
     (studioApi.getTeam as jest.Mock).mockImplementation(async () => ({
       ...mockCreateTeamSummary(),
       entryMemberId: null,
     }));
-    (studioApi.listTeamMembers as jest.Mock).mockImplementation(
-      async () => mockCreateTeamMembersCatalogWithUnpublishedReadyMember(),
+    (studioApi.listTeamMembers as jest.Mock).mockImplementation(async () =>
+      mockCreateTeamMembersCatalogWithUnpublishedReadyMember(),
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    expect(await screen.findByText("Unpublished Ready Member")).toBeTruthy();
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    expect(await screen.findByText('Unpublished Ready Member')).toBeTruthy();
 
-    const setEntryButtons = await screen.findAllByRole("button", {
-      name: "设为入口成员",
+    const setEntryButtons = await screen.findAllByRole('button', {
+      name: '设为入口成员',
     });
     fireEvent.click(setEntryButtons[1]);
 
     await waitFor(() => {
       expect(studioApi.setTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
-        "member-unpublished",
+        'scope-1',
+        't-alpha',
+        'member-unpublished',
       );
     });
   });
 
-  it("sets a ready member as entry before testing when the Team has no entry", async () => {
+  it('sets a ready member as entry before testing when the Team has no entry', async () => {
     (studioApi.getTeam as jest.Mock)
       .mockResolvedValueOnce({
         ...mockCreateTeamSummary(),
@@ -2264,20 +2274,24 @@ describe("TeamDetailPage", () => {
       })
       .mockResolvedValueOnce({
         ...mockCreateTeamSummary(),
-        entryMemberId: "member-team-alpha",
+        entryMemberId: 'member-team-alpha',
       });
-    (studioApi.setTeamEntryMember as jest.Mock).mockResolvedValueOnce(undefined);
+    (studioApi.setTeamEntryMember as jest.Mock).mockResolvedValueOnce(
+      undefined,
+    );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    expect(within(dialog).getByRole("button", { name: "开始测试" })).toBeDisabled();
+    expect(
+      within(dialog).getByRole('button', { name: '开始测试' }),
+    ).toBeDisabled();
 
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Route this customer question" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Route this customer question' },
     });
-    const setAndTestButton = within(dialog).getByRole("button", {
-      name: "设为入口并测试",
+    const setAndTestButton = within(dialog).getByRole('button', {
+      name: '设为入口并测试',
     });
 
     expect(setAndTestButton).toBeEnabled();
@@ -2285,25 +2299,25 @@ describe("TeamDetailPage", () => {
 
     await waitFor(() => {
       expect(studioApi.setTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
-        "member-team-alpha",
+        'scope-1',
+        't-alpha',
+        'member-team-alpha',
       );
     });
     await waitFor(() => {
       expect(studioApi.getTeam).toHaveBeenCalledTimes(3);
       expect(runtimeRunsApi.streamTeamChat).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
+        'scope-1',
+        't-alpha',
         expect.objectContaining({
-          prompt: "Route this customer question",
+          prompt: 'Route this customer question',
         }),
         expect.any(AbortSignal),
       );
     });
   });
 
-  it("sets a ready member as entry before prompt entry when the Team has no entry", async () => {
+  it('sets a ready member as entry before prompt entry when the Team has no entry', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce({
       ...mockCreateTeamSummary(),
       entryMemberId: null,
@@ -2312,11 +2326,11 @@ describe("TeamDetailPage", () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    const startTestButton = within(dialog).getByRole("button", {
-      name: "开始测试",
+    const startTestButton = within(dialog).getByRole('button', {
+      name: '开始测试',
     });
-    const setEntryButton = within(dialog).getByRole("button", {
-      name: "设为入口成员",
+    const setEntryButton = within(dialog).getByRole('button', {
+      name: '设为入口成员',
     });
 
     expect(startTestButton).toBeDisabled();
@@ -2325,15 +2339,15 @@ describe("TeamDetailPage", () => {
 
     await waitFor(() => {
       expect(studioApi.setTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
-        "member-team-alpha",
+        'scope-1',
+        't-alpha',
+        'member-team-alpha',
       );
     });
     expect(runtimeRunsApi.streamTeamChat).not.toHaveBeenCalled();
   });
 
-  it("waits for the entry read model before invoking Team Test", async () => {
+  it('waits for the entry read model before invoking Team Test', async () => {
     (studioApi.getTeam as jest.Mock)
       .mockResolvedValueOnce({
         ...mockCreateTeamSummary(),
@@ -2349,57 +2363,67 @@ describe("TeamDetailPage", () => {
       })
       .mockResolvedValueOnce({
         ...mockCreateTeamSummary(),
-        entryMemberId: "member-team-alpha",
+        entryMemberId: 'member-team-alpha',
       });
-    (studioApi.setTeamEntryMember as jest.Mock).mockResolvedValueOnce(undefined);
+    (studioApi.setTeamEntryMember as jest.Mock).mockResolvedValueOnce(
+      undefined,
+    );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Route after projection catches up" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Route after projection catches up' },
     });
-    fireEvent.click(within(dialog).getByRole("button", { name: "设为入口并测试" }));
+    fireEvent.click(
+      within(dialog).getByRole('button', { name: '设为入口并测试' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.getTeam).toHaveBeenCalledTimes(4);
       expect(runtimeRunsApi.streamTeamChat).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
+        'scope-1',
+        't-alpha',
         expect.objectContaining({
-          prompt: "Route after projection catches up",
+          prompt: 'Route after projection catches up',
         }),
         expect.any(AbortSignal),
       );
     });
   });
 
-  it("does not invoke Team Test while the entry read model is still syncing", async () => {
+  it('does not invoke Team Test while the entry read model is still syncing', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValue({
       ...mockCreateTeamSummary(),
       entryMemberId: null,
     });
-    (studioApi.setTeamEntryMember as jest.Mock).mockResolvedValueOnce(undefined);
+    (studioApi.setTeamEntryMember as jest.Mock).mockResolvedValueOnce(
+      undefined,
+    );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Route before projection catches up" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Route before projection catches up' },
     });
-    fireEvent.click(within(dialog).getByRole("button", { name: "设为入口并测试" }));
+    fireEvent.click(
+      within(dialog).getByRole('button', { name: '设为入口并测试' }),
+    );
 
-    expect(await screen.findByText("团队入口正在同步")).toBeTruthy();
+    expect(await screen.findByText('团队入口正在同步')).toBeTruthy();
     expect(
       screen.getAllByText(
-        "团队入口已被后端受理，但读模型还没有确认新入口成员。请稍后重试测试团队。",
+        '团队入口已被后端受理，但读模型还没有确认新入口成员。请稍后重试测试团队。',
       ).length,
     ).toBeGreaterThan(0);
     expect(runtimeRunsApi.streamTeamChat).not.toHaveBeenCalled();
   });
 
-  it("shows backend unsupported for Team Test 404 responses", async () => {
-    const unsupportedError = new Error("Not Found") as Error & { status: number };
+  it('shows backend unsupported for Team Test 404 responses', async () => {
+    const unsupportedError = new Error('Not Found') as Error & {
+      status: number;
+    };
     unsupportedError.status = 404;
     (runtimeRunsApi.streamTeamChat as jest.Mock).mockRejectedValueOnce(
       unsupportedError,
@@ -2408,137 +2432,147 @@ describe("TeamDetailPage", () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Try unsupported backend" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Try unsupported backend' },
     });
-    fireEvent.click(within(dialog).getByRole("button", { name: "开始测试" }));
+    fireEvent.click(within(dialog).getByRole('button', { name: '开始测试' }));
 
-    expect(await screen.findByText("后端暂不支持团队测试")).toBeTruthy();
+    expect(await screen.findByText('后端暂不支持团队测试')).toBeTruthy();
     expect(
-      screen.getAllByText(/当前后端还没有部署团队入口成员或团队调用接口/).length,
+      screen.getAllByText(/当前后端还没有部署团队入口成员或团队调用接口/)
+        .length,
     ).toBeGreaterThan(0);
   });
 
-  it("shows Team entry configuration errors from the router backend", async () => {
-    const entryError = new Error("team 't-alpha' has no entry member configured.") as
-      Error & { code: string; status: number };
-    entryError.code = "TEAM_ENTRY_MEMBER_NOT_CONFIGURED";
+  it('shows Team entry configuration errors from the router backend', async () => {
+    const entryError = new Error(
+      "team 't-alpha' has no entry member configured.",
+    ) as Error & { code: string; status: number };
+    entryError.code = 'TEAM_ENTRY_MEMBER_NOT_CONFIGURED';
     entryError.status = 409;
-    (runtimeRunsApi.streamTeamChat as jest.Mock).mockRejectedValueOnce(entryError);
+    (runtimeRunsApi.streamTeamChat as jest.Mock).mockRejectedValueOnce(
+      entryError,
+    );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Try missing entry" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Try missing entry' },
     });
-    fireEvent.click(within(dialog).getByRole("button", { name: "开始测试" }));
+    fireEvent.click(within(dialog).getByRole('button', { name: '开始测试' }));
 
-    expect(await screen.findByText("未设置入口成员")).toBeTruthy();
+    expect(await screen.findByText('未设置入口成员')).toBeTruthy();
     expect(
       screen.getAllByText(
-        "这支团队还没有入口成员，请先选择一个已绑定的成员作为入口。",
+        '这支团队还没有入口成员，请先选择一个已绑定的成员作为入口。',
       ).length,
     ).toBeGreaterThan(0);
-    expect(screen.queryByText("后端暂不支持团队测试")).toBeNull();
+    expect(screen.queryByText('后端暂不支持团队测试')).toBeNull();
   });
 
-  it("does not treat router Team not found as an undeployed backend", async () => {
+  it('does not treat router Team not found as an undeployed backend', async () => {
     const teamError = new Error("team 't-missing' not found.") as Error & {
       code: string;
       status: number;
     };
-    teamError.code = "TEAM_NOT_FOUND";
+    teamError.code = 'TEAM_NOT_FOUND';
     teamError.status = 404;
-    (runtimeRunsApi.streamTeamChat as jest.Mock).mockRejectedValueOnce(teamError);
+    (runtimeRunsApi.streamTeamChat as jest.Mock).mockRejectedValueOnce(
+      teamError,
+    );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Try missing team" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Try missing team' },
     });
-    fireEvent.click(within(dialog).getByRole("button", { name: "开始测试" }));
+    fireEvent.click(within(dialog).getByRole('button', { name: '开始测试' }));
 
-    expect(await screen.findByText("团队不存在")).toBeTruthy();
+    expect(await screen.findByText('团队不存在')).toBeTruthy();
     expect(
       screen.getAllByText(
-        "这支团队在当前工作区中不可见，请返回团队列表重新选择。",
+        '这支团队在当前工作区中不可见，请返回团队列表重新选择。',
       ).length,
     ).toBeGreaterThan(0);
-    expect(screen.queryByText("后端暂不支持团队测试")).toBeNull();
+    expect(screen.queryByText('后端暂不支持团队测试')).toBeNull();
   });
 
-  it("routes workflow member build actions into the new workflow studio", async () => {
+  it('routes workflow member build actions into the new workflow studio', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    fireEvent.click(await screen.findByRole("link", { name: "Workflow Studio" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    fireEvent.click(
+      await screen.findByRole('link', { name: 'Workflow Studio' }),
+    );
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow",
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow',
     );
-    expect(new URLSearchParams(window.location.search).get("workflowId")).toBe(
-      "workflow-1",
-    );
-    expect(new URLSearchParams(window.location.search).get("workflowSource")).toBe(
-      "published",
+    expect(new URLSearchParams(window.location.search).get('workflowId')).toBe(
+      'workflow-1',
     );
+    expect(
+      new URLSearchParams(window.location.search).get('workflowSource'),
+    ).toBe('published');
   });
 
-  it("uses the published service workflow id instead of the route workflow hint", async () => {
+  it('uses the published service workflow id instead of the route workflow hint', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&workflowId=wf-route-stale&tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&workflowId=wf-route-stale&tab=members',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    fireEvent.click(await screen.findByRole("link", { name: "Workflow Studio" }));
+    fireEvent.click(
+      await screen.findByRole('link', { name: 'Workflow Studio' }),
+    );
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow",
-    );
-    expect(new URLSearchParams(window.location.search).get("workflowId")).toBe(
-      "workflow-1",
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow',
     );
-    expect(new URLSearchParams(window.location.search).get("workflowSource")).toBe(
-      "published",
+    expect(new URLSearchParams(window.location.search).get('workflowId')).toBe(
+      'workflow-1',
     );
+    expect(
+      new URLSearchParams(window.location.search).get('workflowSource'),
+    ).toBe('published');
   });
 
-  it("recovers a published workflow id from the bound service when the roster omits the implementation ref", async () => {
+  it('recovers a published workflow id from the bound service when the roster omits the implementation ref', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?tab=members',
     );
     window.sessionStorage.setItem(
       [
-        "aevatar.teamMemberDraftWorkflowHint.v1",
-        "scope-1",
-        "t-alpha",
-        "member-team-alpha",
-      ].join(":"),
-      "wf-team-alpha",
+        'aevatar.teamMemberDraftWorkflowHint.v1',
+        'scope-1',
+        't-alpha',
+        'member-team-alpha',
+      ].join(':'),
+      'wf-team-alpha',
     );
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         {
-          memberId: "member-team-alpha",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Team Alpha Operator",
-          description: "负责处理升级工单",
-          implementationKind: "workflow",
-          lifecycleStage: "bind_ready",
-          publishedServiceId: "alpha-service",
-          lastBoundRevisionId: "rev-alpha",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-team-alpha',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Team Alpha Operator',
+          description: '负责处理升级工单',
+          implementationKind: 'workflow',
+          lifecycleStage: 'bind_ready',
+          publishedServiceId: 'alpha-service',
+          lastBoundRevisionId: 'rev-alpha',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
@@ -2546,147 +2580,152 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    fireEvent.click(await screen.findByRole("link", { name: "Workflow Studio" }));
+    fireEvent.click(
+      await screen.findByRole('link', { name: 'Workflow Studio' }),
+    );
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow",
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow',
     );
-    expect(new URLSearchParams(window.location.search).get("workflowId")).toBe(
-      "workflow-1",
-    );
-    expect(new URLSearchParams(window.location.search).get("workflowSource")).toBe(
-      "published",
+    expect(new URLSearchParams(window.location.search).get('workflowId')).toBe(
+      'workflow-1',
     );
+    expect(
+      new URLSearchParams(window.location.search).get('workflowSource'),
+    ).toBe('published');
   });
 
-  it("does not reuse a route workflow hint for another Team member row", async () => {
+  it('does not reuse a route workflow hint for another Team member row', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-other&workflowId=wf-other&tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-other&workflowId=wf-other&tab=members',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    fireEvent.click(await screen.findByRole("link", { name: "Workflow Studio" }));
+    fireEvent.click(
+      await screen.findByRole('link', { name: 'Workflow Studio' }),
+    );
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow",
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/workflow',
     );
-    expect(new URLSearchParams(window.location.search).get("workflowId")).toBe(
-      "workflow-1",
-    );
-    expect(new URLSearchParams(window.location.search).get("workflowSource")).toBe(
-      "published",
+    expect(new URLSearchParams(window.location.search).get('workflowId')).toBe(
+      'workflow-1',
     );
+    expect(
+      new URLSearchParams(window.location.search).get('workflowSource'),
+    ).toBe('published');
   });
 
-  it("routes workflow member invoke actions into the member invoke page", async () => {
+  it('routes workflow member invoke actions into the member invoke page', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    fireEvent.click(await screen.findByRole("link", { name: "调用" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    fireEvent.click(await screen.findByRole('link', { name: '调用' }));
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/invoke",
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/invoke',
     );
   });
 
-  it("routes workflow member published runs actions into the member runs page", async () => {
+  it('routes workflow member published runs actions into the member runs page', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    fireEvent.click(await screen.findByRole("link", { name: "发布运行记录" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    fireEvent.click(await screen.findByRole('link', { name: '发布运行记录' }));
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/runs",
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/runs',
     );
-    expect(window.location.search).toBe("");
+    expect(window.location.search).toBe('');
   });
 
-  it("routes workflow member automation actions into the Team automations tab", async () => {
+  it('routes workflow member automation actions into the Team automations tab', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    fireEvent.click(await screen.findByRole("link", { name: "自动化" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    fireEvent.click(await screen.findByRole('link', { name: '自动化' }));
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/automations",
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/automations',
     );
-    expect(window.location.search).toBe("");
+    expect(window.location.search).toBe('');
     await waitFor(() => {
       expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
         {
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          memberId: "member-team-alpha",
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          memberId: 'member-team-alpha',
         },
         { take: 200 },
       );
     });
-    expect(await screen.findByText("这个成员还没有自动化")).toBeTruthy();
-    expect(screen.getByRole("button", { name: "新建自动化" })).toBeTruthy();
+    expect(await screen.findByText('这个成员还没有自动化')).toBeTruthy();
+    expect(screen.getByRole('button', { name: '新建自动化' })).toBeTruthy();
     expect(scheduledDispatchApi.listAll).not.toHaveBeenCalled();
   });
 
-  it("keeps Team member row actions reachable before the tablet layout clips them", async () => {
+  it('keeps Team member row actions reachable before the tablet layout clips them', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    await screen.findByLabelText("调用");
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    await screen.findByLabelText('调用');
 
-    const memberTable = screen.getByTestId("team-members-table");
-    expect(memberTable).toHaveClass("team-members-table-container");
-    expect(memberTable).toHaveAttribute("data-responsive-layout", "container");
+    const memberTable = screen.getByTestId('team-members-table');
+    expect(memberTable).toHaveClass('team-members-table-container');
+    expect(memberTable).toHaveAttribute('data-responsive-layout', 'container');
 
-    const memberRow = document.querySelector(".team-members-table-row");
+    const memberRow = document.querySelector('.team-members-table-row');
     expect(memberRow).toBeTruthy();
     expect(memberRow).toHaveStyle({
       gridTemplateColumns:
-        "minmax(260px, 1.4fr) minmax(140px, 0.45fr) minmax(180px, 0.7fr) 252px",
+        'minmax(260px, 1.4fr) minmax(140px, 0.45fr) minmax(180px, 0.7fr) 252px',
     });
 
     const memberActions = memberRow?.querySelector(
-      ".team-members-table-primary-actions",
+      '.team-members-table-primary-actions',
     ) as HTMLElement | null;
     expect(memberActions).toBeTruthy();
-    expect(within(memberActions as HTMLElement).getByLabelText("调用")).toBeTruthy();
     expect(
-      within(memberActions as HTMLElement).getByLabelText("发布运行记录"),
+      within(memberActions as HTMLElement).getByLabelText('调用'),
     ).toBeTruthy();
     expect(
-      within(memberActions as HTMLElement).getByLabelText("自动化"),
+      within(memberActions as HTMLElement).getByLabelText('发布运行记录'),
     ).toBeTruthy();
     expect(
-      within(memberActions as HTMLElement).getByLabelText("Workflow Studio"),
+      within(memberActions as HTMLElement).getByLabelText('自动化'),
     ).toBeTruthy();
     expect(
-      within(memberActions as HTMLElement).getByLabelText("清除入口成员"),
+      within(memberActions as HTMLElement).getByLabelText('Workflow Studio'),
     ).toBeTruthy();
     expect(
-      within(memberActions as HTMLElement).getByLabelText("删除成员"),
+      within(memberActions as HTMLElement).getByLabelText('清除入口成员'),
+    ).toBeTruthy();
+    expect(
+      within(memberActions as HTMLElement).getByLabelText('删除成员'),
     ).toBeTruthy();
-
   });
 
-  it("does not promote Team query hints into member automation identity", async () => {
+  it('does not promote Team query hints into member automation identity', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&workflowId=wf-alpha&serviceId=svc-alpha&tab=automations",
+      '',
+      '/scopes/scope-1/teams/t-alpha?memberId=member-team-alpha&workflowId=wf-alpha&serviceId=svc-alpha&tab=automations',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByRole("heading", { name: "自动化" })).toBeTruthy();
-    expect(window.location.pathname).toBe("/scopes/scope-1/teams/t-alpha");
+    expect(await screen.findByRole('heading', { name: '自动化' })).toBeTruthy();
+    expect(window.location.pathname).toBe('/scopes/scope-1/teams/t-alpha');
     await waitFor(() =>
       expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
-        { scopeId: "scope-1", teamId: "t-alpha" },
+        { scopeId: 'scope-1', teamId: 't-alpha' },
         { take: 200 },
       ),
     );
@@ -2694,11 +2733,11 @@ describe("TeamDetailPage", () => {
     expect(scheduledDispatchApi.listAll).not.toHaveBeenCalled();
   });
 
-  it("loads only the canonical path member automation resource", async () => {
+  it('loads only the canonical path member automation resource', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/member-team-alpha/automations?memberId=m-other&workflowId=wf-alpha&serviceId=svc-alpha",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/member-team-alpha/automations?memberId=m-other&workflowId=wf-alpha&serviceId=svc-alpha',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
@@ -2706,9 +2745,9 @@ describe("TeamDetailPage", () => {
     await waitFor(() => {
       expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
         {
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          memberId: "member-team-alpha",
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          memberId: 'member-team-alpha',
         },
         { take: 200 },
       );
@@ -2717,37 +2756,36 @@ describe("TeamDetailPage", () => {
     expect(scheduledDispatchApi.listAll).not.toHaveBeenCalled();
   });
 
-  it("does not query automations for a canonical member outside the current Team", async () => {
+  it('does not query automations for a canonical member outside the current Team', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha/members/m-other/automations",
+      '',
+      '/scopes/scope-1/teams/t-alpha/members/m-other/automations',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("该成员无法配置自动化")).toBeTruthy();
+    expect(await screen.findByText('该成员无法配置自动化')).toBeTruthy();
     expect(teamAutomationApi.listAll).not.toHaveBeenCalled();
     expect(scheduledDispatchApi.listAll).not.toHaveBeenCalled();
   });
 
-
-  it("keeps invoke disabled for workflow members that are not bound yet", async () => {
+  it('keeps invoke disabled for workflow members that are not bound yet', async () => {
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         {
-          memberId: "member-draft-workflow",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Draft Workflow",
-          description: "Created but not bound yet",
-          implementationKind: "workflow",
-          lifecycleStage: "created",
-          publishedServiceId: "",
-          lastBoundRevisionId: "",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-draft-workflow',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Draft Workflow',
+          description: 'Created but not bound yet',
+          implementationKind: 'workflow',
+          lifecycleStage: 'created',
+          publishedServiceId: '',
+          lastBoundRevisionId: '',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
@@ -2755,40 +2793,40 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
 
-    expect(await screen.findByText("Draft Workflow")).toBeTruthy();
-    expect(screen.getByText("尚未绑定")).toBeTruthy();
-    expect(screen.getByRole("link", { name: "Workflow Studio" })).toBeTruthy();
-    expect(screen.getByRole("button", { name: "调用" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: "发布运行记录" })).toBeDisabled();
+    expect(await screen.findByText('Draft Workflow')).toBeTruthy();
+    expect(screen.getByText('尚未绑定')).toBeTruthy();
+    expect(screen.getByRole('link', { name: 'Workflow Studio' })).toBeTruthy();
+    expect(screen.getByRole('button', { name: '调用' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: '发布运行记录' })).toBeDisabled();
     expect(
       screen
-        .getAllByRole("button", { name: "自动化" })
-        .some((button) => button.hasAttribute("disabled")),
+        .getAllByRole('button', { name: '自动化' })
+        .some((button) => button.hasAttribute('disabled')),
     ).toBe(true);
-    expect(screen.queryByRole("link", { name: "调用" })).toBeNull();
-    expect(screen.queryByRole("link", { name: "发布运行记录" })).toBeNull();
-    expect(screen.queryByRole("link", { name: "自动化" })).toBeNull();
+    expect(screen.queryByRole('link', { name: '调用' })).toBeNull();
+    expect(screen.queryByRole('link', { name: '发布运行记录' })).toBeNull();
+    expect(screen.queryByRole('link', { name: '自动化' })).toBeNull();
   });
 
-  it("allows non-workflow bind-ready members to become Team entry members", async () => {
+  it('allows non-workflow bind-ready members to become Team entry members', async () => {
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         {
-          memberId: "member-agent-alpha",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Agent Alpha",
-          description: "Agent member",
-          implementationKind: "gagent",
-          lifecycleStage: "bind_ready",
-          publishedServiceId: "agent-service",
-          lastBoundRevisionId: "rev-agent",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-agent-alpha',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Agent Alpha',
+          description: 'Agent member',
+          implementationKind: 'gagent',
+          lifecycleStage: 'bind_ready',
+          publishedServiceId: 'agent-service',
+          lastBoundRevisionId: 'rev-agent',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
@@ -2796,47 +2834,51 @@ describe("TeamDetailPage", () => {
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
 
-    expect(await screen.findByText("Agent Alpha")).toBeTruthy();
-    expect(screen.getByText("已绑定服务")).toBeTruthy();
-    expect(screen.getByRole("button", { name: "调用" })).toBeDisabled();
-    expect(screen.queryByRole("link", { name: "调用" })).toBeNull();
-    expect(screen.getByRole("button", { name: "发布运行记录" })).toBeDisabled();
-    expect(screen.queryByRole("link", { name: "发布运行记录" })).toBeNull();
-    expect(screen.getByRole("button", { name: "Workflow Studio" })).toBeDisabled();
-    fireEvent.click(await screen.findByRole("button", { name: "设为入口成员" }));
+    expect(await screen.findByText('Agent Alpha')).toBeTruthy();
+    expect(screen.getByText('已绑定服务')).toBeTruthy();
+    expect(screen.getByRole('button', { name: '调用' })).toBeDisabled();
+    expect(screen.queryByRole('link', { name: '调用' })).toBeNull();
+    expect(screen.getByRole('button', { name: '发布运行记录' })).toBeDisabled();
+    expect(screen.queryByRole('link', { name: '发布运行记录' })).toBeNull();
+    expect(
+      screen.getByRole('button', { name: 'Workflow Studio' }),
+    ).toBeDisabled();
+    fireEvent.click(
+      await screen.findByRole('button', { name: '设为入口成员' }),
+    );
 
     await waitFor(() => {
       expect(studioApi.setTeamEntryMember).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
-        "member-agent-alpha",
+        'scope-1',
+        't-alpha',
+        'member-agent-alpha',
       );
     });
   });
 
-  it("starts Team Test through a non-workflow bind-ready entry member", async () => {
+  it('starts Team Test through a non-workflow bind-ready entry member', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValue({
       ...mockCreateTeamSummary(),
-      entryMemberId: "member-agent-alpha",
+      entryMemberId: 'member-agent-alpha',
     });
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValue({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [
         {
-          memberId: "member-agent-alpha",
-          scopeId: "scope-1",
-          teamId: "t-alpha",
-          displayName: "Agent Alpha",
-          description: "Agent member",
-          implementationKind: "gagent",
-          lifecycleStage: "bind_ready",
-          publishedServiceId: "agent-service",
-          lastBoundRevisionId: "rev-agent",
-          createdAt: "2026-04-09T08:00:00Z",
-          updatedAt: "2026-04-09T09:00:00Z",
+          memberId: 'member-agent-alpha',
+          scopeId: 'scope-1',
+          teamId: 't-alpha',
+          displayName: 'Agent Alpha',
+          description: 'Agent member',
+          implementationKind: 'gagent',
+          lifecycleStage: 'bind_ready',
+          publishedServiceId: 'agent-service',
+          lastBoundRevisionId: 'rev-agent',
+          createdAt: '2026-04-09T08:00:00Z',
+          updatedAt: '2026-04-09T09:00:00Z',
         },
       ],
       nextPageToken: null,
@@ -2845,401 +2887,396 @@ describe("TeamDetailPage", () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     const dialog = await openTeamTestDialog();
-    fireEvent.change(within(dialog).getByLabelText("测试 Prompt"), {
-      target: { value: "Can an agent entry handle this?" },
+    fireEvent.change(within(dialog).getByLabelText('测试 Prompt'), {
+      target: { value: 'Can an agent entry handle this?' },
     });
-    fireEvent.click(within(dialog).getByRole("button", { name: "开始测试" }));
+    fireEvent.click(within(dialog).getByRole('button', { name: '开始测试' }));
 
     await waitFor(() => {
       expect(runtimeRunsApi.streamTeamChat).toHaveBeenCalledWith(
-        "scope-1",
-        "t-alpha",
+        'scope-1',
+        't-alpha',
         expect.objectContaining({
-          prompt: "Can an agent entry handle this?",
+          prompt: 'Can an agent entry handle this?',
         }),
         expect.any(AbortSignal),
       );
     });
-    expect(within(dialog).queryByRole("button", { name: "仅支持 Workflow" })).toBeNull();
-    expect(await screen.findByText("Team response")).toBeTruthy();
+    expect(
+      within(dialog).queryByRole('button', { name: '仅支持 Workflow' }),
+    ).toBeNull();
+    expect(await screen.findByText('Team response')).toBeTruthy();
   });
 
-  it("routes create-member actions into the workflow member studio", async () => {
+  it('routes create-member actions into the workflow member studio', async () => {
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    fireEvent.click(await screen.findByRole("link", { name: "创建工作流成员" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    fireEvent.click(
+      await screen.findByRole('link', { name: '创建工作流成员' }),
+    );
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
   });
 
-  it("routes empty-roster create-member actions into the workflow member studio", async () => {
+  it('routes empty-roster create-member actions into the workflow member studio', async () => {
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [],
       nextPageToken: null,
     });
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("button", { name: "编辑团队" });
-    fireEvent.click(screen.getByRole("button", { name: "团队成员" }));
-    fireEvent.click(await screen.findByRole("link", { name: "创建第一个工作流成员" }));
+    await screen.findByRole('button', { name: '编辑团队' });
+    fireEvent.click(screen.getByRole('button', { name: '团队成员' }));
+    fireEvent.click(
+      await screen.findByRole('link', { name: '创建第一个工作流成员' }),
+    );
 
     expect(window.location.pathname).toBe(
-      "/scopes/scope-1/teams/t-alpha/members/new/workflow",
+      '/scopes/scope-1/teams/t-alpha/members/new/workflow',
     );
   });
 
-  it("does not assign an unrelated scope service to a Team with no members", async () => {
+  it('does not assign an unrelated scope service to a Team with no members', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce({
       ...mockCreateTeamSummary(),
-      displayName: "test03",
+      displayName: 'test03',
       memberCount: 0,
     });
     (studioApi.listTeamMembers as jest.Mock).mockResolvedValueOnce({
-      scopeId: "scope-1",
+      scopeId: 'scope-1',
       members: [],
       nextPageToken: null,
     });
     (scopeRuntimeApi.listServices as jest.Mock).mockResolvedValueOnce([
       {
-        serviceKey: "scope-1:gagent-1",
-        tenantId: "scope-1",
-        appId: "default",
-        namespace: "default",
-        serviceId: "member-m-9833881c18e14c19aab60b2b9c7e998f",
-        displayName: "gagent-1",
-        defaultServingRevisionId: "rev-gagent",
-        activeServingRevisionId: "rev-gagent",
-        deploymentId: "dep-gagent",
-        primaryActorId: "actor-gagent",
-        deploymentStatus: "Active",
+        serviceKey: 'scope-1:gagent-1',
+        tenantId: 'scope-1',
+        appId: 'default',
+        namespace: 'default',
+        serviceId: 'member-m-9833881c18e14c19aab60b2b9c7e998f',
+        displayName: 'gagent-1',
+        defaultServingRevisionId: 'rev-gagent',
+        activeServingRevisionId: 'rev-gagent',
+        deploymentId: 'dep-gagent',
+        primaryActorId: 'actor-gagent',
+        deploymentStatus: 'Active',
         endpoints: [],
         policyIds: [],
-        updatedAt: "2026-05-21T09:00:00Z",
+        updatedAt: '2026-05-21T09:00:00Z',
       },
     ]);
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", { level: 1, name: "test03" }),
+      await screen.findByRole('heading', { level: 1, name: 'test03' }),
     ).toBeTruthy();
-    expect(await screen.findByText("暂无团队构成")).toBeTruthy();
-    expect(screen.getByText("服务待配置")).toBeTruthy();
-    expect(screen.queryByText("当前还没有匹配到主服务入口")).toBeNull();
-    expect(screen.queryByText("gagent-1")).toBeNull();
+    expect(await screen.findByText('暂无团队构成')).toBeTruthy();
+    expect(screen.getByText('服务待配置')).toBeTruthy();
+    expect(screen.queryByText('当前还没有匹配到主服务入口')).toBeNull();
+    expect(screen.queryByText('gagent-1')).toBeNull();
     expect(scopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
     expect(scopeRuntimeApi.listServiceRuns).not.toHaveBeenCalled();
   });
 
-  it("uses the real Team roster when teamId is selected", async () => {
+  it('uses the real Team roster when teamId is selected', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?tab=members",
+      '',
+      '/scopes/scope-1/teams/t-alpha?tab=members',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
-    expect(screen.getByText("负责处理升级工单")).toBeTruthy();
-    expect(screen.queryByText("member-team-alpha")).toBeNull();
-    expect(screen.queryByText("alph...vice")).toBeNull();
-    expect(screen.getByText("已绑定服务")).toBeTruthy();
+    expect(await screen.findByText('Team Alpha Operator')).toBeTruthy();
+    expect(screen.getByText('负责处理升级工单')).toBeTruthy();
+    expect(screen.queryByText('member-team-alpha')).toBeNull();
+    expect(screen.queryByText('alph...vice')).toBeNull();
+    expect(screen.getByText('已绑定服务')).toBeTruthy();
 
     await waitFor(() => {
-      expect(studioApi.listTeamMembers).toHaveBeenCalledWith("scope-1", "t-alpha");
+      expect(studioApi.listTeamMembers).toHaveBeenCalledWith(
+        'scope-1',
+        't-alpha',
+      );
     });
   });
 
-  it("uses the real Team summary when teamId is selected", async () => {
-    window.history.replaceState(
-      {},
-      "",
-      "/scopes/scope-1/teams/t-alpha",
-    );
+  it('uses the real Team summary when teamId is selected', async () => {
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", {
+      await screen.findByRole('heading', {
         level: 1,
-        name: "Alpha Support Team",
+        name: 'Alpha Support Team',
       }),
     ).toBeTruthy();
-    expect(screen.getByText("已启用")).toBeTruthy();
-    expect((await screen.findAllByText("Team summary")).length).toBeGreaterThan(0);
-    expect(screen.getAllByText("3 个成员").length).toBeGreaterThan(0);
-    expect(screen.queryByText("来自团队更新时间")).toBeNull();
-    expect(screen.getByText("当前态势")).toBeTruthy();
-    expect(screen.getByText("团队构成")).toBeTruthy();
-    expect(screen.getByText("团队 Workflow")).toBeTruthy();
-    expect(screen.queryByText("团队更新时间")).toBeNull();
-    expect(screen.queryByText("生命周期")).toBeNull();
+    expect(screen.getByText('已启用')).toBeTruthy();
+    expect((await screen.findAllByText('Team summary')).length).toBeGreaterThan(
+      0,
+    );
+    expect(screen.getAllByText('3 个成员').length).toBeGreaterThan(0);
+    expect(screen.queryByText('来自团队更新时间')).toBeNull();
+    expect(screen.getByText('当前态势')).toBeTruthy();
+    expect(screen.getByText('团队构成')).toBeTruthy();
+    expect(screen.getByText('团队 Workflow')).toBeTruthy();
+    expect(screen.queryByText('团队更新时间')).toBeNull();
+    expect(screen.queryByText('生命周期')).toBeNull();
 
     await waitFor(() => {
-      expect(studioApi.getTeam).toHaveBeenCalledWith("scope-1", "t-alpha");
+      expect(studioApi.getTeam).toHaveBeenCalledWith('scope-1', 't-alpha');
     });
   });
 
-  it("updates the real Team summary from the detail header", async () => {
-    window.history.replaceState(
-      {},
-      "",
-      "/scopes/scope-1/teams/t-alpha",
-    );
+  it('updates the real Team summary from the detail header', async () => {
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("heading", {
+    await screen.findByRole('heading', {
       level: 1,
-      name: "Alpha Support Team",
+      name: 'Alpha Support Team',
     });
-    fireEvent.click(screen.getByRole("button", { name: "编辑团队" }));
+    fireEvent.click(screen.getByRole('button', { name: '编辑团队' }));
 
-    const nameInput = await screen.findByLabelText("编辑团队名称");
-    expect(nameInput).toHaveValue("Alpha Support Team");
+    const nameInput = await screen.findByLabelText('编辑团队名称');
+    expect(nameInput).toHaveValue('Alpha Support Team');
     fireEvent.change(nameInput, {
-      target: { value: " Alpha Ops Team " },
+      target: { value: ' Alpha Ops Team ' },
     });
-    fireEvent.change(screen.getByLabelText("编辑团队说明"), {
-      target: { value: "   " },
+    fireEvent.change(screen.getByLabelText('编辑团队说明'), {
+      target: { value: '   ' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "保存团队" }));
+    fireEvent.click(screen.getByRole('button', { name: '保存团队' }));
 
     await waitFor(() => {
       expect(studioApi.updateTeam).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        displayName: "Alpha Ops Team",
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        displayName: 'Alpha Ops Team',
         description: null,
       });
     });
-    expect(message.success).toHaveBeenCalledWith("团队已更新。");
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('团队已更新。');
     await waitFor(() => {
       expect(studioApi.getTeam).toHaveBeenCalledTimes(2);
     });
   });
 
-  it("keeps a successful Team rename when the follow-up summary refresh is still syncing", async () => {
+  it('keeps a successful Team rename when the follow-up summary refresh is still syncing', async () => {
     (studioApi.getTeam as jest.Mock)
       .mockResolvedValueOnce(mockCreateTeamSummary())
       .mockRejectedValueOnce(
-        new Error("StudioTeamSummary.displayName must be a string."),
+        new Error('StudioTeamSummary.displayName must be a string.'),
       );
-    window.history.replaceState(
-      {},
-      "",
-      "/scopes/scope-1/teams/t-alpha",
-    );
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("heading", {
+    await screen.findByRole('heading', {
       level: 1,
-      name: "Alpha Support Team",
+      name: 'Alpha Support Team',
     });
-    fireEvent.click(screen.getByRole("button", { name: "编辑团队" }));
-    fireEvent.change(await screen.findByLabelText("编辑团队名称"), {
-      target: { value: " Alpha Ops Team " },
+    fireEvent.click(screen.getByRole('button', { name: '编辑团队' }));
+    fireEvent.change(await screen.findByLabelText('编辑团队名称'), {
+      target: { value: ' Alpha Ops Team ' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "保存团队" }));
+    fireEvent.click(screen.getByRole('button', { name: '保存团队' }));
 
     await waitFor(() => {
       expect(studioApi.updateTeam).toHaveBeenCalledWith({
-        scopeId: "scope-1",
-        teamId: "t-alpha",
-        displayName: "Alpha Ops Team",
-        description: "Team summary",
+        scopeId: 'scope-1',
+        teamId: 't-alpha',
+        displayName: 'Alpha Ops Team',
+        description: 'Team summary',
       });
     });
-    expect(message.success).toHaveBeenCalledWith("团队已更新。");
-    expect(message.error).not.toHaveBeenCalledWith(
-      expect.stringContaining("StudioTeamSummary.displayName"),
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('团队已更新。');
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(
+      expect.stringContaining('StudioTeamSummary.displayName'),
     );
     await waitFor(() => {
       expect(studioApi.getTeam).toHaveBeenCalledTimes(2);
     });
   });
 
-  it("does not submit an empty Team name", async () => {
-    window.history.replaceState(
-      {},
-      "",
-      "/scopes/scope-1/teams/t-alpha",
-    );
+  it('does not submit an empty Team name', async () => {
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    await screen.findByRole("heading", {
+    await screen.findByRole('heading', {
       level: 1,
-      name: "Alpha Support Team",
+      name: 'Alpha Support Team',
     });
-    fireEvent.click(screen.getByRole("button", { name: "编辑团队" }));
-    fireEvent.change(await screen.findByLabelText("编辑团队名称"), {
-      target: { value: "   " },
+    fireEvent.click(screen.getByRole('button', { name: '编辑团队' }));
+    fireEvent.change(await screen.findByLabelText('编辑团队名称'), {
+      target: { value: '   ' },
     });
 
-    expect(screen.getByRole("button", { name: "保存团队" })).toBeDisabled();
+    expect(screen.getByRole('button', { name: '保存团队' })).toBeDisabled();
     expect(studioApi.updateTeam).not.toHaveBeenCalled();
   });
 
-  it("archives the Team without making archived Teams read-only", async () => {
+  it('archives the Team without making archived Teams read-only', async () => {
     (studioApi.getTeam as jest.Mock)
       .mockResolvedValueOnce(mockCreateTeamSummary())
       .mockResolvedValue({
         ...mockCreateTeamSummary(),
-        lifecycleStage: "archived",
+        lifecycleStage: 'archived',
       });
-    window.history.replaceState(
-      {},
-      "",
-      "/scopes/scope-1/teams/t-alpha",
-    );
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect((await screen.findAllByRole("heading", { name: "Alpha Support Team" })).length).toBeGreaterThan(0);
-    fireEvent.click(await screen.findByRole("button", { name: "团队更多操作" }));
-    fireEvent.click(await screen.findByRole("menuitem", { name: "归档团队" }));
-    expect(await screen.findByText("归档这支团队？")).toBeTruthy();
+    expect(
+      (await screen.findAllByRole('heading', { name: 'Alpha Support Team' }))
+        .length,
+    ).toBeGreaterThan(0);
+    fireEvent.click(
+      await screen.findByRole('button', { name: '团队更多操作' }),
+    );
+    fireEvent.click(await screen.findByRole('menuitem', { name: '归档团队' }));
+    expect(await screen.findByText('归档这支团队？')).toBeTruthy();
     expect(
       screen.getByText(
-        "归档后，这支团队会从活跃成员清单中降权显示，但你仍然可以继续编辑配置并查看历史。",
+        '归档后，这支团队会从活跃成员清单中降权显示，但你仍然可以继续编辑配置并查看历史。',
       ),
     ).toBeTruthy();
     fireEvent.click(
-      within(screen.getByRole("dialog", { name: "归档这支团队？" })).getByRole(
-        "button",
-        { name: "归档团队" },
+      within(screen.getByRole('dialog', { name: '归档这支团队？' })).getByRole(
+        'button',
+        { name: '归档团队' },
       ),
     );
 
     await waitFor(() => {
-      expect(studioApi.archiveTeam).toHaveBeenCalledWith("scope-1", "t-alpha");
+      expect(studioApi.archiveTeam).toHaveBeenCalledWith('scope-1', 't-alpha');
     });
-    expect(message.success).toHaveBeenCalledWith("团队已归档。");
-    expect(screen.getByRole("button", { name: "编辑团队" })).toBeEnabled();
-    expect(screen.queryByRole("button", { name: "团队更多操作" })).toBeNull();
-    expect(screen.queryByRole("menuitem", { name: "归档团队" })).toBeNull();
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('团队已归档。');
+    expect(screen.getByRole('button', { name: '编辑团队' })).toBeEnabled();
+    expect(screen.queryByRole('button', { name: '团队更多操作' })).toBeNull();
+    expect(screen.queryByRole('menuitem', { name: '归档团队' })).toBeNull();
   });
 
-  it("keeps archived Teams maintainable on first load", async () => {
+  it('keeps archived Teams maintainable on first load', async () => {
     (studioApi.getTeam as jest.Mock).mockResolvedValueOnce({
       ...mockCreateTeamSummary(),
-      lifecycleStage: "archived",
+      lifecycleStage: 'archived',
     });
-    window.history.replaceState(
-      {},
-      "",
-      "/scopes/scope-1/teams/t-alpha",
-    );
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect((await screen.findAllByRole("heading", { name: "Alpha Support Team" })).length).toBeGreaterThan(0);
-    expect(screen.getByRole("button", { name: "编辑团队" })).toBeEnabled();
-    expect(screen.queryByRole("button", { name: "团队更多操作" })).toBeNull();
-    expect(screen.queryByRole("button", { name: "归档团队" })).toBeNull();
+    expect(
+      (await screen.findAllByRole('heading', { name: 'Alpha Support Team' }))
+        .length,
+    ).toBeGreaterThan(0);
+    expect(screen.getByRole('button', { name: '编辑团队' })).toBeEnabled();
+    expect(screen.queryByRole('button', { name: '团队更多操作' })).toBeNull();
+    expect(screen.queryByRole('button', { name: '归档团队' })).toBeNull();
   });
 
-  it("keeps the runtime overview when Team summary fails", async () => {
+  it('keeps the runtime overview when Team summary fails', async () => {
     (studioApi.getTeam as jest.Mock).mockRejectedValueOnce(
-      new Error("Team summary failed"),
-    );
-    window.history.replaceState(
-      {},
-      "",
-      "/scopes/scope-1/teams/t-alpha",
+      new Error('Team summary failed'),
     );
+    window.history.replaceState({}, '', '/scopes/scope-1/teams/t-alpha');
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
-    expect(await screen.findByText("当前态势")).toBeTruthy();
-    expect(await screen.findByText("团队构成")).toBeTruthy();
-    expect(await screen.findByText("团队 Workflow")).toBeTruthy();
-    expect(screen.queryByText("Team summary 暂不可用")).toBeNull();
+    expect(await screen.findByText('当前态势')).toBeTruthy();
+    expect(await screen.findByText('团队构成')).toBeTruthy();
+    expect(await screen.findByText('团队 Workflow')).toBeTruthy();
+    expect(screen.queryByText('Team summary 暂不可用')).toBeNull();
     expect(
-      screen.queryByText("当前仍会显示运行时视图；Team summary 暂时无法读取。"),
+      screen.queryByText('当前仍会显示运行时视图；Team summary 暂时无法读取。'),
     ).toBeNull();
-    expect(screen.queryByText("信任态势")).toBeNull();
+    expect(screen.queryByText('信任态势')).toBeNull();
     expect(
-      screen.getByRole("heading", { name: "Support Escalation Triage" }),
+      screen.getByRole('heading', { name: 'Support Escalation Triage' }),
     ).toBeTruthy();
 
     await waitFor(() => {
-      expect(studioApi.getTeam).toHaveBeenCalledWith("scope-1", "t-alpha");
+      expect(studioApi.getTeam).toHaveBeenCalledWith('scope-1', 't-alpha');
     });
   });
 
-  it("treats a just-created Team 404 as projection syncing and retries", async () => {
+  it('treats a just-created Team 404 as projection syncing and retries', async () => {
     jest.useFakeTimers();
-    window.history.replaceState({}, "", "/scopes/scope-1/teams/t-alpha?tab=members");
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-1/teams/t-alpha?tab=members',
+    );
     (studioApi.getTeam as jest.Mock)
-      .mockRejectedValueOnce(createStudioApiStatusError("Not Found", 404))
+      .mockRejectedValueOnce(createStudioApiStatusError('Not Found', 404))
       .mockResolvedValueOnce(mockCreateTeamSummary());
     (studioApi.listTeamMembers as jest.Mock)
-      .mockRejectedValueOnce(createStudioApiStatusError("Not Found", 404))
+      .mockRejectedValueOnce(createStudioApiStatusError('Not Found', 404))
       .mockResolvedValueOnce(mockCreateTeamMembersCatalog());
 
     const queryClient = createTestQueryClient();
     queryClient.setQueryData(
-      ["teams", "team-summary", "scope-1", "t-alpha"],
+      ['teams', 'team-summary', 'scope-1', 't-alpha'],
       mockCreateTeamSummary(),
     );
     renderWithQueryClient(React.createElement(TeamDetailPage), queryClient);
 
     expect(
-      await screen.findByRole("heading", { name: "Alpha Support Team" }),
+      await screen.findByRole('heading', { name: 'Alpha Support Team' }),
     ).toBeTruthy();
-    expect(await screen.findByText("成员清单正在同步")).toBeTruthy();
+    expect(await screen.findByText('成员清单正在同步')).toBeTruthy();
 
     await act(async () => {
       jest.advanceTimersByTime(500);
     });
 
-    expect(await screen.findByText("Team Alpha Operator")).toBeTruthy();
+    expect(await screen.findByText('Team Alpha Operator')).toBeTruthy();
     expect(studioApi.getTeam).toHaveBeenCalledTimes(2);
     expect(studioApi.listTeamMembers).toHaveBeenCalledTimes(2);
 
     jest.useRealTimers();
   });
 
-  it("drops stale service and run hints in favor of the requested workflow truth", async () => {
+  it('drops stale service and run hints in favor of the requested workflow truth', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?workflowId=workflow-1&serviceId=stale-service&runId=stale-run",
+      '',
+      '/scopes/scope-1/teams/t-alpha?workflowId=workflow-1&serviceId=stale-service&runId=stale-run',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", {
+      await screen.findByRole('heading', {
         level: 1,
-        name: "Alpha Support Team",
+        name: 'Alpha Support Team',
       }),
     ).toBeTruthy();
-    expect(screen.queryByText("路由上下文已自动校正")).toBeNull();
+    expect(screen.queryByText('路由上下文已自动校正')).toBeNull();
   });
 
-  it("falls back gracefully when the requested workflow is no longer visible", async () => {
+  it('falls back gracefully when the requested workflow is no longer visible', async () => {
     window.history.replaceState(
       {},
-      "",
-      "/scopes/scope-1/teams/t-alpha?workflowId=workflow-missing",
+      '',
+      '/scopes/scope-1/teams/t-alpha?workflowId=workflow-missing',
     );
 
     renderWithQueryClient(React.createElement(TeamDetailPage));
 
     expect(
-      await screen.findByRole("heading", { level: 1, name: "当前团队" }),
+      await screen.findByRole('heading', { level: 1, name: '当前团队' }),
     ).toBeTruthy();
-    expect(screen.queryByText("路由上下文已自动校正")).toBeNull();
+    expect(screen.queryByText('路由上下文已自动校正')).toBeNull();
   });
 });
diff --git a/apps/aevatar-console-web/src/pages/teams/detail.tsx b/apps/aevatar-console-web/src/pages/teams/detail.tsx
index 4f5a232b1b..e2138be3f9 100644
--- a/apps/aevatar-console-web/src/pages/teams/detail.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/detail.tsx
@@ -1,22 +1,24 @@
-import { Input, Modal, Space, Typography, message, theme } from "antd";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useIntl } from "@umijs/max";
-import React from "react";
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useIntl } from '@umijs/max';
+import { Input, Modal, Space, Typography, theme } from 'antd';
+import React from 'react';
 import {
   applyRuntimeEvent,
   createRuntimeEventAccumulator,
-} from "@/shared/agui/runtimeEventSemantics";
-import { parseBackendSSEStream } from "@/shared/agui/sseFrameNormalizer";
-import { runtimeRunsApi } from "@/shared/api/runtimeRunsApi";
-import { scopesApi } from "@/shared/api/scopesApi";
-import { scopeRuntimeApi } from "@/shared/api/scopeRuntimeApi";
-import { formatCompactDateTime } from "@/shared/datetime/dateTime";
+} from '@/shared/agui/runtimeEventSemantics';
+import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { scopeRuntimeApi } from '@/shared/api/scopeRuntimeApi';
+import { scopesApi } from '@/shared/api/scopesApi';
+import { formatCompactDateTime } from '@/shared/datetime/dateTime';
+import { t } from '@/shared/i18n/messages';
+import type { ScopeWorkflowSummary } from '@/shared/models/scopes';
 import {
   getLocationSnapshot,
   history,
   subscribeToLocationChanges,
-} from "@/shared/navigation/history";
-import { buildTeamWorkspaceRoute } from "@/shared/navigation/scopeRoutes";
+} from '@/shared/navigation/history';
+import { buildTeamWorkspaceRoute } from '@/shared/navigation/scopeRoutes';
 import {
   buildTeamDetailHref,
   buildTeamMemberAutomationsHref,
@@ -25,47 +27,48 @@ import {
   buildTeamMemberWorkflowStudioHref,
   readTeamDetailRouteState,
   type TeamDetailTab,
-} from "@/shared/navigation/teamRoutes";
-import { isStudioApiStatus, studioApi } from "@/shared/studio/api";
+} from '@/shared/navigation/teamRoutes';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
 import {
   isStudioMemberNotFound,
   StudioMemberDeletionNotConfirmedError,
   waitForStudioMemberDeletion,
-} from "@/shared/studio/memberDeletion";
-import {
-  formatStudioMemberLifecycleStage,
-} from "@/shared/studio/models";
-import type { StudioMemberRoster, StudioTeamSummary } from "@/shared/studio/models";
-import type { ScopeWorkflowSummary } from "@/shared/models/scopes";
-import { describeError } from "@/shared/ui/errorText";
+} from '@/shared/studio/memberDeletion';
+import type {
+  StudioMemberRoster,
+  StudioTeamSummary,
+} from '@/shared/studio/models';
+import { formatStudioMemberLifecycleStage } from '@/shared/studio/models';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
 import {
   TeamActionRail,
   TeamDetailEmptyState,
   TeamDetailShell,
   type TeamTabOption,
-} from "./components/TeamDetailChrome";
+} from './components/TeamDetailChrome';
+import { DetailPill } from './components/TeamDetailPrimitives';
 import TeamTestPanel, {
   type TeamTestLastResult,
   type TeamTestStatus,
-} from "./components/TeamTestPanel";
-import { DetailPill } from "./components/TeamDetailPrimitives";
+} from './components/TeamTestPanel';
 import {
   describeTeamTestError,
   isAbortLikeError,
   type TeamTestErrorDescription,
-} from "./components/teamTestErrors";
-import TeamMembersTab, { type TeamMembersDeleteTarget } from "./tabs/TeamMembersTab";
-import TeamAutomationsTab from "./tabs/TeamAutomationsTab";
-import TeamOverviewTab from "./tabs/TeamOverviewTab";
-import TeamWorkOrdersTab from "./tabs/TeamWorkOrdersTab";
-import { resolveWorkflowOperationalUnit } from "./workflowOperationalUnits";
-import { useTeamRuntimeLens } from "./runtime/useTeamRuntimeLens";
-import { t } from "@/shared/i18n/messages";
+} from './components/teamTestErrors';
+import { useTeamRuntimeLens } from './runtime/useTeamRuntimeLens';
+import TeamAutomationsTab from './tabs/TeamAutomationsTab';
+import TeamMembersTab, {
+  type TeamMembersDeleteTarget,
+} from './tabs/TeamMembersTab';
+import TeamOverviewTab from './tabs/TeamOverviewTab';
+import { resolveWorkflowOperationalUnit } from './workflowOperationalUnits';
+import TeamWorkOrdersTab from './tabs/TeamWorkOrdersTab';
 
 const teamProjectionRetryLimit = 5;
 const teamProjectionRetryBaseMs = 500;
 const teamProjectionRetryMaxMs = 3_000;
-const entryMemberClearingId = "__clear_entry_member__";
+const entryMemberClearingId = '__clear_entry_member__';
 const teamEntryVisibilityAttempts = 5;
 const teamEntryVisibilityRetryDelayMs = 100;
 const emptyWorkflowSummaries: readonly ScopeWorkflowSummary[] = [];
@@ -82,16 +85,19 @@ function projectionRetryDelay(attemptIndex: number): number {
 }
 
 function trimText(value: string | null | undefined): string {
-  return value?.trim() ?? "";
+  return value?.trim() ?? '';
 }
 
 function workflowMatchesBoundService(
   workflow: ScopeWorkflowSummary,
-  service: {
-    readonly activeServingRevisionId?: string | null;
-    readonly defaultServingRevisionId?: string | null;
-    readonly serviceKey?: string | null;
-  } | null | undefined,
+  service:
+    | {
+        readonly activeServingRevisionId?: string | null;
+        readonly defaultServingRevisionId?: string | null;
+        readonly serviceKey?: string | null;
+      }
+    | null
+    | undefined,
 ): boolean {
   if (!service) {
     return false;
@@ -133,10 +139,9 @@ function resolveRosterMemberWorkflowId(input: {
 }): string {
   const implementationRef = input.member.implementationRef;
   const implementationWorkflowId =
-    trimText(implementationRef?.implementationKind).toLowerCase() ===
-    "workflow"
+    trimText(implementationRef?.implementationKind).toLowerCase() === 'workflow'
       ? trimText(implementationRef?.workflowId)
-      : "";
+      : '';
   if (!input.isBoundMember) {
     return implementationWorkflowId;
   }
@@ -154,8 +159,8 @@ function isBoundWorkflowRosterMember(member: {
   readonly publishedServiceId?: string | null;
 }): boolean {
   return (
-    trimText(member.implementationKind).toLowerCase() === "workflow" &&
-    normalizeStatus(member.lifecycleStage) === "bind_ready" &&
+    trimText(member.implementationKind).toLowerCase() === 'workflow' &&
+    normalizeStatus(member.lifecycleStage) === 'bind_ready' &&
     trimText(member.publishedServiceId).length > 0
   );
 }
@@ -176,10 +181,7 @@ function resolveTeamHeading(input: {
   const normalizedWorkflowName = trimText(input.workflowName);
   const normalizedLensTitle = trimText(input.lensTitle);
 
-  if (
-    normalizedDisplayName &&
-    normalizedDisplayName !== normalizedWorkflowId
-  ) {
+  if (normalizedDisplayName && normalizedDisplayName !== normalizedWorkflowId) {
     return {
       title: normalizedDisplayName,
     };
@@ -194,9 +196,8 @@ function resolveTeamHeading(input: {
     };
   }
 
-  const genericLensTitle =
-    normalizedScopeId ? `Team ${normalizedScopeId}` : "";
-  if (normalizedLensTitle === t("pages.teams.detail.copy", "Current team")) {
+  const genericLensTitle = normalizedScopeId ? `Team ${normalizedScopeId}` : '';
+  if (normalizedLensTitle === t('pages.teams.detail.copy', 'Current team')) {
     return {
       metaScopeId: normalizedScopeId || undefined,
       title: normalizedLensTitle,
@@ -215,7 +216,7 @@ function resolveTeamHeading(input: {
 
   return {
     metaScopeId: normalizedScopeId || undefined,
-    title: t("pages.teams.detail.copy.2", "Team detail"),
+    title: t('pages.teams.detail.copy.2', 'Team detail'),
   };
 }
 
@@ -224,17 +225,17 @@ function formatTeamTabLabel(
   intl: ReturnType<typeof useIntl>,
 ): string {
   switch (tab) {
-    case "automations":
+    case 'automations':
       return intl.formatMessage({
-        defaultMessage: "Automations",
-        id: "teams.detail.tabs.automations",
+        defaultMessage: 'Automations',
+        id: 'teams.detail.tabs.automations',
       });
     case "members":
       return intl.formatMessage({ id: "teams.detail.tabs.members" });
     case "work-orders":
       return intl.formatMessage({ id: "teams.detail.tabs.workOrders" });
     default:
-      return intl.formatMessage({ id: "teams.detail.tabs.overview" });
+      return intl.formatMessage({ id: 'teams.detail.tabs.overview' });
   }
 }
 
@@ -248,104 +249,104 @@ function formatFriendlyStatus(
 ): string {
   const normalized = normalizeStatus(value);
   if (!normalized) {
-    return "--";
+    return '--';
   }
 
   switch (normalized) {
-    case "active":
-    case "running":
-    case "processing":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.running" });
-    case "published":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.published" });
-    case "default":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.default" });
-    case "completed":
-    case "finished":
-    case "succeeded":
-    case "success":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.completed" });
-    case "draft":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.draft" });
-    case "retired":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.retired" });
-    case "failed":
-    case "error":
-    case "cancelled":
-    case "degraded":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.failed" });
-    case "waiting":
-    case "waiting_signal":
-    case "waiting_approval":
-    case "human_input":
-    case "human_approval":
-    case "suspended":
-    case "blocked":
-      return intl.formatMessage({ id: "teams.detail.runtimeStatus.waiting" });
+    case 'active':
+    case 'running':
+    case 'processing':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.running' });
+    case 'published':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.published' });
+    case 'default':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.default' });
+    case 'completed':
+    case 'finished':
+    case 'succeeded':
+    case 'success':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.completed' });
+    case 'draft':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.draft' });
+    case 'retired':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.retired' });
+    case 'failed':
+    case 'error':
+    case 'cancelled':
+    case 'degraded':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.failed' });
+    case 'waiting':
+    case 'waiting_signal':
+    case 'waiting_approval':
+    case 'human_input':
+    case 'human_approval':
+    case 'suspended':
+    case 'blocked':
+      return intl.formatMessage({ id: 'teams.detail.runtimeStatus.waiting' });
     default:
-      return trimText(value) || "--";
+      return trimText(value) || '--';
   }
 }
 
 function formatTeamLifecycleLabel(value: string | null | undefined): string {
   switch (normalizeStatus(value)) {
-    case "active":
-      return t("teams.detail.status.active", "Active");
-    case "archived":
-      return t("teams.detail.status.archived", "Archived");
-    case "unknown":
-      return t("teams.detail.status.unknown", "Unknown status");
+    case 'active':
+      return t('teams.detail.status.active', 'Active');
+    case 'archived':
+      return t('teams.detail.status.archived', 'Archived');
+    case 'unknown':
+      return t('teams.detail.status.unknown', 'Unknown status');
     default:
-      return trimText(value) || t("teams.detail.status.unknown", "Unknown status");
+      return (
+        trimText(value) || t('teams.detail.status.unknown', 'Unknown status')
+      );
   }
 }
 
 function formatCompositionKind(kind: string | null | undefined): string {
   switch (normalizeStatus(kind)) {
-    case "":
-    case "unknown":
-      return t("pages.teams.detail.copy.7", "Unrecognized");
-    case "workflow role":
-      return t("pages.teams.detail.copy.8", "Role");
-    case "workflow":
-      return t("pages.teams.detail.copy.9", "Workflow");
-    case "service":
-      return t("pages.teams.detail.copy.10", "Service");
-    case "actor":
-      return "Actor";
-    case "runtime":
-      return t("pages.teams.detail.copy.11", "Run");
-    case "script":
-      return t("pages.teams.detail.copy.12", "Script");
-    case "gagent":
-      return "Agent";
+    case '':
+    case 'unknown':
+      return t('pages.teams.detail.copy.7', 'Unrecognized');
+    case 'workflow role':
+      return t('pages.teams.detail.copy.8', 'Role');
+    case 'workflow':
+      return t('pages.teams.detail.copy.9', 'Workflow');
+    case 'service':
+      return t('pages.teams.detail.copy.10', 'Service');
+    case 'actor':
+      return 'Actor';
+    case 'runtime':
+      return t('pages.teams.detail.copy.11', 'Run');
+    case 'script':
+      return t('pages.teams.detail.copy.12', 'Script');
+    case 'gagent':
+      return 'Agent';
     default:
-      return kind || "--";
+      return kind || '--';
   }
 }
 
 function resolveCompositionKindPillStyle(
-  token: ReturnType<typeof theme.useToken>["token"],
+  token: ReturnType<typeof theme.useToken>['token'],
   kind: string,
 ): React.CSSProperties {
   switch (normalizeStatus(kind)) {
-    case "workflow role":
+    case 'workflow role':
       return {
-        background: "rgba(24, 144, 255, 0.08)",
+        background: 'rgba(24, 144, 255, 0.08)',
         color: token.colorInfo,
       };
-    case "workflow":
+    case 'workflow':
       return {
-        background: "rgba(82, 196, 26, 0.12)",
+        background: 'rgba(82, 196, 26, 0.12)',
         color: token.colorSuccess,
       };
-    case "service":
+    case 'service':
       return {
-        background: "rgba(250, 173, 20, 0.12)",
+        background: 'rgba(250, 173, 20, 0.12)',
         color: token.colorWarning,
       };
-    case "actor":
-    case "runtime":
     default:
       return {
         background: token.colorFillQuaternary,
@@ -355,12 +356,12 @@ function resolveCompositionKindPillStyle(
 }
 
 function resolveStatusPillStyle(
-  token: ReturnType<typeof theme.useToken>["token"],
+  token: ReturnType<typeof theme.useToken>['token'],
   value: string | null | undefined,
 ): React.CSSProperties {
   const normalized = normalizeStatus(value);
 
-  if (normalized === "archived") {
+  if (normalized === 'archived') {
     return {
       background: token.colorFillQuaternary,
       color: token.colorTextSecondary,
@@ -369,46 +370,46 @@ function resolveStatusPillStyle(
 
   if (
     [
-      "active",
-      "running",
-      "processing",
-      "completed",
-      "finished",
-      "succeeded",
-      "success",
-      "published",
-      "default",
+      'active',
+      'running',
+      'processing',
+      'completed',
+      'finished',
+      'succeeded',
+      'success',
+      'published',
+      'default',
     ].includes(normalized)
   ) {
     return {
-      background: "rgba(24, 144, 255, 0.08)",
+      background: 'rgba(24, 144, 255, 0.08)',
       color: token.colorInfo,
     };
   }
 
   if (
     [
-      "draft",
-      "waiting",
-      "waiting_signal",
-      "waiting_approval",
-      "human_input",
-      "human_approval",
-      "suspended",
-      "blocked",
+      'draft',
+      'waiting',
+      'waiting_signal',
+      'waiting_approval',
+      'human_input',
+      'human_approval',
+      'suspended',
+      'blocked',
     ].includes(normalized)
   ) {
     return {
-      background: "rgba(250, 173, 20, 0.12)",
+      background: 'rgba(250, 173, 20, 0.12)',
       color: token.colorWarning,
     };
   }
 
   if (
-    ["failed", "error", "cancelled", "degraded", "retired"].includes(normalized)
+    ['failed', 'error', 'cancelled', 'degraded', 'retired'].includes(normalized)
   ) {
     return {
-      background: "rgba(255, 77, 79, 0.12)",
+      background: 'rgba(255, 77, 79, 0.12)',
       color: token.colorError,
     };
   }
@@ -420,14 +421,14 @@ function resolveStatusPillStyle(
 }
 
 function formatCompactTimestamp(value: string | null | undefined): string {
-  return formatCompactDateTime(value, t("pages.teams.detail.copy.13", "None"));
+  return formatCompactDateTime(value, t('pages.teams.detail.copy.13', 'None'));
 }
 
 function formatLocalTimeLabel(date: Date): string {
   return new Intl.DateTimeFormat(undefined, {
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit',
   }).format(date);
 }
 
@@ -446,33 +447,36 @@ function delay(ms: number): Promise<void> {
 
 const TeamDetailPage: React.FC = () => {
   const intl = useIntl();
+  const toast = useConsoleToast();
   const queryClient = useQueryClient();
   const locationSnapshot = React.useSyncExternalStore(
     subscribeToLocationChanges,
     getLocationSnapshot,
-    () => "",
+    () => '',
   );
   const routeState = React.useMemo(() => {
-    if (typeof window === "undefined") {
-      return readTeamDetailRouteState("", "");
+    if (typeof window === 'undefined') {
+      return readTeamDetailRouteState('', '');
     }
 
-    return readTeamDetailRouteState(window.location.search, window.location.pathname);
+    return readTeamDetailRouteState(
+      window.location.search,
+      window.location.pathname,
+    );
   }, [locationSnapshot]);
   const scopeId = routeState.scopeId.trim();
   const selectedTeamId = trimText(routeState.teamId);
   const hasTeamIdentity = scopeId.length > 0 && selectedTeamId.length > 0;
   const teamSummaryQueryKey = React.useMemo(
-    () => ["teams", "team-summary", scopeId, selectedTeamId] as const,
+    () => ['teams', 'team-summary', scopeId, selectedTeamId] as const,
     [scopeId, selectedTeamId],
   );
   const teamMembersQueryKey = React.useMemo(
-    () => ["teams", "team-members", scopeId, selectedTeamId] as const,
+    () => ['teams', 'team-members', scopeId, selectedTeamId] as const,
     [scopeId, selectedTeamId],
   );
-  const cachedTeamSummary = queryClient.getQueryData<StudioTeamSummary>(
-    teamSummaryQueryKey,
-  );
+  const cachedTeamSummary =
+    queryClient.getQueryData<StudioTeamSummary>(teamSummaryQueryKey);
   const shouldRetryProjectionSync = Boolean(
     hasTeamIdentity && cachedTeamSummary?.teamId === selectedTeamId,
   );
@@ -480,31 +484,36 @@ const TeamDetailPage: React.FC = () => {
     () => buildTeamWorkspaceRoute(scopeId),
     [scopeId],
   );
-  const [preferredMemberId, setPreferredMemberId] = React.useState(routeState.memberId);
+  const [preferredMemberId, setPreferredMemberId] = React.useState(
+    routeState.memberId,
+  );
   const [preferredServiceId, setPreferredServiceId] = React.useState(
     routeState.serviceId,
   );
   const [preferredRunId, setPreferredRunId] = React.useState(routeState.runId);
-  const [activeTab, setActiveTab] = React.useState<TeamDetailTab>(routeState.tab);
+  const [activeTab, setActiveTab] = React.useState<TeamDetailTab>(
+    routeState.tab,
+  );
   const [teamEditorOpen, setTeamEditorOpen] = React.useState(false);
   const [teamArchiveOpen, setTeamArchiveOpen] = React.useState(false);
-  const [teamEditorName, setTeamEditorName] = React.useState("");
-  const [teamEditorDescription, setTeamEditorDescription] = React.useState("");
+  const [teamEditorName, setTeamEditorName] = React.useState('');
+  const [teamEditorDescription, setTeamEditorDescription] = React.useState('');
   const [teamEditorSaving, setTeamEditorSaving] = React.useState(false);
   const [teamArchiving, setTeamArchiving] = React.useState(false);
-  const [teamTestPrompt, setTeamTestPrompt] = React.useState("");
-  const [teamTestResultText, setTeamTestResultText] = React.useState("");
-  const [teamTestStatus, setTeamTestStatus] = React.useState<TeamTestStatus>("idle");
+  const [teamTestPrompt, setTeamTestPrompt] = React.useState('');
+  const [teamTestResultText, setTeamTestResultText] = React.useState('');
+  const [teamTestStatus, setTeamTestStatus] =
+    React.useState<TeamTestStatus>('idle');
   const [teamTestError, setTeamTestError] =
     React.useState<TeamTestErrorDescription | null>(null);
   const [teamTestLastResult, setTeamTestLastResult] =
     React.useState<TeamTestLastResult | null>(null);
   const [teamTestModalOpen, setTeamTestModalOpen] = React.useState(false);
-  const [entryActionBusyMemberId, setEntryActionBusyMemberId] = React.useState("");
-  const [deletingMemberId, setDeletingMemberId] = React.useState("");
-  const [confirmedDeletedMemberIds, setConfirmedDeletedMemberIds] = React.useState(
-    () => new Set<string>(),
-  );
+  const [entryActionBusyMemberId, setEntryActionBusyMemberId] =
+    React.useState('');
+  const [deletingMemberId, setDeletingMemberId] = React.useState('');
+  const [confirmedDeletedMemberIds, setConfirmedDeletedMemberIds] =
+    React.useState(() => new Set<string>());
   const teamTestAbortRef = React.useRef<AbortController | null>(null);
   const { token } = theme.useToken();
 
@@ -514,10 +523,14 @@ const TeamDetailPage: React.FC = () => {
     const nextRunId = trimText(routeState.runId);
 
     setPreferredMemberId((currentMemberId) =>
-      trimText(currentMemberId) === nextMemberId ? currentMemberId : nextMemberId,
+      trimText(currentMemberId) === nextMemberId
+        ? currentMemberId
+        : nextMemberId,
     );
     setPreferredServiceId((currentServiceId) =>
-      trimText(currentServiceId) === nextServiceId ? currentServiceId : nextServiceId,
+      trimText(currentServiceId) === nextServiceId
+        ? currentServiceId
+        : nextServiceId,
     );
     setPreferredRunId((currentRunId) =>
       trimText(currentRunId) === nextRunId ? currentRunId : nextRunId,
@@ -541,11 +554,11 @@ const TeamDetailPage: React.FC = () => {
     teamTestAbortRef.current = null;
     setTeamTestError(null);
     setTeamTestLastResult(null);
-    setTeamTestResultText("");
-    setTeamTestStatus("idle");
+    setTeamTestResultText('');
+    setTeamTestStatus('idle');
     setTeamTestModalOpen(routeState.testTeam);
-    setEntryActionBusyMemberId("");
-    setDeletingMemberId("");
+    setEntryActionBusyMemberId('');
+    setDeletingMemberId('');
     setConfirmedDeletedMemberIds(new Set());
   }, [routeState.testTeam, scopeId, selectedTeamId]);
 
@@ -580,9 +593,10 @@ const TeamDetailPage: React.FC = () => {
     shouldRetryProjectionSync &&
     ((teamMembersQuery.failureCount > 0 &&
       isProjectionSyncing404(teamMembersQuery.failureReason)) ||
-      (teamMembersQuery.isError && isProjectionSyncing404(teamMembersQuery.error)));
+      (teamMembersQuery.isError &&
+        isProjectionSyncing404(teamMembersQuery.error)));
   const teamRuntimeServiceIds = React.useMemo(() => {
-    if (activeTab !== "overview") {
+    if (activeTab !== 'overview') {
       return [];
     }
 
@@ -610,9 +624,11 @@ const TeamDetailPage: React.FC = () => {
     teamSummaryQuery.isError,
   ]);
   const hasExplicitRuntimeFocus = Boolean(
-    trimText(preferredMemberId) || trimText(preferredServiceId) || trimText(preferredRunId),
+    trimText(preferredMemberId) ||
+      trimText(preferredServiceId) ||
+      trimText(preferredRunId),
   );
-  const shouldLoadTeamRuntimeLens = hasTeamIdentity && activeTab === "overview";
+  const shouldLoadTeamRuntimeLens = hasTeamIdentity && activeTab === 'overview';
   const {
     lens,
     runsQuery,
@@ -629,12 +645,12 @@ const TeamDetailPage: React.FC = () => {
     teamMemberServiceIds: teamRuntimeServiceIds,
   });
   const automationsServicesQuery = useQuery({
-    enabled: hasTeamIdentity && activeTab === "automations",
+    enabled: hasTeamIdentity && activeTab === 'automations',
     queryFn: () =>
       scopeRuntimeApi.listServices(scopeId, {
-        appId: "default",
+        appId: 'default',
       }),
-    queryKey: ["teams", "services", scopeId],
+    queryKey: ['teams', 'services', scopeId],
     retry: false,
   });
   const hasBoundWorkflowMembersForStudioLinks = React.useMemo(
@@ -644,61 +660,64 @@ const TeamDetailPage: React.FC = () => {
   );
   const shouldLoadMemberStudioLinkCatalog =
     hasTeamIdentity &&
-    activeTab === "members" &&
+    activeTab === 'members' &&
     hasBoundWorkflowMembersForStudioLinks;
   const memberStudioLinkWorkflowsQuery = useQuery({
     enabled: shouldLoadMemberStudioLinkCatalog,
     queryFn: () => scopesApi.listWorkflows(scopeId),
-    queryKey: ["teams", "workflows", scopeId],
+    queryKey: ['teams', 'workflows', scopeId],
     retry: false,
   });
   const memberStudioLinkServicesQuery = useQuery({
     enabled: shouldLoadMemberStudioLinkCatalog,
     queryFn: () =>
       scopeRuntimeApi.listServices(scopeId, {
-        appId: "default",
+        appId: 'default',
       }),
-    queryKey: ["teams", "services", scopeId],
+    queryKey: ['teams', 'services', scopeId],
     retry: false,
   });
   const workflowSummariesForMemberLinks =
-    activeTab === "members"
-      ? memberStudioLinkWorkflowsQuery.data ??
+    activeTab === 'members'
+      ? (memberStudioLinkWorkflowsQuery.data ??
         workflowsQuery.data ??
-        emptyWorkflowSummaries
-      : workflowsQuery.data ?? emptyWorkflowSummaries;
+        emptyWorkflowSummaries)
+      : (workflowsQuery.data ?? emptyWorkflowSummaries);
   const isResolvingMemberStudioLinks =
     hasBoundWorkflowMembersForStudioLinks &&
-    ((activeTab === "members" &&
+    ((activeTab === 'members' &&
       shouldLoadMemberStudioLinkCatalog &&
       (memberStudioLinkWorkflowsQuery.isLoading ||
         memberStudioLinkServicesQuery.isLoading)) ||
-      (activeTab === "overview" &&
+      (activeTab === 'overview' &&
         shouldLoadTeamRuntimeLens &&
         (workflowsQuery.isLoading || servicesQuery.isLoading)));
   const automationServiceRuntimeByServiceId = React.useMemo(() => {
     const services =
-      activeTab === "automations"
-        ? automationsServicesQuery.data ?? servicesQuery.data ?? []
-        : activeTab === "members"
-          ? memberStudioLinkServicesQuery.data ?? servicesQuery.data ?? []
-        : servicesQuery.data ?? [];
+      activeTab === 'automations'
+        ? (automationsServicesQuery.data ?? servicesQuery.data ?? [])
+        : activeTab === 'members'
+          ? (memberStudioLinkServicesQuery.data ?? servicesQuery.data ?? [])
+          : (servicesQuery.data ?? []);
     return new Map(
       services
-        .map((service) => [
-          trimText(service.serviceId),
-          {
-            activeServingRevisionId: service.activeServingRevisionId,
-            defaultServingRevisionId: service.defaultServingRevisionId,
-            identity: {
-              appId: service.appId,
-              namespace: service.namespace,
-              serviceId: service.serviceId,
-              tenantId: service.tenantId,
-            },
-            serviceKey: service.serviceKey,
-          },
-        ] as const)
+        .map(
+          (service) =>
+            [
+              trimText(service.serviceId),
+              {
+                activeServingRevisionId: service.activeServingRevisionId,
+                defaultServingRevisionId: service.defaultServingRevisionId,
+                identity: {
+                  appId: service.appId,
+                  namespace: service.namespace,
+                  serviceId: service.serviceId,
+                  tenantId: service.tenantId,
+                },
+                serviceKey: service.serviceKey,
+              },
+            ] as const,
+        )
         .filter(([serviceId]) => serviceId.length > 0),
     );
   }, [
@@ -725,12 +744,12 @@ const TeamDetailPage: React.FC = () => {
       queryClient.invalidateQueries({
         queryKey: teamMembersQueryKey,
       }),
-      queryClient.invalidateQueries({ queryKey: ["teams", "roster", scopeId] }),
+      queryClient.invalidateQueries({ queryKey: ['teams', 'roster', scopeId] }),
     ]);
   }, [queryClient, scopeId, teamMembersQueryKey, teamSummaryQueryKey]);
 
   const fallbackWorkflowSummary = React.useMemo(() => {
-    if (lens.activeRevision?.implementationKind !== "workflow") {
+    if (lens.activeRevision?.implementationKind !== 'workflow') {
       return null;
     }
 
@@ -755,7 +774,8 @@ const TeamDetailPage: React.FC = () => {
     if (trimText(routeState.workflowId)) {
       return (
         workflowsQuery.data?.find(
-          (workflow) => trimText(workflow.workflowId) === trimText(routeState.workflowId),
+          (workflow) =>
+            trimText(workflow.workflowId) === trimText(routeState.workflowId),
         ) ?? null
       );
     }
@@ -797,7 +817,9 @@ const TeamDetailPage: React.FC = () => {
   ]);
 
   React.useEffect(() => {
-    const nextServiceId = trimText(focusedOperationalUnit?.matchedService?.serviceId);
+    const nextServiceId = trimText(
+      focusedOperationalUnit?.matchedService?.serviceId,
+    );
     if (!trimText(routeState.workflowId) || !nextServiceId) {
       return;
     }
@@ -816,8 +838,7 @@ const TeamDetailPage: React.FC = () => {
     lens.currentRun?.serviceId ||
     undefined;
   const currentMemberId =
-    trimText(preferredMemberSummary?.memberId) ||
-    trimText(preferredMemberId);
+    trimText(preferredMemberSummary?.memberId) || trimText(preferredMemberId);
   const selectedRosterMemberId = currentMemberId;
   React.useEffect(() => {
     const canonicalMemberId = trimText(currentMemberId);
@@ -838,7 +859,7 @@ const TeamDetailPage: React.FC = () => {
         workflowId: trimText(routeState.workflowId) || undefined,
         serviceId: trimText(routeState.serviceId) || undefined,
         runId: trimText(routeState.runId) || undefined,
-        tab: routeState.tab === "overview" ? undefined : routeState.tab,
+        tab: routeState.tab === 'overview' ? undefined : routeState.tab,
       }),
     );
   }, [
@@ -866,7 +887,7 @@ const TeamDetailPage: React.FC = () => {
   const teamLifecycleStatus = trimText(teamSummaryQuery.data?.lifecycleStage);
   const teamLifecycleLabel = teamSummaryQuery.data
     ? formatTeamLifecycleLabel(teamSummaryQuery.data.lifecycleStage)
-    : "";
+    : '';
   const teamSummaryDescription = trimText(teamSummaryQuery.data?.description);
   const teamTitleMeta =
     teamSummaryQuery.data || teamSummaryDescription ? (
@@ -874,7 +895,7 @@ const TeamDetailPage: React.FC = () => {
         {teamSummaryQuery.data ? (
           <span>
             {intl.formatMessage(
-              { id: "teams.detail.meta.memberCount" },
+              { id: 'teams.detail.meta.memberCount' },
               { count: teamSummaryQuery.data.memberCount },
             )}
           </span>
@@ -883,131 +904,142 @@ const TeamDetailPage: React.FC = () => {
       </Space>
     ) : null;
   const activeWorkflowId =
-    trimText(activeWorkflowSummary?.workflowId) || trimText(routeState.workflowId);
-  const buildTeamReturnHref = React.useCallback(
-    (memberId?: string) =>
-      buildTeamDetailHref({
-        memberId: trimText(memberId) || undefined,
-        scopeId,
-        tab: "members",
-        teamId: selectedTeamId,
-      }),
-    [scopeId, selectedTeamId],
-  );
+    trimText(activeWorkflowSummary?.workflowId) ||
+    trimText(routeState.workflowId);
   const entryMemberId = trimText(teamSummaryQuery.data?.entryMemberId);
   const entryMemberSummary = React.useMemo(
     () =>
       entryMemberId
-        ? (teamMembersQuery.data?.members ?? []).find(
+        ? ((teamMembersQuery.data?.members ?? []).find(
             (member) => trimText(member.memberId) === entryMemberId,
-          ) ?? null
+          ) ?? null)
         : null,
     [entryMemberId, teamMembersQuery.data?.members],
   );
   const entryMemberLabel =
     trimText(entryMemberSummary?.displayName) ||
-    (entryMemberId
-      ? intl.formatMessage({ id: "teams.members.unnamed" })
-      : "");
+    (entryMemberId ? intl.formatMessage({ id: 'teams.members.unnamed' }) : '');
   const teamRosterRows = React.useMemo(
     () =>
       (teamMembersQuery.data?.members ?? [])
         .filter(
-          (member) =>
-            !confirmedDeletedMemberIds.has(trimText(member.memberId)),
+          (member) => !confirmedDeletedMemberIds.has(trimText(member.memberId)),
         )
         .map((member) => {
-        const isWorkflowMember =
-          trimText(member.implementationKind).toLowerCase() === "workflow";
-        const publishedServiceId = trimText(member.publishedServiceId);
-        const isBoundMember =
-          normalizeStatus(member.lifecycleStage) === "bind_ready" &&
-          publishedServiceId.length > 0;
-        const automationServiceRuntime =
-          automationServiceRuntimeByServiceId.get(publishedServiceId);
-        const memberDraftWorkflowId = resolveRosterMemberWorkflowId({
-          boundService: automationServiceRuntime,
-          isBoundMember,
-          member,
-          workflows: workflowSummariesForMemberLinks,
-        });
-        const canOpenWorkflowStudio =
-          isWorkflowMember &&
-          (!isBoundMember || memberDraftWorkflowId.length > 0);
-        const workflowStudioHref = buildTeamMemberWorkflowStudioHref({
-          memberId: member.memberId,
-          mode: "edit-member",
-          scopeId,
-          teamId: selectedTeamId,
-          workflowId: memberDraftWorkflowId || undefined,
-          workflowSource:
-            isWorkflowMember && isBoundMember && memberDraftWorkflowId
-              ? "published"
-              : undefined,
-        });
-        const memberInvokeHref = buildTeamMemberInvokeHref({
-          memberId: member.memberId,
-          scopeId,
-          teamId: selectedTeamId,
-        });
-        const memberAutomationsHref = buildTeamMemberAutomationsHref({
-          memberId: member.memberId,
-          scopeId,
-          teamId: selectedTeamId,
-        });
-        const memberPublishedRunsHref = buildTeamMemberPublishedRunsHref({
-          memberId: member.memberId,
-          scopeId,
-          teamId: selectedTeamId,
-        });
+          const isWorkflowMember =
+            trimText(member.implementationKind).toLowerCase() === 'workflow';
+          const publishedServiceId = trimText(member.publishedServiceId);
+          const isBoundMember =
+            normalizeStatus(member.lifecycleStage) === 'bind_ready' &&
+            publishedServiceId.length > 0;
+          const automationServiceRuntime =
+            automationServiceRuntimeByServiceId.get(publishedServiceId);
+          const memberDraftWorkflowId = resolveRosterMemberWorkflowId({
+            boundService: automationServiceRuntime,
+            isBoundMember,
+            member,
+            workflows: workflowSummariesForMemberLinks,
+          });
+          const canOpenWorkflowStudio =
+            isWorkflowMember &&
+            (!isBoundMember || memberDraftWorkflowId.length > 0);
+          const workflowStudioHref = buildTeamMemberWorkflowStudioHref({
+            memberId: member.memberId,
+            mode: 'edit-member',
+            scopeId,
+            teamId: selectedTeamId,
+            workflowId: memberDraftWorkflowId || undefined,
+            workflowSource:
+              isWorkflowMember && isBoundMember && memberDraftWorkflowId
+                ? 'published'
+                : undefined,
+          });
+          const memberInvokeHref = buildTeamMemberInvokeHref({
+            memberId: member.memberId,
+            scopeId,
+            teamId: selectedTeamId,
+          });
+          const memberAutomationsHref = buildTeamMemberAutomationsHref({
+            memberId: member.memberId,
+            scopeId,
+            teamId: selectedTeamId,
+          });
+          const memberPublishedRunsHref = buildTeamMemberPublishedRunsHref({
+            memberId: member.memberId,
+            scopeId,
+            teamId: selectedTeamId,
+          });
 
-        return {
-          buildStudioHref: canOpenWorkflowStudio ? workflowStudioHref : "",
-          description: trimText(member.description),
-          canInvokeAsEntry: isBoundMember,
-          canInvokeMember: isWorkflowMember && isBoundMember,
-          canOpenPublishedRuns: isWorkflowMember && isBoundMember,
-          canSetAsEntry: Boolean(trimText(member.memberId)),
-          editStudioHref: canOpenWorkflowStudio ? workflowStudioHref : "",
-          automationsHref: memberAutomationsHref,
-          implementationKind: formatCompositionKind(member.implementationKind),
-          implementationKindRaw: trimText(member.implementationKind),
-          invokeHref: isWorkflowMember ? memberInvokeHref : "",
-          isServiceBound: isBoundMember,
-          key: member.memberId,
-          lifecycleLabel: formatStudioMemberLifecycleStage(member.lifecycleStage),
-          lifecycleStyle: resolveStatusPillStyle(token, member.lifecycleStage),
-          isEntryMember: trimText(member.memberId) === entryMemberId,
-          isSelectedMember: trimText(member.memberId) === selectedRosterMemberId,
-          memberId: member.memberId,
-          name:
-            trimText(member.displayName) ||
-            intl.formatMessage({ id: "teams.members.unnamed" }),
-          publishedRunsDisabledReason: !isWorkflowMember
-            ? t("teams.members.actions.workflowOnlyTitle", "This console currently supports workflow members only.")
-            : !isBoundMember
-              ? t("teams.members.actions.publishedRuns.publishFirst", "Publish this member before viewing published runs.")
-              : "",
-          publishedRunsHref: memberPublishedRunsHref,
-          publishedServiceId,
-          serviceId: publishedServiceId || "--",
-          serviceIdentity: automationServiceRuntime?.identity,
-          serviceRevisionId:
-            trimText(automationServiceRuntime?.activeServingRevisionId) ||
-            trimText(automationServiceRuntime?.defaultServingRevisionId),
-          studioHref: canOpenWorkflowStudio ? workflowStudioHref : "",
-          studioHrefDisabledReason:
-            isWorkflowMember && isBoundMember && !memberDraftWorkflowId
-              ? t("teams.detail.overview.composition.actions.workflowResolving", "Resolving the published workflow link.")
-              : "",
-          canAutomateMember: isWorkflowMember && isBoundMember,
-          automationDisabledReason: !isWorkflowMember
-            ? t("teams.automations.member.workflowOnly", "Only workflow members can have recurring work.")
-            : !isBoundMember
-              ? t("teams.automations.member.publishFirst", "Publish this member before adding recurring work.")
-              : "",
-          workflowSupported: isWorkflowMember,
-        };
+          return {
+            buildStudioHref: canOpenWorkflowStudio ? workflowStudioHref : '',
+            description: trimText(member.description),
+            canInvokeAsEntry: isBoundMember,
+            canInvokeMember: isWorkflowMember && isBoundMember,
+            canOpenPublishedRuns: isWorkflowMember && isBoundMember,
+            canSetAsEntry: Boolean(trimText(member.memberId)),
+            editStudioHref: canOpenWorkflowStudio ? workflowStudioHref : '',
+            automationsHref: memberAutomationsHref,
+            implementationKind: formatCompositionKind(
+              member.implementationKind,
+            ),
+            implementationKindRaw: trimText(member.implementationKind),
+            invokeHref: isWorkflowMember ? memberInvokeHref : '',
+            isServiceBound: isBoundMember,
+            key: member.memberId,
+            lifecycleLabel: formatStudioMemberLifecycleStage(
+              member.lifecycleStage,
+            ),
+            lifecycleStyle: resolveStatusPillStyle(
+              token,
+              member.lifecycleStage,
+            ),
+            isEntryMember: trimText(member.memberId) === entryMemberId,
+            isSelectedMember:
+              trimText(member.memberId) === selectedRosterMemberId,
+            memberId: member.memberId,
+            name:
+              trimText(member.displayName) ||
+              intl.formatMessage({ id: 'teams.members.unnamed' }),
+            publishedRunsDisabledReason: !isWorkflowMember
+              ? t(
+                  'teams.members.actions.workflowOnlyTitle',
+                  'This console currently supports workflow members only.',
+                )
+              : !isBoundMember
+                ? t(
+                    'teams.members.actions.publishedRuns.publishFirst',
+                    'Publish this member before viewing published runs.',
+                  )
+                : '',
+            publishedRunsHref: memberPublishedRunsHref,
+            publishedServiceId,
+            serviceId: publishedServiceId || '--',
+            serviceIdentity: automationServiceRuntime?.identity,
+            serviceRevisionId:
+              trimText(automationServiceRuntime?.activeServingRevisionId) ||
+              trimText(automationServiceRuntime?.defaultServingRevisionId),
+            studioHref: canOpenWorkflowStudio ? workflowStudioHref : '',
+            studioHrefDisabledReason:
+              isWorkflowMember && isBoundMember && !memberDraftWorkflowId
+                ? t(
+                    'teams.detail.overview.composition.actions.workflowResolving',
+                    'Resolving the published workflow link.',
+                  )
+                : '',
+            canAutomateMember: isWorkflowMember && isBoundMember,
+            automationDisabledReason: !isWorkflowMember
+              ? t(
+                  'teams.automations.member.workflowOnly',
+                  'Only workflow members can have recurring work.',
+                )
+              : !isBoundMember
+                ? t(
+                    'teams.automations.member.publishFirst',
+                    'Publish this member before adding recurring work.',
+                  )
+                : '',
+            workflowSupported: isWorkflowMember,
+          };
         }),
     [
       confirmedDeletedMemberIds,
@@ -1026,7 +1058,7 @@ const TeamDetailPage: React.FC = () => {
   const createMemberHref = React.useMemo(
     () =>
       buildTeamMemberWorkflowStudioHref({
-        mode: "create-member",
+        mode: 'create-member',
         scopeId,
         teamId: selectedTeamId,
       }),
@@ -1036,126 +1068,171 @@ const TeamDetailPage: React.FC = () => {
     teamSummaryQuery.data?.updatedAt ||
     lens.currentRun?.lastUpdatedAt ||
     activeWorkflowSummary?.updatedAt ||
-    "";
+    '';
   const latestVisibleUpdateNote = teamSummaryQuery.data?.updatedAt
-    ? t("pages.teams.detail.team", "From Team update time")
+    ? t('pages.teams.detail.team', 'From Team update time')
     : lens.currentRun?.lastUpdatedAt
       ? trimText(lens.currentRun?.runId)
-      ? t("pages.teams.detail.run", "From latest run")
-      : t("pages.teams.detail.copy.15", "From latest visible run")
+        ? t('pages.teams.detail.run', 'From latest run')
+        : t('pages.teams.detail.copy.15', 'From latest visible run')
       : activeWorkflowSummary?.updatedAt
-        ? t("pages.teams.detail.workflow", "From workflow update time")
-        : t("pages.teams.detail.copy.16", "No visible update time yet");
+        ? t('pages.teams.detail.workflow', 'From workflow update time')
+        : t('pages.teams.detail.copy.16', 'No visible update time yet');
   const activeRunId =
-    lens.currentRun?.runId ||
-    focusedOperationalUnit?.latestRun?.runId ||
-    "";
+    lens.currentRun?.runId || focusedOperationalUnit?.latestRun?.runId || '';
   const hasVisibleRun = Boolean(activeRunId);
-  const currentRevisionId = trimText(lens.activeRevision?.revisionId) || "--";
+  const currentRevisionId = trimText(lens.activeRevision?.revisionId) || '--';
   const currentRevisionStatus =
     trimText(lens.activeRevision?.servingState) ||
     trimText(lens.activeRevision?.status) ||
-    "--";
+    '--';
   const currentDeploymentStatus =
     trimText(lens.currentService?.deploymentStatus) ||
     trimText(lens.activeRevision?.status) ||
-    "--";
+    '--';
   // Refactor (iterv1/issue1444-first):
   //   Old pattern: Team workbench rendered completed as stable and mixed run/deployment status.
   //   New principle: expose run completion, deployment serving, and readmodel freshness as separate facts.
   const currentReadModelFreshnessLabel = teamSummaryQuery.data
     ? `ReadModel · ${formatCompactTimestamp(latestVisibleUpdate)}`
-    : t("pages.teams.detail.readmodel", "ReadModel is not visible yet");
-  const currentRevisionFriendly = formatFriendlyStatus(currentRevisionStatus, intl);
-  const currentDeploymentFriendly = formatFriendlyStatus(currentDeploymentStatus, intl);
+    : t('pages.teams.detail.readmodel', 'ReadModel is not visible yet');
+  const currentRevisionFriendly = formatFriendlyStatus(
+    currentRevisionStatus,
+    intl,
+  );
+  const currentDeploymentFriendly = formatFriendlyStatus(
+    currentDeploymentStatus,
+    intl,
+  );
   const currentServiceKey =
     trimText(lens.currentService?.serviceKey) ||
     trimText(activeWorkflowSummary?.serviceKey) ||
-    "--";
+    '--';
   const currentServiceDisplayName =
-    trimText(lens.currentService?.displayName) || "--";
-  const currentRunStatus = trimText(lens.currentRun?.completionStatus) || "--";
+    trimText(lens.currentService?.displayName) || '--';
+  const currentRunStatus = trimText(lens.currentRun?.completionStatus) || '--';
   const currentRunFriendly = hasVisibleRun
     ? formatFriendlyStatus(currentRunStatus, intl)
-    : t("pages.teams.detail.copy.17", "Waiting for first test");
+    : t('pages.teams.detail.copy.17', 'Waiting for first test');
   const currentMemberLabel =
     trimText(preferredMemberSummary?.displayName) ||
     teamRosterRows.find((row) => row.memberId === currentMemberId)?.name ||
-    "--";
+    '--';
   const currentMemberCardTooltip = currentMemberId
-    ? t("teams.detail.overview.member.selectedCaption", "Selected from this team's members.")
-    : t("pages.teams.detail.copy.19", "No member selected yet");
+    ? t(
+        'teams.detail.overview.member.selectedCaption',
+        "Selected from this team's members.",
+      )
+    : t('pages.teams.detail.copy.19', 'No member selected yet');
   const currentServiceFriendly =
-    currentServiceDisplayName !== "--"
+    currentServiceDisplayName !== '--'
       ? currentServiceDisplayName
       : runtimeServiceId
-        ? t("teams.detail.overview.service.boundFallback", "Bound service")
-        : "--";
+        ? t('teams.detail.overview.service.boundFallback', 'Bound service')
+        : '--';
   const hasRunnableTeamEntry =
     Boolean(entryMemberId) ||
     Boolean(currentMemberId) ||
-    currentServiceFriendly !== "--" ||
-    currentServiceKey !== "--" ||
+    currentServiceFriendly !== '--' ||
+    currentServiceKey !== '--' ||
     Boolean(runtimeServiceId);
   const currentHeaderStatus = hasVisibleRun
     ? currentRunStatus
     : hasRunnableTeamEntry
-      ? "waiting"
+      ? 'waiting'
       : currentDeploymentStatus;
-  const currentHeaderStatusFriendly = hasVisibleRun
-    ? formatFriendlyStatus(currentRunStatus, intl)
-    : hasRunnableTeamEntry
-      ? t("pages.teams.detail.copy.20", "Waiting for first test")
-      : formatFriendlyStatus(currentDeploymentStatus, intl);
   const currentVersionFriendly =
-    currentRevisionFriendly !== "--"
+    currentRevisionFriendly !== '--'
       ? currentRevisionFriendly
       : currentDeploymentFriendly;
   const currentServicePillText =
-    currentServiceFriendly !== "--"
-      ? t("pages.teams.detail.copy.21", "Services ·{value1}", { value1: currentServiceFriendly })
-      : t("pages.teams.detail.copy.22", "Service to be configured");
+    currentServiceFriendly !== '--'
+      ? t('pages.teams.detail.copy.21', 'Services ·{value1}', {
+          value1: currentServiceFriendly,
+        })
+      : t('pages.teams.detail.copy.22', 'Service to be configured');
   const currentDeploymentPillText =
-    currentVersionFriendly !== "--"
-      ? t("pages.teams.detail.copy.23", "Version ·{value1}", { value1: currentVersionFriendly })
-      : t("pages.teams.detail.copy.24", "Version to be confirmed");
+    currentVersionFriendly !== '--'
+      ? t('pages.teams.detail.copy.23', 'Version ·{value1}', {
+          value1: currentVersionFriendly,
+        })
+      : t('pages.teams.detail.copy.24', 'Version to be confirmed');
   const currentRunPillText = hasVisibleRun
-    ? t("pages.teams.detail.copy.25", "Run ·{value1}", { value1: currentRunFriendly })
-    : t("pages.teams.detail.copy.26", "Next steps · Test team");
+    ? t('pages.teams.detail.copy.25', 'Run ·{value1}', {
+        value1: currentRunFriendly,
+      })
+    : t('pages.teams.detail.copy.26', 'Next steps · Test team');
   const currentServiceCardTooltip = runtimeServiceId
-    ? t("teams.detail.overview.service.boundCaption", "Traffic is routed through the bound service.")
-    : currentServiceKey !== "--" && currentServiceKey !== currentServiceFriendly
-      ? t("teams.detail.overview.service.configuredCaption", "Service routing is configured.")
-      : t("pages.teams.detail.copy.27", "No service is visible yet.");
+    ? t(
+        'teams.detail.overview.service.boundCaption',
+        'Traffic is routed through the bound service.',
+      )
+    : currentServiceKey !== '--' && currentServiceKey !== currentServiceFriendly
+      ? t(
+          'teams.detail.overview.service.configuredCaption',
+          'Service routing is configured.',
+        )
+      : t('pages.teams.detail.copy.27', 'No service is visible yet.');
   const currentRunCardTooltip = hasVisibleRun
-    ? t("teams.detail.overview.run.visibleCaption", "Latest run is available.")
-    : t("pages.teams.detail.copy.29", "The latest runs will be displayed here after the testing team.");
+    ? t('teams.detail.overview.run.visibleCaption', 'Latest run is available.')
+    : t(
+        'pages.teams.detail.copy.29',
+        'The latest runs will be displayed here after the testing team.',
+      );
   const workflowNameValue =
     trimText(activeWorkflowSummary?.workflowName) ||
     trimText(lens.activeRevision?.workflowName) ||
-    "--";
+    '--';
   const configurationDetailRows = React.useMemo(
     () => [
       {
-        label: t("teams.detail.overview.configuration.workflow", "Team workflow"),
+        label: t(
+          'teams.detail.overview.configuration.workflow',
+          'Team workflow',
+        ),
         note: activeWorkflowId
-          ? t("teams.detail.overview.configuration.workflowLinked", "Workflow draft is linked.")
-          : t("teams.detail.overview.configuration.workflowPending", "Workflow draft is not linked yet."),
-        value: workflowNameValue !== "--" ? workflowNameValue : teamTitle,
+          ? t(
+              'teams.detail.overview.configuration.workflowLinked',
+              'Workflow draft is linked.',
+            )
+          : t(
+              'teams.detail.overview.configuration.workflowPending',
+              'Workflow draft is not linked yet.',
+            ),
+        value: workflowNameValue !== '--' ? workflowNameValue : teamTitle,
       },
       {
-        label: t("teams.detail.overview.configuration.primaryService", "Primary service entry"),
-        note: runtimeServiceId || currentServiceKey !== "--"
-          ? t("teams.detail.overview.service.configuredCaption", "Service routing is configured.")
-          : t("pages.teams.detail.copy.37", "Currently, the main service entrance has not been matched."),
+        label: t(
+          'teams.detail.overview.configuration.primaryService',
+          'Primary service entry',
+        ),
+        note:
+          runtimeServiceId || currentServiceKey !== '--'
+            ? t(
+                'teams.detail.overview.service.configuredCaption',
+                'Service routing is configured.',
+              )
+            : t(
+                'pages.teams.detail.copy.37',
+                'Currently, the main service entrance has not been matched.',
+              ),
         value: currentServiceFriendly,
       },
       {
-        label: t("teams.detail.overview.configuration.versionStatus", "Version status"),
+        label: t(
+          'teams.detail.overview.configuration.versionStatus',
+          'Version status',
+        ),
         note:
-          currentRevisionId !== "--"
-            ? t("teams.detail.overview.configuration.versionAvailable", "Current serving version is available.")
-            : t("teams.detail.overview.configuration.versionPending", "Serving version is pending."),
+          currentRevisionId !== '--'
+            ? t(
+                'teams.detail.overview.configuration.versionAvailable',
+                'Current serving version is available.',
+              )
+            : t(
+                'teams.detail.overview.configuration.versionPending',
+                'Serving version is pending.',
+              ),
         value: currentVersionFriendly,
       },
     ],
@@ -1179,8 +1256,14 @@ const TeamDetailPage: React.FC = () => {
         summary:
           row.description ||
           (row.isServiceBound
-            ? t("teams.detail.overview.composition.memberReady", "Bound and ready to receive traffic.")
-            : t("teams.detail.overview.composition.memberDraft", "Not bound yet.")),
+            ? t(
+                'teams.detail.overview.composition.memberReady',
+                'Bound and ready to receive traffic.',
+              )
+            : t(
+                'teams.detail.overview.composition.memberDraft',
+                'Not bound yet.',
+              )),
       }));
     }
 
@@ -1190,21 +1273,29 @@ const TeamDetailPage: React.FC = () => {
 
     return [
       {
-        key: "fallback-workflow",
-        kind: "workflow",
-        name: t("pages.teams.detail.copy.41", "team process"),
-        summary: workflowNameValue !== "--" ? workflowNameValue : activeWorkflowId || "--",
+        key: 'fallback-workflow',
+        kind: 'workflow',
+        name: t('pages.teams.detail.copy.41', 'team process'),
+        summary:
+          workflowNameValue !== '--'
+            ? workflowNameValue
+            : activeWorkflowId || '--',
       },
       {
-        key: "fallback-actor",
-        kind: "actor",
-        name: t("pages.teams.detail.copy.42", "current execution"),
-        summary: hasVisibleRun ? currentRunFriendly : t("pages.teams.detail.copy.43", "After the test team, the most recent runs will be displayed."),
+        key: 'fallback-actor',
+        kind: 'actor',
+        name: t('pages.teams.detail.copy.42', 'current execution'),
+        summary: hasVisibleRun
+          ? currentRunFriendly
+          : t(
+              'pages.teams.detail.copy.43',
+              'After the test team, the most recent runs will be displayed.',
+            ),
       },
       {
-        key: "fallback-service",
-        kind: "service",
-        name: t("pages.teams.detail.copy.44", "main service"),
+        key: 'fallback-service',
+        kind: 'service',
+        name: t('pages.teams.detail.copy.44', 'main service'),
         summary: currentServiceFriendly,
       },
     ];
@@ -1217,82 +1308,98 @@ const TeamDetailPage: React.FC = () => {
     teamRosterRows,
     workflowNameValue,
   ]);
-  const overviewCompositionRows = React.useMemo(
-    () => {
-      if (teamRosterRows.length > 0) {
-        return teamRosterRows.map((row) => {
-          const serviceLabel = row.isServiceBound
-            ? t("teams.detail.overview.composition.serviceBound", "Service · {serviceId}", {
+  const overviewCompositionRows = React.useMemo(() => {
+    if (teamRosterRows.length > 0) {
+      return teamRosterRows.map((row) => {
+        const serviceLabel = row.isServiceBound
+          ? t(
+              'teams.detail.overview.composition.serviceBound',
+              'Service · {serviceId}',
+              {
                 serviceId: row.serviceId,
-              })
-            : t("teams.detail.overview.composition.serviceUnbound", "Service not bound");
-          const runDisabledReason = !row.workflowSupported
-            ? t("teams.members.actions.workflowOnlyTitle", "Only workflow members can use this action.")
-            : !row.isServiceBound
-              ? t("teams.members.actions.invokeRequiresBinding", "Bind this member to a published service before invoking it.")
-              : "";
-          const configureLabel = row.isServiceBound
-            ? t("teams.detail.overview.composition.actions.workflow", "Workflow")
-            : t("teams.detail.overview.composition.actions.bindService", "Bind service");
+              },
+            )
+          : t(
+              'teams.detail.overview.composition.serviceUnbound',
+              'Service not bound',
+            );
+        const runDisabledReason = !row.workflowSupported
+          ? t(
+              'teams.members.actions.workflowOnlyTitle',
+              'Only workflow members can use this action.',
+            )
+          : !row.isServiceBound
+            ? t(
+                'teams.members.actions.invokeRequiresBinding',
+                'Bind this member to a published service before invoking it.',
+              )
+            : '';
+        const configureLabel = row.isServiceBound
+          ? t('teams.detail.overview.composition.actions.workflow', 'Workflow')
+          : t(
+              'teams.detail.overview.composition.actions.bindService',
+              'Bind service',
+            );
 
-          return {
-            canRun: row.canInvokeMember,
-            canConfigure: row.workflowSupported && Boolean(row.studioHref),
-            configureDisabledReason: row.studioHrefDisabledReason,
-            configureHref: row.workflowSupported ? row.studioHref : "",
-            configureLabel,
-            entryLabel: row.isEntryMember
-              ? intl.formatMessage({ id: "teams.members.entry" })
-              : "",
-            key: row.key,
-            kindLabel: row.implementationKind,
-            kindStyle: resolveCompositionKindPillStyle(
-              token,
-              row.implementationKindRaw,
-            ),
-            name: row.name,
-            runDisabledReason,
-            runHref: row.canInvokeMember ? row.invokeHref : "",
-            selectedLabel:
-              row.isSelectedMember && !row.isEntryMember
-                ? intl.formatMessage({ id: "teams.members.selected" })
-                : "",
-            serviceLabel,
-            statusLabel: row.lifecycleLabel,
-            statusStyle: row.lifecycleStyle,
-            summary: row.description,
-          };
-        });
-      }
+        return {
+          canRun: row.canInvokeMember,
+          canConfigure: row.workflowSupported && Boolean(row.studioHref),
+          configureDisabledReason: row.studioHrefDisabledReason,
+          configureHref: row.workflowSupported ? row.studioHref : '',
+          configureLabel,
+          entryLabel: row.isEntryMember
+            ? intl.formatMessage({ id: 'teams.members.entry' })
+            : '',
+          key: row.key,
+          kindLabel: row.implementationKind,
+          kindStyle: resolveCompositionKindPillStyle(
+            token,
+            row.implementationKindRaw,
+          ),
+          name: row.name,
+          runDisabledReason,
+          runHref: row.canInvokeMember ? row.invokeHref : '',
+          selectedLabel:
+            row.isSelectedMember && !row.isEntryMember
+              ? intl.formatMessage({ id: 'teams.members.selected' })
+              : '',
+          serviceLabel,
+          statusLabel: row.lifecycleLabel,
+          statusStyle: row.lifecycleStyle,
+          summary: row.description,
+        };
+      });
+    }
 
-      return compositionDisplayRows.map((row) => ({
-        key: row.key,
-        kindLabel: formatCompositionKind(row.kind),
-        kindStyle: resolveCompositionKindPillStyle(token, row.kind),
-        name: row.name,
-        summary: row.summary,
-      }));
-    },
-    [compositionDisplayRows, intl, teamRosterRows, token],
-  );
+    return compositionDisplayRows.map((row) => ({
+      key: row.key,
+      kindLabel: formatCompositionKind(row.kind),
+      kindStyle: resolveCompositionKindPillStyle(token, row.kind),
+      name: row.name,
+      summary: row.summary,
+    }));
+  }, [compositionDisplayRows, intl, teamRosterRows, token]);
   const entryRosterRow = React.useMemo(
     () =>
       entryMemberId
-        ? teamRosterRows.find((row) => row.memberId === entryMemberId) ?? null
+        ? (teamRosterRows.find((row) => row.memberId === entryMemberId) ?? null)
         : null,
     [entryMemberId, teamRosterRows],
   );
-  const isTeamArchived = normalizeStatus(teamSummaryQuery.data?.lifecycleStage) === "archived";
+  const isTeamArchived =
+    normalizeStatus(teamSummaryQuery.data?.lifecycleStage) === 'archived';
   const canRunTeamFromOverview = Boolean(
     !isTeamArchived && entryRosterRow?.canInvokeAsEntry,
   );
   const teamRunDisabledReason = isTeamArchived
-    ? intl.formatMessage({ id: "teams.detail.test.archivedHint" })
+    ? intl.formatMessage({ id: 'teams.detail.test.archivedHint' })
     : !entryMemberId
-      ? intl.formatMessage({ id: "teams.detail.test.entry.noneSelected" })
+      ? intl.formatMessage({ id: 'teams.detail.test.entry.noneSelected' })
       : !entryRosterRow?.canInvokeAsEntry
-        ? intl.formatMessage({ id: "teams.detail.test.entry.configuredNeedsBinding" })
-        : "";
+        ? intl.formatMessage({
+            id: 'teams.detail.test.entry.configuredNeedsBinding',
+          })
+        : '';
   const overviewLatestRuns = React.useMemo(
     () =>
       (runsQuery.data?.runs ?? []).slice(0, 5).map((run) => {
@@ -1308,53 +1415,74 @@ const TeamDetailPage: React.FC = () => {
               scopeId,
               teamId: selectedTeamId,
             })
-          : "";
+          : '';
 
         return {
           detailsHref,
           detailItems: [
             {
-              label: t("teams.detail.overview.history.details.run", "Run"),
+              label: t('teams.detail.overview.history.details.run', 'Run'),
               value: run.runId,
             },
             {
-              label: t("teams.detail.overview.history.details.service", "Service"),
+              label: t(
+                'teams.detail.overview.history.details.service',
+                'Service',
+              ),
               value:
                 runServiceId ||
-                t("teams.detail.overview.history.serviceUnknown", "Service unknown"),
+                t(
+                  'teams.detail.overview.history.serviceUnknown',
+                  'Service unknown',
+                ),
             },
             {
-              label: t("teams.detail.overview.history.details.revision", "Revision"),
+              label: t(
+                'teams.detail.overview.history.details.revision',
+                'Revision',
+              ),
               value:
                 trimText(run.revisionId) ||
-                t("teams.detail.overview.history.revisionUnknown", "Revision unknown"),
+                t(
+                  'teams.detail.overview.history.revisionUnknown',
+                  'Revision unknown',
+                ),
             },
           ],
           detailTooltipLabel: t(
-            "teams.detail.overview.history.details.tooltip",
-            "Run technical details",
+            'teams.detail.overview.history.details.tooltip',
+            'Run technical details',
           ),
           memberLabel:
             matchedMember?.name ||
-            t("teams.detail.overview.history.memberUnknown", "Unknown member"),
+            t('teams.detail.overview.history.memberUnknown', 'Unknown member'),
           outputPreview:
             trimText(run.lastError) ||
             trimText(run.lastOutput) ||
-            t("teams.detail.overview.history.noOutput", "No output snapshot captured yet."),
+            t(
+              'teams.detail.overview.history.noOutput',
+              'No output snapshot captured yet.',
+            ),
           runId: run.runId,
           statusLabel: formatFriendlyStatus(run.completionStatus, intl),
           statusStyle: resolveStatusPillStyle(token, run.completionStatus),
           updatedLabel: formatCompactTimestamp(run.lastUpdatedAt),
           workflowLabel:
             trimText(run.workflowName) ||
-            t("teams.detail.overview.history.workflowUnknown", "Workflow unknown"),
+            t(
+              'teams.detail.overview.history.workflowUnknown',
+              'Workflow unknown',
+            ),
           workflowMetaLabel: t(
-            "teams.detail.overview.history.workflowMeta",
-            "Workflow · {workflowLabel}",
+            'teams.detail.overview.history.workflowMeta',
+            'Workflow · {workflowLabel}',
             {
               workflowLabel:
                 trimText(run.workflowName) ||
-                t("teams.detail.overview.history.workflowUnknown", "Workflow unknown"),
+                t(
+                  'teams.detail.overview.history.workflowUnknown',
+                  'Workflow unknown',
+                ),
             },
           ),
         };
@@ -1382,21 +1510,20 @@ const TeamDetailPage: React.FC = () => {
 
   const pushTeamTab = React.useCallback(
     (tab: TeamDetailTab) => {
-      const includeRuntimeContext = tab === "overview";
+      const includeRuntimeContext = tab === 'overview';
       setActiveTab(tab);
       history.push(
         buildTeamDetailHref({
           memberId: currentMemberId || undefined,
           scopeId,
           teamId: selectedTeamId || undefined,
-          workflowId: includeRuntimeContext ? activeWorkflowId || undefined : undefined,
+          workflowId: includeRuntimeContext
+            ? activeWorkflowId || undefined
+            : undefined,
           serviceId: includeRuntimeContext ? runtimeServiceId : undefined,
-          runId:
-            includeRuntimeContext
-              ? preferredRunId ||
-                lens.currentRun?.runId ||
-                undefined
-              : undefined,
+          runId: includeRuntimeContext
+            ? preferredRunId || lens.currentRun?.runId || undefined
+            : undefined,
           tab,
         }),
       );
@@ -1412,11 +1539,13 @@ const TeamDetailPage: React.FC = () => {
     ],
   );
 
-  const editTeamActionLabel = intl.formatMessage({ id: "teams.detail.actions.edit" });
+  const editTeamActionLabel = intl.formatMessage({
+    id: 'teams.detail.actions.edit',
+  });
   const canEditSelectedTeam = Boolean(teamSummaryQuery.data && selectedTeamId);
   const editTeamHint = selectedTeamId
-    ? intl.formatMessage({ id: "teams.detail.edit.hint.ready" })
-    : intl.formatMessage({ id: "teams.detail.edit.hint.noTeam" });
+    ? intl.formatMessage({ id: 'teams.detail.edit.hint.ready' })
+    : intl.formatMessage({ id: 'teams.detail.edit.hint.noTeam' });
   const openTeamEditor = React.useCallback(() => {
     if (!teamSummaryQuery.data) {
       return;
@@ -1440,7 +1569,9 @@ const TeamDetailPage: React.FC = () => {
 
     const displayName = teamEditorName.trim();
     if (!displayName) {
-      void message.error(intl.formatMessage({ id: "teams.detail.messages.nameRequired" }));
+      toast.error(
+        intl.formatMessage({ id: 'teams.detail.messages.nameRequired' }),
+      );
       return;
     }
 
@@ -1452,12 +1583,14 @@ const TeamDetailPage: React.FC = () => {
         displayName,
         description: teamEditorDescription.trim() || null,
       });
-      void message.success(intl.formatMessage({ id: "teams.detail.messages.updateSuccess" }));
+      toast.success(
+        intl.formatMessage({ id: 'teams.detail.messages.updateSuccess' }),
+      );
       setTeamEditorOpen(false);
       void refreshTeamAuthority().catch(() => undefined);
-    } catch (error) {
-      void message.error(
-        describeError(error, intl.formatMessage({ id: "teams.detail.messages.updateFailed" })),
+    } catch {
+      toast.error(
+        intl.formatMessage({ id: 'teams.detail.messages.updateFailed' }),
       );
     } finally {
       setTeamEditorSaving(false);
@@ -1471,14 +1604,15 @@ const TeamDetailPage: React.FC = () => {
     teamEditorSaving,
     teamSummaryQuery.data,
     intl,
+    toast,
   ]);
   const archiveTeamActionLabel =
     teamSummaryQuery.data && !isTeamArchived
-      ? intl.formatMessage({ id: "teams.detail.actions.archive" })
-      : "";
+      ? intl.formatMessage({ id: 'teams.detail.actions.archive' })
+      : '';
   const archiveTeamHint = selectedTeamId
-    ? intl.formatMessage({ id: "teams.detail.archive.hint.ready" })
-    : intl.formatMessage({ id: "teams.detail.archive.hint.noTeam" });
+    ? intl.formatMessage({ id: 'teams.detail.archive.hint.ready' })
+    : intl.formatMessage({ id: 'teams.detail.archive.hint.noTeam' });
   const openTeamArchive = React.useCallback(() => {
     if (!teamSummaryQuery.data || isTeamArchived) {
       return;
@@ -1501,12 +1635,14 @@ const TeamDetailPage: React.FC = () => {
     setTeamArchiving(true);
     try {
       await studioApi.archiveTeam(scopeId, selectedTeamId);
-      void message.success(intl.formatMessage({ id: "teams.detail.messages.archiveSuccess" }));
+      toast.success(
+        intl.formatMessage({ id: 'teams.detail.messages.archiveSuccess' }),
+      );
       setTeamArchiveOpen(false);
       void refreshTeamAuthority().catch(() => undefined);
-    } catch (error) {
-      void message.error(
-        describeError(error, intl.formatMessage({ id: "teams.detail.messages.archiveFailed" })),
+    } catch {
+      toast.error(
+        intl.formatMessage({ id: 'teams.detail.messages.archiveFailed' }),
       );
     } finally {
       setTeamArchiving(false);
@@ -1519,6 +1655,7 @@ const TeamDetailPage: React.FC = () => {
     teamArchiving,
     teamSummaryQuery.data,
     intl,
+    toast,
   ]);
   const handleOpenTeamsList = React.useCallback(() => {
     history.push(teamsListHref);
@@ -1529,122 +1666,127 @@ const TeamDetailPage: React.FC = () => {
   const closeTeamTestModal = React.useCallback(() => {
     setTeamTestModalOpen(false);
   }, []);
-  const streamTeamTest = React.useCallback(async (promptOverride?: string) => {
-    const prompt = trimText(promptOverride) || teamTestPrompt.trim();
-    if (!prompt || !scopeId || !selectedTeamId || isTeamArchived) {
-      return;
-    }
+  const streamTeamTest = React.useCallback(
+    async (promptOverride?: string) => {
+      const prompt = trimText(promptOverride) || teamTestPrompt.trim();
+      if (!prompt || !scopeId || !selectedTeamId || isTeamArchived) {
+        return;
+      }
 
-    teamTestAbortRef.current?.abort();
-    const controller = new AbortController();
-    teamTestAbortRef.current = controller;
-    const accumulator = createRuntimeEventAccumulator();
-    setTeamTestStatus("running");
-    setTeamTestError(null);
-    setTeamTestResultText("");
+      teamTestAbortRef.current?.abort();
+      const controller = new AbortController();
+      teamTestAbortRef.current = controller;
+      const accumulator = createRuntimeEventAccumulator();
+      setTeamTestStatus('running');
+      setTeamTestError(null);
+      setTeamTestResultText('');
 
-    try {
-      const response = await runtimeRunsApi.streamTeamChat(
-        scopeId,
-        selectedTeamId,
-        {
-          prompt,
-          metadata: {
-            source: "team-detail",
-            teamId: selectedTeamId,
+      try {
+        const response = await runtimeRunsApi.streamTeamChat(
+          scopeId,
+          selectedTeamId,
+          {
+            prompt,
+            metadata: {
+              source: 'team-detail',
+              teamId: selectedTeamId,
+            },
           },
-        },
-        controller.signal,
-      );
+          controller.signal,
+        );
 
-      for await (const event of parseBackendSSEStream(response, {
-        signal: controller.signal,
-      })) {
-        applyRuntimeEvent(accumulator, event);
-        setTeamTestResultText(
-          accumulator.errorText ||
-            accumulator.finalOutput ||
+        for await (const event of parseBackendSSEStream(response, {
+          signal: controller.signal,
+        })) {
+          applyRuntimeEvent(accumulator, event);
+          setTeamTestResultText(
+            accumulator.errorText ||
+              accumulator.finalOutput ||
+              accumulator.assistantText ||
+              accumulator.thinking,
+          );
+        }
+
+        if (controller.signal.aborted) {
+          const stoppedSummary =
             accumulator.assistantText ||
-            accumulator.thinking,
-        );
-      }
+            accumulator.finalOutput ||
+            accumulator.errorText ||
+            intl.formatMessage({ id: 'teams.detail.messages.teamTestStopped' });
+          setTeamTestStatus('stopped');
+          setTeamTestLastResult({
+            finishedAtLabel: formatLocalTimeLabel(new Date()),
+            runId: accumulator.runId || undefined,
+            status: 'stopped',
+            summary: stoppedSummary,
+          });
+          return;
+        }
 
-      if (controller.signal.aborted) {
-        const stoppedSummary =
-          accumulator.assistantText ||
-          accumulator.finalOutput ||
+        const summary =
           accumulator.errorText ||
-          intl.formatMessage({ id: "teams.detail.messages.teamTestStopped" });
-        setTeamTestStatus("stopped");
+          accumulator.finalOutput ||
+          accumulator.assistantText ||
+          intl.formatMessage({ id: 'teams.detail.messages.teamTestEmpty' });
+        const nextStatus = accumulator.errorText ? 'error' : 'success';
+        setTeamTestResultText(summary);
+        setTeamTestStatus(nextStatus);
+        if (accumulator.errorText) {
+          setTeamTestError(
+            describeTeamTestError(
+              accumulator.errorText,
+              intl.formatMessage({ id: 'teams.detail.test.errors.failed' }),
+              (id, values) => intl.formatMessage({ id }, values),
+            ),
+          );
+        }
         setTeamTestLastResult({
           finishedAtLabel: formatLocalTimeLabel(new Date()),
           runId: accumulator.runId || undefined,
-          status: "stopped",
-          summary: stoppedSummary,
+          status: nextStatus,
+          summary,
         });
-        return;
-      }
+      } catch (error) {
+        if (controller.signal.aborted || isAbortLikeError(error)) {
+          setTeamTestStatus('stopped');
+          setTeamTestError(
+            describeTeamTestError(
+              error,
+              intl.formatMessage({ id: 'teams.detail.test.errors.failed' }),
+              (id, values) => intl.formatMessage({ id }, values),
+            ),
+          );
+          setTeamTestLastResult({
+            finishedAtLabel: formatLocalTimeLabel(new Date()),
+            status: 'stopped',
+            summary: intl.formatMessage({
+              id: 'teams.detail.messages.teamTestStopped',
+            }),
+          });
+          return;
+        }
 
-      const summary =
-        accumulator.errorText ||
-        accumulator.finalOutput ||
-        accumulator.assistantText ||
-        intl.formatMessage({ id: "teams.detail.messages.teamTestEmpty" });
-      const nextStatus = accumulator.errorText ? "error" : "success";
-      setTeamTestResultText(summary);
-      setTeamTestStatus(nextStatus);
-      if (accumulator.errorText) {
-        setTeamTestError(
-          describeTeamTestError(
-            accumulator.errorText,
-            intl.formatMessage({ id: "teams.detail.test.errors.failed" }),
-            (id, values) => intl.formatMessage({ id }, values),
-          ),
-        );
-      }
-      setTeamTestLastResult({
-        finishedAtLabel: formatLocalTimeLabel(new Date()),
-        runId: accumulator.runId || undefined,
-        status: nextStatus,
-        summary,
-      });
-    } catch (error) {
-      if (controller.signal.aborted || isAbortLikeError(error)) {
-        setTeamTestStatus("stopped");
-        setTeamTestError(
-          describeTeamTestError(
-            error,
-            intl.formatMessage({ id: "teams.detail.test.errors.failed" }),
-            (id, values) => intl.formatMessage({ id }, values),
-          ),
+        const errorDescription = describeTeamTestError(
+          error,
+          intl.formatMessage({ id: 'teams.detail.test.errors.failed' }),
+          (id, values) => intl.formatMessage({ id }, values),
         );
+        setTeamTestStatus('error');
+        setTeamTestError(errorDescription);
+        setTeamTestResultText(errorDescription.description);
         setTeamTestLastResult({
           finishedAtLabel: formatLocalTimeLabel(new Date()),
-          status: "stopped",
-          summary: intl.formatMessage({ id: "teams.detail.messages.teamTestStopped" }),
+          status: 'error',
+          summary: errorDescription.description,
         });
-        return;
-      }
-
-      const errorDescription = describeTeamTestError(
-        error,
-        intl.formatMessage({ id: "teams.detail.test.errors.failed" }),
-        (id, values) => intl.formatMessage({ id }, values),
-      );
-      setTeamTestStatus("error");
-      setTeamTestError(errorDescription);
-      setTeamTestResultText(errorDescription.description);
-      setTeamTestLastResult({
-        finishedAtLabel: formatLocalTimeLabel(new Date()),
-        status: "error",
-        summary: errorDescription.description,
-      });
-    } finally {
-      if (teamTestAbortRef.current === controller) {
-        teamTestAbortRef.current = null;
+      } finally {
+        if (teamTestAbortRef.current === controller) {
+          teamTestAbortRef.current = null;
+        }
       }
-    }
-  }, [intl, isTeamArchived, scopeId, selectedTeamId, teamTestPrompt]);
+    },
+    [intl, isTeamArchived, scopeId, selectedTeamId, teamTestPrompt],
+  );
   const handleStopTeamTest = React.useCallback(() => {
     teamTestAbortRef.current?.abort();
   }, []);
@@ -1655,7 +1797,11 @@ const TeamDetailPage: React.FC = () => {
         return false;
       }
 
-      for (let attempt = 0; attempt < teamEntryVisibilityAttempts; attempt += 1) {
+      for (
+        let attempt = 0;
+        attempt < teamEntryVisibilityAttempts;
+        attempt += 1
+      ) {
         const summary = await queryClient.fetchQuery({
           queryFn: () => studioApi.getTeam(scopeId, selectedTeamId),
           queryKey: teamSummaryQueryKey,
@@ -1682,7 +1828,7 @@ const TeamDetailPage: React.FC = () => {
       }
 
       setEntryActionBusyMemberId(normalizedMemberId);
-      setTeamTestStatus("setting-entry");
+      setTeamTestStatus('setting-entry');
       setTeamTestError(null);
       try {
         const updatedTeam = await studioApi.setTeamEntryMember(
@@ -1696,45 +1842,51 @@ const TeamDetailPage: React.FC = () => {
             updatedTeam,
           );
         }
-        void message.info(
-          intl.formatMessage({ id: "teams.detail.messages.entrySetSubmitted" }),
+        toast.info(
+          intl.formatMessage({ id: 'teams.detail.messages.entrySetSubmitted' }),
         );
         await refreshTeamAuthority();
         if (options?.test) {
-          const entryVisible = await waitForTeamEntryVisibility(normalizedMemberId);
+          const entryVisible =
+            await waitForTeamEntryVisibility(normalizedMemberId);
           if (!entryVisible) {
             const errorDescription: TeamTestErrorDescription = {
-              actionLabel: intl.formatMessage({ id: "teams.detail.test.entrySyncing.action" }),
-              description:
-                intl.formatMessage({ id: "teams.detail.test.entrySyncing.description" }),
-              kind: "entry_syncing",
-              title: intl.formatMessage({ id: "teams.detail.test.entrySyncing.title" }),
+              actionLabel: intl.formatMessage({
+                id: 'teams.detail.test.entrySyncing.action',
+              }),
+              description: intl.formatMessage({
+                id: 'teams.detail.test.entrySyncing.description',
+              }),
+              kind: 'entry_syncing',
+              title: intl.formatMessage({
+                id: 'teams.detail.test.entrySyncing.title',
+              }),
             };
-            setTeamTestStatus("error");
+            setTeamTestStatus('error');
             setTeamTestError(errorDescription);
             setTeamTestResultText(errorDescription.description);
             setTeamTestLastResult({
               finishedAtLabel: formatLocalTimeLabel(new Date()),
-              status: "error",
+              status: 'error',
               summary: errorDescription.description,
             });
             return;
           }
           await streamTeamTest(promptSnapshot);
         } else {
-          setTeamTestStatus("idle");
+          setTeamTestStatus('idle');
         }
       } catch (error) {
         const errorDescription = describeTeamTestError(
           error,
-          intl.formatMessage({ id: "teams.detail.messages.entrySetFailed" }),
+          intl.formatMessage({ id: 'teams.detail.messages.entrySetFailed' }),
           (id, values) => intl.formatMessage({ id }, values),
         );
-        setTeamTestStatus("error");
+        setTeamTestStatus('error');
         setTeamTestError(errorDescription);
-        void message.error(errorDescription.title);
+        toast.error(errorDescription.title);
       } finally {
-        setEntryActionBusyMemberId("");
+        setEntryActionBusyMemberId('');
       }
     },
     [
@@ -1746,6 +1898,7 @@ const TeamDetailPage: React.FC = () => {
       streamTeamTest,
       teamTestPrompt,
       teamSummaryQueryKey,
+      toast,
       waitForTeamEntryVisibility,
     ],
   );
@@ -1757,29 +1910,32 @@ const TeamDetailPage: React.FC = () => {
     setEntryActionBusyMemberId(entryMemberClearingId);
     setTeamTestError(null);
     try {
-      const updatedTeam = await studioApi.clearTeamEntryMember(scopeId, selectedTeamId);
+      const updatedTeam = await studioApi.clearTeamEntryMember(
+        scopeId,
+        selectedTeamId,
+      );
       if (updatedTeam) {
         queryClient.setQueryData<StudioTeamSummary | undefined>(
           teamSummaryQueryKey,
           updatedTeam,
         );
       }
-      void message.info(
-        intl.formatMessage({ id: "teams.detail.messages.entryClearSubmitted" }),
+      toast.info(
+        intl.formatMessage({ id: 'teams.detail.messages.entryClearSubmitted' }),
       );
       await refreshTeamAuthority();
-      setTeamTestStatus("idle");
+      setTeamTestStatus('idle');
     } catch (error) {
       const errorDescription = describeTeamTestError(
         error,
-        intl.formatMessage({ id: "teams.detail.messages.entryClearFailed" }),
+        intl.formatMessage({ id: 'teams.detail.messages.entryClearFailed' }),
         (id, values) => intl.formatMessage({ id }, values),
       );
-      setTeamTestStatus("error");
+      setTeamTestStatus('error');
       setTeamTestError(errorDescription);
-      void message.error(errorDescription.title);
+      toast.error(errorDescription.title);
     } finally {
-      setEntryActionBusyMemberId("");
+      setEntryActionBusyMemberId('');
     }
   }, [
     queryClient,
@@ -1788,6 +1944,7 @@ const TeamDetailPage: React.FC = () => {
     scopeId,
     selectedTeamId,
     teamSummaryQueryKey,
+    toast,
   ]);
 
   const handleDeleteMember = React.useCallback(
@@ -1800,26 +1957,32 @@ const TeamDetailPage: React.FC = () => {
       const memberLabel = trimText(target.name) || normalizedMemberId;
 
       Modal.confirm({
-        autoFocusButton: "cancel",
-        cancelText: t("teams.members.delete.keep", "Keep member"),
+        autoFocusButton: 'cancel',
+        cancelText: t('teams.members.delete.keep', 'Keep member'),
         centered: true,
         content: (
-          <div style={{ display: "grid", gap: 12 }}>
+          <div style={{ display: 'grid', gap: 12 }}>
             <Typography.Text>
-              {t("teams.members.delete.confirm.body", "Delete")}{" "}
-              <Typography.Text strong>{memberLabel}</Typography.Text>{" "}
-              {t("teams.members.delete.confirm.body.suffix", "from this Team?")}
+              {t('teams.members.delete.confirm.body', 'Delete')}{' '}
+              <Typography.Text strong>{memberLabel}</Typography.Text>{' '}
+              {t('teams.members.delete.confirm.body.suffix', 'from this Team?')}
             </Typography.Text>
             <Typography.Text type="secondary">
               {target.isEntryMember
-                ? t("teams.members.delete.entry.warning", "This member is the Team entry member. Deleting it removes the member authority and clears it from the Team roster; published service artifacts, revisions, and historical runs stay intact.")
-                : t("teams.members.delete.warning", "This removes the Studio member authority and Team roster entry. Published service artifacts, revisions, and historical runs stay intact.")}
+                ? t(
+                    'teams.members.delete.entry.warning',
+                    'This member is the Team entry member. Deleting it removes the member authority and clears it from the Team roster; published service artifacts, revisions, and historical runs stay intact.',
+                  )
+                : t(
+                    'teams.members.delete.warning',
+                    'This removes the Studio member authority and Team roster entry. Published service artifacts, revisions, and historical runs stay intact.',
+                  )}
             </Typography.Text>
           </div>
         ),
         okButtonProps: { danger: true },
-        okText: t("teams.members.actions.delete", "Delete member"),
-        title: t("teams.members.delete.title", "Delete member"),
+        okText: t('teams.members.actions.delete', 'Delete member'),
+        title: t('teams.members.delete.title', 'Delete member'),
         onOk: async () => {
           setDeletingMemberId(normalizedMemberId);
           try {
@@ -1837,10 +2000,10 @@ const TeamDetailPage: React.FC = () => {
             }
 
             if (!alreadyDeleted) {
-              void message.info(
+              toast.info(
                 t(
-                  "teams.members.delete.submitted",
-                  "Deletion submitted. Waiting for confirmation.",
+                  'teams.members.delete.submitted',
+                  'Deletion submitted. Waiting for confirmation.',
                 ),
               );
             }
@@ -1873,36 +2036,33 @@ const TeamDetailPage: React.FC = () => {
               trimText(routeState.memberId) === normalizedMemberId ||
               trimText(preferredMemberId) === normalizedMemberId
             ) {
-              setPreferredMemberId("");
-              setPreferredServiceId("");
-              setPreferredRunId("");
+              setPreferredMemberId('');
+              setPreferredServiceId('');
+              setPreferredRunId('');
               history.replace(
                 buildTeamDetailHref({
                   scopeId,
                   teamId: selectedTeamId,
-                  tab: "members",
+                  tab: 'members',
                 }),
               );
             }
-            void message.success(
-              t("teams.members.delete.success", "Deleted member {member}.", {
+            toast.success(
+              t('teams.members.delete.success', 'Deleted member {member}.', {
                 member: memberLabel,
               }),
             );
           } catch (error) {
-            void message.error(
+            toast.error(
               error instanceof StudioMemberDeletionNotConfirmedError
                 ? t(
-                    "teams.members.delete.notConfirmed",
-                    "Deletion was not confirmed. The member remains in the list; refresh and retry.",
+                    'teams.members.delete.notConfirmed',
+                    'Deletion was not confirmed. The member remains in the list; refresh and retry.',
                   )
-                : describeError(
-                    error,
-                    t("teams.members.delete.failed", "Failed to delete member."),
-                  ),
+                : t('teams.members.delete.failed', 'Failed to delete member.'),
             );
           } finally {
-            setDeletingMemberId("");
+            setDeletingMemberId('');
           }
         },
       });
@@ -1915,6 +2075,7 @@ const TeamDetailPage: React.FC = () => {
       scopeId,
       selectedTeamId,
       teamMembersQueryKey,
+      toast,
     ],
   );
 
@@ -1949,7 +2110,10 @@ const TeamDetailPage: React.FC = () => {
       <TeamOverviewTab
         configurationDetailRows={configurationDetailRows}
         compositionRows={overviewCompositionRows}
-        currentDeploymentPillStyle={resolveStatusPillStyle(token, currentDeploymentStatus)}
+        currentDeploymentPillStyle={resolveStatusPillStyle(
+          token,
+          currentDeploymentStatus,
+        )}
         currentDeploymentPillText={currentDeploymentPillText}
         currentHeaderStatusFriendly={currentReadModelFreshnessLabel}
         currentHeaderStatusStyle={{
@@ -2011,8 +2175,12 @@ const TeamDetailPage: React.FC = () => {
             ? (memberId) => void handleSetEntry(memberId)
             : undefined
         }
-        rosterError={teamMembersQuery.isError && !isTeamMembersProjectionSyncing}
-        rosterLoading={teamMembersQuery.isLoading || isResolvingMemberStudioLinks}
+        rosterError={
+          teamMembersQuery.isError && !isTeamMembersProjectionSyncing
+        }
+        rosterLoading={
+          teamMembersQuery.isLoading || isResolvingMemberStudioLinks
+        }
         rosterSyncing={isTeamMembersProjectionSyncing}
         rosterRows={teamRosterRows}
       />
@@ -2059,10 +2227,10 @@ const TeamDetailPage: React.FC = () => {
 
   let tabContent: React.ReactNode;
   switch (activeTab) {
-    case "automations":
+    case 'automations':
       tabContent = renderAutomationsTab();
       break;
-    case "members":
+    case 'members':
       tabContent = renderMembersTab();
       break;
     case "work-orders":
@@ -2088,12 +2256,16 @@ const TeamDetailPage: React.FC = () => {
           editTeamHint={editTeamHint}
           editTeamLabel={editTeamActionLabel}
           onArchiveTeam={openTeamArchive}
-        onOpenTeamEditor={openTeamEditor}
-        onOpenTeamTest={openTeamTestModal}
-        testTeamDisabled={isTeamArchived}
-        testTeamHint={intl.formatMessage({ id: "teams.detail.test.archivedHint" })}
-        testTeamLabel={intl.formatMessage({ id: "teams.detail.actions.test" })}
-      />
+          onOpenTeamEditor={openTeamEditor}
+          onOpenTeamTest={openTeamTestModal}
+          testTeamDisabled={isTeamArchived}
+          testTeamHint={intl.formatMessage({
+            id: 'teams.detail.test.archivedHint',
+          })}
+          testTeamLabel={intl.formatMessage({
+            id: 'teams.detail.actions.test',
+          })}
+        />
       }
       activeTab={activeTab}
       activeTabLabel={formatTeamTabLabel(activeTab, intl)}
@@ -2109,7 +2281,10 @@ const TeamDetailPage: React.FC = () => {
           />
         ) : lens.currentRun?.completionStatus ? (
           <DetailPill
-            style={resolveStatusPillStyle(token, lens.currentRun.completionStatus)}
+            style={resolveStatusPillStyle(
+              token,
+              lens.currentRun.completionStatus,
+            )}
             text={formatFriendlyStatus(lens.currentRun.completionStatus, intl)}
           />
         ) : null
@@ -2124,12 +2299,12 @@ const TeamDetailPage: React.FC = () => {
         footer={null}
         onCancel={closeTeamTestModal}
         open={teamTestModalOpen}
-        title={intl.formatMessage({ id: "teams.detail.test.modal.title" })}
+        title={intl.formatMessage({ id: 'teams.detail.test.modal.title' })}
         width={960}
         styles={{
           body: {
-            maxHeight: "calc(100vh - 180px)",
-            overflowY: "auto",
+            maxHeight: 'calc(100vh - 180px)',
+            overflowY: 'auto',
             padding: 0,
           },
         }}
@@ -2139,30 +2314,36 @@ const TeamDetailPage: React.FC = () => {
       <Modal
         confirmLoading={teamEditorSaving}
         okButtonProps={{ disabled: !teamEditorName.trim() }}
-        okText={intl.formatMessage({ id: "teams.detail.edit.modal.save" })}
+        okText={intl.formatMessage({ id: 'teams.detail.edit.modal.save' })}
         onCancel={closeTeamEditor}
         onOk={() => void saveTeamEditor()}
         open={teamEditorOpen}
-        title={intl.formatMessage({ id: "teams.detail.edit.modal.title" })}
+        title={intl.formatMessage({ id: 'teams.detail.edit.modal.title' })}
       >
-        <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
-          <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
             <Typography.Text strong>
-              {intl.formatMessage({ id: "teams.detail.edit.modal.name" })}
+              {intl.formatMessage({ id: 'teams.detail.edit.modal.name' })}
             </Typography.Text>
             <Input
-              aria-label={intl.formatMessage({ id: "teams.detail.edit.modal.nameAria" })}
+              aria-label={intl.formatMessage({
+                id: 'teams.detail.edit.modal.nameAria',
+              })}
               disabled={teamEditorSaving}
               onChange={(event) => setTeamEditorName(event.target.value)}
               value={teamEditorName}
             />
           </div>
-          <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
             <Typography.Text strong>
-              {intl.formatMessage({ id: "teams.detail.edit.modal.description" })}
+              {intl.formatMessage({
+                id: 'teams.detail.edit.modal.description',
+              })}
             </Typography.Text>
             <Input.TextArea
-              aria-label={intl.formatMessage({ id: "teams.detail.edit.modal.descriptionAria" })}
+              aria-label={intl.formatMessage({
+                id: 'teams.detail.edit.modal.descriptionAria',
+              })}
               autoSize={{ minRows: 3, maxRows: 5 }}
               disabled={teamEditorSaving}
               onChange={(event) => setTeamEditorDescription(event.target.value)}
@@ -2170,21 +2351,21 @@ const TeamDetailPage: React.FC = () => {
             />
           </div>
           <Typography.Text type="secondary">
-            {intl.formatMessage({ id: "teams.detail.edit.modal.help" })}
+            {intl.formatMessage({ id: 'teams.detail.edit.modal.help' })}
           </Typography.Text>
         </div>
       </Modal>
       <Modal
         confirmLoading={teamArchiving}
-        okText={intl.formatMessage({ id: "teams.detail.actions.archive" })}
+        okText={intl.formatMessage({ id: 'teams.detail.actions.archive' })}
         okButtonProps={{ danger: true }}
         onCancel={closeTeamArchive}
         onOk={() => void confirmTeamArchive()}
         open={teamArchiveOpen}
-        title={intl.formatMessage({ id: "teams.detail.archive.modal.title" })}
+        title={intl.formatMessage({ id: 'teams.detail.archive.modal.title' })}
       >
         <Typography.Text>
-          {intl.formatMessage({ id: "teams.detail.archive.modal.content" })}
+          {intl.formatMessage({ id: 'teams.detail.archive.modal.content' })}
         </Typography.Text>
       </Modal>
     </TeamDetailShell>
diff --git a/apps/aevatar-console-web/src/pages/teams/home.tsx b/apps/aevatar-console-web/src/pages/teams/home.tsx
index 8837605a6e..3a7062b9c7 100644
--- a/apps/aevatar-console-web/src/pages/teams/home.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/home.tsx
@@ -11,11 +11,11 @@ import {
   Empty,
   Skeleton,
   Space,
-  Tooltip,
   Typography,
   theme,
 } from "antd";
 import React from "react";
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { scopeRuntimeApi } from "@/shared/api/scopeRuntimeApi";
 import { loadRestorableAuthSession } from "@/shared/auth/session";
 import { formatCompactDateTime } from "@/shared/datetime/dateTime";
@@ -441,7 +441,7 @@ const TeamFact: React.FC<{
       }}
     >
       {typeof value === "string" && (tooltip || value) ? (
-        <Tooltip title={tooltip || value}>{renderedValue}</Tooltip>
+        <AevatarTooltip title={tooltip || value}>{renderedValue}</AevatarTooltip>
       ) : (
         renderedValue
       )}
@@ -987,17 +987,19 @@ const TeamRosterCard: React.FC<{
           <div style={{ fontSize: 22 }}>
             <TeamTitle level={3} title={preview.title} />
           </div>
-          <Typography.Paragraph
-            ellipsis={{ rows: 1, tooltip: preview.attentionDetail }}
-            style={{
-              color: token.colorTextSecondary,
-              fontSize: 14,
-              marginBottom: 0,
-              marginTop: 6,
-            }}
-          >
-            {preview.attentionDetail}
-          </Typography.Paragraph>
+          <AevatarTooltip title={preview.attentionDetail}>
+            <Typography.Paragraph
+              ellipsis={{ rows: 1 }}
+              style={{
+                color: token.colorTextSecondary,
+                fontSize: 14,
+                marginBottom: 0,
+                marginTop: 6,
+              }}
+            >
+              {preview.attentionDetail}
+            </Typography.Paragraph>
+          </AevatarTooltip>
         </div>
         <span
           style={{
@@ -1112,17 +1114,19 @@ const TeamRosterRow: React.FC<{
               {formatAttentionLabel(preview.attention)}
             </span>
           </Space>
-          <Typography.Paragraph
-            ellipsis={{ rows: 1, tooltip: preview.attentionDetail }}
-            style={{
-              color: token.colorTextSecondary,
-              fontSize: 13,
-              marginBottom: 0,
-              marginTop: 0,
-            }}
-          >
-            {preview.attentionDetail}
-          </Typography.Paragraph>
+          <AevatarTooltip title={preview.attentionDetail}>
+            <Typography.Paragraph
+              ellipsis={{ rows: 1 }}
+              style={{
+                color: token.colorTextSecondary,
+                fontSize: 13,
+                marginBottom: 0,
+                marginTop: 0,
+              }}
+            >
+              {preview.attentionDetail}
+            </Typography.Paragraph>
+          </AevatarTooltip>
         </div>
 
         <div className="teams-home-roster-row-actions">
@@ -1540,7 +1544,7 @@ const TeamsHomePage: React.FC = () => {
                   </div>
                   {visibleTeamCount > 1 ? (
                     <Space.Compact>
-                      <Tooltip title={t("pages.teams.home.copy.56", "Card view")}>
+                      <AevatarTooltip title={t("pages.teams.home.copy.56", "Card view")}>
                         <Button
                           aria-label={t("pages.teams.home.copy.57", "Switch to card view")}
                           icon={<AppstoreOutlined />}
@@ -1548,8 +1552,8 @@ const TeamsHomePage: React.FC = () => {
                           style={{ height: 44, width: 44 }}
                           type={resolvedRosterView === "cards" ? "primary" : "default"}
                         />
-                      </Tooltip>
-                      <Tooltip title={t("pages.teams.home.copy.58", "List view")}>
+                      </AevatarTooltip>
+                      <AevatarTooltip title={t("pages.teams.home.copy.58", "List view")}>
                         <Button
                           aria-label={t("pages.teams.home.copy.59", "Switch to list view")}
                           icon={<BarsOutlined />}
@@ -1557,7 +1561,7 @@ const TeamsHomePage: React.FC = () => {
                           style={{ height: 44, width: 44 }}
                           type={resolvedRosterView === "list" ? "primary" : "default"}
                         />
-                      </Tooltip>
+                      </AevatarTooltip>
                     </Space.Compact>
                   ) : null}
                 </div>
diff --git a/apps/aevatar-console-web/src/pages/teams/new.test.tsx b/apps/aevatar-console-web/src/pages/teams/new.test.tsx
index 2d8e6cb729..519a2173bd 100644
--- a/apps/aevatar-console-web/src/pages/teams/new.test.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/new.test.tsx
@@ -1,23 +1,21 @@
 import { fireEvent, screen, waitFor, within } from '@testing-library/react';
 import { setLocale } from '@umijs/max';
-import { message } from 'antd';
 import React from 'react';
-import { studioApi } from '@/shared/studio/api';
 import { renderWithQueryClient } from '../../../tests/reactQueryTestUtils';
 import TeamCreatePage from './new';
 
-jest.mock('antd', () => {
-  const actual = jest.requireActual('antd');
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => {
+  const actual = jest.requireActual('@/shared/ui/ConsoleToast');
   return {
     ...actual,
-    message: {
-      ...actual.message,
-      success: jest.fn(),
-      info: jest.fn(),
-      warning: jest.fn(),
-      error: jest.fn(),
-      destroy: jest.fn(),
-    },
+    useConsoleToast: () => mockConsoleToast,
   };
 });
 
@@ -59,21 +57,34 @@ describe('TeamCreatePage', () => {
   it('renders the simplified Team create page', async () => {
     renderWithQueryClient(React.createElement(TeamCreatePage));
 
-    const breadcrumb = await screen.findByRole('navigation', { name: '面包屑' });
+    const breadcrumb = await screen.findByRole('navigation', {
+      name: '面包屑',
+    });
     expect(screen.getAllByRole('navigation')).toHaveLength(1);
     expect(breadcrumb).toHaveTextContent('团队');
     expect(breadcrumb).toHaveTextContent('创建团队');
-    const teamsBreadcrumbLink = within(breadcrumb).getByRole('link', { name: '团队' });
-    expect(teamsBreadcrumbLink).toHaveAttribute('href', '/scopes/scope-a/teams');
-    expect(screen.getByRole('heading', { level: 2, name: '创建团队' })).toBeTruthy();
+    const teamsBreadcrumbLink = within(breadcrumb).getByRole('link', {
+      name: '团队',
+    });
+    expect(teamsBreadcrumbLink).toHaveAttribute(
+      'href',
+      '/scopes/scope-a/teams',
+    );
+    expect(
+      screen.getByRole('heading', { level: 2, name: '创建团队' }),
+    ).toBeTruthy();
     expect(screen.getByText('团队信息')).toBeTruthy();
     expect(screen.getByLabelText('队名')).toBeTruthy();
     expect(screen.getByLabelText('团队描述')).toBeTruthy();
-    expect(screen.getAllByRole('button', { name: '创建团队' }).length).toBeGreaterThan(0);
+    expect(
+      screen.getAllByRole('button', { name: '创建团队' }).length,
+    ).toBeGreaterThan(0);
     expect(screen.getByRole('button', { name: '返回我的团队' })).toBeTruthy();
     expect(screen.queryByText('工作空间上下文')).toBeNull();
     expect(screen.queryByText('StudioTeam')).toBeNull();
-    expect(screen.queryByRole('button', { name: '继续在 Studio 中编辑' })).toBeNull();
+    expect(
+      screen.queryByRole('button', { name: '继续在 Studio 中编辑' }),
+    ).toBeNull();
     expect(screen.queryByRole('button', { name: '查看 Behaviors' })).toBeNull();
     expect(screen.queryByText('已保存草稿')).toBeNull();
 
@@ -100,7 +111,9 @@ describe('TeamCreatePage', () => {
       json: async () => teamResponse,
     } as Response);
 
-    const { queryClient } = renderWithQueryClient(React.createElement(TeamCreatePage));
+    const { queryClient } = renderWithQueryClient(
+      React.createElement(TeamCreatePage),
+    );
 
     fireEvent.change(await screen.findByLabelText('队名'), {
       target: { value: '订单助手团队' },
@@ -132,11 +145,48 @@ describe('TeamCreatePage', () => {
     const params = new URLSearchParams(window.location.search);
     expect(params.get('scopeId')).toBeNull();
     expect(params.get('teamId')).toBeNull();
-    expect(message.success).toHaveBeenCalledWith('已创建团队。');
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('已创建团队。');
+  });
+
+  it('uses a localized generic error toast without exposing server details when creation fails', async () => {
+    fetchMock.mockReset();
+    fetchMock
+      .mockResolvedValueOnce({
+        ok: true,
+        status: 200,
+        headers: new Headers({ 'content-type': 'application/json' }),
+        json: async () => ({
+          enabled: false,
+          scopeId: 'scope-a',
+          scopeSource: 'nyxid',
+        }),
+      } as Response)
+      .mockRejectedValueOnce(
+        new Error('backend request correlation: hidden-detail'),
+      );
+
+    renderWithQueryClient(React.createElement(TeamCreatePage));
+
+    fireEvent.change(await screen.findByLabelText('队名'), {
+      target: { value: '订单助手团队' },
+    });
+    fireEvent.click(screen.getAllByRole('button', { name: '创建团队' })[0]);
+
+    await waitFor(() => {
+      expect(mockConsoleToast.error).toHaveBeenCalledWith('创建团队失败。');
+    });
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(
+      'backend request correlation: hidden-detail',
+    );
+    expect(window.location.pathname).toBe('/scopes/scope-a/teams/new');
   });
 
   it('ignores scopeId=new query hints on scoped create links and creates under the route scope', async () => {
-    window.history.replaceState({}, '', '/scopes/scope-a/teams/new?scopeId=new&teamName=test');
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-a/teams/new?scopeId=new&teamName=test',
+    );
     fetchMock.mockResolvedValueOnce({
       ok: true,
       status: 200,
@@ -163,7 +213,9 @@ describe('TeamCreatePage', () => {
     expect(await screen.findByLabelText('队名')).toHaveValue('test');
     await waitFor(() => {
       expect(window.location.pathname).toBe('/scopes/scope-a/teams/new');
-      expect(new URLSearchParams(window.location.search).get('scopeId')).toBeNull();
+      expect(
+        new URLSearchParams(window.location.search).get('scopeId'),
+      ).toBeNull();
     });
 
     fireEvent.change(screen.getByLabelText('团队描述'), {
@@ -200,7 +252,9 @@ describe('TeamCreatePage', () => {
 
     await waitFor(() => {
       expect(window.location.pathname).toBe('/scopes/scope-a/teams/new');
-      expect(new URLSearchParams(window.location.search).get('scopeId')).toBeNull();
+      expect(
+        new URLSearchParams(window.location.search).get('scopeId'),
+      ).toBeNull();
     });
     const params = new URLSearchParams(window.location.search);
     expect(window.location.pathname).toBe('/scopes/scope-a/teams/new');
diff --git a/apps/aevatar-console-web/src/pages/teams/new.tsx b/apps/aevatar-console-web/src/pages/teams/new.tsx
index e72541cf1d..323f54428e 100644
--- a/apps/aevatar-console-web/src/pages/teams/new.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/new.tsx
@@ -1,23 +1,26 @@
 import { TeamOutlined } from '@ant-design/icons';
-import { Alert, Button, Input, Space, Typography, message } from 'antd';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { Alert, Button, Input, Space, Typography } from 'antd';
 import React from 'react';
 import { loadRestorableAuthSession } from '@/shared/auth/session';
+import { t } from '@/shared/i18n/messages';
 import { history } from '@/shared/navigation/history';
-import { buildTeamCreateHref, buildTeamDetailHref, buildTeamsHref } from '@/shared/navigation/teamRoutes';
+import {
+  buildTeamCreateHref,
+  buildTeamDetailHref,
+  buildTeamsHref,
+} from '@/shared/navigation/teamRoutes';
 import { studioApi } from '@/shared/studio/api';
-import { describeError } from '@/shared/ui/errorText';
 import {
-  AevatarPanel,
   type AevatarBreadcrumbItem,
+  AevatarPanel,
 } from '@/shared/ui/aevatarPageShells';
 import ConsoleMenuPageShell from '@/shared/ui/ConsoleMenuPageShell';
-import { rememberPendingTeamRosterSummary } from './pendingTeamRoster';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { describeError } from '@/shared/ui/errorText';
 import { resolveStudioScopeContext } from '../scopes/components/resolvedScope';
-import {
-  readScopeQueryDraft,
-} from '../scopes/components/scopeQuery';
-import { t } from "@/shared/i18n/messages";
+import { readScopeQueryDraft } from '../scopes/components/scopeQuery';
+import { rememberPendingTeamRosterSummary } from './pendingTeamRoster';
 
 const primaryActionButtonStyle: React.CSSProperties = {
   borderRadius: 10,
@@ -48,9 +51,10 @@ function readCreateTeamDraftFromLocation(): {
 
 const TeamCreatePage: React.FC = () => {
   const queryClient = useQueryClient();
+  const toast = useConsoleToast();
   const initialDraft = React.useMemo(readCreateTeamDraftFromLocation, []);
-  const [routeScopeId, setRouteScopeId] = React.useState(
-    () => readScopeQueryDraft().scopeId.trim(),
+  const [routeScopeId, setRouteScopeId] = React.useState(() =>
+    readScopeQueryDraft().scopeId.trim(),
   );
   const [teamName, setTeamName] = React.useState(initialDraft.teamName);
   const [teamDescription, setTeamDescription] = React.useState('');
@@ -73,7 +77,8 @@ const TeamCreatePage: React.FC = () => {
     };
   }, [localScopeId]);
   const resolvedScope = React.useMemo(
-    () => resolveStudioScopeContext(authSessionQuery.data) ?? locallyResolvedScope,
+    () =>
+      resolveStudioScopeContext(authSessionQuery.data) ?? locallyResolvedScope,
     [authSessionQuery.data, locallyResolvedScope],
   );
   React.useEffect(() => {
@@ -116,7 +121,10 @@ const TeamCreatePage: React.FC = () => {
 
     return describeError(
       authSessionQuery.error,
-      t("pages.teams.new.the.login.status.is", "The login status is temporarily unavailable, please refresh and try again."),
+      t(
+        'pages.teams.new.the.login.status.is',
+        'The login status is temporarily unavailable, please refresh and try again.',
+      ),
     );
   }, [authSessionQuery.error, authSessionQuery.isError]);
   const canCreateTeam = Boolean(scopeId && teamName.trim());
@@ -140,19 +148,17 @@ const TeamCreatePage: React.FC = () => {
       await queryClient.invalidateQueries({
         queryKey: ['teams', 'roster', team.scopeId],
       });
-      void message.success(t("pages.teams.new.team.created", "team created."));
+      toast.success(t('pages.teams.new.team.created', 'team created.'));
       history.push(
         buildTeamDetailHref({
           scopeId: team.scopeId,
           teamId: team.teamId,
         }),
       );
-    } catch (error) {
-      const errorMessage =
-        error instanceof Error && error.message.trim()
-          ? error.message
-          : t("pages.teams.new.failed.to.create.team", "Failed to create team.");
-      void message.error(errorMessage);
+    } catch {
+      toast.error(
+        t('pages.teams.new.failed.to.create.team', 'Failed to create team.'),
+      );
     } finally {
       setIsCreatingTeam(false);
     }
@@ -167,11 +173,11 @@ const TeamCreatePage: React.FC = () => {
         event.preventDefault();
         history.push(teamsHref);
       },
-      title: t("pages.teams.new.teamsBreadcrumb", "Teams"),
+      title: t('pages.teams.new.teamsBreadcrumb', 'Teams'),
     },
     {
       current: true,
-      title: t("pages.teams.new.create.team.2", "Create Team"),
+      title: t('pages.teams.new.create.team.2', 'Create Team'),
     },
   ];
 
@@ -187,24 +193,35 @@ const TeamCreatePage: React.FC = () => {
             style={primaryActionButtonStyle}
             type="primary"
           >
-            {t("pages.teams.new.create.team", "Create Team")}</Button>
+            {t('pages.teams.new.create.team', 'Create Team')}
+          </Button>
         </Space>
       }
-      title={t("pages.teams.new.create.team.2", "Create Team")}
+      title={t('pages.teams.new.create.team.2', 'Create Team')}
     >
       {authSessionIssue ? (
         <Alert
           description={
             resolvedScope?.scopeId
-              ? t("pages.teams.new.has.continued.creating.team", "{value1} has continued creating team using local login information.", { value1: authSessionIssue })
+              ? t(
+                  'pages.teams.new.has.continued.creating.team',
+                  '{value1} has continued creating team using local login information.',
+                  { value1: authSessionIssue },
+                )
               : authSessionIssue
           }
           showIcon
           style={{ marginBottom: 20 }}
           title={
             resolvedScope?.scopeId
-              ? t("pages.teams.new.the.current.login.status", "The current login status verification failed, local login information has been used")
-              : t("pages.teams.new.current.login.status.verification", "Current login status verification failed")
+              ? t(
+                  'pages.teams.new.the.current.login.status',
+                  'The current login status verification failed, local login information has been used',
+                )
+              : t(
+                  'pages.teams.new.current.login.status.verification',
+                  'Current login status verification failed',
+                )
           }
           type="warning"
         />
@@ -214,7 +231,10 @@ const TeamCreatePage: React.FC = () => {
         <Alert
           showIcon
           style={{ marginBottom: 20 }}
-          title={t("pages.teams.new.the.current.login.status.2", "The current login status has not resolved the available team scope, please refresh and try again.")}
+          title={t(
+            'pages.teams.new.the.current.login.status.2',
+            'The current login status has not resolved the available team scope, please refresh and try again.',
+          )}
           type="info"
         />
       ) : null}
@@ -222,7 +242,7 @@ const TeamCreatePage: React.FC = () => {
       <AevatarPanel
         layoutMode="document"
         padding={20}
-        title={t("pages.teams.new.team.information", "team information")}
+        title={t('pages.teams.new.team.information', 'team information')}
       >
         <div
           style={{
@@ -235,19 +255,32 @@ const TeamCreatePage: React.FC = () => {
           }}
         >
           <div style={{ display: 'grid', gap: 8 }}>
-            <Typography.Text strong>{t("pages.teams.new.team.name", "Team name")}</Typography.Text>
+            <Typography.Text strong>
+              {t('pages.teams.new.team.name', 'Team name')}
+            </Typography.Text>
             <Input
-              aria-label={t("pages.teams.new.team.name.2", "Team name")}
-              placeholder={t("pages.teams.new.for.example.order.assistant", "For example: Order Assistant team")}
+              aria-label={t('pages.teams.new.team.name.2', 'Team name')}
+              placeholder={t(
+                'pages.teams.new.for.example.order.assistant',
+                'For example: Order Assistant team',
+              )}
               value={teamName}
               onChange={(event) => setTeamName(event.target.value)}
             />
           </div>
           <div style={{ display: 'grid', gap: 8 }}>
-            <Typography.Text strong>{t("pages.teams.new.description", "Description")}</Typography.Text>
+            <Typography.Text strong>
+              {t('pages.teams.new.description', 'Description')}
+            </Typography.Text>
             <Input
-              aria-label={t("pages.teams.new.team.description", "Team description")}
-              placeholder={t("pages.teams.new.what.is.this.team", "What is this team responsible for?")}
+              aria-label={t(
+                'pages.teams.new.team.description',
+                'Team description',
+              )}
+              placeholder={t(
+                'pages.teams.new.what.is.this.team',
+                'What is this team responsible for?',
+              )}
               value={teamDescription}
               onChange={(event) => setTeamDescription(event.target.value)}
             />
@@ -261,9 +294,11 @@ const TeamCreatePage: React.FC = () => {
               style={primaryActionButtonStyle}
               type="primary"
             >
-              {t("pages.teams.new.create.team.3", "Create Team")}</Button>
+              {t('pages.teams.new.create.team.3', 'Create Team')}
+            </Button>
             <Button onClick={() => history.push(teamsHref)}>
-              {t("pages.teams.new.back.to.my.teams", "Back to My Teams")}</Button>
+              {t('pages.teams.new.back.to.my.teams', 'Back to My Teams')}
+            </Button>
           </Space>
         </div>
       </AevatarPanel>
diff --git a/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.test.tsx b/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.test.tsx
index 4c36e30e04..0dedba51e2 100644
--- a/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.test.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.test.tsx
@@ -1,36 +1,61 @@
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { act, fireEvent, render, screen, waitFor, within } from "@testing-library/react";
-import { message } from "antd";
-import * as React from "react";
-import TeamAutomationsTab, {
-  mutationObservationComplete,
-} from "./TeamAutomationsTab";
-import TeamAutomationAuthorizationReview from "../components/TeamAutomationAuthorizationReview";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import * as React from 'react';
+import {
+  previewScheduledDispatch,
+  scheduledDispatchApi,
+} from '@/shared/api/scheduledDispatchApi';
 import {
-  teamAutomationApi,
   TeamAutomationApiError,
-} from "@/shared/api/teamAutomationApi";
-import { scheduledDispatchApi } from "@/shared/api/scheduledDispatchApi";
-import { NyxIDAuthClient } from "@/shared/auth/client";
-import { history } from "@/shared/navigation/history";
+  teamAutomationApi,
+} from '@/shared/api/teamAutomationApi';
+import { NyxIDAuthClient } from '@/shared/auth/client';
+import { history } from '@/shared/navigation/history';
+import TeamAutomationAuthorizationReview from '../components/TeamAutomationAuthorizationReview';
+import TeamAutomationsTab, {
+  mutationObservationComplete,
+} from './TeamAutomationsTab';
 
-jest.mock("@umijs/max", () => ({
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => {
+  const actual = jest.requireActual('@/shared/ui/ConsoleToast');
+  return {
+    ...actual,
+    useConsoleToast: () => mockConsoleToast,
+  };
+});
+
+jest.mock('@umijs/max', () => ({
   useIntl: () => ({
     formatMessage: (
       { defaultMessage, id }: { defaultMessage?: string; id: string },
       values?: Record<string, string | number>,
     ) =>
       Object.entries(values ?? {}).reduce(
-        (message, [key, value]) => message.replaceAll(`{${key}}`, String(value)),
+        (message, [key, value]) =>
+          message.replaceAll(`{${key}}`, String(value)),
         defaultMessage ?? id,
       ),
   }),
 }));
 
-jest.mock("@/shared/api/teamAutomationApi", () => ({
+jest.mock('@/shared/api/teamAutomationApi', () => ({
   createTeamAutomationOperationIdentity: jest.fn(() => ({
-    operationId: "op-alpha",
-    idempotencyKey: "idem-alpha",
+    operationId: 'op-alpha',
+    idempotencyKey: 'idem-alpha',
   })),
   teamAutomationApi: {
     create: jest.fn(),
@@ -56,43 +81,44 @@ jest.mock("@/shared/api/teamAutomationApi", () => ({
   },
 }));
 
-jest.mock("@/shared/api/scheduledDispatchApi", () => ({
+jest.mock('@/shared/api/scheduledDispatchApi', () => ({
   previewScheduledDispatch: jest.fn(),
   scheduledDispatchApi: {
-    listAll: jest.fn(async () => ({ items: [], nextCursor: null, totalCount: 0 })),
+    listAll: jest.fn(async () => ({
+      items: [],
+      nextCursor: null,
+      totalCount: 0,
+    })),
   },
   scheduledWorkflowPromptMaxLength: 4_000,
 }));
 
-jest.mock("@/shared/navigation/history", () => ({
+jest.mock('@/shared/navigation/history', () => ({
   history: { push: jest.fn(), replace: jest.fn() },
 }));
 
-jest.mock("@/shared/auth/client", () => ({
+jest.mock('@/shared/auth/client', () => ({
   NyxIDAuthClient: jest.fn(() => ({ loginWithRedirect: jest.fn() })),
 }));
 
-jest.mock("@/shared/auth/config", () => ({
+jest.mock('@/shared/auth/config', () => ({
   getNyxIDRuntimeConfig: jest.fn(() => ({})),
 }));
 
 const member = {
   canAutomateMember: true,
-  disabledReason: "",
-  implementationKind: "Workflow",
-  key: "m-alpha",
-  lifecycleLabel: "Published",
+  disabledReason: '',
+  implementationKind: 'Workflow',
+  key: 'm-alpha',
+  lifecycleLabel: 'Published',
   lifecycleStyle: {},
-  memberId: "m-alpha",
-  name: "Planner",
-  serviceId: "svc-alpha",
+  memberId: 'm-alpha',
+  name: 'Planner',
+  serviceId: 'svc-alpha',
   workflowSupported: true,
 };
 
-function renderTab(
-  routeMemberId = "",
-  members = [member],
-) {
+function renderTab(routeMemberId = '', members = [member]) {
   const queryClient = new QueryClient({
     defaultOptions: { queries: { retry: false } },
   });
@@ -110,18 +136,18 @@ function renderTab(
 
 function authorizationReview() {
   return {
-    status: "ready",
-    permissionDigest: "digest-alpha",
-    policyVersion: "scheduled-invocation-auth/v1",
+    status: 'ready',
+    permissionDigest: 'digest-alpha',
+    policyVersion: 'scheduled-invocation-auth/v1',
     serviceGrants: [
       {
-        displayName: "Connector Alpha",
-        grantId: "service:us-alpha",
-        kind: "service",
-        nodeGrantRequirement: "required",
-        nodeIds: ["node-alpha"],
-        serviceSlug: "connector-alpha",
-        targetId: "us-alpha",
+        displayName: 'Connector Alpha',
+        grantId: 'service:us-alpha',
+        kind: 'service',
+        nodeGrantRequirement: 'required',
+        nodeIds: ['node-alpha'],
+        serviceSlug: 'connector-alpha',
+        targetId: 'us-alpha',
       },
     ],
     nodeGrants: [],
@@ -129,96 +155,96 @@ function authorizationReview() {
       allowAllNodes: false,
       allowAllServices: false,
       browserReceivesRawKey: false,
-      expiresAt: "2026-10-14T00:00:00Z",
-      hostedBy: "Aevatar",
-      mode: "dedicated-per-schedule",
-      nodeGrantRequirement: "required",
-      serviceGrantRequirement: "required",
-      scopes: ["read", "proxy"],
+      expiresAt: '2026-10-14T00:00:00Z',
+      hostedBy: 'Aevatar',
+      mode: 'dedicated-per-schedule',
+      nodeGrantRequirement: 'required',
+      serviceGrantRequirement: 'required',
+      scopes: ['read', 'proxy'],
     },
     ownerLLMSelection: {
-      model: "gpt-5",
-      nyxIdUserServiceId: "us-alpha",
-      routeKind: "nyx_id_user_service",
-      routeValue: "us-alpha",
-      serviceSlugSnapshot: "connector-alpha",
+      model: 'gpt-5',
+      nyxIdUserServiceId: 'us-alpha',
+      routeKind: 'nyx_id_user_service',
+      routeValue: 'us-alpha',
+      serviceSlugSnapshot: 'connector-alpha',
     },
     disclosures: [
-      "dedicated_credential",
-      "aevatar_secret_custody",
-      "browser_never_receives_secret",
-      "delete_revokes_credential",
-      "pause_resume_preserves_credential",
-      "node_ids_are_permission_set",
+      'dedicated_credential',
+      'aevatar_secret_custody',
+      'browser_never_receives_secret',
+      'delete_revokes_credential',
+      'pause_resume_preserves_credential',
+      'node_ids_are_permission_set',
     ],
-  } satisfies import("@/shared/api/teamAutomationApi").TeamAutomationPermissionReview;
+  } satisfies import('@/shared/api/teamAutomationApi').TeamAutomationPermissionReview;
 }
 
 function noServiceAuthorizationReview() {
   return {
-    status: "ready",
-    permissionDigest: "digest-no-service",
-    policyVersion: "scheduled-invocation-auth/v1",
+    status: 'ready',
+    permissionDigest: 'digest-no-service',
+    policyVersion: 'scheduled-invocation-auth/v1',
     serviceGrants: [],
     nodeGrants: [],
     credentialPlan: {
       allowAllNodes: false,
       allowAllServices: false,
       browserReceivesRawKey: false,
-      expiresAt: "2026-10-14T00:00:00Z",
-      hostedBy: "Aevatar",
-      mode: "dedicated-per-schedule",
-      nodeGrantRequirement: "not_required",
-      serviceGrantRequirement: "not_required",
-      scopes: ["read", "proxy"],
+      expiresAt: '2026-10-14T00:00:00Z',
+      hostedBy: 'Aevatar',
+      mode: 'dedicated-per-schedule',
+      nodeGrantRequirement: 'not_required',
+      serviceGrantRequirement: 'not_required',
+      scopes: ['read', 'proxy'],
     },
     ownerLLMSelection: null,
     disclosures: [
-      "dedicated_credential",
-      "aevatar_secret_custody",
-      "browser_never_receives_secret",
-      "delete_revokes_credential",
-      "pause_resume_preserves_credential",
-      "node_ids_are_permission_set",
+      'dedicated_credential',
+      'aevatar_secret_custody',
+      'browser_never_receives_secret',
+      'delete_revokes_credential',
+      'pause_resume_preserves_credential',
+      'node_ids_are_permission_set',
     ],
-  } satisfies import("@/shared/api/teamAutomationApi").TeamAutomationPermissionReview;
+  } satisfies import('@/shared/api/teamAutomationApi').TeamAutomationPermissionReview;
 }
 
 function automationView(overrides: Record<string, unknown> = {}) {
   return {
-    scopeId: "scope-alpha",
-    teamId: "team-alpha",
-    memberId: "m-alpha",
-    scheduleId: "sch-alpha",
-    publishedServiceId: "svc-alpha",
-    credentialSourceKind: "scheduled_invocation_agent_key",
-    displayName: "Daily review",
-    prompt: "Summarize open work.",
-    cronExpression: "0 9 * * 1-5",
-    timezone: "Asia/Singapore",
+    scopeId: 'scope-alpha',
+    teamId: 'team-alpha',
+    memberId: 'm-alpha',
+    scheduleId: 'sch-alpha',
+    publishedServiceId: 'svc-alpha',
+    credentialSourceKind: 'scheduled_invocation_agent_key',
+    displayName: 'Daily review',
+    prompt: 'Summarize open work.',
+    cronExpression: '0 9 * * 1-5',
+    timezone: 'Asia/Singapore',
     enabled: true,
-    authorizationStatus: "active",
-    credentialExpiresAtUtc: "2026-10-14T00:00:00Z",
-    lastAuthorizationErrorCode: "",
-    operationId: "op-alpha",
+    authorizationStatus: 'active',
+    credentialExpiresAtUtc: '2026-10-14T00:00:00Z',
+    lastAuthorizationErrorCode: '',
+    operationId: 'op-alpha',
     credentialGeneration: 1,
     revocationPending: false,
-    nextFireAt: "2026-07-29T01:00:00Z",
+    nextFireAt: '2026-07-29T01:00:00Z',
     lastFireAt: null,
-    nyxIdRevocationStatus: "NotRequired",
-    vaultRevocationStatus: "NotRequired",
-    ownerLLMRouteKind: "nyx_id_user_service",
-    ownerLLMRoute: "us-alpha",
-    ownerLLMUserServiceId: "us-alpha",
-    ownerLLMServiceSlug: "connector-alpha",
-    ownerLLMModel: "gpt-5",
+    nyxIdRevocationStatus: 'NotRequired',
+    vaultRevocationStatus: 'NotRequired',
+    ownerLLMRouteKind: 'nyx_id_user_service',
+    ownerLLMRoute: 'us-alpha',
+    ownerLLMUserServiceId: 'us-alpha',
+    ownerLLMServiceSlug: 'connector-alpha',
+    ownerLLMModel: 'gpt-5',
     stateVersion: 4,
-    updatedAt: "2026-07-28T00:00:00Z",
+    updatedAt: '2026-07-28T00:00:00Z',
     ...overrides,
   };
 }
 
-describe("TeamAutomationsTab canonical member authority", () => {
+describe('TeamAutomationsTab canonical member authority', () => {
   beforeEach(() => {
     jest.clearAllMocks();
     Object.values(teamAutomationApi).forEach((apiMethod) => {
@@ -236,12 +262,12 @@ describe("TeamAutomationsTab canonical member authority", () => {
     jest.restoreAllMocks();
   });
 
-  it("completes revocation retry observation when the scoped row disappears", () => {
+  it('completes revocation retry observation when the scoped row disappears', () => {
     expect(
       mutationObservationComplete(
         {
-          kind: "retryRevocation",
-          scheduleId: "sch-alpha",
+          kind: 'retryRevocation',
+          scheduleId: 'sch-alpha',
           acceptedAt: 0,
           baselineStateVersion: 4,
         },
@@ -250,12 +276,14 @@ describe("TeamAutomationsTab canonical member authority", () => {
     ).toBe(true);
   });
 
-  it("renders repeated exact grant occurrences without duplicate React keys", () => {
-    const consoleError = jest.spyOn(console, "error").mockImplementation(() => undefined);
+  it('renders repeated exact grant occurrences without duplicate React keys', () => {
+    const consoleError = jest
+      .spyOn(console, 'error')
+      .mockImplementation(() => undefined);
     const review = authorizationReview();
     const duplicateGrant = {
       ...review.serviceGrants[0],
-      nodeIds: ["node-alpha", "node-alpha"],
+      nodeIds: ['node-alpha', 'node-alpha'],
     };
 
     render(
@@ -267,126 +295,146 @@ describe("TeamAutomationsTab canonical member authority", () => {
       />,
     );
 
-    expect(screen.getAllByText("Connector Alpha")).toHaveLength(2);
-    expect(screen.getAllByText("node-alpha")).toHaveLength(4);
+    expect(screen.getAllByText('Connector Alpha')).toHaveLength(2);
+    expect(screen.getAllByText('node-alpha')).toHaveLength(4);
     expect(
       consoleError.mock.calls.some((call) =>
-        call.join(" ").includes("Encountered two children with the same key"),
+        call.join(' ').includes('Encountered two children with the same key'),
       ),
     ).toBe(false);
   });
 
-  it("keeps member selection inside the create form when multiple members are eligible", async () => {
+  it('keeps member selection inside the create form when multiple members are eligible', async () => {
     const otherMember = {
       ...member,
-      key: "m-beta",
-      memberId: "m-beta",
-      name: "Reviewer",
-      serviceId: "svc-beta",
+      key: 'm-beta',
+      memberId: 'm-beta',
+      name: 'Reviewer',
+      serviceId: 'svc-beta',
     };
 
-    renderTab("", [member, otherMember]);
+    renderTab('', [member, otherMember]);
 
-    expect(await screen.findByRole("heading", { name: "Automations" })).toBeInTheDocument();
-    expect(screen.queryByRole("combobox", { name: "Automation member" })).not.toBeInTheDocument();
+    expect(
+      await screen.findByRole('heading', { name: 'Automations' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByRole('combobox', { name: 'Automation member' }),
+    ).not.toBeInTheDocument();
     expect(history.replace).not.toHaveBeenCalled();
     await waitFor(() =>
       expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
-        { scopeId: "scope-alpha", teamId: "team-alpha" },
+        { scopeId: 'scope-alpha', teamId: 'team-alpha' },
         { take: 200 },
       ),
     );
 
-    fireEvent.click(screen.getByRole("button", { name: "New automation" }));
+    fireEvent.click(screen.getByRole('button', { name: 'New automation' }));
 
-    const form = await screen.findByRole("dialog");
-    expect(within(form).getByRole("combobox", { name: "Automation member" })).toBeEnabled();
-    expect(within(form).queryByText("Planner")).not.toBeInTheDocument();
-    expect(within(form).queryByText("Reviewer")).not.toBeInTheDocument();
+    const form = await screen.findByRole('dialog');
+    expect(
+      within(form).getByRole('combobox', { name: 'Automation member' }),
+    ).toBeEnabled();
+    expect(within(form).queryByText('Planner')).not.toBeInTheDocument();
+    expect(within(form).queryByText('Reviewer')).not.toBeInTheDocument();
     expect(history.push).not.toHaveBeenCalled();
   });
 
-  it("stays on the Team collection after creating for an explicitly selected member", async () => {
+  it('stays on the Team collection after creating for an explicitly selected member', async () => {
     const otherMember = {
       ...member,
-      key: "m-beta",
-      memberId: "m-beta",
-      name: "Reviewer",
-      serviceId: "svc-beta",
+      key: 'm-beta',
+      memberId: 'm-beta',
+      name: 'Reviewer',
+      serviceId: 'svc-beta',
     };
     (teamAutomationApi.preflightCreate as jest.Mock).mockResolvedValue(
       authorizationReview(),
     );
     (teamAutomationApi.create as jest.Mock).mockResolvedValue({
       accepted: true,
-      commandId: "cmd-beta",
-      operationId: "op-beta",
-      scheduleId: "sch-beta",
-      status: "accepted",
+      commandId: 'cmd-beta',
+      operationId: 'op-beta',
+      scheduleId: 'sch-beta',
+      status: 'accepted',
     });
 
-    renderTab("", [member, otherMember]);
+    renderTab('', [member, otherMember]);
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    const form = await screen.findByRole("dialog");
-    fireEvent.mouseDown(within(form).getByRole("combobox", { name: "Automation member" }));
-    fireEvent.click(await screen.findByText("Reviewer"));
-    fireEvent.click(within(form).getByRole("button", { name: "Create automation" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Authorize and continue" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    const form = await screen.findByRole('dialog');
+    fireEvent.mouseDown(
+      within(form).getByRole('combobox', { name: 'Automation member' }),
+    );
+    fireEvent.click(await screen.findByText('Reviewer'));
+    fireEvent.click(
+      within(form).getByRole('button', { name: 'Create automation' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Authorize and continue' }),
+    );
 
-    await waitFor(() => expect(teamAutomationApi.create).toHaveBeenCalledTimes(1));
+    await waitFor(() =>
+      expect(teamAutomationApi.create).toHaveBeenCalledTimes(1),
+    );
     expect(teamAutomationApi.create).toHaveBeenCalledWith(
-      expect.objectContaining({ memberId: "m-beta" }),
-      "digest-alpha",
-      "scheduled-invocation-auth/v1",
-      { idempotencyKey: "idem-alpha", operationId: "op-alpha" },
+      expect.objectContaining({ memberId: 'm-beta' }),
+      'digest-alpha',
+      'scheduled-invocation-auth/v1',
+      { idempotencyKey: 'idem-alpha', operationId: 'op-alpha' },
     );
     expect(history.push).not.toHaveBeenCalled();
   });
 
-  it("attributes Team collection rows to each automation member", async () => {
+  it('attributes Team collection rows to each automation member', async () => {
     const otherMember = {
       ...member,
-      key: "m-beta",
-      memberId: "m-beta",
-      name: "Reviewer",
-      serviceId: "svc-beta",
+      key: 'm-beta',
+      memberId: 'm-beta',
+      name: 'Reviewer',
+      serviceId: 'svc-beta',
     };
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
       items: [
-        automationView({ displayName: "Planner review" }),
+        automationView({ displayName: 'Planner review' }),
         automationView({
-          displayName: "Reviewer review",
-          memberId: "m-beta",
-          publishedServiceId: "svc-beta",
-          scheduleId: "sch-beta",
+          displayName: 'Reviewer review',
+          memberId: 'm-beta',
+          publishedServiceId: 'svc-beta',
+          scheduleId: 'sch-beta',
         }),
       ],
       nextCursor: null,
       totalCount: 2,
     });
 
-    renderTab("", [member, otherMember]);
+    renderTab('', [member, otherMember]);
 
-    const plannerRow = await screen.findByRole("article", { name: "Planner review" });
-    const reviewerRow = await screen.findByRole("article", { name: "Reviewer review" });
-    expect(within(plannerRow).getByText("Planner")).toBeInTheDocument();
-    expect(within(reviewerRow).getByText("Reviewer")).toBeInTheDocument();
+    const plannerRow = await screen.findByRole('article', {
+      name: 'Planner review',
+    });
+    const reviewerRow = await screen.findByRole('article', {
+      name: 'Reviewer review',
+    });
+    expect(within(plannerRow).getByText('Planner')).toBeInTheDocument();
+    expect(within(reviewerRow).getByText('Reviewer')).toBeInTheDocument();
   });
 
-  it("uses the row member authority for Team collection actions", async () => {
+  it('uses the row member authority for Team collection actions', async () => {
     const otherMember = {
       ...member,
-      key: "m-beta",
-      memberId: "m-beta",
-      name: "Reviewer",
-      serviceId: "svc-beta",
+      key: 'm-beta',
+      memberId: 'm-beta',
+      name: 'Reviewer',
+      serviceId: 'svc-beta',
     };
     const reviewerAutomation = automationView({
-      displayName: "Reviewer review",
-      memberId: "m-beta",
-      publishedServiceId: "svc-beta",
-      scheduleId: "sch-beta",
+      displayName: 'Reviewer review',
+      memberId: 'm-beta',
+      publishedServiceId: 'svc-beta',
+      scheduleId: 'sch-beta',
     });
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
       items: [reviewerAutomation],
@@ -395,257 +443,330 @@ describe("TeamAutomationsTab canonical member authority", () => {
     });
     (teamAutomationApi.runNow as jest.Mock).mockResolvedValue({
       accepted: true,
-      commandId: "cmd-beta",
-      operationId: "op-beta",
-      scheduleId: "sch-beta",
-      status: "accepted",
+      commandId: 'cmd-beta',
+      operationId: 'op-beta',
+      scheduleId: 'sch-beta',
+      status: 'accepted',
     });
 
-    renderTab("", [member, otherMember]);
+    renderTab('', [member, otherMember]);
 
-    const reviewerRow = await screen.findByRole("article", { name: "Reviewer review" });
-    fireEvent.click(within(reviewerRow).getByRole("button", { name: "Run now" }));
+    const reviewerRow = await screen.findByRole('article', {
+      name: 'Reviewer review',
+    });
+    fireEvent.click(
+      within(reviewerRow).getByRole('button', { name: 'Run now' }),
+    );
 
     await waitFor(() =>
       expect(teamAutomationApi.runNow).toHaveBeenCalledWith(
-        { scopeId: "scope-alpha", teamId: "team-alpha", memberId: "m-beta" },
-        "sch-beta",
-        { idempotencyKey: "idem-alpha", operationId: "op-alpha" },
+        { scopeId: 'scope-alpha', teamId: 'team-alpha', memberId: 'm-beta' },
+        'sch-beta',
+        { idempotencyKey: 'idem-alpha', operationId: 'op-alpha' },
       ),
     );
   });
 
-  it("opens the complete dev form directly from the Team shell", async () => {
+  it('opens the complete dev form directly from the Team shell', async () => {
     renderTab();
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
 
-    expect(await screen.findByText("1. Target member")).toBeInTheDocument();
-    expect(screen.getByText("2. Work to run")).toBeInTheDocument();
-    expect(screen.getByText("3. Schedule")).toBeInTheDocument();
-    expect(screen.getByLabelText("Automation member")).toBeEnabled();
-    expect(screen.getByLabelText("Automation cadence")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Preview next runs" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Create automation" })).toBeInTheDocument();
-    expect(screen.queryByRole("button", { name: "Review authorization" })).not.toBeInTheDocument();
+    expect(await screen.findByText('1. Target member')).toBeInTheDocument();
+    expect(screen.getByText('2. Work to run')).toBeInTheDocument();
+    expect(screen.getByText('3. Schedule')).toBeInTheDocument();
+    expect(screen.getByLabelText('Automation member')).toBeEnabled();
+    expect(screen.getByLabelText('Automation cadence')).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Preview next runs' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Create automation' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Review authorization' }),
+    ).not.toBeInTheDocument();
     expect(history.push).not.toHaveBeenCalled();
     expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
-      { scopeId: "scope-alpha", teamId: "team-alpha" },
+      { scopeId: 'scope-alpha', teamId: 'team-alpha' },
       { take: 200 },
     );
   });
 
-  it("loads only the exact canonical member collection", async () => {
-    renderTab("m-alpha");
+  it('uses a generic schedule preview failure toast without exposing API details', async () => {
+    const rawBackendError =
+      'POST /internal/schedule-preview returned trace-correlation-secret';
+    (previewScheduledDispatch as jest.Mock).mockRejectedValue(
+      new Error(rawBackendError),
+    );
+    renderTab('m-alpha');
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Preview next runs' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not preview scheduled runs.',
+      ),
+    );
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(rawBackendError);
+    expect(screen.queryByText(rawBackendError)).not.toBeInTheDocument();
+  });
+
+  it('loads only the exact canonical member collection', async () => {
+    renderTab('m-alpha');
 
-    expect(await screen.findByRole("heading", { name: "Automations" })).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Give a member recurring work" })).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Upcoming" })).toBeInTheDocument();
+    expect(
+      await screen.findByRole('heading', { name: 'Automations' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('heading', { name: 'Give a member recurring work' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('heading', { name: 'Upcoming' }),
+    ).toBeInTheDocument();
     await waitFor(() =>
       expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
-        { scopeId: "scope-alpha", teamId: "team-alpha", memberId: "m-alpha" },
+        { scopeId: 'scope-alpha', teamId: 'team-alpha', memberId: 'm-alpha' },
         { take: 200 },
       ),
     );
     expect(scheduledDispatchApi.listAll).not.toHaveBeenCalled();
   });
 
-  it("derives Upcoming from the exact member read model", async () => {
+  it('derives Upcoming from the exact member read model', async () => {
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
       items: [automationView()],
       nextCursor: null,
       totalCount: 1,
     });
 
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    expect(await screen.findByText("Planner recurring work")).toBeInTheDocument();
+    expect(
+      await screen.findByText('Planner recurring work'),
+    ).toBeInTheDocument();
     expect(teamAutomationApi.listAll).toHaveBeenCalledWith(
-      { scopeId: "scope-alpha", teamId: "team-alpha", memberId: "m-alpha" },
+      { scopeId: 'scope-alpha', teamId: 'team-alpha', memberId: 'm-alpha' },
       { take: 200 },
     );
   });
 
-  it("does not query when the path member is outside the current Team", async () => {
-    renderTab("m-other");
+  it('does not query when the path member is outside the current Team', async () => {
+    renderTab('m-other');
 
-    expect(await screen.findByText("Member unavailable for automation")).toBeInTheDocument();
+    expect(
+      await screen.findByText('Member unavailable for automation'),
+    ).toBeInTheDocument();
     expect(teamAutomationApi.listAll).not.toHaveBeenCalled();
     expect(scheduledDispatchApi.listAll).not.toHaveBeenCalled();
     expect(history.push).not.toHaveBeenCalled();
     expect(history.replace).not.toHaveBeenCalled();
   });
 
-  it("starts scoped preflight directly and requires explicit review before create", async () => {
+  it('starts scoped preflight directly and requires explicit review before create', async () => {
     (teamAutomationApi.preflightCreate as jest.Mock).mockResolvedValue(
       authorizationReview(),
     );
     (teamAutomationApi.create as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-alpha",
-      operationId: "op-alpha",
-      commandId: "cmd-alpha",
+      status: 'accepted',
+      scheduleId: 'sch-alpha',
+      operationId: 'op-alpha',
+      commandId: 'cmd-alpha',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Automation name"), {
-      target: { value: "Daily review" },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Automation name'), {
+      target: { value: 'Daily review' },
     });
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
 
-    await waitFor(() => expect(teamAutomationApi.preflightCreate).toHaveBeenCalledTimes(1));
+    await waitFor(() =>
+      expect(teamAutomationApi.preflightCreate).toHaveBeenCalledTimes(1),
+    );
     expect(teamAutomationApi.create).not.toHaveBeenCalled();
-    expect(await screen.findByText("Dedicated Agent Key")).toBeInTheDocument();
+    expect(await screen.findByText('Dedicated Agent Key')).toBeInTheDocument();
 
-    fireEvent.click(screen.getByRole("button", { name: "Authorize and continue" }));
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Authorize and continue' }),
+    );
 
-    await waitFor(() => expect(teamAutomationApi.create).toHaveBeenCalledTimes(1));
-    expect(await screen.findByText("Authorization request accepted")).toBeInTheDocument();
-    expect(screen.queryByText("Automation created")).not.toBeInTheDocument();
+    await waitFor(() =>
+      expect(teamAutomationApi.create).toHaveBeenCalledTimes(1),
+    );
+    expect(mockConsoleToast.info).toHaveBeenCalledWith(
+      'Authorization request accepted',
+    );
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+    expect(screen.queryByText('Automation created')).not.toBeInTheDocument();
   });
 
-  it("shows a no-service authorization review and requires confirmation before creating", async () => {
+  it('shows a no-service authorization review and requires confirmation before creating', async () => {
     (teamAutomationApi.preflightCreate as jest.Mock).mockResolvedValue(
       noServiceAuthorizationReview(),
     );
     (teamAutomationApi.create as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-no-service",
-      operationId: "op-alpha",
-      commandId: "cmd-no-service",
+      status: 'accepted',
+      scheduleId: 'sch-no-service',
+      operationId: 'op-alpha',
+      commandId: 'cmd-no-service',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
 
-    await waitFor(() => expect(teamAutomationApi.preflightCreate).toHaveBeenCalledTimes(1));
+    await waitFor(() =>
+      expect(teamAutomationApi.preflightCreate).toHaveBeenCalledTimes(1),
+    );
     expect(teamAutomationApi.create).not.toHaveBeenCalled();
 
-    const reviewDialog = await screen.findByRole("dialog");
+    const reviewDialog = await screen.findByRole('dialog');
     expect(reviewDialog).toHaveAttribute(
-      "aria-describedby",
-      "team-automation-authorization-description",
+      'aria-describedby',
+      'team-automation-authorization-description',
     );
     expect(
       within(reviewDialog).getByText(
-        "No external NyxID service or owner LLM model grant is required.",
+        'No external NyxID service or owner LLM model grant is required.',
       ),
     ).toBeInTheDocument();
-    expect(within(reviewDialog).queryByText(/gateway\s*\//)).not.toBeInTheDocument();
-    expect(within(reviewDialog).queryByText("gpt-5")).not.toBeInTheDocument();
+    expect(
+      within(reviewDialog).queryByText(/gateway\s*\//),
+    ).not.toBeInTheDocument();
+    expect(within(reviewDialog).queryByText('gpt-5')).not.toBeInTheDocument();
 
-    const confirmation = within(reviewDialog).getByRole("button", {
-      name: "Authorize and continue",
+    const confirmation = within(reviewDialog).getByRole('button', {
+      name: 'Authorize and continue',
     });
-    const modalFooter = reviewDialog.querySelector(".ant-modal-footer");
-    const modalBody = reviewDialog.querySelector(".ant-modal-body");
+    const modalFooter = reviewDialog.querySelector('.ant-modal-footer');
+    const modalBody = reviewDialog.querySelector('.ant-modal-body');
     expect(modalFooter).toContainElement(confirmation);
     expect(modalBody).not.toContainElement(confirmation);
     expect(modalBody).toHaveStyle({
-      maxHeight: "min(70vh, 640px)",
-      overflowY: "auto",
+      maxHeight: 'min(70vh, 640px)',
+      overflowY: 'auto',
     });
 
     fireEvent.click(confirmation);
 
-    await waitFor(() => expect(teamAutomationApi.create).toHaveBeenCalledTimes(1));
+    await waitFor(() =>
+      expect(teamAutomationApi.create).toHaveBeenCalledTimes(1),
+    );
     expect(teamAutomationApi.create).toHaveBeenCalledWith(
       expect.objectContaining({
-        memberId: "m-alpha",
-        prompt: "Summarize open work.",
+        memberId: 'm-alpha',
+        prompt: 'Summarize open work.',
       }),
-      "digest-no-service",
-      "scheduled-invocation-auth/v1",
-      { idempotencyKey: "idem-alpha", operationId: "op-alpha" },
+      'digest-no-service',
+      'scheduled-invocation-auth/v1',
+      { idempotencyKey: 'idem-alpha', operationId: 'op-alpha' },
     );
   });
 
-  it("reports authorization preflight failures through the shared toast without changing the modal layout", async () => {
+  it('reports authorization preflight failures through the shared toast without changing the modal layout', async () => {
     const rawCatalogFailure = JSON.stringify({
       ready: false,
-      refreshStatus: "catalog_unstable",
-      refreshFailureCode: "api_key_scope_plan_route_unresolved",
-      visibilityStatus: "not_evaluated",
+      refreshStatus: 'catalog_unstable',
+      refreshFailureCode: 'api_key_scope_plan_route_unresolved',
+      visibilityStatus: 'not_evaluated',
     });
-    const messageError = jest
-      .spyOn(message, "error")
-      .mockImplementation(() => undefined as never);
     (teamAutomationApi.preflightCreate as jest.Mock).mockRejectedValue(
       new Error(rawCatalogFailure),
     );
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
 
     await waitFor(() =>
-      expect(messageError).toHaveBeenCalledWith("Authorization could not continue"),
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Authorization could not continue',
+      ),
     );
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(rawCatalogFailure);
     expect(screen.queryByText(rawCatalogFailure)).not.toBeInTheDocument();
-    const dialog = screen.getByRole("dialog");
+    const dialog = screen.getByRole('dialog');
     expect(
-      within(dialog).queryByText("Authorization could not continue"),
+      within(dialog).queryByText('Authorization could not continue'),
     ).not.toBeInTheDocument();
   });
 
-  it("shows the sanitized typed preflight failure message", async () => {
-    const sanitizedMessage =
-      "This automation is not authorized to use one or more required services.";
-    const messageError = jest
-      .spyOn(message, "error")
-      .mockImplementation(() => undefined as never);
+  it('keeps typed preflight failure details out of the shared toast', async () => {
+    const rawBackendError =
+      'POST /internal/automations returned trace-correlation-secret';
     (teamAutomationApi.preflightCreate as jest.Mock).mockRejectedValue(
       new TeamAutomationApiError(
-        sanitizedMessage,
+        rawBackendError,
         403,
-        "TEAM_AUTOMATION_AUTHORIZATION_SERVICE_ACCESS_DENIED",
+        'TEAM_AUTOMATION_AUTHORIZATION_SERVICE_ACCESS_DENIED',
       ),
     );
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
 
-    await waitFor(() => expect(messageError).toHaveBeenCalledWith(sanitizedMessage));
-    expect(screen.queryByText(sanitizedMessage)).not.toBeInTheDocument();
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Authorization could not continue',
+      ),
+    );
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(rawBackendError);
+    expect(screen.queryByText(rawBackendError)).not.toBeInTheDocument();
   });
 
-  it("retries temporarily stale preflight authorization", async () => {
+  it('retries temporarily stale preflight authorization', async () => {
     (teamAutomationApi.preflightCreate as jest.Mock)
       .mockRejectedValueOnce(
         new TeamAutomationApiError(
-          "Authorization data is temporarily stale. Retry this request.",
+          'Authorization data is temporarily stale. Retry this request.',
           503,
-          "TEAM_AUTOMATION_AUTHORIZATION_SNAPSHOT_STALE",
+          'TEAM_AUTOMATION_AUTHORIZATION_SNAPSHOT_STALE',
         ),
       )
       .mockResolvedValue(authorizationReview());
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
 
     jest.useFakeTimers();
     try {
-      fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Create automation' }),
+      );
       await act(async () => {
         await Promise.resolve();
       });
@@ -656,43 +777,46 @@ describe("TeamAutomationsTab canonical member authority", () => {
       });
 
       expect(teamAutomationApi.preflightCreate).toHaveBeenCalledTimes(2);
-      expect(screen.getByText("Dedicated Agent Key")).toBeInTheDocument();
+      expect(screen.getByText('Dedicated Agent Key')).toBeInTheDocument();
     } finally {
       jest.useRealTimers();
     }
   });
 
-  it("keeps typed preflight plan changes in the review flow", async () => {
-    const messageError = jest
-      .spyOn(message, "error")
-      .mockImplementation(() => undefined as never);
+  it('keeps typed preflight plan changes in the review flow', async () => {
     (teamAutomationApi.preflightCreate as jest.Mock).mockRejectedValue(
       new TeamAutomationApiError(
-        "The authorization plan changed. Run preflight again.",
+        'The authorization plan changed. Run preflight again.',
         409,
-        "TEAM_AUTOMATION_AUTHORIZATION_PLAN_CHANGED",
+        'TEAM_AUTOMATION_AUTHORIZATION_PLAN_CHANGED',
       ),
     );
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
 
-    expect(await screen.findByText("Authorization plan changed")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Review again" })).toBeInTheDocument();
-    expect(messageError).not.toHaveBeenCalled();
+    expect(
+      await screen.findByText('Authorization plan changed'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Review again' }),
+    ).toBeInTheDocument();
+    expect(mockConsoleToast.error).not.toHaveBeenCalled();
   });
 
-  it("clears accepted create observation after the authoritative row becomes terminal", async () => {
+  it('clears accepted create observation after the authoritative row becomes terminal', async () => {
     (teamAutomationApi.listAll as jest.Mock)
       .mockResolvedValueOnce({ items: [], nextCursor: null, totalCount: 0 })
       .mockResolvedValueOnce({
         items: [
           automationView({
-            authorizationStatus: "provisioning_pending",
+            authorizationStatus: 'provisioning_pending',
             stateVersion: 1,
           }),
         ],
@@ -709,78 +833,113 @@ describe("TeamAutomationsTab canonical member authority", () => {
     );
     (teamAutomationApi.create as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-alpha",
-      operationId: "op-alpha",
-      commandId: "cmd-alpha",
+      status: 'accepted',
+      scheduleId: 'sch-alpha',
+      operationId: 'op-alpha',
+      commandId: 'cmd-alpha',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
+    const authorizeButton = await screen.findByRole('button', {
+      name: 'Authorize and continue',
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Authorize and continue" }));
 
-    expect(await screen.findByText("Preparing authorization")).toBeInTheDocument();
-    expect(
-      await screen.findByRole("status", { name: "Active" }, { timeout: 3_500 }),
-    ).toBeInTheDocument();
-    expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
-    expect(screen.queryByText("Still pending")).not.toBeInTheDocument();
+    jest.useFakeTimers({ now: Date.now() });
+    try {
+      fireEvent.click(authorizeButton);
+      await act(async () => {
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
+
+      expect(screen.getByText('Preparing authorization')).toBeInTheDocument();
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(2);
+
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(2_000);
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
+
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
+      await waitFor(() =>
+        expect(
+          screen.getByRole('status', { name: 'Active' }),
+        ).toBeInTheDocument(),
+      );
+      expect(screen.queryByText('Still pending')).not.toBeInTheDocument();
+    } finally {
+      jest.useRealTimers();
+    }
   });
 
-  it("shows an accepted create while the authoritative row is unavailable", async () => {
+  it('shows an accepted create while the authoritative row is unavailable', async () => {
     (teamAutomationApi.preflightCreate as jest.Mock).mockResolvedValue(
       authorizationReview(),
     );
     (teamAutomationApi.create as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-pending",
-      operationId: "op-alpha",
-      commandId: "cmd-alpha",
+      status: 'accepted',
+      scheduleId: 'sch-pending',
+      operationId: 'op-alpha',
+      commandId: 'cmd-alpha',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Automation name"), {
-      target: { value: "Daily review" },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Automation name'), {
+      target: { value: 'Daily review' },
     });
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Authorize and continue" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Authorize and continue' }),
+    );
 
-    const acceptedRow = await screen.findByRole("article", { name: "Daily review" });
+    const acceptedRow = await screen.findByRole('article', {
+      name: 'Daily review',
+    });
     expect(
-      within(acceptedRow).getByRole("status", {
-        name: "Waiting for schedule sync",
+      within(acceptedRow).getByRole('status', {
+        name: 'Waiting for schedule sync',
       }),
     ).toBeInTheDocument();
   });
 
-  it("offers an explicit one-shot list refresh", async () => {
-    renderTab("m-alpha");
+  it('offers an explicit one-shot list refresh', async () => {
+    renderTab('m-alpha');
 
-    await screen.findByText("No automations for this member");
+    await screen.findByText('No automations for this member');
     expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(1);
-    fireEvent.click(screen.getByRole("button", { name: "Refresh" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh' }));
 
-    await waitFor(() => expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(2));
+    await waitFor(() =>
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(2),
+    );
   });
 
-  it("does not poll for an existing pending automation", async () => {
+  it('does not poll for an existing pending automation', async () => {
     jest.useFakeTimers({ now: 0 });
     try {
       (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
-        items: [automationView({ authorizationStatus: "provisioning_pending" })],
+        items: [
+          automationView({ authorizationStatus: 'provisioning_pending' }),
+        ],
         nextCursor: null,
         totalCount: 1,
       });
-      renderTab("m-alpha");
+      renderTab('m-alpha');
 
       await act(async () => {
         await Promise.resolve();
@@ -798,29 +957,31 @@ describe("TeamAutomationsTab canonical member authority", () => {
     }
   });
 
-  it("stops create polling after six seconds and manual refresh stays one-shot", async () => {
+  it('stops create polling after six seconds and manual refresh stays one-shot', async () => {
     (teamAutomationApi.preflightCreate as jest.Mock).mockResolvedValue(
       authorizationReview(),
     );
     (teamAutomationApi.create as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-pending",
-      operationId: "op-alpha",
-      commandId: "cmd-alpha",
+      status: 'accepted',
+      scheduleId: 'sch-pending',
+      operationId: 'op-alpha',
+      commandId: 'cmd-alpha',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Automation name"), {
-      target: { value: "Daily review" },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Automation name'), {
+      target: { value: 'Daily review' },
     });
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
-    const authorizeButton = await screen.findByRole("button", {
-      name: "Authorize and continue",
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
+    const authorizeButton = await screen.findByRole('button', {
+      name: 'Authorize and continue',
     });
     jest.useFakeTimers({ now: Date.now() });
     try {
@@ -829,87 +990,99 @@ describe("TeamAutomationsTab canonical member authority", () => {
         await Promise.resolve();
         await jest.advanceTimersByTimeAsync(0);
       });
-      expect(screen.getByRole("article", { name: "Daily review" })).toBeInTheDocument();
+      expect(
+        screen.getByRole('article', { name: 'Daily review' }),
+      ).toBeInTheDocument();
 
-      const callsAtAcceptance = (teamAutomationApi.listAll as jest.Mock).mock.calls.length;
+      const callsAtAcceptance = (teamAutomationApi.listAll as jest.Mock).mock
+        .calls.length;
       await act(async () => {
         await jest.advanceTimersByTimeAsync(6_000);
       });
-      const callsAtDeadline = (teamAutomationApi.listAll as jest.Mock).mock.calls.length;
+      const callsAtDeadline = (teamAutomationApi.listAll as jest.Mock).mock
+        .calls.length;
       expect(callsAtDeadline).toBeGreaterThan(callsAtAcceptance);
-      expect(screen.getByText("Still pending")).toBeInTheDocument();
+      expect(screen.getByText('Still pending')).toBeInTheDocument();
 
       await act(async () => {
         await jest.advanceTimersByTimeAsync(20_000);
       });
       expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(callsAtDeadline);
 
-      const refreshButton = screen.getByRole("button", { name: "Refresh" });
+      const refreshButton = screen.getByRole('button', { name: 'Refresh' });
       fireEvent.click(refreshButton);
       await act(async () => {
         await Promise.resolve();
         await jest.advanceTimersByTimeAsync(0);
       });
-      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(callsAtDeadline + 1);
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(
+        callsAtDeadline + 1,
+      );
 
       await act(async () => {
         await jest.advanceTimersByTimeAsync(20_000);
       });
-      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(callsAtDeadline + 1);
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(
+        callsAtDeadline + 1,
+      );
     } finally {
       jest.useRealTimers();
     }
   });
 
-  it("recovers a confirmed create when the fresh binding is missing", async () => {
+  it('recovers a confirmed create when the fresh binding is missing', async () => {
     (teamAutomationApi.preflightCreate as jest.Mock).mockResolvedValue(
       authorizationReview(),
     );
     (teamAutomationApi.create as jest.Mock).mockRejectedValue(
       new TeamAutomationApiError(
-        "Reconnect NyxID to authorize this automation.",
+        'Reconnect NyxID to authorize this automation.',
         409,
-        "TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED",
+        'TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED',
       ),
     );
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "New automation" }));
-    fireEvent.change(screen.getByLabelText("Automation name"), {
-      target: { value: "Daily review" },
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'New automation' }),
+    );
+    fireEvent.change(screen.getByLabelText('Automation name'), {
+      target: { value: 'Daily review' },
     });
-    fireEvent.change(screen.getByLabelText("Recurring prompt"), {
-      target: { value: "Summarize open work." },
+    fireEvent.change(screen.getByLabelText('Recurring prompt'), {
+      target: { value: 'Summarize open work.' },
     });
-    fireEvent.click(screen.getByRole("button", { name: "Create automation" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Authorize and continue" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Create automation' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Authorize and continue' }),
+    );
 
     await waitFor(() => expect(NyxIDAuthClient).toHaveBeenCalledTimes(1));
-    const loginWithRedirect = (NyxIDAuthClient as jest.Mock).mock.results[0].value
-      .loginWithRedirect as jest.Mock;
+    const loginWithRedirect = (NyxIDAuthClient as jest.Mock).mock.results[0]
+      .value.loginWithRedirect as jest.Mock;
     expect(loginWithRedirect).toHaveBeenCalledWith({
       returnTo:
-        "/scopes/scope-alpha/teams/team-alpha/members/m-alpha/automations",
-      prompt: "consent",
+        '/scopes/scope-alpha/teams/team-alpha/members/m-alpha/automations',
+      prompt: 'consent',
     });
 
     const stored = JSON.parse(
-      String(window.sessionStorage.getItem(window.sessionStorage.key(0) ?? "")),
+      String(window.sessionStorage.getItem(window.sessionStorage.key(0) ?? '')),
     ) as Record<string, unknown>;
     expect(stored).toEqual(
       expect.objectContaining({
-        mode: "create",
-        scopeId: "scope-alpha",
-        teamId: "team-alpha",
-        memberId: "m-alpha",
+        mode: 'create',
+        scopeId: 'scope-alpha',
+        teamId: 'team-alpha',
+        memberId: 'm-alpha',
       }),
     );
-    expect(stored).not.toHaveProperty("permissionDigest");
-    expect(stored).not.toHaveProperty("operationId");
-    expect(stored).not.toHaveProperty("idempotencyKey");
+    expect(stored).not.toHaveProperty('permissionDigest');
+    expect(stored).not.toHaveProperty('operationId');
+    expect(stored).not.toHaveProperty('idempotencyKey');
   });
 
-  it("recovers update as a fresh reauthorization draft", async () => {
+  it('recovers update as a fresh reauthorization draft', async () => {
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
       items: [automationView()],
       nextCursor: null,
@@ -917,32 +1090,57 @@ describe("TeamAutomationsTab canonical member authority", () => {
     });
     (teamAutomationApi.update as jest.Mock).mockRejectedValue(
       new TeamAutomationApiError(
-        "Reconnect NyxID to authorize this automation.",
+        'Reconnect NyxID to authorize this automation.',
         409,
-        "TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED",
+        'TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED',
       ),
     );
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "Edit" }));
-    fireEvent.click(screen.getByRole("button", { name: "Save changes" }));
+    fireEvent.click(await screen.findByRole('button', { name: 'Edit' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }));
 
     await waitFor(() => expect(NyxIDAuthClient).toHaveBeenCalledTimes(1));
-    const loginWithRedirect = (NyxIDAuthClient as jest.Mock).mock.results[0].value
-      .loginWithRedirect as jest.Mock;
+    const loginWithRedirect = (NyxIDAuthClient as jest.Mock).mock.results[0]
+      .value.loginWithRedirect as jest.Mock;
     expect(loginWithRedirect).toHaveBeenCalled();
     const stored = JSON.parse(
-      String(window.sessionStorage.getItem(window.sessionStorage.key(0) ?? "")),
+      String(window.sessionStorage.getItem(window.sessionStorage.key(0) ?? '')),
     ) as Record<string, unknown>;
     expect(stored).toEqual(
       expect.objectContaining({
-        mode: "reauthorize",
-        scheduleId: "sch-alpha",
+        mode: 'reauthorize',
+        scheduleId: 'sch-alpha',
       }),
     );
   });
 
-  it("allows run now while an active automation is paused", async () => {
+  it('uses a generic update failure toast without exposing API details', async () => {
+    const rawBackendError =
+      'PATCH /internal/automations/sch-alpha returned trace-correlation-secret';
+    (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
+      items: [automationView()],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    (teamAutomationApi.update as jest.Mock).mockRejectedValue(
+      new Error(rawBackendError),
+    );
+    renderTab('m-alpha');
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Edit' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Automation could not be updated.',
+      ),
+    );
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(rawBackendError);
+    expect(screen.queryByText(rawBackendError)).not.toBeInTheDocument();
+  });
+
+  it('allows run now while an active automation is paused', async () => {
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
       items: [automationView({ enabled: false })],
       nextCursor: null,
@@ -950,27 +1148,52 @@ describe("TeamAutomationsTab canonical member authority", () => {
     });
     (teamAutomationApi.runNow as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-alpha",
-      operationId: "op-run",
-      commandId: "cmd-run",
+      status: 'accepted',
+      scheduleId: 'sch-alpha',
+      operationId: 'op-run',
+      commandId: 'cmd-run',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "Run now" }));
+    fireEvent.click(await screen.findByRole('button', { name: 'Run now' }));
 
     await waitFor(() =>
       expect(teamAutomationApi.runNow).toHaveBeenCalledWith(
-        { scopeId: "scope-alpha", teamId: "team-alpha", memberId: "m-alpha" },
-        "sch-alpha",
-        { operationId: "op-alpha", idempotencyKey: "idem-alpha" },
+        { scopeId: 'scope-alpha', teamId: 'team-alpha', memberId: 'm-alpha' },
+        'sch-alpha',
+        { operationId: 'op-alpha', idempotencyKey: 'idem-alpha' },
+      ),
+    );
+    expect(mockConsoleToast.info).toHaveBeenCalledWith('Run request accepted');
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+    expect(screen.getByRole('button', { name: 'Resume' })).toBeInTheDocument();
+  });
+
+  it('uses a generic automation action failure toast without exposing API details', async () => {
+    const rawBackendError =
+      'POST /internal/automations/sch-alpha/run returned trace-correlation-secret';
+    (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
+      items: [automationView()],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    (teamAutomationApi.runNow as jest.Mock).mockRejectedValue(
+      new Error(rawBackendError),
+    );
+    renderTab('m-alpha');
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run now' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Automation action could not be completed.',
       ),
     );
-    expect(await screen.findByText("Run request accepted")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Resume" })).toBeInTheDocument();
+    expect(mockConsoleToast.error).not.toHaveBeenCalledWith(rawBackendError);
+    expect(screen.queryByText(rawBackendError)).not.toBeInTheDocument();
   });
 
-  it("keeps observing a pause after the first post-202 read is still stale", async () => {
+  it('keeps observing a pause after the first post-202 read is still stale', async () => {
     const active = automationView({ enabled: true, stateVersion: 4 });
     const paused = automationView({ enabled: false, stateVersion: 5 });
     (teamAutomationApi.listAll as jest.Mock)
@@ -991,24 +1214,47 @@ describe("TeamAutomationsTab canonical member authority", () => {
       });
     (teamAutomationApi.pause as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-alpha",
-      operationId: "op-pause",
-      commandId: "cmd-pause",
+      status: 'accepted',
+      scheduleId: 'sch-alpha',
+      operationId: 'op-pause',
+      commandId: 'cmd-pause',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
+
+    const pauseButton = await screen.findByRole('button', { name: 'Pause' });
+    jest.useFakeTimers({ now: Date.now() });
+    try {
+      fireEvent.click(pauseButton);
+      await act(async () => {
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
 
-    fireEvent.click(await screen.findByRole("button", { name: "Pause" }));
+      expect(mockConsoleToast.info).toHaveBeenCalledWith(
+        'Pause request accepted',
+      );
+      expect(mockConsoleToast.success).not.toHaveBeenCalled();
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(2);
+      expect(screen.getByRole('button', { name: 'Pause' })).toBeInTheDocument();
 
-    expect(await screen.findByText("Pause request accepted")).toBeInTheDocument();
-    await waitFor(
-      () => expect(screen.getByRole("button", { name: "Resume" })).toBeInTheDocument(),
-      { timeout: 7_500 },
-    );
-    expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(2_000);
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
+
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
+      await waitFor(() =>
+        expect(
+          screen.getByRole('button', { name: 'Resume' }),
+        ).toBeInTheDocument(),
+      );
+    } finally {
+      jest.useRealTimers();
+    }
   });
 
-  it("keeps observing delete until the authoritative row disappears", async () => {
+  it('keeps observing delete until the authoritative row disappears', async () => {
     const active = automationView({ stateVersion: 4 });
     (teamAutomationApi.listAll as jest.Mock)
       .mockResolvedValueOnce({
@@ -1028,53 +1274,78 @@ describe("TeamAutomationsTab canonical member authority", () => {
       });
     (teamAutomationApi.delete as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-alpha",
-      operationId: "op-delete",
-      commandId: "cmd-delete",
+      status: 'accepted',
+      scheduleId: 'sch-alpha',
+      operationId: 'op-delete',
+      commandId: 'cmd-delete',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "Delete" }));
-    const confirmation = await screen.findByRole("dialog");
-    fireEvent.click(
-      within(confirmation).getByRole("button", { name: "Delete" }),
-    );
+    fireEvent.click(await screen.findByRole('button', { name: 'Delete' }));
+    const confirmation = await screen.findByRole('dialog');
+    const confirmDeleteButton = within(confirmation).getByRole('button', {
+      name: 'Delete',
+    });
 
-    expect(await screen.findByText("Delete request accepted")).toBeInTheDocument();
-    await waitFor(
-      () =>
-        expect(screen.getByText("No automations for this member")).toBeInTheDocument(),
-      { timeout: 3_500 },
-    );
-    expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
+    jest.useFakeTimers({ now: Date.now() });
+    try {
+      fireEvent.click(confirmDeleteButton);
+      await act(async () => {
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
+
+      expect(mockConsoleToast.info).toHaveBeenCalledWith(
+        'Delete request accepted',
+      );
+      expect(mockConsoleToast.success).not.toHaveBeenCalled();
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(2);
+      expect(screen.queryByText('No automations for this member')).toBeNull();
+
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(2_000);
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
+
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
+      await waitFor(() =>
+        expect(
+          screen.getByText('No automations for this member'),
+        ).toBeInTheDocument(),
+      );
+    } finally {
+      jest.useRealTimers();
+    }
   });
 
-  it("offers reauthorization for a projected authorization failure", async () => {
+  it('offers reauthorization for a projected authorization failure', async () => {
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
-      items: [automationView({ authorizationStatus: "needs_authorization" })],
+      items: [automationView({ authorizationStatus: 'needs_authorization' })],
       nextCursor: null,
       totalCount: 1,
     });
     (teamAutomationApi.preflightCreate as jest.Mock).mockResolvedValue(
       authorizationReview(),
     );
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
     fireEvent.click(
-      await screen.findByRole("button", { name: "Review and reauthorize" }),
+      await screen.findByRole('button', { name: 'Review and reauthorize' }),
     );
 
-    await waitFor(() => expect(teamAutomationApi.preflightCreate).toHaveBeenCalledTimes(1));
-    expect(await screen.findByText("Dedicated Agent Key")).toBeInTheDocument();
+    await waitFor(() =>
+      expect(teamAutomationApi.preflightCreate).toHaveBeenCalledTimes(1),
+    );
+    expect(await screen.findByText('Dedicated Agent Key')).toBeInTheDocument();
   });
 
-  it("retries actor-owned revocation without a browser operation ledger", async () => {
+  it('retries actor-owned revocation without a browser operation ledger', async () => {
     const revoking = automationView({
-      authorizationStatus: "revocation_pending",
+      authorizationStatus: 'revocation_pending',
       revocationPending: true,
-      nyxIdRevocationStatus: "Completed",
-      vaultRevocationStatus: "Pending",
+      nyxIdRevocationStatus: 'Completed',
+      vaultRevocationStatus: 'Pending',
     });
     (teamAutomationApi.listAll as jest.Mock)
       .mockResolvedValueOnce({
@@ -1090,38 +1361,60 @@ describe("TeamAutomationsTab canonical member authority", () => {
       .mockResolvedValue({ items: [], nextCursor: null, totalCount: 0 });
     (teamAutomationApi.retryRevocation as jest.Mock).mockResolvedValue({
       accepted: true,
-      status: "accepted",
-      scheduleId: "sch-alpha",
-      operationId: "op-alpha",
-      commandId: "cmd-retry",
+      status: 'accepted',
+      scheduleId: 'sch-alpha',
+      operationId: 'op-alpha',
+      commandId: 'cmd-retry',
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    expect(await screen.findByText("NyxID: Completed")).toBeInTheDocument();
-    expect(screen.getByText("Vault: Pending")).toBeInTheDocument();
-    fireEvent.click(screen.getByRole("button", { name: "Retry revocation" }));
+    expect(await screen.findByText('NyxID: Completed')).toBeInTheDocument();
+    expect(screen.getByText('Vault: Pending')).toBeInTheDocument();
+    const retryButton = screen.getByRole('button', {
+      name: 'Retry revocation',
+    });
+
+    jest.useFakeTimers({ now: Date.now() });
+    try {
+      fireEvent.click(retryButton);
+      await act(async () => {
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
 
-    await waitFor(() =>
       expect(teamAutomationApi.retryRevocation).toHaveBeenCalledWith(
-        { scopeId: "scope-alpha", teamId: "team-alpha", memberId: "m-alpha" },
-        "sch-alpha",
-      ),
-    );
-    expect(
-      await screen.findByText("No automations for this member", {}, { timeout: 3_500 }),
-    ).toBeInTheDocument();
-    expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
-    expect(screen.queryByText("Still pending")).not.toBeInTheDocument();
+        { scopeId: 'scope-alpha', teamId: 'team-alpha', memberId: 'm-alpha' },
+        'sch-alpha',
+      );
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(2);
+      expect(screen.queryByText('No automations for this member')).toBeNull();
+
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(2_000);
+        await Promise.resolve();
+        await jest.advanceTimersByTimeAsync(0);
+      });
+
+      expect(teamAutomationApi.listAll).toHaveBeenCalledTimes(3);
+      await waitFor(() =>
+        expect(
+          screen.getByText('No automations for this member'),
+        ).toBeInTheDocument(),
+      );
+      expect(screen.queryByText('Still pending')).not.toBeInTheDocument();
+    } finally {
+      jest.useRealTimers();
+    }
   });
 
-  it("reconnects NyxID for revocation retry without persisting an action ledger", async () => {
+  it('reconnects NyxID for revocation retry without persisting an action ledger', async () => {
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
       items: [
         automationView({
-          authorizationStatus: "revocation_pending",
+          authorizationStatus: 'revocation_pending',
           revocationPending: true,
-          nyxIdRevocationStatus: "Completed",
-          vaultRevocationStatus: "Pending",
+          nyxIdRevocationStatus: 'Completed',
+          vaultRevocationStatus: 'Pending',
         }),
       ],
       nextCursor: null,
@@ -1129,51 +1422,57 @@ describe("TeamAutomationsTab canonical member authority", () => {
     });
     (teamAutomationApi.retryRevocation as jest.Mock).mockRejectedValue(
       new TeamAutomationApiError(
-        "Reconnect NyxID to authorize this automation.",
+        'Reconnect NyxID to authorize this automation.',
         409,
-        "TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED",
+        'TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED',
       ),
     );
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    fireEvent.click(await screen.findByRole("button", { name: "Retry revocation" }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Retry revocation' }),
+    );
 
     await waitFor(() => expect(NyxIDAuthClient).toHaveBeenCalledTimes(1));
-    const loginWithRedirect = (NyxIDAuthClient as jest.Mock).mock.results[0].value
-      .loginWithRedirect as jest.Mock;
+    const loginWithRedirect = (NyxIDAuthClient as jest.Mock).mock.results[0]
+      .value.loginWithRedirect as jest.Mock;
     expect(loginWithRedirect).toHaveBeenCalledWith({
       returnTo:
-        "/scopes/scope-alpha/teams/team-alpha/members/m-alpha/automations",
-      prompt: "consent",
+        '/scopes/scope-alpha/teams/team-alpha/members/m-alpha/automations',
+      prompt: 'consent',
     });
     expect(window.sessionStorage.length).toBe(0);
   });
 
-  it("keeps delete unavailable while replacement or revocation is pending", async () => {
+  it('keeps delete unavailable while replacement or revocation is pending', async () => {
     (teamAutomationApi.listAll as jest.Mock).mockResolvedValue({
       items: [
         automationView({
-          scheduleId: "sch-replacement",
-          authorizationStatus: "replacement_pending",
+          scheduleId: 'sch-replacement',
+          authorizationStatus: 'replacement_pending',
         }),
         automationView({
-          scheduleId: "sch-revocation",
-          authorizationStatus: "failed",
+          scheduleId: 'sch-revocation',
+          authorizationStatus: 'failed',
           revocationPending: true,
-          nyxIdRevocationStatus: "Failed",
-          vaultRevocationStatus: "Pending",
+          nyxIdRevocationStatus: 'Failed',
+          vaultRevocationStatus: 'Pending',
         }),
       ],
       nextCursor: null,
       totalCount: 2,
     });
-    renderTab("m-alpha");
+    renderTab('m-alpha');
 
-    expect(await screen.findByText("Replacing authorization")).toBeInTheDocument();
-    expect(screen.getByText("Revocation needs attention")).toBeInTheDocument();
-    expect(screen.queryByRole("button", { name: "Delete" })).not.toBeInTheDocument();
     expect(
-      screen.getByRole("button", { name: "Retry revocation" }),
+      await screen.findByText('Replacing authorization'),
+    ).toBeInTheDocument();
+    expect(screen.getByText('Revocation needs attention')).toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Delete' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Retry revocation' }),
     ).toBeInTheDocument();
   });
 });
diff --git a/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.tsx b/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.tsx
index 8200c02b4d..b00d55341a 100644
--- a/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/tabs/TeamAutomationsTab.tsx
@@ -10,8 +10,9 @@ import {
   ReloadOutlined,
   SafetyCertificateOutlined,
   ThunderboltOutlined,
-} from "@ant-design/icons";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+} from '@ant-design/icons';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useIntl } from '@umijs/max';
 import {
   Alert,
   Button,
@@ -24,16 +25,14 @@ import {
   Space,
   Spin,
   Switch,
-  Tooltip,
   Typography,
-  message,
   theme,
-} from "antd";
-import { useIntl } from "@umijs/max";
-import React from "react";
+} from 'antd';
+import React from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import { previewScheduledDispatch } from '@/shared/api/scheduledDispatchApi';
 import {
   createTeamAutomationOperationIdentity,
-  teamAutomationApi,
   TeamAutomationApiError,
   type TeamAutomationCreateDraft,
   type TeamAutomationListRoute,
@@ -42,28 +41,24 @@ import {
   type TeamAutomationPermissionReview,
   type TeamAutomationRoute,
   type TeamAutomationView,
-} from "@/shared/api/teamAutomationApi";
-import { previewScheduledDispatch } from "@/shared/api/scheduledDispatchApi";
-import { NyxIDAuthClient } from "@/shared/auth/client";
-import { getNyxIDRuntimeConfig } from "@/shared/auth/config";
-import { formatCompactDateTime } from "@/shared/datetime/dateTime";
-import {
-  buildTeamMemberAutomationsHref,
-} from "@/shared/navigation/teamRoutes";
+  teamAutomationApi,
+} from '@/shared/api/teamAutomationApi';
+import { NyxIDAuthClient } from '@/shared/auth/client';
+import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
+import { formatCompactDateTime } from '@/shared/datetime/dateTime';
+import { buildTeamMemberAutomationsHref } from '@/shared/navigation/teamRoutes';
 import {
   AevatarInspectorEmpty,
   AevatarPanel,
-} from "@/shared/ui/aevatarPageShells";
-import TeamAutomationAuthorizationReview from "../components/TeamAutomationAuthorizationReview";
-import {
-  DetailPill,
-  FactLine,
-} from "../components/TeamDetailPrimitives";
+} from '@/shared/ui/aevatarPageShells';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import TeamAutomationAuthorizationReview from '../components/TeamAutomationAuthorizationReview';
+import { DetailPill, FactLine } from '../components/TeamDetailPrimitives';
 import {
   consumeTeamAutomationAuthorizationDraft,
   saveTeamAutomationAuthorizationDraft,
   type TeamAutomationAuthorizationDraftInput,
-} from "../teamAutomationAuthorizationDraftSession";
+} from '../teamAutomationAuthorizationDraftSession';
 
 export type TeamAutomationMemberRow = {
   readonly canAutomateMember: boolean;
@@ -95,17 +90,17 @@ type Draft = {
   readonly enabled: boolean;
 };
 
-type AuthorizationMode = "create" | "reauthorize";
+type AuthorizationMode = 'create' | 'reauthorize';
 
 export type MutationObservation = {
   readonly kind:
     | AuthorizationMode
-    | "update"
-    | "pause"
-    | "resume"
-    | "runNow"
-    | "delete"
-    | "retryRevocation";
+    | 'update'
+    | 'pause'
+    | 'resume'
+    | 'runNow'
+    | 'delete'
+    | 'retryRevocation';
   readonly scheduleId: string;
   readonly acceptedAt: number;
   readonly baselineStateVersion: number;
@@ -114,22 +109,22 @@ export type MutationObservation = {
 };
 
 type AuthorizationFlow =
-  | { readonly state: "idle" }
+  | { readonly state: 'idle' }
   | {
-      readonly state: "preflighting";
+      readonly state: 'preflighting';
       readonly draft: TeamAutomationCreateDraft;
       readonly mode: AuthorizationMode;
       readonly scheduleId?: string;
     }
   | {
-      readonly state: "reviewing";
+      readonly state: 'reviewing';
       readonly draft: TeamAutomationCreateDraft;
       readonly mode: AuthorizationMode;
       readonly review: TeamAutomationPermissionReview;
       readonly scheduleId?: string;
     }
   | {
-      readonly state: "submitting";
+      readonly state: 'submitting';
       readonly draft: TeamAutomationCreateDraft;
       readonly identity: TeamAutomationOperationIdentity;
       readonly mode: AuthorizationMode;
@@ -137,13 +132,13 @@ type AuthorizationFlow =
       readonly scheduleId?: string;
     }
   | {
-      readonly state: "plan_changed";
+      readonly state: 'plan_changed';
       readonly draft: TeamAutomationCreateDraft;
       readonly mode: AuthorizationMode;
       readonly scheduleId?: string;
     }
   | {
-      readonly state: "pending";
+      readonly state: 'pending';
       readonly baselineStateVersion: number;
       readonly scheduleId: string;
     };
@@ -153,29 +148,29 @@ const promptMaxLength = 4_000;
 const pendingPollIntervalMs = 2_000;
 const pendingPollDurationMs = 6_000;
 const retryablePreflightCodes = new Set([
-  "TEAM_AUTOMATION_AUTHORIZATION_PROJECTION_PENDING",
-  "TEAM_AUTOMATION_AUTHORIZATION_SNAPSHOT_NOT_FOUND",
-  "TEAM_AUTOMATION_AUTHORIZATION_SNAPSHOT_STALE",
-  "TEAM_AUTOMATION_AUTHORIZATION_DURABLE_AUTHORIZATION_UNAVAILABLE",
-  "TEAM_AUTOMATION_AUTHORIZATION_REFRESH_SUPERSEDED",
-  "TEAM_AUTOMATION_AUTHORIZATION_REFRESH_UNAVAILABLE",
+  'TEAM_AUTOMATION_AUTHORIZATION_PROJECTION_PENDING',
+  'TEAM_AUTOMATION_AUTHORIZATION_SNAPSHOT_NOT_FOUND',
+  'TEAM_AUTOMATION_AUTHORIZATION_SNAPSHOT_STALE',
+  'TEAM_AUTOMATION_AUTHORIZATION_DURABLE_AUTHORIZATION_UNAVAILABLE',
+  'TEAM_AUTOMATION_AUTHORIZATION_REFRESH_SUPERSEDED',
+  'TEAM_AUTOMATION_AUTHORIZATION_REFRESH_UNAVAILABLE',
 ]);
 const initialDraft: Draft = {
-  memberId: "",
-  displayName: "",
-  prompt: "",
-  cronExpression: "0 9 * * 1-5",
-  timezone: "UTC",
+  memberId: '',
+  displayName: '',
+  prompt: '',
+  cronExpression: '0 9 * * 1-5',
+  timezone: 'UTC',
   enabled: true,
 };
 
 const pageGridStyle: React.CSSProperties = {
-  alignItems: "start",
-  display: "grid",
+  alignItems: 'start',
+  display: 'grid',
   gap: 16,
-  gridTemplateColumns: "minmax(0, 1fr) minmax(280px, 340px)",
+  gridTemplateColumns: 'minmax(0, 1fr) minmax(280px, 340px)',
   minWidth: 0,
-  width: "100%",
+  width: '100%',
 };
 
 const responsiveStyle = `
@@ -283,17 +278,17 @@ const responsiveStyle = `
 `;
 
 const panelHeaderStyle: React.CSSProperties = {
-  alignItems: "flex-start",
-  display: "flex",
-  flexWrap: "wrap",
+  alignItems: 'flex-start',
+  display: 'flex',
+  flexWrap: 'wrap',
   gap: 12,
-  justifyContent: "space-between",
+  justifyContent: 'space-between',
   minWidth: 0,
 };
 
 const primaryHeaderButtonStyle: React.CSSProperties = {
   borderRadius: 10,
-  boxShadow: "none",
+  boxShadow: 'none',
   fontWeight: 700,
   height: 36,
   paddingInline: 14,
@@ -305,8 +300,8 @@ const inspectorActionButtonStyle: React.CSSProperties = {
 };
 
 const titleGroupStyle: React.CSSProperties = {
-  display: "flex",
-  flexDirection: "column",
+  display: 'flex',
+  flexDirection: 'column',
   gap: 4,
   minWidth: 0,
 };
@@ -314,68 +309,68 @@ const titleGroupStyle: React.CSSProperties = {
 const titleStyle: React.CSSProperties = {
   fontSize: 16,
   fontWeight: 800,
-  lineHeight: "24px",
+  lineHeight: '24px',
   margin: 0,
 };
 
 const commitmentGridStyle: React.CSSProperties = {
-  display: "grid",
+  display: 'grid',
   gap: 10,
 };
 
 const commitmentRowStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "grid",
+  alignItems: 'center',
+  display: 'grid',
   gap: 14,
   gridTemplateColumns:
-    "minmax(0, 1.16fr) minmax(0, 0.72fr) minmax(0, 0.48fr) max-content",
+    'minmax(0, 1.16fr) minmax(0, 0.72fr) minmax(0, 0.48fr) max-content',
   minWidth: 0,
   padding: 14,
-  width: "100%",
+  width: '100%',
 };
 
 const automationSummaryGridStyle: React.CSSProperties = {
-  display: "grid",
+  display: 'grid',
   gap: 10,
-  gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+  gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',
 };
 
 const automationSummaryTileStyle: React.CSSProperties = {
-  alignItems: "center",
+  alignItems: 'center',
   borderRadius: 12,
-  display: "flex",
+  display: 'flex',
   gap: 10,
   minWidth: 0,
-  padding: "12px 14px",
+  padding: '12px 14px',
 };
 
 const automationListHeaderStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "grid",
+  alignItems: 'center',
+  display: 'grid',
   gap: 14,
   gridTemplateColumns: commitmentRowStyle.gridTemplateColumns,
   minWidth: 0,
-  padding: "0 14px",
+  padding: '0 14px',
 };
 
 const automationNameLineStyle: React.CSSProperties = {
-  alignItems: "center",
-  display: "flex",
+  alignItems: 'center',
+  display: 'flex',
   gap: 8,
   minWidth: 0,
 };
 
 const automationStatusBadgeStyle: React.CSSProperties = {
-  alignItems: "center",
+  alignItems: 'center',
   borderRadius: 999,
-  display: "inline-flex",
+  display: 'inline-flex',
   flexShrink: 0,
   fontSize: 12,
   fontWeight: 700,
   gap: 6,
   lineHeight: 1,
-  padding: "7px 10px",
-  whiteSpace: "nowrap",
+  padding: '7px 10px',
+  whiteSpace: 'nowrap',
 };
 
 const automationStatusDotStyle: React.CSSProperties = {
@@ -386,23 +381,23 @@ const automationStatusDotStyle: React.CSSProperties = {
 };
 
 const automationActionGroupBaseStyle: React.CSSProperties = {
-  alignItems: "center",
+  alignItems: 'center',
   borderRadius: 12,
-  display: "flex",
-  flexWrap: "nowrap",
+  display: 'flex',
+  flexWrap: 'nowrap',
   gap: 4,
-  inlineSize: "max-content",
-  justifyContent: "flex-end",
-  justifySelf: "end",
-  maxWidth: "100%",
-  minWidth: "max-content",
+  inlineSize: 'max-content',
+  justifyContent: 'flex-end',
+  justifySelf: 'end',
+  maxWidth: '100%',
+  minWidth: 'max-content',
   padding: 4,
 };
 
 const automationActionButtonBaseStyle: React.CSSProperties = {
-  border: "none",
+  border: 'none',
   borderRadius: 8,
-  boxShadow: "none",
+  boxShadow: 'none',
   height: 32,
   lineHeight: 1,
   minWidth: 32,
@@ -411,54 +406,54 @@ const automationActionButtonBaseStyle: React.CSSProperties = {
 };
 
 const upcomingRowStyle: React.CSSProperties = {
-  alignItems: "start",
-  display: "grid",
+  alignItems: 'start',
+  display: 'grid',
   gap: 10,
-  gridTemplateColumns: "28px minmax(0, 1fr)",
+  gridTemplateColumns: '28px minmax(0, 1fr)',
   minWidth: 0,
 };
 
 const modalFieldStyle: React.CSSProperties = {
-  display: "grid",
+  display: 'grid',
   gap: 8,
 };
 
 const enabledFieldStyle: React.CSSProperties = {
   ...modalFieldStyle,
-  alignContent: "start",
-  justifyItems: "start",
+  alignContent: 'start',
+  justifyItems: 'start',
 };
 
 const enabledSwitchStyle: React.CSSProperties = {
-  justifySelf: "start",
+  justifySelf: 'start',
   minWidth: 44,
   width: 44,
 };
 
 const scheduleInsightStyle: React.CSSProperties = {
   borderRadius: 10,
-  display: "grid",
+  display: 'grid',
   gap: 4,
   minWidth: 0,
-  padding: "10px 12px",
+  padding: '10px 12px',
 };
 
 const modalSectionStyle: React.CSSProperties = {
   borderRadius: 12,
-  display: "grid",
+  display: 'grid',
   gap: 14,
   padding: 14,
 };
 
 function trim(value: string | null | undefined): string {
-  return value?.trim() ?? "";
+  return value?.trim() ?? '';
 }
 
 function defaultTimezone(): string {
   try {
-    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC';
   } catch {
-    return "UTC";
+    return 'UTC';
   }
 }
 
@@ -471,69 +466,64 @@ function describeDraftCadence(
     values?: Record<string, string | number>,
   ) => string,
 ): { readonly detail: string; readonly summary: string } {
-  const cron = trim(cronExpression).replace(/\s+/g, " ");
-  const zone = trim(timezone) || "UTC";
-  const descriptions: Record<string, { readonly detail: string; readonly summary: string }> = {
-    "0 9 * * 1-5": {
+  const cron = trim(cronExpression).replace(/\s+/g, ' ');
+  const zone = trim(timezone) || 'UTC';
+  const descriptions: Record<
+    string,
+    { readonly detail: string; readonly summary: string }
+  > = {
+    '0 9 * * 1-5': {
       detail: copy(
-        "teams.automations.cron.weekdaysDetail",
-        "Weekdays at {time} · {timezone}",
-        { time: "09:00", timezone: zone },
-      ),
-      summary: copy(
-        "teams.automations.cron.weekdays",
-        "Weekdays · {time}",
-        { time: "09:00" },
+        'teams.automations.cron.weekdaysDetail',
+        'Weekdays at {time} · {timezone}',
+        { time: '09:00', timezone: zone },
       ),
+      summary: copy('teams.automations.cron.weekdays', 'Weekdays · {time}', {
+        time: '09:00',
+      }),
     },
-    "0 9 * * *": {
+    '0 9 * * *': {
       detail: copy(
-        "teams.automations.cron.dailyDetail",
-        "Every day at {time} · {timezone}",
-        { time: "09:00", timezone: zone },
-      ),
-      summary: copy(
-        "teams.automations.cron.daily",
-        "Daily · {time}",
-        { time: "09:00" },
+        'teams.automations.cron.dailyDetail',
+        'Every day at {time} · {timezone}',
+        { time: '09:00', timezone: zone },
       ),
+      summary: copy('teams.automations.cron.daily', 'Daily · {time}', {
+        time: '09:00',
+      }),
     },
-    "0 9 * * 1": {
+    '0 9 * * 1': {
       detail: copy(
-        "teams.automations.cron.weeklyDetail",
-        "{weekday} at {time} · {timezone}",
+        'teams.automations.cron.weeklyDetail',
+        '{weekday} at {time} · {timezone}',
         {
-          weekday: copy("teams.automations.weekdays.monday", "Monday"),
-          time: "09:00",
+          weekday: copy('teams.automations.weekdays.monday', 'Monday'),
+          time: '09:00',
           timezone: zone,
         },
       ),
-      summary: copy(
-        "teams.automations.cron.weekly",
-        "{weekday} · {time}",
-        {
-          weekday: copy("teams.automations.weekdays.monday", "Monday"),
-          time: "09:00",
-        },
-      ),
+      summary: copy('teams.automations.cron.weekly', '{weekday} · {time}', {
+        weekday: copy('teams.automations.weekdays.monday', 'Monday'),
+        time: '09:00',
+      }),
     },
-    "0 * * * *": {
+    '0 * * * *': {
       detail: copy(
-        "teams.automations.cron.hourlyDetail",
-        "Every hour at minute {minute} · {timezone}",
-        { minute: "00", timezone: zone },
-      ),
-      summary: copy(
-        "teams.automations.cron.hourly",
-        "Hourly · :{minute}",
-        { minute: "00" },
+        'teams.automations.cron.hourlyDetail',
+        'Every hour at minute {minute} · {timezone}',
+        { minute: '00', timezone: zone },
       ),
+      summary: copy('teams.automations.cron.hourly', 'Hourly · :{minute}', {
+        minute: '00',
+      }),
     },
   };
-  return descriptions[cron] ?? {
-    detail: `${cron || "--"} · ${zone}`,
-    summary: copy("teams.automations.cron.custom", "Custom schedule"),
-  };
+  return (
+    descriptions[cron] ?? {
+      detail: `${cron || '--'} · ${zone}`,
+      summary: copy('teams.automations.cron.custom', 'Custom schedule'),
+    }
+  );
 }
 
 function fromView(view: TeamAutomationView): Draft {
@@ -542,17 +532,17 @@ function fromView(view: TeamAutomationView): Draft {
     displayName: view.displayName,
     prompt: view.prompt,
     cronExpression: view.cronExpression,
-    timezone: view.timezone || "UTC",
+    timezone: view.timezone || 'UTC',
     enabled: view.enabled,
   };
 }
 
 function isPending(view: TeamAutomationView): boolean {
   return [
-    "provisioning_pending",
-    "replacement_pending",
-    "deleting",
-    "revocation_pending",
+    'provisioning_pending',
+    'replacement_pending',
+    'deleting',
+    'revocation_pending',
   ].includes(view.authorizationStatus);
 }
 
@@ -564,7 +554,7 @@ function matchesDraft(
     view.displayName === expectedDraft.displayName &&
     view.prompt === expectedDraft.prompt &&
     view.cronExpression === expectedDraft.cronExpression &&
-    view.timezone === (expectedDraft.timezone || "UTC") &&
+    view.timezone === (expectedDraft.timezone || 'UTC') &&
     view.enabled === expectedDraft.enabled
   );
 }
@@ -574,63 +564,65 @@ export function mutationObservationComplete(
   items: readonly TeamAutomationView[],
 ): boolean {
   const view = items.find((item) => item.scheduleId === observation.scheduleId);
-  if (!view && ["delete", "retryRevocation"].includes(observation.kind)) {
+  if (!view && ['delete', 'retryRevocation'].includes(observation.kind)) {
     return true;
   }
-  if (observation.kind === "delete") {
+  if (observation.kind === 'delete') {
     return false;
   }
   if (!view || view.stateVersion <= observation.baselineStateVersion) {
     return false;
   }
   switch (observation.kind) {
-    case "create":
-    case "reauthorize":
-      return ["active", "needs_authorization", "failed"].includes(
+    case 'create':
+    case 'reauthorize':
+      return ['active', 'needs_authorization', 'failed'].includes(
         view.authorizationStatus,
       );
-    case "update":
+    case 'update':
       return (
         (observation.expectedDraft
           ? matchesDraft(view, observation.expectedDraft)
           : false) ||
-        ["needs_authorization", "failed"].includes(view.authorizationStatus)
+        ['needs_authorization', 'failed'].includes(view.authorizationStatus)
       );
-    case "pause":
+    case 'pause':
       return !view.enabled;
-    case "resume":
+    case 'resume':
       return view.enabled;
-    case "runNow":
+    case 'runNow':
       return (
         view.lastFireAt !== (observation.baselineLastFireAt ?? null) ||
-        view.authorizationStatus === "failed"
+        view.authorizationStatus === 'failed'
       );
-    case "retryRevocation":
+    case 'retryRevocation':
       return (
         view.revocationPending &&
-        view.authorizationStatus === "failed" &&
-        (view.nyxIdRevocationStatus === "Failed" ||
-          view.vaultRevocationStatus === "Failed")
+        view.authorizationStatus === 'failed' &&
+        (view.nyxIdRevocationStatus === 'Failed' ||
+          view.vaultRevocationStatus === 'Failed')
       );
   }
 }
 
 function credentialLabel(view: TeamAutomationView): string {
   switch (view.authorizationStatus) {
-    case "provisioning_pending":
-      return "Preparing authorization";
-    case "active":
-      return "Credential active";
-    case "needs_authorization":
-      return "Authorization required";
-    case "replacement_pending":
-      return "Replacing authorization";
-    case "deleting":
-      return "Deleting";
-    case "revocation_pending":
-      return "Revocation pending";
-    case "failed":
-      return view.revocationPending ? "Revocation needs attention" : "Authorization failed";
+    case 'provisioning_pending':
+      return 'Preparing authorization';
+    case 'active':
+      return 'Credential active';
+    case 'needs_authorization':
+      return 'Authorization required';
+    case 'replacement_pending':
+      return 'Replacing authorization';
+    case 'deleting':
+      return 'Deleting';
+    case 'revocation_pending':
+      return 'Revocation pending';
+    case 'failed':
+      return view.revocationPending
+        ? 'Revocation needs attention'
+        : 'Authorization failed';
   }
 }
 
@@ -640,11 +632,11 @@ function authorizationDraft(
 ): TeamAutomationCreateDraft {
   return {
     ...route,
-    memberId: trim(draft.memberId) || route.memberId || "",
+    memberId: trim(draft.memberId) || route.memberId || '',
     displayName: trim(draft.displayName),
     prompt: trim(draft.prompt),
     cronExpression: trim(draft.cronExpression),
-    timezone: trim(draft.timezone) || "UTC",
+    timezone: trim(draft.timezone) || 'UTC',
     enabled: draft.enabled,
   };
 }
@@ -671,15 +663,17 @@ function recoveryDraft(
     displayName: draft.displayName,
     prompt: draft.prompt,
     scheduleCron: draft.cronExpression,
-    scheduleTimezone: draft.timezone ?? "UTC",
+    scheduleTimezone: draft.timezone ?? 'UTC',
     enabled: draft.enabled,
   };
 }
 
-function requiresBindingRecovery(error: unknown): error is TeamAutomationApiError {
+function requiresBindingRecovery(
+  error: unknown,
+): error is TeamAutomationApiError {
   return (
     error instanceof TeamAutomationApiError &&
-    error.code === "TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED"
+    error.code === 'TEAM_AUTOMATION_AUTHORIZATION_BINDING_REQUIRED'
   );
 }
 
@@ -689,25 +683,36 @@ async function retryTypedPreflight<T>(operation: () => Promise<T>): Promise<T> {
     try {
       return await operation();
     } catch (error) {
-      const code = error instanceof TeamAutomationApiError ? error.code : undefined;
-      if (!code || !retryablePreflightCodes.has(code) || attempt >= delays.length) {
+      const code =
+        error instanceof TeamAutomationApiError ? error.code : undefined;
+      if (
+        !code ||
+        !retryablePreflightCodes.has(code) ||
+        attempt >= delays.length
+      ) {
         throw error;
       }
-      await new Promise<void>((resolve) => setTimeout(resolve, delays[attempt]));
+      await new Promise<void>((resolve) =>
+        setTimeout(resolve, delays[attempt]),
+      );
     }
   }
 }
 
 const TeamAutomationsTab: React.FC<Props> = ({
   members = [],
-  routeMemberId: routeMemberIdInput = "",
+  routeMemberId: routeMemberIdInput = '',
   scopeId,
   teamId,
 }) => {
   const intl = useIntl();
+  const toast = useConsoleToast();
   const copy = React.useCallback(
-    (id: string, defaultMessage: string, values?: Record<string, string | number>) =>
-      intl.formatMessage({ id, defaultMessage }, values),
+    (
+      id: string,
+      defaultMessage: string,
+      values?: Record<string, string | number>,
+    ) => intl.formatMessage({ id, defaultMessage }, values),
     [intl],
   );
   const queryClient = useQueryClient();
@@ -731,46 +736,62 @@ const TeamAutomationsTab: React.FC<Props> = ({
   );
   const routeMember = membersById.get(routeMemberId);
   const routeMemberAuthority = React.useMemo<TeamAutomationRoute | null>(
-    () => route.memberId
-      ? { scopeId: route.scopeId, teamId: route.teamId, memberId: route.memberId }
-      : null,
+    () =>
+      route.memberId
+        ? {
+            scopeId: route.scopeId,
+            teamId: route.teamId,
+            memberId: route.memberId,
+          }
+        : null,
     [route],
   );
   const canQuery = Boolean(
     route.scopeId &&
-    route.teamId &&
-    (!route.memberId || routeMember?.canAutomateMember),
+      route.teamId &&
+      (!route.memberId || routeMember?.canAutomateMember),
   );
   const queryKey = React.useMemo(
-    () => ["team-automations", route.scopeId, route.teamId, route.memberId] as const,
+    () =>
+      [
+        'team-automations',
+        route.scopeId,
+        route.teamId,
+        route.memberId,
+      ] as const,
     [route],
   );
   const [draft, setDraft] = React.useState<Draft>({
     ...initialDraft,
     timezone: defaultTimezone(),
   });
-  const [formMode, setFormMode] = React.useState<"create" | "edit">("create");
+  const [formMode, setFormMode] = React.useState<'create' | 'edit'>('create');
   const [formOpen, setFormOpen] = React.useState(false);
   const [editing, setEditing] = React.useState<TeamAutomationView | null>(null);
-  const [authorizationFlow, setAuthorizationFlow] = React.useState<AuthorizationFlow>({ state: "idle" });
+  const [authorizationFlow, setAuthorizationFlow] =
+    React.useState<AuthorizationFlow>({ state: 'idle' });
   const [mutationObservation, setMutationObservation] =
     React.useState<MutationObservation | null>(null);
   const [expiredMutationObservation, setExpiredMutationObservation] =
     React.useState<MutationObservation | null>(null);
-  const [busyScheduleId, setBusyScheduleId] = React.useState("");
+  const [busyScheduleId, setBusyScheduleId] = React.useState('');
   const [previewTimes, setPreviewTimes] = React.useState<readonly string[]>([]);
-  const recoveredRouteRef = React.useRef("");
+  const recoveredRouteRef = React.useRef('');
   const modalPanelRef = React.useRef<HTMLDivElement | null>(null);
-  const flowBusy = authorizationFlow.state === "preflighting" || authorizationFlow.state === "submitting";
-  const review = authorizationFlow.state === "reviewing" || authorizationFlow.state === "submitting"
-    ? authorizationFlow.review
-    : null;
+  const flowBusy =
+    authorizationFlow.state === 'preflighting' ||
+    authorizationFlow.state === 'submitting';
+  const review =
+    authorizationFlow.state === 'reviewing' ||
+    authorizationFlow.state === 'submitting'
+      ? authorizationFlow.review
+      : null;
   const modalDescriptionId = review
-    ? "team-automation-authorization-description"
-    : "team-automation-form-description";
+    ? 'team-automation-authorization-description'
+    : 'team-automation-form-description';
 
   React.useEffect(() => {
-    modalPanelRef.current?.setAttribute("aria-describedby", modalDescriptionId);
+    modalPanelRef.current?.setAttribute('aria-describedby', modalDescriptionId);
   }, [formOpen, modalDescriptionId]);
 
   const automationsQuery = useQuery({
@@ -824,9 +845,9 @@ const TeamAutomationsTab: React.FC<Props> = ({
       current === mutationObservation ? null : current,
     );
     setAuthorizationFlow((current) =>
-      current.state === "pending" &&
+      current.state === 'pending' &&
       current.scheduleId === mutationObservation.scheduleId
-        ? { state: "idle" }
+        ? { state: 'idle' }
         : current,
     );
   }, [automationsQuery.data, mutationObservation]);
@@ -846,10 +867,12 @@ const TeamAutomationsTab: React.FC<Props> = ({
           }
         | { readonly route: TeamAutomationRoute },
     ) => {
-      if (typeof window === "undefined") {
-        throw new Error("NyxID authorization recovery requires a browser environment.");
+      if (typeof window === 'undefined') {
+        throw new Error(
+          'NyxID authorization recovery requires a browser environment.',
+        );
       }
-      if ("draft" in target) {
+      if ('draft' in target) {
         saveTeamAutomationAuthorizationDraft(
           window.sessionStorage,
           recoveryDraft(target.draft, target.mode, target.scheduleId),
@@ -857,24 +880,46 @@ const TeamAutomationsTab: React.FC<Props> = ({
       }
       await new NyxIDAuthClient(getNyxIDRuntimeConfig()).loginWithRedirect({
         returnTo: buildTeamMemberAutomationsHref(
-          "draft" in target ? target.draft : target.route,
+          'draft' in target ? target.draft : target.route,
         ),
-        prompt: "consent",
+        prompt: 'consent',
       });
     },
     [],
   );
 
   const beginPreflight = React.useCallback(
-    async (nextDraft: TeamAutomationCreateDraft, mode: AuthorizationMode, scheduleId?: string) => {
-      setAuthorizationFlow({ state: "preflighting", draft: nextDraft, mode, scheduleId });
+    async (
+      nextDraft: TeamAutomationCreateDraft,
+      mode: AuthorizationMode,
+      scheduleId?: string,
+    ) => {
+      setAuthorizationFlow({
+        state: 'preflighting',
+        draft: nextDraft,
+        mode,
+        scheduleId,
+      });
       try {
-        const review = await retryTypedPreflight(() => teamAutomationApi.preflightCreate(nextDraft));
-        if (review.status === "plan-changed") {
-          setAuthorizationFlow({ state: "plan_changed", draft: nextDraft, mode, scheduleId });
+        const review = await retryTypedPreflight(() =>
+          teamAutomationApi.preflightCreate(nextDraft),
+        );
+        if (review.status === 'plan-changed') {
+          setAuthorizationFlow({
+            state: 'plan_changed',
+            draft: nextDraft,
+            mode,
+            scheduleId,
+          });
           return;
         }
-        setAuthorizationFlow({ state: "reviewing", draft: nextDraft, mode, review, scheduleId });
+        setAuthorizationFlow({
+          state: 'reviewing',
+          draft: nextDraft,
+          mode,
+          review,
+          scheduleId,
+        });
       } catch (error) {
         if (requiresBindingRecovery(error)) {
           try {
@@ -885,37 +930,43 @@ const TeamAutomationsTab: React.FC<Props> = ({
             });
             return;
           } catch {
-            void message.error(copy(
-              "teams.automations.authorization.error",
-              "Authorization could not continue",
-            ));
-            setAuthorizationFlow({ state: "idle" });
+            toast.error(
+              copy(
+                'teams.automations.authorization.error',
+                'Authorization could not continue',
+              ),
+            );
+            setAuthorizationFlow({ state: 'idle' });
             return;
           }
         }
         if (
           error instanceof TeamAutomationApiError &&
-          error.code === "TEAM_AUTOMATION_AUTHORIZATION_PLAN_CHANGED"
+          error.code === 'TEAM_AUTOMATION_AUTHORIZATION_PLAN_CHANGED'
         ) {
-          setAuthorizationFlow({ state: "plan_changed", draft: nextDraft, mode, scheduleId });
+          setAuthorizationFlow({
+            state: 'plan_changed',
+            draft: nextDraft,
+            mode,
+            scheduleId,
+          });
           return;
         }
-        void message.error(
-          error instanceof TeamAutomationApiError
-            ? error.message
-            : copy(
-                "teams.automations.authorization.error",
-                "Authorization could not continue",
-              ),
+        toast.error(
+          copy(
+            'teams.automations.authorization.error',
+            'Authorization could not continue',
+          ),
         );
-        setAuthorizationFlow({ state: "idle" });
+        setAuthorizationFlow({ state: 'idle' });
       }
     },
-    [copy, redirectToBindingRecovery],
+    [copy, redirectToBindingRecovery, toast],
   );
 
   React.useEffect(() => {
-    if (!canQuery || !routeMemberAuthority || typeof window === "undefined") return;
+    if (!canQuery || !routeMemberAuthority || typeof window === 'undefined')
+      return;
     const routeKey = JSON.stringify(route);
     if (recoveredRouteRef.current === routeKey) return;
     recoveredRouteRef.current = routeKey;
@@ -933,7 +984,7 @@ const TeamAutomationsTab: React.FC<Props> = ({
       enabled: recovered.enabled,
     };
     setDraft(recoveredDraft);
-    setFormMode("create");
+    setFormMode('create');
     setEditing(null);
     setFormOpen(true);
     void beginPreflight(
@@ -946,12 +997,12 @@ const TeamAutomationsTab: React.FC<Props> = ({
   const openCreate = () => {
     setDraft({
       ...initialDraft,
-      memberId: routeMember?.memberId ?? "",
+      memberId: routeMember?.memberId ?? '',
       timezone: defaultTimezone(),
     });
     setEditing(null);
-    setFormMode("create");
-    setAuthorizationFlow({ state: "idle" });
+    setFormMode('create');
+    setAuthorizationFlow({ state: 'idle' });
     setPreviewTimes([]);
     setFormOpen(true);
   };
@@ -959,8 +1010,8 @@ const TeamAutomationsTab: React.FC<Props> = ({
   const openEdit = (view: TeamAutomationView) => {
     setDraft(fromView(view));
     setEditing(view);
-    setFormMode("edit");
-    setAuthorizationFlow({ state: "idle" });
+    setFormMode('edit');
+    setAuthorizationFlow({ state: 'idle' });
     setPreviewTimes([]);
     setFormOpen(true);
   };
@@ -968,11 +1019,22 @@ const TeamAutomationsTab: React.FC<Props> = ({
   const validateDraft = (): TeamAutomationCreateDraft | null => {
     const next = authorizationDraft(route, draft);
     if (!next.cronExpression) {
-      void message.error("Enter a cron expression.");
+      toast.error(
+        copy(
+          'teams.automations.messages.cronRequired',
+          'Enter a cron expression first.',
+        ),
+      );
       return null;
     }
     if (next.prompt.length > promptMaxLength) {
-      void message.error(`Recurring prompt must be ${promptMaxLength} characters or fewer.`);
+      toast.error(
+        copy(
+          'teams.automations.messages.promptTooLong',
+          'Recurring prompt must be {maxLength} characters or fewer.',
+          { maxLength: promptMaxLength },
+        ),
+      );
       return null;
     }
     return next;
@@ -980,24 +1042,33 @@ const TeamAutomationsTab: React.FC<Props> = ({
 
   const reviewAuthorization = () => {
     const next = validateDraft();
-    if (next) void beginPreflight(next, "create");
+    if (next) void beginPreflight(next, 'create');
   };
 
   const reviewReauthorization = (view: TeamAutomationView) => {
     const nextDraft = fromView(view);
     setDraft(nextDraft);
     setEditing(view);
-    setFormMode("edit");
+    setFormMode('edit');
     setFormOpen(true);
-    void beginPreflight(authorizationDraft(view, nextDraft), "reauthorize", view.scheduleId);
+    void beginPreflight(
+      authorizationDraft(view, nextDraft),
+      'reauthorize',
+      view.scheduleId,
+    );
   };
 
   const submitAuthorization = async () => {
-    if (authorizationFlow.state !== "reviewing") return;
-    const { draft: confirmedDraft, mode, review, scheduleId } = authorizationFlow;
+    if (authorizationFlow.state !== 'reviewing') return;
+    const {
+      draft: confirmedDraft,
+      mode,
+      review,
+      scheduleId,
+    } = authorizationFlow;
     const identity = createTeamAutomationOperationIdentity();
     setAuthorizationFlow({
-      state: "submitting",
+      state: 'submitting',
       draft: confirmedDraft,
       identity,
       mode,
@@ -1005,23 +1076,24 @@ const TeamAutomationsTab: React.FC<Props> = ({
       scheduleId,
     });
     try {
-      const receipt = mode === "create"
-        ? await teamAutomationApi.create(
-            confirmedDraft,
-            review.permissionDigest,
-            review.policyVersion,
-            identity,
-          )
-        : await teamAutomationApi.reauthorize(
-            exactAutomationRoute(confirmedDraft),
-            scheduleId ?? "",
-            confirmedDraft,
-            review.permissionDigest,
-            review.policyVersion,
-            identity,
-          );
+      const receipt =
+        mode === 'create'
+          ? await teamAutomationApi.create(
+              confirmedDraft,
+              review.permissionDigest,
+              review.policyVersion,
+              identity,
+            )
+          : await teamAutomationApi.reauthorize(
+              exactAutomationRoute(confirmedDraft),
+              scheduleId ?? '',
+              confirmedDraft,
+              review.permissionDigest,
+              review.policyVersion,
+              identity,
+            );
       setAuthorizationFlow({
-        state: "pending",
+        state: 'pending',
         scheduleId: receipt.scheduleId,
         baselineStateVersion: editing?.stateVersion ?? 0,
       });
@@ -1029,13 +1101,16 @@ const TeamAutomationsTab: React.FC<Props> = ({
         kind: mode,
         scheduleId: receipt.scheduleId,
         acceptedAt: Date.now(),
-        baselineStateVersion: mode === "reauthorize" ? editing?.stateVersion ?? 0 : 0,
+        baselineStateVersion:
+          mode === 'reauthorize' ? (editing?.stateVersion ?? 0) : 0,
         expectedDraft: confirmedDraft,
       });
-      void message.info(copy(
-        "teams.automations.messages.authorizationAccepted",
-        "Authorization request accepted",
-      ));
+      toast.info(
+        copy(
+          'teams.automations.messages.authorizationAccepted',
+          'Authorization request accepted',
+        ),
+      );
       setFormOpen(false);
       await invalidate();
     } catch (error) {
@@ -1048,31 +1123,35 @@ const TeamAutomationsTab: React.FC<Props> = ({
           });
           return;
         } catch {
-          void message.error(copy(
-            "teams.automations.authorization.error",
-            "Authorization could not continue",
-          ));
-          setAuthorizationFlow({ state: "idle" });
+          toast.error(
+            copy(
+              'teams.automations.authorization.error',
+              'Authorization could not continue',
+            ),
+          );
+          setAuthorizationFlow({ state: 'idle' });
           return;
         }
       }
       if (
         error instanceof TeamAutomationApiError &&
-        error.code === "TEAM_AUTOMATION_AUTHORIZATION_PLAN_CHANGED"
+        error.code === 'TEAM_AUTOMATION_AUTHORIZATION_PLAN_CHANGED'
       ) {
         setAuthorizationFlow({
-          state: "plan_changed",
+          state: 'plan_changed',
           draft: confirmedDraft,
           mode,
           scheduleId,
         });
         return;
       }
-      void message.error(copy(
-        "teams.automations.authorization.error",
-        "Authorization could not continue",
-      ));
-      setAuthorizationFlow({ state: "idle" });
+      toast.error(
+        copy(
+          'teams.automations.authorization.error',
+          'Authorization could not continue',
+        ),
+      );
+      setAuthorizationFlow({ state: 'idle' });
     }
   };
 
@@ -1083,21 +1162,31 @@ const TeamAutomationsTab: React.FC<Props> = ({
     const identity = createTeamAutomationOperationIdentity();
     setBusyScheduleId(editing.scheduleId);
     try {
-      const receipt = await teamAutomationApi.update(exactAutomationRoute(editing), editing.scheduleId, {
-        displayName: next.displayName,
-        prompt: next.prompt,
-        cronExpression: next.cronExpression,
-        timezone: next.timezone,
-        enabled: next.enabled,
-      }, identity);
+      const receipt = await teamAutomationApi.update(
+        exactAutomationRoute(editing),
+        editing.scheduleId,
+        {
+          displayName: next.displayName,
+          prompt: next.prompt,
+          cronExpression: next.cronExpression,
+          timezone: next.timezone,
+          enabled: next.enabled,
+        },
+        identity,
+      );
       setMutationObservation({
-        kind: "update",
+        kind: 'update',
         scheduleId: receipt.scheduleId,
         acceptedAt: Date.now(),
         baselineStateVersion: editing.stateVersion,
         expectedDraft: next,
       });
-      void message.info(copy("teams.automations.messages.updateAccepted", "Update request accepted"));
+      toast.info(
+        copy(
+          'teams.automations.messages.updateAccepted',
+          'Update request accepted',
+        ),
+      );
       setFormOpen(false);
       await invalidate();
     } catch (error) {
@@ -1105,48 +1194,56 @@ const TeamAutomationsTab: React.FC<Props> = ({
         try {
           await redirectToBindingRecovery({
             draft: next,
-            mode: "reauthorize",
+            mode: 'reauthorize',
             scheduleId: editing.scheduleId,
           });
           return;
-        } catch (redirectError) {
-          void message.error(
-            redirectError instanceof Error
-              ? redirectError.message
-              : String(redirectError),
+        } catch {
+          toast.error(
+            copy(
+              'teams.automations.authorization.error',
+              'Authorization could not continue',
+            ),
           );
           return;
         }
       }
       if (
         error instanceof TeamAutomationApiError &&
-        error.code === "TEAM_AUTOMATION_REAUTHORIZATION_REQUIRED"
+        error.code === 'TEAM_AUTOMATION_REAUTHORIZATION_REQUIRED'
       ) {
-        await beginPreflight(next, "reauthorize", editing.scheduleId);
+        await beginPreflight(next, 'reauthorize', editing.scheduleId);
         return;
       }
-      void message.error(error instanceof Error ? error.message : String(error));
+      toast.error(
+        copy(
+          'teams.automations.messages.updateFailedGeneric',
+          'Automation could not be updated.',
+        ),
+      );
     } finally {
-      setBusyScheduleId("");
+      setBusyScheduleId('');
     }
   };
 
   const runAction = async (
     view: TeamAutomationView,
-    action: "pause" | "resume" | "runNow" | "delete" | "retryRevocation",
+    action: 'pause' | 'resume' | 'runNow' | 'delete' | 'retryRevocation',
   ) => {
     setBusyScheduleId(view.scheduleId);
     try {
       let receipt: TeamAutomationMutationReceipt;
-      if (action === "retryRevocation") {
+      if (action === 'retryRevocation') {
         receipt = await teamAutomationApi.retryRevocation(
           exactAutomationRoute(view),
           view.scheduleId,
         );
-        void message.info(copy(
-          "teams.automations.messages.revocationRetryAccepted",
-          "Revocation retry accepted",
-        ));
+        toast.info(
+          copy(
+            'teams.automations.messages.revocationRetryAccepted',
+            'Revocation retry accepted',
+          ),
+        );
       } else {
         const identity = createTeamAutomationOperationIdentity();
         receipt = await teamAutomationApi[action](
@@ -1154,14 +1251,26 @@ const TeamAutomationsTab: React.FC<Props> = ({
           view.scheduleId,
           identity,
         );
-        void message.info(
-          action === "runNow"
-            ? copy("teams.automations.messages.runAccepted", "Run request accepted")
-            : action === "delete"
-              ? copy("teams.automations.messages.deleteAccepted", "Delete request accepted")
-              : action === "pause"
-                ? copy("teams.automations.messages.pauseAccepted", "Pause request accepted")
-                : copy("teams.automations.messages.resumeAccepted", "Resume request accepted"),
+        toast.info(
+          action === 'runNow'
+            ? copy(
+                'teams.automations.messages.runAccepted',
+                'Run request accepted',
+              )
+            : action === 'delete'
+              ? copy(
+                  'teams.automations.messages.deleteAccepted',
+                  'Delete request accepted',
+                )
+              : action === 'pause'
+                ? copy(
+                    'teams.automations.messages.pauseAccepted',
+                    'Pause request accepted',
+                  )
+                : copy(
+                    'teams.automations.messages.resumeAccepted',
+                    'Resume request accepted',
+                  ),
         );
       }
       setMutationObservation({
@@ -1169,26 +1278,34 @@ const TeamAutomationsTab: React.FC<Props> = ({
         scheduleId: receipt.scheduleId,
         acceptedAt: Date.now(),
         baselineStateVersion: view.stateVersion,
-        baselineLastFireAt: action === "runNow" ? view.lastFireAt : undefined,
+        baselineLastFireAt: action === 'runNow' ? view.lastFireAt : undefined,
       });
       await invalidate();
     } catch (error) {
       if (requiresBindingRecovery(error)) {
         try {
-          await redirectToBindingRecovery({ route: exactAutomationRoute(view) });
+          await redirectToBindingRecovery({
+            route: exactAutomationRoute(view),
+          });
           return;
-        } catch (redirectError) {
-          void message.error(
-            redirectError instanceof Error
-              ? redirectError.message
-              : String(redirectError),
+        } catch {
+          toast.error(
+            copy(
+              'teams.automations.authorization.error',
+              'Authorization could not continue',
+            ),
           );
           return;
         }
       }
-      void message.error(error instanceof Error ? error.message : String(error));
+      toast.error(
+        copy(
+          'teams.automations.messages.actionFailed',
+          'Automation action could not be completed.',
+        ),
+      );
     } finally {
-      setBusyScheduleId("");
+      setBusyScheduleId('');
     }
   };
 
@@ -1202,40 +1319,45 @@ const TeamAutomationsTab: React.FC<Props> = ({
         count: 3,
       });
       setPreviewTimes(result.nextFireTimes);
-    } catch (error) {
-      void message.error(error instanceof Error ? error.message : String(error));
+    } catch {
+      toast.error(
+        copy(
+          'teams.automations.messages.previewFailedGeneric',
+          'Could not preview scheduled runs.',
+        ),
+      );
     }
   };
 
   const automationStatus = (
     view: TeamAutomationView,
-  ): "active" | "error" | "paused" | "pending" => {
+  ): 'active' | 'error' | 'paused' | 'pending' => {
     if (
       view.revocationPending ||
-      ["needs_authorization", "failed"].includes(view.authorizationStatus)
+      ['needs_authorization', 'failed'].includes(view.authorizationStatus)
     ) {
-      return "error";
+      return 'error';
     }
-    if (isPending(view)) return "pending";
-    return view.enabled ? "active" : "paused";
+    if (isPending(view)) return 'pending';
+    return view.enabled ? 'active' : 'paused';
   };
 
   const renderStatusPill = (view: TeamAutomationView) => {
     const status = automationStatus(view);
     const statusStyle =
-      status === "error"
+      status === 'error'
         ? {
             background: token.colorErrorBg,
             border: `1px solid ${token.colorErrorBorder}`,
             color: token.colorError,
           }
-        : status === "paused"
+        : status === 'paused'
           ? {
               background: token.colorWarningBg,
               border: `1px solid ${token.colorWarningBorder}`,
               color: token.colorWarning,
             }
-          : status === "pending"
+          : status === 'pending'
             ? {
                 background: token.colorInfoBg,
                 border: `1px solid ${token.colorInfoBorder}`,
@@ -1247,17 +1369,24 @@ const TeamAutomationsTab: React.FC<Props> = ({
                 color: token.colorSuccess,
               };
     const statusLabel =
-      status === "error"
+      status === 'error'
         ? credentialLabel(view)
-        : status === "paused"
-          ? copy("teams.automations.status.paused", "Paused")
-          : status === "pending"
+        : status === 'paused'
+          ? copy('teams.automations.status.paused', 'Paused')
+          : status === 'pending'
             ? credentialLabel(view)
-            : copy("teams.automations.status.active", "Active");
+            : copy('teams.automations.status.active', 'Active');
 
     return (
-      <span aria-label={statusLabel} role="status" style={{ ...automationStatusBadgeStyle, ...statusStyle }}>
-        <span aria-hidden="true" style={{ ...automationStatusDotStyle, background: "currentColor" }} />
+      <span
+        aria-label={statusLabel}
+        role="status"
+        style={{ ...automationStatusBadgeStyle, ...statusStyle }}
+      >
+        <span
+          aria-hidden="true"
+          style={{ ...automationStatusDotStyle, background: 'currentColor' }}
+        />
         {statusLabel}
       </span>
     );
@@ -1271,23 +1400,23 @@ const TeamAutomationsTab: React.FC<Props> = ({
   }: {
     readonly icon: React.ReactNode;
     readonly label: string;
-    readonly tone: "error" | "success" | "warning";
+    readonly tone: 'error' | 'success' | 'warning';
     readonly value: number;
   }) => {
     const toneStyle =
-      tone === "error" && value === 0
+      tone === 'error' && value === 0
         ? {
             background: token.colorFillQuaternary,
             border: `1px solid ${token.colorBorderSecondary}`,
             color: token.colorTextSecondary,
           }
-        : tone === "error"
+        : tone === 'error'
           ? {
               background: token.colorErrorBg,
               border: `1px solid ${token.colorErrorBorder}`,
               color: token.colorError,
             }
-          : tone === "warning"
+          : tone === 'warning'
             ? {
                 background: token.colorWarningBg,
                 border: `1px solid ${token.colorWarningBorder}`,
@@ -1301,26 +1430,40 @@ const TeamAutomationsTab: React.FC<Props> = ({
 
     return (
       <div style={{ ...automationSummaryTileStyle, ...toneStyle }}>
-        <span style={{ alignItems: "center", display: "inline-flex", fontSize: 16 }}>{icon}</span>
-        <div style={{ display: "grid", gap: 2, minWidth: 0 }}>
-          <Typography.Text style={{ color: "inherit", fontSize: 20, lineHeight: 1 }} strong>{value}</Typography.Text>
-          <Typography.Text ellipsis style={{ color: "inherit", fontSize: 12, opacity: 0.82 }}>{label}</Typography.Text>
+        <span
+          style={{ alignItems: 'center', display: 'inline-flex', fontSize: 16 }}
+        >
+          {icon}
+        </span>
+        <div style={{ display: 'grid', gap: 2, minWidth: 0 }}>
+          <Typography.Text
+            style={{ color: 'inherit', fontSize: 20, lineHeight: 1 }}
+            strong
+          >
+            {value}
+          </Typography.Text>
+          <Typography.Text
+            ellipsis
+            style={{ color: 'inherit', fontSize: 12, opacity: 0.82 }}
+          >
+            {label}
+          </Typography.Text>
         </div>
       </div>
     );
   };
 
   const buildAutomationActionButtonStyle = (
-    tone: "default" | "danger" | "primary" = "default",
+    tone: 'default' | 'danger' | 'primary' = 'default',
   ): React.CSSProperties => {
-    if (tone === "danger") {
+    if (tone === 'danger') {
       return {
         ...automationActionButtonBaseStyle,
         background: token.colorErrorBg,
         color: token.colorError,
       };
     }
-    if (tone === "primary") {
+    if (tone === 'primary') {
       return {
         ...automationActionButtonBaseStyle,
         background: token.colorPrimaryBg,
@@ -1349,7 +1492,7 @@ const TeamAutomationsTab: React.FC<Props> = ({
     readonly onClick: () => void;
     readonly primary?: boolean;
   }) => (
-    <Tooltip title={label}>
+    <AevatarTooltip title={label}>
       <Button
         aria-label={label}
         className="team-automation-action-button"
@@ -1359,23 +1502,26 @@ const TeamAutomationsTab: React.FC<Props> = ({
         onClick={onClick}
         size="small"
         style={buildAutomationActionButtonStyle(
-          danger ? "danger" : primary ? "primary" : "default",
+          danger ? 'danger' : primary ? 'primary' : 'default',
         )}
       />
-    </Tooltip>
+    </AevatarTooltip>
   );
 
   const renderActions = (view: TeamAutomationView) => {
     const busy = busyScheduleId === view.scheduleId;
-    const active = view.authorizationStatus === "active";
+    const active = view.authorizationStatus === 'active';
     const canReauthorize =
-      view.authorizationStatus === "needs_authorization" ||
-      (view.authorizationStatus === "failed" && !view.revocationPending);
+      view.authorizationStatus === 'needs_authorization' ||
+      (view.authorizationStatus === 'failed' && !view.revocationPending);
     const canDelete =
       !view.revocationPending &&
-      ["provisioning_pending", "active", "needs_authorization", "failed"].includes(
-        view.authorizationStatus,
-      );
+      [
+        'provisioning_pending',
+        'active',
+        'needs_authorization',
+        'failed',
+      ].includes(view.authorizationStatus);
     return (
       <div
         className="team-automation-actions"
@@ -1388,79 +1534,97 @@ const TeamAutomationsTab: React.FC<Props> = ({
         {active
           ? renderAutomationActionButton({
               icon: <EditOutlined />,
-              label: copy("teams.automations.actions.edit", "Edit"),
+              label: copy('teams.automations.actions.edit', 'Edit'),
               disabled: busy,
               onClick: () => openEdit(view),
             })
           : null}
-        {active ? (
-          renderAutomationActionButton({
-            icon: <ThunderboltOutlined />,
-            label: copy("teams.automations.actions.runNow", "Run now"),
-            disabled: busy,
-            onClick: () => void runAction(view, "runNow"),
-            primary: true,
-          })
-        ) : null}
-        {active ? (
-          renderAutomationActionButton({
-            icon: view.enabled ? <PauseCircleOutlined /> : <PlayCircleOutlined />,
-            label: view.enabled
-              ? copy("teams.automations.actions.pause", "Pause")
-              : copy("teams.automations.actions.resume", "Resume"),
-            disabled: busy,
-            onClick: () => void runAction(view, view.enabled ? "pause" : "resume"),
-          })
-        ) : null}
-        {canReauthorize ? (
-          renderAutomationActionButton({
-            icon: <SafetyCertificateOutlined />,
-            label: copy("teams.automations.actions.reauthorize", "Review and reauthorize"),
-            disabled: busy,
-            onClick: () => reviewReauthorization(view),
-          })
-        ) : null}
-        {view.revocationPending ? (
-          renderAutomationActionButton({
-            icon: <ReloadOutlined />,
-            label: copy("teams.automations.actions.retryRevocation", "Retry revocation"),
-            disabled: busy,
-            onClick: () => void runAction(view, "retryRevocation"),
-          })
-        ) : null}
-        {canDelete ? (
-          renderAutomationActionButton({
-            danger: true,
-            icon: <DeleteOutlined />,
-            label: copy("teams.automations.actions.delete", "Delete"),
-            disabled: busy,
-            onClick: () =>
+        {active
+          ? renderAutomationActionButton({
+              icon: <ThunderboltOutlined />,
+              label: copy('teams.automations.actions.runNow', 'Run now'),
+              disabled: busy,
+              onClick: () => void runAction(view, 'runNow'),
+              primary: true,
+            })
+          : null}
+        {active
+          ? renderAutomationActionButton({
+              icon: view.enabled ? (
+                <PauseCircleOutlined />
+              ) : (
+                <PlayCircleOutlined />
+              ),
+              label: view.enabled
+                ? copy('teams.automations.actions.pause', 'Pause')
+                : copy('teams.automations.actions.resume', 'Resume'),
+              disabled: busy,
+              onClick: () =>
+                void runAction(view, view.enabled ? 'pause' : 'resume'),
+            })
+          : null}
+        {canReauthorize
+          ? renderAutomationActionButton({
+              icon: <SafetyCertificateOutlined />,
+              label: copy(
+                'teams.automations.actions.reauthorize',
+                'Review and reauthorize',
+              ),
+              disabled: busy,
+              onClick: () => reviewReauthorization(view),
+            })
+          : null}
+        {view.revocationPending
+          ? renderAutomationActionButton({
+              icon: <ReloadOutlined />,
+              label: copy(
+                'teams.automations.actions.retryRevocation',
+                'Retry revocation',
+              ),
+              disabled: busy,
+              onClick: () => void runAction(view, 'retryRevocation'),
+            })
+          : null}
+        {canDelete
+          ? renderAutomationActionButton({
+              danger: true,
+              icon: <DeleteOutlined />,
+              label: copy('teams.automations.actions.delete', 'Delete'),
+              disabled: busy,
+              onClick: () =>
                 Modal.confirm({
-                  title: copy("teams.automations.delete.title", "Delete automation?"),
+                  title: copy(
+                    'teams.automations.delete.title',
+                    'Delete automation?',
+                  ),
                   content: copy(
-                    "teams.automations.delete.description",
-                    "The row remains visible until NyxID and Vault revocation are complete.",
+                    'teams.automations.delete.description',
+                    'The row remains visible until NyxID and Vault revocation are complete.',
                   ),
-                  okText: copy("teams.automations.actions.delete", "Delete"),
+                  okText: copy('teams.automations.actions.delete', 'Delete'),
                   okButtonProps: { danger: true },
-                  onOk: () => runAction(view, "delete"),
+                  onOk: () => runAction(view, 'delete'),
                 }),
-          })
-        ) : null}
+            })
+          : null}
       </div>
     );
   };
 
   const renderRow = (view: TeamAutomationView) => {
-    const cadence = describeDraftCadence(view.cronExpression, view.timezone, copy);
+    const cadence = describeDraftCadence(
+      view.cronExpression,
+      view.timezone,
+      copy,
+    );
     const ownerMember = membersById.get(trim(view.memberId));
     const status = automationStatus(view);
     const rowBorderColor =
-      status === "error"
+      status === 'error'
         ? token.colorErrorBorder
-        : status === "paused"
+        : status === 'paused'
           ? token.colorWarningBorder
-          : status === "pending"
+          : status === 'pending'
             ? token.colorInfoBorder
             : token.colorBorderSecondary;
 
@@ -1477,51 +1641,88 @@ const TeamAutomationsTab: React.FC<Props> = ({
           boxShadow: token.boxShadowTertiary,
         }}
       >
-        <div className="team-automation-row__automation" style={{ display: "grid", gap: 7, minWidth: 0 }}>
+        <div
+          className="team-automation-row__automation"
+          style={{ display: 'grid', gap: 7, minWidth: 0 }}
+        >
           <div style={automationNameLineStyle}>
             {renderStatusPill(view)}
             <Typography.Text ellipsis strong>
-              {view.displayName || copy("teams.automations.untitled", "Untitled automation")}
+              {view.displayName ||
+                copy('teams.automations.untitled', 'Untitled automation')}
             </Typography.Text>
           </div>
           <FactLine
             secondary
-            text={copy("teams.automations.row.target", "Workflow chat · {endpoint}", { endpoint: "chat" })}
+            text={copy(
+              'teams.automations.row.target',
+              'Workflow chat · {endpoint}',
+              { endpoint: 'chat' },
+            )}
           />
           {view.lastAuthorizationErrorCode ? (
-            <Tooltip placement="topLeft" title={view.lastAuthorizationErrorCode}>
-              <Typography.Text ellipsis style={{ color: token.colorError, display: "block", fontSize: 12 }}>
+            <AevatarTooltip
+              placement="topLeft"
+              title={view.lastAuthorizationErrorCode}
+            >
+              <Typography.Text
+                ellipsis
+                style={{
+                  color: token.colorError,
+                  display: 'block',
+                  fontSize: 12,
+                }}
+              >
                 {view.lastAuthorizationErrorCode}
               </Typography.Text>
-            </Tooltip>
+            </AevatarTooltip>
           ) : null}
           {view.revocationPending ? (
             <Space size={8} wrap>
               <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                {copy("teams.automations.revocation.nyxId", "NyxID: {status}", { status: view.nyxIdRevocationStatus })}
+                {copy('teams.automations.revocation.nyxId', 'NyxID: {status}', {
+                  status: view.nyxIdRevocationStatus,
+                })}
               </Typography.Text>
               <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                {copy("teams.automations.revocation.vault", "Vault: {status}", { status: view.vaultRevocationStatus })}
+                {copy('teams.automations.revocation.vault', 'Vault: {status}', {
+                  status: view.vaultRevocationStatus,
+                })}
               </Typography.Text>
             </Space>
           ) : null}
         </div>
-        <div className="team-automation-row__member" style={{ display: "grid", gap: 5, minWidth: 0 }}>
-          <Typography.Text ellipsis strong>{ownerMember?.name ?? "--"}</Typography.Text>
+        <div
+          className="team-automation-row__member"
+          style={{ display: 'grid', gap: 5, minWidth: 0 }}
+        >
+          <Typography.Text ellipsis strong>
+            {ownerMember?.name ?? '--'}
+          </Typography.Text>
           <FactLine
             rows={2}
             secondary
-            text={copy("teams.automations.preview.runsThroughService", "Runs through published service")}
+            text={copy(
+              'teams.automations.preview.runsThroughService',
+              'Runs through published service',
+            )}
           />
         </div>
-        <div className="team-automation-row__schedule" style={{ display: "grid", gap: 5, minWidth: 0 }}>
-          <FactLine monospace={false} text={cadence.summary} tooltipText={`${cadence.detail} · ${view.cronExpression}`} />
+        <div
+          className="team-automation-row__schedule"
+          style={{ display: 'grid', gap: 5, minWidth: 0 }}
+        >
+          <FactLine
+            monospace={false}
+            text={cadence.summary}
+            tooltipText={`${cadence.detail} · ${view.cronExpression}`}
+          />
           <Typography.Text style={{ fontSize: 12 }} type="secondary">
             {view.nextFireAt
-              ? copy("teams.automations.row.nextRun", "Next {time}", {
-                  time: formatCompactDateTime(view.nextFireAt, "--"),
+              ? copy('teams.automations.row.nextRun', 'Next {time}', {
+                  time: formatCompactDateTime(view.nextFireAt, '--'),
                 })
-              : copy("teams.automations.row.noNextRun", "No next run")}
+              : copy('teams.automations.row.noNextRun', 'No next run')}
           </Typography.Text>
         </div>
         {renderActions(view)}
@@ -1534,13 +1735,17 @@ const TeamAutomationsTab: React.FC<Props> = ({
       <section className="team-automations-layout" aria-live="polite">
         <style>{responsiveStyle}</style>
         <Typography.Title level={3}>
-          {copy("teams.automations.memberUnavailable.title", "Member unavailable for automation")}
+          {copy(
+            'teams.automations.memberUnavailable.title',
+            'Member unavailable for automation',
+          )}
         </Typography.Title>
         <Typography.Paragraph type="secondary">
-          {routeMember?.disabledReason || copy(
-            "teams.automations.memberUnavailable.description",
-            "This member is not part of the current Team. Choose another member.",
-          )}
+          {routeMember?.disabledReason ||
+            copy(
+              'teams.automations.memberUnavailable.description',
+              'This member is not part of the current Team. Choose another member.',
+            )}
         </Typography.Paragraph>
       </section>
     );
@@ -1551,29 +1756,67 @@ const TeamAutomationsTab: React.FC<Props> = ({
     .slice(0, 3);
   const activeFormMember = membersById.get(trim(draft.memberId));
   const cronPresets = [
-    { label: copy("teams.automations.form.preset.weekdaysMorning", "Weekdays · 09:00"), value: "weekdays-0900", cronExpression: "0 9 * * 1-5" },
-    { label: copy("teams.automations.form.preset.dailyMorning", "Daily · 09:00"), value: "daily-0900", cronExpression: "0 9 * * *" },
-    { label: copy("teams.automations.form.preset.weeklyMonday", "Monday · 09:00"), value: "weekly-monday-0900", cronExpression: "0 9 * * 1" },
-    { label: copy("teams.automations.form.preset.hourly", "Hourly"), value: "hourly", cronExpression: "0 * * * *" },
-    { label: copy("teams.automations.form.preset.custom", "Custom cron"), value: "custom", cronExpression: "" },
+    {
+      label: copy(
+        'teams.automations.form.preset.weekdaysMorning',
+        'Weekdays · 09:00',
+      ),
+      value: 'weekdays-0900',
+      cronExpression: '0 9 * * 1-5',
+    },
+    {
+      label: copy(
+        'teams.automations.form.preset.dailyMorning',
+        'Daily · 09:00',
+      ),
+      value: 'daily-0900',
+      cronExpression: '0 9 * * *',
+    },
+    {
+      label: copy(
+        'teams.automations.form.preset.weeklyMonday',
+        'Monday · 09:00',
+      ),
+      value: 'weekly-monday-0900',
+      cronExpression: '0 9 * * 1',
+    },
+    {
+      label: copy('teams.automations.form.preset.hourly', 'Hourly'),
+      value: 'hourly',
+      cronExpression: '0 * * * *',
+    },
+    {
+      label: copy('teams.automations.form.preset.custom', 'Custom cron'),
+      value: 'custom',
+      cronExpression: '',
+    },
   ] as const;
   const activePreset =
-    cronPresets.find((preset) => preset.cronExpression === draft.cronExpression && preset.cronExpression)?.value ??
-    "custom";
-  const normalizedDraftCron = trim(draft.cronExpression).replace(/\s+/g, " ");
+    cronPresets.find(
+      (preset) =>
+        preset.cronExpression === draft.cronExpression && preset.cronExpression,
+    )?.value ?? 'custom';
+  const normalizedDraftCron = trim(draft.cronExpression).replace(/\s+/g, ' ');
   const formCronValidationMessage = !normalizedDraftCron
-    ? copy("teams.automations.messages.cronRequired", "Enter a cron expression first.")
-    : normalizedDraftCron.split(" ").length !== 5
+    ? copy(
+        'teams.automations.messages.cronRequired',
+        'Enter a cron expression first.',
+      )
+    : normalizedDraftCron.split(' ').length !== 5
       ? copy(
-          "teams.automations.form.cronFiveFieldHint",
-          "Use a 5-field cron expression: minute hour day month weekday.",
+          'teams.automations.form.cronFiveFieldHint',
+          'Use a 5-field cron expression: minute hour day month weekday.',
         )
-      : "";
-  const formCadence = describeDraftCadence(draft.cronExpression, draft.timezone, copy);
+      : '';
+  const formCadence = describeDraftCadence(
+    draft.cronExpression,
+    draft.timezone,
+    copy,
+  );
   const promptTooLong = draft.prompt.trim().length > promptMaxLength;
   const automationItems = automationsQuery.data?.items ?? [];
   const acceptedCreateObservation =
-    mutationObservation?.kind === "create" &&
+    mutationObservation?.kind === 'create' &&
     mutationObservation.expectedDraft &&
     !automationItems.some(
       (automation) => automation.scheduleId === mutationObservation.scheduleId,
@@ -1581,15 +1824,17 @@ const TeamAutomationsTab: React.FC<Props> = ({
       ? mutationObservation
       : null;
   const activeAutomationCount = automationItems.filter(
-    (automation) => automationStatus(automation) === "active",
+    (automation) => automationStatus(automation) === 'active',
   ).length;
   const pausedAutomationCount = automationItems.filter(
-    (automation) => automationStatus(automation) === "paused",
+    (automation) => automationStatus(automation) === 'paused',
   ).length;
   const attentionAutomationCount = automationItems.filter(
-    (automation) => automationStatus(automation) === "error",
+    (automation) => automationStatus(automation) === 'error',
   ).length;
-  const unavailableMembers = members.filter((member) => !member.canAutomateMember);
+  const unavailableMembers = members.filter(
+    (member) => !member.canAutomateMember,
+  );
   const mutationObservationExpired =
     mutationObservation !== null &&
     expiredMutationObservation === mutationObservation;
@@ -1598,18 +1843,17 @@ const TeamAutomationsTab: React.FC<Props> = ({
     if (!expectedDraft) return null;
     const cadence = describeDraftCadence(
       expectedDraft.cronExpression,
-      expectedDraft.timezone ?? "UTC",
+      expectedDraft.timezone ?? 'UTC',
       copy,
     );
     const ownerMember = membersById.get(trim(expectedDraft.memberId));
     const statusLabel = copy(
-      "teams.automations.row.awaitingReadModel",
-      "Waiting for schedule sync",
-    );
-    const displayName = expectedDraft.displayName || copy(
-      "teams.automations.form.title",
-      "New member automation",
+      'teams.automations.row.awaitingReadModel',
+      'Waiting for schedule sync',
     );
+    const displayName =
+      expectedDraft.displayName ||
+      copy('teams.automations.form.title', 'New member automation');
 
     return (
       <article
@@ -1619,10 +1863,10 @@ const TeamAutomationsTab: React.FC<Props> = ({
         style={{
           ...commitmentRowStyle,
           borderColor: token.colorInfoBorder,
-          boxShadow: "none",
+          boxShadow: 'none',
         }}
       >
-        <div style={{ display: "grid", gap: 5, minWidth: 0 }}>
+        <div style={{ display: 'grid', gap: 5, minWidth: 0 }}>
           <span
             aria-label={statusLabel}
             role="status"
@@ -1635,32 +1879,39 @@ const TeamAutomationsTab: React.FC<Props> = ({
           >
             <span
               aria-hidden="true"
-              style={{ ...automationStatusDotStyle, background: "currentColor" }}
+              style={{
+                ...automationStatusDotStyle,
+                background: 'currentColor',
+              }}
             />
             {statusLabel}
           </span>
-          <Typography.Text ellipsis strong>{displayName}</Typography.Text>
+          <Typography.Text ellipsis strong>
+            {displayName}
+          </Typography.Text>
           <FactLine
             rows={2}
             secondary
-            text={expectedDraft.prompt || copy(
-              "teams.automations.row.noPrompt",
-              "No recurring prompt",
-            )}
+            text={
+              expectedDraft.prompt ||
+              copy('teams.automations.row.noPrompt', 'No recurring prompt')
+            }
           />
         </div>
-        <div style={{ display: "grid", gap: 5, minWidth: 0 }}>
-          <Typography.Text ellipsis strong>{ownerMember?.name ?? "--"}</Typography.Text>
+        <div style={{ display: 'grid', gap: 5, minWidth: 0 }}>
+          <Typography.Text ellipsis strong>
+            {ownerMember?.name ?? '--'}
+          </Typography.Text>
           <FactLine
             rows={2}
             secondary
             text={copy(
-              "teams.automations.preview.runsThroughService",
-              "Runs through published service",
+              'teams.automations.preview.runsThroughService',
+              'Runs through published service',
             )}
           />
         </div>
-        <div style={{ display: "grid", gap: 5, minWidth: 0 }}>
+        <div style={{ display: 'grid', gap: 5, minWidth: 0 }}>
           <FactLine
             monospace={false}
             text={cadence.summary}
@@ -1670,7 +1921,7 @@ const TeamAutomationsTab: React.FC<Props> = ({
             {statusLabel}
           </Typography.Text>
         </div>
-        <div style={{ justifySelf: "end" }}>
+        <div style={{ justifySelf: 'end' }}>
           <Spin size="small" />
         </div>
       </article>
@@ -1686,27 +1937,39 @@ const TeamAutomationsTab: React.FC<Props> = ({
         style={pageGridStyle}
       >
         <AevatarPanel>
-          <div className="team-automations-panel-header" style={panelHeaderStyle}>
+          <div
+            className="team-automations-panel-header"
+            style={panelHeaderStyle}
+          >
             <div style={titleGroupStyle}>
-              <Typography.Title id="team-automations-title" level={3} style={titleStyle}>
-                {copy("teams.automations.title", "Automations")}
+              <Typography.Title
+                id="team-automations-title"
+                level={3}
+                style={titleStyle}
+              >
+                {copy('teams.automations.title', 'Automations')}
               </Typography.Title>
               <Typography.Text style={{ maxWidth: 680 }} type="secondary">
                 {copy(
-                  "teams.automations.description",
-                  "Recurring work belongs to a member. The team view shows every commitment so operators can see what will run next and what needs attention.",
+                  'teams.automations.description',
+                  'Recurring work belongs to a member. The team view shows every commitment so operators can see what will run next and what needs attention.',
                 )}
               </Typography.Text>
             </div>
             <Space>
-              <Tooltip title={copy("teams.automations.actions.refresh", "Refresh")}>
+              <AevatarTooltip
+                title={copy('teams.automations.actions.refresh', 'Refresh')}
+              >
                 <Button
-                  aria-label={copy("teams.automations.actions.refresh", "Refresh")}
+                  aria-label={copy(
+                    'teams.automations.actions.refresh',
+                    'Refresh',
+                  )}
                   icon={<ReloadOutlined />}
                   loading={automationsQuery.isFetching}
                   onClick={() => void automationsQuery.refetch()}
                 />
-              </Tooltip>
+              </AevatarTooltip>
               <Button
                 className="team-automations-create-button"
                 disabled={eligibleMembers.length === 0}
@@ -1715,17 +1978,23 @@ const TeamAutomationsTab: React.FC<Props> = ({
                 style={primaryHeaderButtonStyle}
                 type="primary"
               >
-                {copy("teams.automations.actions.create", "New automation")}
+                {copy('teams.automations.actions.create', 'New automation')}
               </Button>
             </Space>
           </div>
 
-          <div aria-live="polite" style={{ display: "grid", gap: 12, marginTop: 16 }}>
+          <div
+            aria-live="polite"
+            style={{ display: 'grid', gap: 12, marginTop: 16 }}
+          >
             {automationsQuery.isLoading ? (
               <div
-                aria-label={copy("teams.automations.loading", "Loading automations")}
+                aria-label={copy(
+                  'teams.automations.loading',
+                  'Loading automations',
+                )}
                 role="status"
-                style={{ display: "grid", gap: 12 }}
+                style={{ display: 'grid', gap: 12 }}
               >
                 {[0, 1, 2].map((placeholder) => (
                   <Skeleton.Input
@@ -1740,20 +2009,26 @@ const TeamAutomationsTab: React.FC<Props> = ({
             {automationsQuery.isError ? (
               <AevatarInspectorEmpty
                 compact
-                title={copy("teams.automations.error.title", "Automations could not load")}
+                title={copy(
+                  'teams.automations.error.title',
+                  'Automations could not load',
+                )}
                 description={copy(
-                  "teams.automations.error.description",
-                  "Refresh the page or try again after the schedule service is available.",
+                  'teams.automations.error.description',
+                  'Refresh the page or try again after the schedule service is available.',
                 )}
               />
             ) : null}
             {mutationObservationExpired ? (
               <Alert
                 description={copy(
-                  "teams.automations.pending.description",
-                  "Automatic refresh stopped. Use Refresh to check authoritative state.",
+                  'teams.automations.pending.description',
+                  'Automatic refresh stopped. Use Refresh to check authoritative state.',
+                )}
+                message={copy(
+                  'teams.automations.pending.title',
+                  'Still pending',
                 )}
-                message={copy("teams.automations.pending.title", "Still pending")}
                 showIcon
                 type="warning"
               />
@@ -1763,45 +2038,65 @@ const TeamAutomationsTab: React.FC<Props> = ({
             !automationItems.length &&
             !acceptedCreateObservation ? (
               <Empty
-                description={routeMember
-                  ? copy("teams.automations.empty.member", "No automations for this member")
-                  : copy("teams.automations.empty.title", "No recurring work yet")}
+                description={
+                  routeMember
+                    ? copy(
+                        'teams.automations.empty.member',
+                        'No automations for this member',
+                      )
+                    : copy(
+                        'teams.automations.empty.title',
+                        'No recurring work yet',
+                      )
+                }
               />
             ) : null}
             {automationItems.length || acceptedCreateObservation ? (
               <div style={commitmentGridStyle}>
-                <div className="team-automation-summary" style={automationSummaryGridStyle}>
+                <div
+                  className="team-automation-summary"
+                  style={automationSummaryGridStyle}
+                >
                   {renderSummaryTile({
                     icon: <CheckCircleOutlined />,
-                    label: copy("teams.automations.summary.active", "Active"),
-                    tone: "success",
+                    label: copy('teams.automations.summary.active', 'Active'),
+                    tone: 'success',
                     value: activeAutomationCount,
                   })}
                   {renderSummaryTile({
                     icon: <PauseCircleOutlined />,
-                    label: copy("teams.automations.summary.paused", "Paused"),
-                    tone: "warning",
+                    label: copy('teams.automations.summary.paused', 'Paused'),
+                    tone: 'warning',
                     value: pausedAutomationCount,
                   })}
                   {renderSummaryTile({
                     icon: <ExclamationCircleOutlined />,
-                    label: copy("teams.automations.summary.needsAttention", "Need attention"),
-                    tone: "error",
+                    label: copy(
+                      'teams.automations.summary.needsAttention',
+                      'Need attention',
+                    ),
+                    tone: 'error',
                     value: attentionAutomationCount,
                   })}
                 </div>
-                <div className="team-automation-list-header" style={automationListHeaderStyle}>
+                <div
+                  className="team-automation-list-header"
+                  style={automationListHeaderStyle}
+                >
                   <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                    {copy("teams.automations.columns.automation", "Automation")}
+                    {copy('teams.automations.columns.automation', 'Automation')}
                   </Typography.Text>
                   <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                    {copy("teams.automations.columns.member", "Member")}
+                    {copy('teams.automations.columns.member', 'Member')}
                   </Typography.Text>
                   <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                    {copy("teams.automations.columns.schedule", "Schedule")}
+                    {copy('teams.automations.columns.schedule', 'Schedule')}
                   </Typography.Text>
-                  <Typography.Text style={{ fontSize: 12, justifySelf: "end" }} type="secondary">
-                    {copy("teams.automations.columns.actions", "Actions")}
+                  <Typography.Text
+                    style={{ fontSize: 12, justifySelf: 'end' }}
+                    type="secondary"
+                  >
+                    {copy('teams.automations.columns.actions', 'Actions')}
                   </Typography.Text>
                 </div>
                 {acceptedCreateObservation
@@ -1813,17 +2108,20 @@ const TeamAutomationsTab: React.FC<Props> = ({
           </div>
         </AevatarPanel>
 
-        <div style={{ display: "grid", gap: 16 }}>
+        <div style={{ display: 'grid', gap: 16 }}>
           <AevatarPanel>
-            <div style={{ display: "grid", gap: 14 }}>
-              <div style={{ display: "grid", gap: 4 }}>
+            <div style={{ display: 'grid', gap: 14 }}>
+              <div style={{ display: 'grid', gap: 4 }}>
                 <Typography.Title level={3} style={titleStyle}>
-                  {copy("teams.automations.createPanel.title", "Give a member recurring work")}
+                  {copy(
+                    'teams.automations.createPanel.title',
+                    'Give a member recurring work',
+                  )}
                 </Typography.Title>
                 <Typography.Text type="secondary">
                   {copy(
-                    "teams.automations.createPanel.description",
-                    "Pick a published member, describe the job, choose a cadence, and preview the next runs before creating it.",
+                    'teams.automations.createPanel.description',
+                    'Pick a published member, describe the job, choose a cadence, and preview the next runs before creating it.',
                   )}
                 </Typography.Text>
               </div>
@@ -1833,22 +2131,37 @@ const TeamAutomationsTab: React.FC<Props> = ({
                     background: token.colorFillQuaternary,
                     border: `1px solid ${token.colorBorderSecondary}`,
                     borderRadius: 8,
-                    display: "grid",
+                    display: 'grid',
                     gap: 10,
                     padding: 14,
                   }}
                 >
-                  <Typography.Text ellipsis strong>{routeMember.name}</Typography.Text>
-                  <FactLine secondary text={copy("teams.automations.member.publishedServiceReady", "Published service ready")} />
-                  <DetailPill compact style={routeMember.lifecycleStyle} text={routeMember.lifecycleLabel} />
+                  <Typography.Text ellipsis strong>
+                    {routeMember.name}
+                  </Typography.Text>
+                  <FactLine
+                    secondary
+                    text={copy(
+                      'teams.automations.member.publishedServiceReady',
+                      'Published service ready',
+                    )}
+                  />
+                  <DetailPill
+                    compact
+                    style={routeMember.lifecycleStyle}
+                    text={routeMember.lifecycleLabel}
+                  />
                 </div>
               ) : eligibleMembers.length === 0 ? (
                 <AevatarInspectorEmpty
                   compact
-                  title={copy("teams.automations.noPublishedMember.title", "Publish a member first")}
+                  title={copy(
+                    'teams.automations.noPublishedMember.title',
+                    'Publish a member first',
+                  )}
                   description={copy(
-                    "teams.automations.noPublishedMember.description",
-                    "Automations need a member with a published service identity before they can run.",
+                    'teams.automations.noPublishedMember.description',
+                    'Automations need a member with a published service identity before they can run.',
                   )}
                 />
               ) : null}
@@ -1860,46 +2173,56 @@ const TeamAutomationsTab: React.FC<Props> = ({
                 style={inspectorActionButtonStyle}
                 type="primary"
               >
-                {copy("teams.automations.actions.addRecurringWork", "Add recurring work")}
+                {copy(
+                  'teams.automations.actions.addRecurringWork',
+                  'Add recurring work',
+                )}
               </Button>
             </div>
           </AevatarPanel>
 
           <AevatarPanel>
-            <div style={{ display: "grid", gap: 12 }}>
+            <div style={{ display: 'grid', gap: 12 }}>
               <Typography.Title level={3} style={titleStyle}>
-                {copy("teams.automations.upcoming.title", "Upcoming")}
+                {copy('teams.automations.upcoming.title', 'Upcoming')}
               </Typography.Title>
               {upcomingAutomations.length ? (
                 upcomingAutomations.map((automation) => (
                   <div key={automation.scheduleId} style={upcomingRowStyle}>
                     <div
                       style={{
-                        alignItems: "center",
+                        alignItems: 'center',
                         background: token.colorSuccessBg,
                         border: `1px solid ${token.colorSuccessBorder}`,
                         borderRadius: 999,
                         color: token.colorSuccess,
-                        display: "inline-flex",
+                        display: 'inline-flex',
                         height: 28,
-                        justifyContent: "center",
+                        justifyContent: 'center',
                         width: 28,
                       }}
                     >
                       <ClockCircleOutlined />
                     </div>
-                    <div style={{ display: "grid", gap: 2, minWidth: 0 }}>
+                    <div style={{ display: 'grid', gap: 2, minWidth: 0 }}>
                       <Typography.Text strong>
-                        {formatCompactDateTime(automation.nextFireAt, "--")}
+                        {formatCompactDateTime(automation.nextFireAt, '--')}
                       </Typography.Text>
-                      <Typography.Text style={{ fontSize: 12 }} type="secondary">
+                      <Typography.Text
+                        style={{ fontSize: 12 }}
+                        type="secondary"
+                      >
                         {copy(
-                          "teams.automations.upcoming.memberCaption",
-                          "{memberName} recurring work",
+                          'teams.automations.upcoming.memberCaption',
+                          '{memberName} recurring work',
                           {
                             memberName:
-                              membersById.get(trim(automation.memberId))?.name ??
-                              copy("teams.automations.columns.member", "Member"),
+                              membersById.get(trim(automation.memberId))
+                                ?.name ??
+                              copy(
+                                'teams.automations.columns.member',
+                                'Member',
+                              ),
                           },
                         )}
                       </Typography.Text>
@@ -1908,7 +2231,10 @@ const TeamAutomationsTab: React.FC<Props> = ({
                 ))
               ) : (
                 <Typography.Text type="secondary">
-                  {copy("teams.automations.upcoming.empty", "No upcoming runs are visible yet.")}
+                  {copy(
+                    'teams.automations.upcoming.empty',
+                    'No upcoming runs are visible yet.',
+                  )}
                 </Typography.Text>
               )}
             </div>
@@ -1916,12 +2242,15 @@ const TeamAutomationsTab: React.FC<Props> = ({
 
           {unavailableMembers.length ? (
             <AevatarPanel>
-              <div style={{ display: "grid", gap: 10 }}>
+              <div style={{ display: 'grid', gap: 10 }}>
                 <Typography.Title level={3} style={titleStyle}>
-                  {copy("teams.automations.unavailable.title", "Not ready for automation")}
+                  {copy(
+                    'teams.automations.unavailable.title',
+                    'Not ready for automation',
+                  )}
                 </Typography.Title>
                 {unavailableMembers.slice(0, 3).map((member) => (
-                  <div key={member.key} style={{ display: "grid", gap: 2 }}>
+                  <div key={member.key} style={{ display: 'grid', gap: 2 }}>
                     <Typography.Text strong>{member.name}</Typography.Text>
                     <Typography.Text style={{ fontSize: 12 }} type="secondary">
                       {member.disabledReason}
@@ -1934,279 +2263,449 @@ const TeamAutomationsTab: React.FC<Props> = ({
         </div>
       </section>
 
-      {formOpen ? <Modal
-        aria-describedby={modalDescriptionId}
-        confirmLoading={flowBusy || Boolean(busyScheduleId)}
-        destroyOnHidden
-        footer={review ? (
-          <Space>
-            <Button disabled={flowBusy} onClick={() => setAuthorizationFlow({ state: "idle" })}>
-              {copy("teams.automations.authorization.back", "Back")}
-            </Button>
-            <Button loading={flowBusy} onClick={() => void submitAuthorization()} type="primary">
-              {copy("teams.automations.authorization.confirm", "Authorize and continue")}
-            </Button>
-          </Space>
-        ) : undefined}
-        onCancel={() => {
-          setFormOpen(false);
-          setAuthorizationFlow({ state: "idle" });
-        }}
-        onOk={formMode === "edit" ? () => void updateAutomation() : reviewAuthorization}
-        okButtonProps={{
-          disabled: !activeFormMember || promptTooLong || Boolean(formCronValidationMessage),
-        }}
-        okText={formMode === "edit"
-          ? copy("teams.automations.form.save", "Save changes")
-          : copy("teams.automations.form.create", "Create automation")}
-        open={formOpen}
-        panelRef={modalPanelRef}
-        styles={review ? {
-          body: { maxHeight: "min(70vh, 640px)", overflowY: "auto" },
-        } : undefined}
-        title={formMode === "edit"
-          ? copy("teams.automations.form.editTitle", "Edit automation")
-          : copy("teams.automations.form.title", "New member automation")}
-        width={720}
-      >
-        {review ? (
-          <TeamAutomationAuthorizationReview review={review} />
-        ) : (
-          <div style={{ display: "grid", gap: 16 }}>
-            <div
-              style={{
-                ...modalSectionStyle,
-                background: token.colorFillQuaternary,
-                border: `1px solid ${token.colorBorderSecondary}`,
-              }}
-            >
-              <div style={{ display: "grid", gap: 2 }}>
-                <Typography.Text strong>
-                  {copy("teams.automations.form.section.target", "1. Target member")}
-                </Typography.Text>
-                <Typography.Text id="team-automation-form-description" style={{ fontSize: 12 }} type="secondary">
-                  {copy(
-                    "teams.automations.form.section.targetHint",
-                    "Recurring work runs through the selected member's published service.",
-                  )}
-                </Typography.Text>
-              </div>
-              <div style={modalFieldStyle}>
-                <Typography.Text strong>{copy("teams.automations.form.member", "Member")}</Typography.Text>
-                <Select
-                  aria-label={copy("teams.automations.form.memberAria", "Automation member")}
-                  disabled={flowBusy || formMode === "edit"}
-                  onChange={(memberId) => setDraft((current) => ({ ...current, memberId }))}
-                  options={members
-                    .filter((member) => member.canAutomateMember)
-                    .map((member) => ({ label: member.name, value: member.memberId }))}
-                  value={activeFormMember?.memberId}
-                />
-                <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                  {copy("teams.automations.form.identityReady", "Targets the member's published service.")}
-                </Typography.Text>
-              </div>
-            </div>
-
-            <div
-              style={{
-                ...modalSectionStyle,
-                background: token.colorBgContainer,
-                border: `1px solid ${token.colorBorderSecondary}`,
-              }}
-            >
-              <div style={{ display: "grid", gap: 2 }}>
-                <Typography.Text strong>{copy("teams.automations.form.section.work", "2. Work to run")}</Typography.Text>
-                <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                  {copy(
-                    "teams.automations.form.section.workHint",
-                    "Name the automation and optionally add a prompt for each run.",
-                  )}
-                </Typography.Text>
-              </div>
-              <div style={modalFieldStyle}>
-                <Typography.Text strong>{copy("teams.automations.form.displayName", "Name")}</Typography.Text>
-                <Input
-                  aria-label={copy("teams.automations.form.displayNameAria", "Automation name")}
-                  disabled={flowBusy}
-                  onChange={(event) => setDraft((current) => ({ ...current, displayName: event.target.value }))}
-                  placeholder={copy("teams.automations.form.displayNamePlaceholder", "Daily escalation digest")}
-                  value={draft.displayName}
-                />
-              </div>
-              <div style={modalFieldStyle}>
-                <Typography.Text strong>{copy("teams.automations.form.prompt", "Recurring prompt (optional)")}</Typography.Text>
-                <Input.TextArea
-                  aria-label={copy("teams.automations.form.promptAria", "Recurring prompt")}
-                  autoSize={{ minRows: 4, maxRows: 7 }}
+      {formOpen ? (
+        <Modal
+          aria-describedby={modalDescriptionId}
+          confirmLoading={flowBusy || Boolean(busyScheduleId)}
+          destroyOnHidden
+          footer={
+            review ? (
+              <Space>
+                <Button
                   disabled={flowBusy}
-                  maxLength={promptMaxLength}
-                  onChange={(event) => setDraft((current) => ({ ...current, prompt: event.target.value }))}
-                  placeholder={copy(
-                    "teams.automations.form.promptPlaceholder",
-                    "Summarize escalations, blocked accounts, and follow-up owners.",
-                  )}
-                  showCount
-                  status={promptTooLong ? "error" : undefined}
-                  value={draft.prompt}
-                />
-                <Typography.Text style={{ fontSize: 12 }} type={promptTooLong ? "danger" : "secondary"}>
-                  {copy("teams.automations.form.promptLimit", "Up to {maxLength} characters.", { maxLength: promptMaxLength })}
-                </Typography.Text>
-              </div>
-            </div>
-
-            <div
-              style={{
-                ...modalSectionStyle,
-                background: token.colorFillQuaternary,
-                border: `1px solid ${token.colorBorderSecondary}`,
-              }}
-            >
-              <div style={{ display: "grid", gap: 2 }}>
-                <Typography.Text strong>{copy("teams.automations.form.section.schedule", "3. Schedule")}</Typography.Text>
-                <Typography.Text style={{ fontSize: 12 }} type="secondary">
+                  onClick={() => setAuthorizationFlow({ state: 'idle' })}
+                >
+                  {copy('teams.automations.authorization.back', 'Back')}
+                </Button>
+                <Button
+                  loading={flowBusy}
+                  onClick={() => void submitAuthorization()}
+                  type="primary"
+                >
                   {copy(
-                    "teams.automations.form.section.scheduleHint",
-                    "Choose a common cadence or switch to custom cron for advanced schedules.",
+                    'teams.automations.authorization.confirm',
+                    'Authorize and continue',
                   )}
-                </Typography.Text>
-              </div>
-              <div style={modalFieldStyle}>
-                <Typography.Text strong>{copy("teams.automations.form.cadence", "Cadence")}</Typography.Text>
-                <Segmented
-                  aria-label={copy("teams.automations.form.cadenceAria", "Automation cadence")}
-                  block
-                  disabled={flowBusy}
-                  onChange={(presetValue) => {
-                    const preset = cronPresets.find((candidate) => candidate.value === String(presetValue));
-                    if (preset?.cronExpression) {
-                      setDraft((current) => ({ ...current, cronExpression: preset.cronExpression }));
-                    }
-                  }}
-                  options={cronPresets.map(({ label, value }) => ({ label, value }))}
-                  value={activePreset}
-                />
-              </div>
+                </Button>
+              </Space>
+            ) : undefined
+          }
+          onCancel={() => {
+            setFormOpen(false);
+            setAuthorizationFlow({ state: 'idle' });
+          }}
+          onOk={
+            formMode === 'edit'
+              ? () => void updateAutomation()
+              : reviewAuthorization
+          }
+          okButtonProps={{
+            disabled:
+              !activeFormMember ||
+              promptTooLong ||
+              Boolean(formCronValidationMessage),
+          }}
+          okText={
+            formMode === 'edit'
+              ? copy('teams.automations.form.save', 'Save changes')
+              : copy('teams.automations.form.create', 'Create automation')
+          }
+          open={formOpen}
+          panelRef={modalPanelRef}
+          styles={
+            review
+              ? {
+                  body: { maxHeight: 'min(70vh, 640px)', overflowY: 'auto' },
+                }
+              : undefined
+          }
+          title={
+            formMode === 'edit'
+              ? copy('teams.automations.form.editTitle', 'Edit automation')
+              : copy('teams.automations.form.title', 'New member automation')
+          }
+          width={720}
+        >
+          {review ? (
+            <TeamAutomationAuthorizationReview review={review} />
+          ) : (
+            <div style={{ display: 'grid', gap: 16 }}>
               <div
-                className="team-automation-form-schedule-grid"
-                style={{ display: "grid", gap: 12, gridTemplateColumns: "minmax(0, 1fr) minmax(180px, 0.54fr)" }}
+                style={{
+                  ...modalSectionStyle,
+                  background: token.colorFillQuaternary,
+                  border: `1px solid ${token.colorBorderSecondary}`,
+                }}
               >
-                <div style={modalFieldStyle}>
-                  <Typography.Text strong>{copy("teams.automations.form.cron", "Cron expression")}</Typography.Text>
-                  <Input
-                    aria-label={copy("teams.automations.form.cronAria", "Cron expression")}
-                    disabled={flowBusy}
-                    onChange={(event) => setDraft((current) => ({ ...current, cronExpression: event.target.value }))}
-                    status={formCronValidationMessage ? "error" : undefined}
-                    value={draft.cronExpression}
-                  />
-                  {formCronValidationMessage ? (
-                    <Typography.Text style={{ fontSize: 12 }} type="danger">{formCronValidationMessage}</Typography.Text>
-                  ) : null}
+                <div style={{ display: 'grid', gap: 2 }}>
+                  <Typography.Text strong>
+                    {copy(
+                      'teams.automations.form.section.target',
+                      '1. Target member',
+                    )}
+                  </Typography.Text>
+                  <Typography.Text
+                    id="team-automation-form-description"
+                    style={{ fontSize: 12 }}
+                    type="secondary"
+                  >
+                    {copy(
+                      'teams.automations.form.section.targetHint',
+                      "Recurring work runs through the selected member's published service.",
+                    )}
+                  </Typography.Text>
                 </div>
                 <div style={modalFieldStyle}>
-                  <Typography.Text strong>{copy("teams.automations.form.timezone", "Timezone")}</Typography.Text>
-                  <Input
-                    aria-label={copy("teams.automations.form.timezoneAria", "Timezone")}
-                    disabled={flowBusy}
-                    onChange={(event) => setDraft((current) => ({ ...current, timezone: event.target.value }))}
-                    value={draft.timezone}
+                  <Typography.Text strong>
+                    {copy('teams.automations.form.member', 'Member')}
+                  </Typography.Text>
+                  <Select
+                    aria-label={copy(
+                      'teams.automations.form.memberAria',
+                      'Automation member',
+                    )}
+                    disabled={flowBusy || formMode === 'edit'}
+                    onChange={(memberId) =>
+                      setDraft((current) => ({ ...current, memberId }))
+                    }
+                    options={members
+                      .filter((member) => member.canAutomateMember)
+                      .map((member) => ({
+                        label: member.name,
+                        value: member.memberId,
+                      }))}
+                    value={activeFormMember?.memberId}
                   />
+                  <Typography.Text style={{ fontSize: 12 }} type="secondary">
+                    {copy(
+                      'teams.automations.form.identityReady',
+                      "Targets the member's published service.",
+                    )}
+                  </Typography.Text>
                 </div>
               </div>
+
               <div
-                className="team-automation-form-schedule-grid"
-                style={{ display: "grid", gap: 12, gridTemplateColumns: "minmax(0, 1fr) minmax(160px, 0.42fr)" }}
+                style={{
+                  ...modalSectionStyle,
+                  background: token.colorBgContainer,
+                  border: `1px solid ${token.colorBorderSecondary}`,
+                }}
               >
-                <div
-                  style={{
-                    ...scheduleInsightStyle,
-                    background: token.colorBgContainer,
-                    border: `1px solid ${token.colorBorderSecondary}`,
-                  }}
-                >
+                <div style={{ display: 'grid', gap: 2 }}>
+                  <Typography.Text strong>
+                    {copy(
+                      'teams.automations.form.section.work',
+                      '2. Work to run',
+                    )}
+                  </Typography.Text>
                   <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                    {copy("teams.automations.form.scheduleReadsAs", "Schedule reads as")}
+                    {copy(
+                      'teams.automations.form.section.workHint',
+                      'Name the automation and optionally add a prompt for each run.',
+                    )}
                   </Typography.Text>
-                  <Typography.Text strong>{formCadence.detail}</Typography.Text>
                 </div>
-                <div style={enabledFieldStyle}>
-                  <Typography.Text strong>{copy("teams.automations.form.enabled", "Enabled")}</Typography.Text>
-                  <Switch
-                    aria-label={copy("teams.automations.form.enabled", "Enabled")}
-                    checked={draft.enabled}
+                <div style={modalFieldStyle}>
+                  <Typography.Text strong>
+                    {copy('teams.automations.form.displayName', 'Name')}
+                  </Typography.Text>
+                  <Input
+                    aria-label={copy(
+                      'teams.automations.form.displayNameAria',
+                      'Automation name',
+                    )}
                     disabled={flowBusy}
-                    onChange={(enabled) => setDraft((current) => ({ ...current, enabled }))}
-                    style={enabledSwitchStyle}
+                    onChange={(event) =>
+                      setDraft((current) => ({
+                        ...current,
+                        displayName: event.target.value,
+                      }))
+                    }
+                    placeholder={copy(
+                      'teams.automations.form.displayNamePlaceholder',
+                      'Daily escalation digest',
+                    )}
+                    value={draft.displayName}
                   />
                 </div>
+                <div style={modalFieldStyle}>
+                  <Typography.Text strong>
+                    {copy(
+                      'teams.automations.form.prompt',
+                      'Recurring prompt (optional)',
+                    )}
+                  </Typography.Text>
+                  <Input.TextArea
+                    aria-label={copy(
+                      'teams.automations.form.promptAria',
+                      'Recurring prompt',
+                    )}
+                    autoSize={{ minRows: 4, maxRows: 7 }}
+                    disabled={flowBusy}
+                    maxLength={promptMaxLength}
+                    onChange={(event) =>
+                      setDraft((current) => ({
+                        ...current,
+                        prompt: event.target.value,
+                      }))
+                    }
+                    placeholder={copy(
+                      'teams.automations.form.promptPlaceholder',
+                      'Summarize escalations, blocked accounts, and follow-up owners.',
+                    )}
+                    showCount
+                    status={promptTooLong ? 'error' : undefined}
+                    value={draft.prompt}
+                  />
+                  <Typography.Text
+                    style={{ fontSize: 12 }}
+                    type={promptTooLong ? 'danger' : 'secondary'}
+                  >
+                    {copy(
+                      'teams.automations.form.promptLimit',
+                      'Up to {maxLength} characters.',
+                      { maxLength: promptMaxLength },
+                    )}
+                  </Typography.Text>
+                </div>
               </div>
+
               <div
                 style={{
-                  background: token.colorBgContainer,
+                  ...modalSectionStyle,
+                  background: token.colorFillQuaternary,
                   border: `1px solid ${token.colorBorderSecondary}`,
-                  borderRadius: 10,
-                  display: "grid",
-                  gap: 10,
-                  padding: 12,
                 }}
               >
-                <Space align="center" wrap>
-                  <Button
-                    disabled={Boolean(formCronValidationMessage)}
-                    icon={<ClockCircleOutlined />}
-                    onClick={() => void preview()}
-                  >
-                    {copy("teams.automations.form.preview", "Preview next runs")}
-                  </Button>
-                  <Typography.Text type="secondary">
-                    {copy("teams.automations.form.previewHint", "Preview uses the schedule service before saving.")}
+                <div style={{ display: 'grid', gap: 2 }}>
+                  <Typography.Text strong>
+                    {copy(
+                      'teams.automations.form.section.schedule',
+                      '3. Schedule',
+                    )}
                   </Typography.Text>
-                </Space>
-                {previewTimes.length ? (
-                  <div style={{ display: "grid", gap: 4 }}>
-                    {previewTimes.map((time) => (
-                      <Typography.Text key={time} style={{ fontSize: 12 }}>
-                        {formatCompactDateTime(time, time)}
-                      </Typography.Text>
-                    ))}
-                  </div>
-                ) : (
                   <Typography.Text style={{ fontSize: 12 }} type="secondary">
-                    {copy("teams.automations.form.previewEmpty", "Preview the cadence to confirm the next scheduled runs.")}
+                    {copy(
+                      'teams.automations.form.section.scheduleHint',
+                      'Choose a common cadence or switch to custom cron for advanced schedules.',
+                    )}
                   </Typography.Text>
-                )}
+                </div>
+                <div style={modalFieldStyle}>
+                  <Typography.Text strong>
+                    {copy('teams.automations.form.cadence', 'Cadence')}
+                  </Typography.Text>
+                  <Segmented
+                    aria-label={copy(
+                      'teams.automations.form.cadenceAria',
+                      'Automation cadence',
+                    )}
+                    block
+                    disabled={flowBusy}
+                    onChange={(presetValue) => {
+                      const preset = cronPresets.find(
+                        (candidate) => candidate.value === String(presetValue),
+                      );
+                      if (preset?.cronExpression) {
+                        setDraft((current) => ({
+                          ...current,
+                          cronExpression: preset.cronExpression,
+                        }));
+                      }
+                    }}
+                    options={cronPresets.map(({ label, value }) => ({
+                      label,
+                      value,
+                    }))}
+                    value={activePreset}
+                  />
+                </div>
+                <div
+                  className="team-automation-form-schedule-grid"
+                  style={{
+                    display: 'grid',
+                    gap: 12,
+                    gridTemplateColumns: 'minmax(0, 1fr) minmax(180px, 0.54fr)',
+                  }}
+                >
+                  <div style={modalFieldStyle}>
+                    <Typography.Text strong>
+                      {copy('teams.automations.form.cron', 'Cron expression')}
+                    </Typography.Text>
+                    <Input
+                      aria-label={copy(
+                        'teams.automations.form.cronAria',
+                        'Cron expression',
+                      )}
+                      disabled={flowBusy}
+                      onChange={(event) =>
+                        setDraft((current) => ({
+                          ...current,
+                          cronExpression: event.target.value,
+                        }))
+                      }
+                      status={formCronValidationMessage ? 'error' : undefined}
+                      value={draft.cronExpression}
+                    />
+                    {formCronValidationMessage ? (
+                      <Typography.Text style={{ fontSize: 12 }} type="danger">
+                        {formCronValidationMessage}
+                      </Typography.Text>
+                    ) : null}
+                  </div>
+                  <div style={modalFieldStyle}>
+                    <Typography.Text strong>
+                      {copy('teams.automations.form.timezone', 'Timezone')}
+                    </Typography.Text>
+                    <Input
+                      aria-label={copy(
+                        'teams.automations.form.timezoneAria',
+                        'Timezone',
+                      )}
+                      disabled={flowBusy}
+                      onChange={(event) =>
+                        setDraft((current) => ({
+                          ...current,
+                          timezone: event.target.value,
+                        }))
+                      }
+                      value={draft.timezone}
+                    />
+                  </div>
+                </div>
+                <div
+                  className="team-automation-form-schedule-grid"
+                  style={{
+                    display: 'grid',
+                    gap: 12,
+                    gridTemplateColumns: 'minmax(0, 1fr) minmax(160px, 0.42fr)',
+                  }}
+                >
+                  <div
+                    style={{
+                      ...scheduleInsightStyle,
+                      background: token.colorBgContainer,
+                      border: `1px solid ${token.colorBorderSecondary}`,
+                    }}
+                  >
+                    <Typography.Text style={{ fontSize: 12 }} type="secondary">
+                      {copy(
+                        'teams.automations.form.scheduleReadsAs',
+                        'Schedule reads as',
+                      )}
+                    </Typography.Text>
+                    <Typography.Text strong>
+                      {formCadence.detail}
+                    </Typography.Text>
+                  </div>
+                  <div style={enabledFieldStyle}>
+                    <Typography.Text strong>
+                      {copy('teams.automations.form.enabled', 'Enabled')}
+                    </Typography.Text>
+                    <Switch
+                      aria-label={copy(
+                        'teams.automations.form.enabled',
+                        'Enabled',
+                      )}
+                      checked={draft.enabled}
+                      disabled={flowBusy}
+                      onChange={(enabled) =>
+                        setDraft((current) => ({ ...current, enabled }))
+                      }
+                      style={enabledSwitchStyle}
+                    />
+                  </div>
+                </div>
+                <div
+                  style={{
+                    background: token.colorBgContainer,
+                    border: `1px solid ${token.colorBorderSecondary}`,
+                    borderRadius: 10,
+                    display: 'grid',
+                    gap: 10,
+                    padding: 12,
+                  }}
+                >
+                  <Space align="center" wrap>
+                    <Button
+                      disabled={Boolean(formCronValidationMessage)}
+                      icon={<ClockCircleOutlined />}
+                      onClick={() => void preview()}
+                    >
+                      {copy(
+                        'teams.automations.form.preview',
+                        'Preview next runs',
+                      )}
+                    </Button>
+                    <Typography.Text type="secondary">
+                      {copy(
+                        'teams.automations.form.previewHint',
+                        'Preview uses the schedule service before saving.',
+                      )}
+                    </Typography.Text>
+                  </Space>
+                  {previewTimes.length ? (
+                    <div style={{ display: 'grid', gap: 4 }}>
+                      {previewTimes.map((time) => (
+                        <Typography.Text key={time} style={{ fontSize: 12 }}>
+                          {formatCompactDateTime(time, time)}
+                        </Typography.Text>
+                      ))}
+                    </div>
+                  ) : (
+                    <Typography.Text style={{ fontSize: 12 }} type="secondary">
+                      {copy(
+                        'teams.automations.form.previewEmpty',
+                        'Preview the cadence to confirm the next scheduled runs.',
+                      )}
+                    </Typography.Text>
+                  )}
+                </div>
               </div>
-            </div>
 
-            {authorizationFlow.state === "preflighting" ? (
-              <Spin
-                aria-label={copy(
-                  "teams.automations.authorization.preparing",
-                  "Preparing authorization review",
-                )}
-              />
-            ) : null}
-            {authorizationFlow.state === "plan_changed" ? (
-              <Alert
-                action={(
-                  <Button onClick={() => void beginPreflight(authorizationFlow.draft, authorizationFlow.mode, authorizationFlow.scheduleId)}>
-                    {copy("teams.automations.authorization.reviewAgain", "Review again")}
-                  </Button>
-                )}
-                description={copy(
-                  "teams.automations.planChanged.description",
-                  "The previous digest and operation identity were discarded. Run preflight and consent again.",
-                )}
-                message={copy("teams.automations.planChanged.title", "Authorization plan changed")}
-                showIcon
-                type="warning"
-              />
-            ) : null}
-          </div>
-        )}
-      </Modal> : null}
+              {authorizationFlow.state === 'preflighting' ? (
+                <Spin
+                  aria-label={copy(
+                    'teams.automations.authorization.preparing',
+                    'Preparing authorization review',
+                  )}
+                />
+              ) : null}
+              {authorizationFlow.state === 'plan_changed' ? (
+                <Alert
+                  action={
+                    <Button
+                      onClick={() =>
+                        void beginPreflight(
+                          authorizationFlow.draft,
+                          authorizationFlow.mode,
+                          authorizationFlow.scheduleId,
+                        )
+                      }
+                    >
+                      {copy(
+                        'teams.automations.authorization.reviewAgain',
+                        'Review again',
+                      )}
+                    </Button>
+                  }
+                  description={copy(
+                    'teams.automations.planChanged.description',
+                    'The previous digest and operation identity were discarded. Run preflight and consent again.',
+                  )}
+                  message={copy(
+                    'teams.automations.planChanged.title',
+                    'Authorization plan changed',
+                  )}
+                  showIcon
+                  type="warning"
+                />
+              ) : null}
+            </div>
+          )}
+        </Modal>
+      ) : null}
     </>
   );
 };
diff --git a/apps/aevatar-console-web/src/pages/teams/tabs/TeamMembersTab.tsx b/apps/aevatar-console-web/src/pages/teams/tabs/TeamMembersTab.tsx
index 7f6b79ffcf..88ccc193a9 100644
--- a/apps/aevatar-console-web/src/pages/teams/tabs/TeamMembersTab.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/tabs/TeamMembersTab.tsx
@@ -8,9 +8,10 @@ import {
   StopOutlined,
   ToolOutlined,
 } from "@ant-design/icons";
-import { Button, Skeleton, Tooltip, Typography, theme } from "antd";
+import { Button, Skeleton, Typography, theme } from "antd";
 import { useIntl } from "@umijs/max";
 import React from "react";
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import {
   AevatarInspectorEmpty,
   AevatarPanel,
@@ -247,7 +248,7 @@ const EllipsisText: React.FC<{
   readonly style?: React.CSSProperties;
   readonly type?: "secondary";
 }> = ({ children, strong = false, style, type }) => (
-  <Tooltip placement="topLeft" title={children}>
+  <AevatarTooltip placement="topLeft" title={children}>
     <Typography.Text
       strong={strong}
       style={{
@@ -258,7 +259,7 @@ const EllipsisText: React.FC<{
     >
       {children}
     </Typography.Text>
-  </Tooltip>
+  </AevatarTooltip>
 );
 
 const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
@@ -653,7 +654,7 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                             border: `1px solid ${token.colorBorderSecondary}`,
                           }}
                         >
-                          <Tooltip
+                          <AevatarTooltip
                             title={
                               row.canInvokeMember
                                 ? invokeActionLabel
@@ -677,8 +678,8 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                               )}
                               type="default"
                             />
-                          </Tooltip>
-                          <Tooltip
+                          </AevatarTooltip>
+                          <AevatarTooltip
                             title={
                               row.canOpenPublishedRuns
                                 ? publishedRunsActionLabel
@@ -704,8 +705,8 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                               style={buildMemberActionButtonStyle()}
                               type="default"
                             />
-                          </Tooltip>
-                          <Tooltip
+                          </AevatarTooltip>
+                          <AevatarTooltip
                             title={
                               row.canAutomateMember
                                 ? automateActionLabel
@@ -731,8 +732,8 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                               style={buildMemberActionButtonStyle()}
                               type="default"
                             />
-                          </Tooltip>
-                          <Tooltip
+                          </AevatarTooltip>
+                          <AevatarTooltip
                             title={
                               row.workflowSupported
                                 ? studioActionLabel
@@ -756,9 +757,9 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                               style={buildMemberActionButtonStyle()}
                               type="default"
                             />
-                          </Tooltip>
+                          </AevatarTooltip>
                           {row.isEntryMember ? (
-                            <Tooltip title={entryActionLabel}>
+                            <AevatarTooltip title={entryActionLabel}>
                               <Button
                                 aria-label={entryActionLabel}
                                 icon={entryActionIcon}
@@ -775,9 +776,9 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                                 style={buildMemberActionButtonStyle("primary")}
                                 type="default"
                               />
-                            </Tooltip>
+                            </AevatarTooltip>
                           ) : row.canSetAsEntry && onSetEntry ? (
-                            <Tooltip title={entryActionLabel}>
+                            <AevatarTooltip title={entryActionLabel}>
                               <Button
                                 aria-label={entryActionLabel}
                                 className="team-members-table-action-button team-members-table-entry-action"
@@ -794,10 +795,10 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                                 style={buildMemberActionButtonStyle()}
                                 type="default"
                               />
-                            </Tooltip>
+                            </AevatarTooltip>
                           ) : null}
                           {onDeleteMember ? (
-                            <Tooltip title={deleteActionLabel}>
+                            <AevatarTooltip title={deleteActionLabel}>
                               <Button
                                 aria-label={deleteActionLabel}
                                 className="team-members-table-action-button team-members-table-delete-action"
@@ -820,7 +821,7 @@ const TeamMembersTab: React.FC<TeamMembersTabProps> = ({
                                 style={buildMemberActionButtonStyle("danger")}
                                 type="default"
                               />
-                            </Tooltip>
+                            </AevatarTooltip>
                           ) : null}
                         </div>
                       </div>
diff --git a/apps/aevatar-console-web/src/pages/teams/tabs/TeamOverviewTab.tsx b/apps/aevatar-console-web/src/pages/teams/tabs/TeamOverviewTab.tsx
index 2af117279d..0a6d26f8fb 100644
--- a/apps/aevatar-console-web/src/pages/teams/tabs/TeamOverviewTab.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/tabs/TeamOverviewTab.tsx
@@ -6,9 +6,10 @@ import {
   PlayCircleOutlined,
   ToolOutlined,
 } from "@ant-design/icons";
-import { Button, Space, Tooltip, Typography, theme } from "antd";
+import { Button, Space, Typography, theme } from "antd";
 import { useIntl } from "@umijs/max";
 import React from "react";
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { AevatarInspectorEmpty } from "@/shared/ui/aevatarPageShells";
 import {
   DetailPill,
@@ -232,7 +233,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
               <DetailPill compact style={currentRunPillStyle} text={currentRunPillText} />
             </Space>
           </div>
-          <Tooltip title={teamRunDisabled ? teamRunDisabledReason : undefined}>
+          <AevatarTooltip title={teamRunDisabled ? teamRunDisabledReason : undefined}>
             <Button
               disabled={teamRunDisabled}
               icon={<PlayCircleOutlined />}
@@ -243,7 +244,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                 id: "teams.detail.overview.quickRun.runTeam",
               })}
             </Button>
-          </Tooltip>
+          </AevatarTooltip>
         </div>
         <div
           style={{
@@ -271,11 +272,11 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
               <Typography.Text style={{ fontSize: 12 }} type="secondary">
                 {item.label}
               </Typography.Text>
-              <Tooltip title={item.tooltip}>
+              <AevatarTooltip title={item.tooltip}>
                 <Typography.Text strong ellipsis>
                   {item.value}
                 </Typography.Text>
-              </Tooltip>
+              </AevatarTooltip>
             </div>
           ))}
         </div>
@@ -347,11 +348,11 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                 <Typography.Text style={{ fontSize: 12 }} type="secondary">
                   {row.label}
                 </Typography.Text>
-                <Tooltip title={row.noteTooltip || row.note}>
+                <AevatarTooltip title={row.noteTooltip || row.note}>
                   <Typography.Text strong ellipsis>
                     {row.value}
                   </Typography.Text>
-                </Tooltip>
+                </AevatarTooltip>
               </div>
             ))}
           </div>
@@ -418,7 +419,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                   </Space>
                 </div>
                 <Space.Compact>
-                  <Tooltip
+                  <AevatarTooltip
                     title={
                       row.canRun
                         ? runMemberLabel
@@ -438,9 +439,9 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                       size="small"
                       type={row.canRun ? "primary" : "default"}
                     />
-                  </Tooltip>
+                  </AevatarTooltip>
                   {row.configureLabel ? (
-                    <Tooltip
+                    <AevatarTooltip
                       title={
                         row.canConfigure
                           ? row.configureLabel
@@ -460,7 +461,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                         size="small"
                         type={row.canConfigure ? "default" : "dashed"}
                       />
-                    </Tooltip>
+                    </AevatarTooltip>
                   ) : null}
                 </Space.Compact>
               </div>
@@ -527,7 +528,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                     <Typography.Text style={{ fontSize: 12 }} type="secondary">
                       <ClockCircleOutlined /> {run.updatedLabel}
                     </Typography.Text>
-                    <Tooltip
+                    <AevatarTooltip
                       title={
                         <div style={{ display: "grid", gap: 4 }}>
                           {run.detailItems.map((item) => (
@@ -546,7 +547,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                       >
                         <InfoCircleOutlined />
                       </span>
-                    </Tooltip>
+                    </AevatarTooltip>
                   </Space>
                   <Typography.Text strong>{run.memberLabel}</Typography.Text>
                   <Typography.Text style={{ fontSize: 12 }} type="secondary">
@@ -555,7 +556,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                   <FactLine rows={2} secondary text={run.outputPreview} />
                 </div>
                 {run.detailsHref ? (
-                  <Tooltip
+                  <AevatarTooltip
                     title={intl.formatMessage({
                       id: "teams.detail.overview.history.actions.view",
                     })}
@@ -569,7 +570,7 @@ const TeamOverviewTab: React.FC<TeamOverviewTabProps> = ({
                       onClick={handleNavigate(run.detailsHref)}
                       size="small"
                     />
-                  </Tooltip>
+                  </AevatarTooltip>
                 ) : null}
               </div>
             ))}
diff --git a/apps/aevatar-console-web/src/pages/teams/tabs/TeamWorkOrdersTab.tsx b/apps/aevatar-console-web/src/pages/teams/tabs/TeamWorkOrdersTab.tsx
index afb3adf7f1..f990d09b52 100644
--- a/apps/aevatar-console-web/src/pages/teams/tabs/TeamWorkOrdersTab.tsx
+++ b/apps/aevatar-console-web/src/pages/teams/tabs/TeamWorkOrdersTab.tsx
@@ -13,12 +13,13 @@ import {
 } from 'antd';
 import React from 'react';
 import {
-  type WorkOrderListResult,
   type WorkOrderLifecycleStatus,
+  type WorkOrderListResult,
   workOrdersApi,
 } from '@/shared/api/workOrdersApi';
 import { formatCompactDateTime } from '@/shared/datetime/dateTime';
 import { buildTeamWorkOrderDetailHref } from '@/shared/navigation/teamRoutes';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 import { AevatarPanel } from '@/shared/ui/aevatarPageShells';
 
 type Props = {
@@ -176,26 +177,26 @@ const TeamWorkOrdersTab: React.FC<Props> = ({
                     {workOrder.workOrderId}
                   </Typography.Text>
                 </Space>
-                <Typography.Text
-                  ellipsis={{ tooltip: workOrder.intent }}
-                  strong
-                >
-                  {workOrder.intent}
-                </Typography.Text>
+                <AevatarTooltip title={workOrder.intent}>
+                  <Typography.Text ellipsis strong>
+                    {workOrder.intent}
+                  </Typography.Text>
+                </AevatarTooltip>
               </div>
               <div
                 className="team-work-order-assignment"
                 style={{ display: 'flex', flexDirection: 'column', gap: 4 }}
               >
-                <Typography.Text ellipsis={{ tooltip: workOrder.memberId }}>
-                  {workOrder.memberId}
-                </Typography.Text>
-                <Typography.Text
-                  ellipsis={{ tooltip: workOrder.publishedServiceId }}
-                  type="secondary"
-                >
-                  {workOrder.publishedServiceId}
-                </Typography.Text>
+                <AevatarTooltip title={workOrder.memberId}>
+                  <Typography.Text ellipsis>
+                    {workOrder.memberId}
+                  </Typography.Text>
+                </AevatarTooltip>
+                <AevatarTooltip title={workOrder.publishedServiceId}>
+                  <Typography.Text ellipsis type="secondary">
+                    {workOrder.publishedServiceId}
+                  </Typography.Text>
+                </AevatarTooltip>
               </div>
               <Typography.Text
                 className="team-work-order-updated"
diff --git a/apps/aevatar-console-web/src/pages/teams/workflowOperationalUnits.test.ts b/apps/aevatar-console-web/src/pages/teams/workflowOperationalUnits.test.ts
index c9a561b49e..be9836a8d2 100644
--- a/apps/aevatar-console-web/src/pages/teams/workflowOperationalUnits.test.ts
+++ b/apps/aevatar-console-web/src/pages/teams/workflowOperationalUnits.test.ts
@@ -2,150 +2,156 @@ import {
   buildWorkflowOperationalUnits,
   collectWorkflowOperationalServiceIds,
   resolveWorkflowOperationalUnit,
-} from "./workflowOperationalUnits";
+} from './workflowOperationalUnits';
 
-describe("workflowOperationalUnits", () => {
+describe('workflowOperationalUnits', () => {
   const workflows = [
     {
-      scopeId: "scope-a",
-      workflowId: "wf-alpha",
-      displayName: "Customer Support Triage",
-      serviceKey: "scope-a:alpha",
-      workflowName: "customer-support-triage",
-      actorId: "actor://alpha",
-      activeRevisionId: "rev-alpha",
-      deploymentId: "dep-alpha",
-      deploymentStatus: "Active",
-      updatedAt: "2026-04-13T09:00:00Z",
+      scopeId: 'scope-a',
+      workflowId: 'wf-alpha',
+      publishedServiceId: 'svc-alpha',
+      serviceAppId: 'default',
+      serviceNamespace: 'default',
+      displayName: 'Customer Support Triage',
+      serviceKey: 'scope-a:alpha',
+      workflowName: 'customer-support-triage',
+      actorId: 'actor://alpha',
+      activeRevisionId: 'rev-alpha',
+      deploymentId: 'dep-alpha',
+      deploymentStatus: 'Active',
+      updatedAt: '2026-04-13T09:00:00Z',
     },
     {
-      scopeId: "scope-a",
-      workflowId: "wf-draft",
-      displayName: "Draft Team",
-      serviceKey: "",
-      workflowName: "draft-team",
-      actorId: "actor://draft",
-      activeRevisionId: "rev-draft",
-      deploymentId: "",
-      deploymentStatus: "Draft",
-      updatedAt: "2026-04-13T08:00:00Z",
+      scopeId: 'scope-a',
+      workflowId: 'wf-draft',
+      publishedServiceId: 'svc-draft',
+      serviceAppId: 'default',
+      serviceNamespace: 'default',
+      displayName: 'Draft Team',
+      serviceKey: '',
+      workflowName: 'draft-team',
+      actorId: 'actor://draft',
+      activeRevisionId: 'rev-draft',
+      deploymentId: '',
+      deploymentStatus: 'Draft',
+      updatedAt: '2026-04-13T08:00:00Z',
     },
   ] as const;
 
   const services = [
     {
-      serviceKey: "scope-a:alpha",
-      tenantId: "scope-a",
-      appId: "default",
-      namespace: "default",
-      serviceId: "service-alpha",
-      displayName: "Support Runtime",
-      defaultServingRevisionId: "rev-alpha",
-      activeServingRevisionId: "rev-alpha",
-      deploymentId: "dep-alpha",
-      primaryActorId: "actor://alpha",
-      deploymentStatus: "Active",
+      serviceKey: 'scope-a:alpha',
+      tenantId: 'scope-a',
+      appId: 'default',
+      namespace: 'default',
+      serviceId: 'service-alpha',
+      displayName: 'Support Runtime',
+      defaultServingRevisionId: 'rev-alpha',
+      activeServingRevisionId: 'rev-alpha',
+      deploymentId: 'dep-alpha',
+      primaryActorId: 'actor://alpha',
+      deploymentStatus: 'Active',
       endpoints: [],
       policyIds: [],
-      updatedAt: "2026-04-13T09:01:00Z",
+      updatedAt: '2026-04-13T09:01:00Z',
     },
     {
-      serviceKey: "scope-a:stale",
-      tenantId: "scope-a",
-      appId: "default",
-      namespace: "default",
-      serviceId: "service-stale",
-      displayName: "Old Runtime",
-      defaultServingRevisionId: "rev-stale",
-      activeServingRevisionId: "rev-stale",
-      deploymentId: "dep-stale",
-      primaryActorId: "actor://stale",
-      deploymentStatus: "Active",
+      serviceKey: 'scope-a:stale',
+      tenantId: 'scope-a',
+      appId: 'default',
+      namespace: 'default',
+      serviceId: 'service-stale',
+      displayName: 'Old Runtime',
+      defaultServingRevisionId: 'rev-stale',
+      activeServingRevisionId: 'rev-stale',
+      deploymentId: 'dep-stale',
+      primaryActorId: 'actor://stale',
+      deploymentStatus: 'Active',
       endpoints: [],
       policyIds: [],
-      updatedAt: "2026-04-12T09:01:00Z",
+      updatedAt: '2026-04-12T09:01:00Z',
     },
   ];
 
   const runs = [
     {
-      scopeId: "scope-a",
-      serviceId: "service-alpha",
-      runId: "run-latest",
-      actorId: "actor://alpha",
-      definitionActorId: "definition://customer-support-triage",
-      revisionId: "rev-alpha",
-      deploymentId: "dep-alpha",
-      workflowName: "customer-support-triage",
-      completionStatus: "waiting_approval",
+      scopeId: 'scope-a',
+      serviceId: 'service-alpha',
+      runId: 'run-latest',
+      actorId: 'actor://alpha',
+      definitionActorId: 'definition://customer-support-triage',
+      revisionId: 'rev-alpha',
+      deploymentId: 'dep-alpha',
+      workflowName: 'customer-support-triage',
+      completionStatus: 'waiting_approval',
       stateVersion: 2,
-      lastEventId: "evt-2",
-      lastUpdatedAt: "2026-04-13T09:05:00Z",
-      boundAt: "2026-04-13T09:00:00Z",
-      bindingUpdatedAt: "2026-04-13T09:00:00Z",
+      lastEventId: 'evt-2',
+      lastUpdatedAt: '2026-04-13T09:05:00Z',
+      boundAt: '2026-04-13T09:00:00Z',
+      bindingUpdatedAt: '2026-04-13T09:00:00Z',
       lastSuccess: false,
       totalSteps: 4,
       completedSteps: 2,
       roleReplyCount: 1,
-      lastOutput: "",
-      lastError: "Waiting on approval",
+      lastOutput: '',
+      lastError: 'Waiting on approval',
     },
     {
-      scopeId: "scope-a",
-      serviceId: "service-alpha",
-      runId: "run-good",
-      actorId: "actor://alpha",
-      definitionActorId: "definition://customer-support-triage",
-      revisionId: "rev-alpha",
-      deploymentId: "dep-alpha",
-      workflowName: "customer-support-triage",
-      completionStatus: "completed",
+      scopeId: 'scope-a',
+      serviceId: 'service-alpha',
+      runId: 'run-good',
+      actorId: 'actor://alpha',
+      definitionActorId: 'definition://customer-support-triage',
+      revisionId: 'rev-alpha',
+      deploymentId: 'dep-alpha',
+      workflowName: 'customer-support-triage',
+      completionStatus: 'completed',
       stateVersion: 1,
-      lastEventId: "evt-1",
-      lastUpdatedAt: "2026-04-13T08:55:00Z",
-      boundAt: "2026-04-13T08:50:00Z",
-      bindingUpdatedAt: "2026-04-13T08:50:00Z",
+      lastEventId: 'evt-1',
+      lastUpdatedAt: '2026-04-13T08:55:00Z',
+      boundAt: '2026-04-13T08:50:00Z',
+      bindingUpdatedAt: '2026-04-13T08:50:00Z',
       lastSuccess: true,
       totalSteps: 3,
       completedSteps: 3,
       roleReplyCount: 1,
-      lastOutput: "Resolved",
-      lastError: "",
+      lastOutput: 'Resolved',
+      lastError: '',
     },
   ] as const;
 
-  it("collects the deduped matched service ids for the roster queries", () => {
+  it('collects the deduped matched service ids for the roster queries', () => {
     expect(
       collectWorkflowOperationalServiceIds({
         services,
         workflows,
       }),
-    ).toEqual(["service-alpha"]);
+    ).toEqual(['service-alpha']);
   });
 
-  it("ignores stale service and run hints when a workflow-backed match exists", () => {
+  it('ignores stale service and run hints when a workflow-backed match exists', () => {
     const unit = resolveWorkflowOperationalUnit({
-      preferredRunId: "run-does-not-exist",
-      preferredServiceId: "service-stale",
+      preferredRunId: 'run-does-not-exist',
+      preferredServiceId: 'service-stale',
       runs,
       services,
       signals: {
-        runtimeAvailableByServiceId: new Set(["service-alpha"]),
+        runtimeAvailableByServiceId: new Set(['service-alpha']),
         servicesAvailable: true,
       },
       workflow: workflows[0],
     });
 
-    expect(unit.matchedService?.serviceId).toBe("service-alpha");
-    expect(unit.latestRun?.runId).toBe("run-latest");
-    expect(unit.attention).toBe("waiting");
+    expect(unit.matchedService?.serviceId).toBe('service-alpha');
+    expect(unit.latestRun?.runId).toBe('run-latest');
+    expect(unit.attention).toBe('waiting');
     expect(unit.staleHints).toEqual({
       runId: false,
       serviceId: true,
     });
   });
 
-  it("marks a workflow with no bound service and no service key as draft only", () => {
+  it('marks a workflow with no bound service and no service key as draft only', () => {
     const unit = resolveWorkflowOperationalUnit({
       services,
       signals: {
@@ -154,87 +160,90 @@ describe("workflowOperationalUnits", () => {
       workflow: workflows[1],
     });
 
-    expect(unit.attention).toBe("draft");
+    expect(unit.attention).toBe('draft');
     expect(unit.isDraftOnly).toBe(true);
     expect(unit.matchedService).toBeNull();
   });
 
-  it("sorts attention-first roster cards before healthy or draft cards", () => {
+  it('sorts attention-first roster cards before healthy or draft cards', () => {
     const units = buildWorkflowOperationalUnits({
       workflows: [
         ...workflows,
         {
-          scopeId: "scope-a",
-          workflowId: "wf-healthy",
-          displayName: "Healthy Team",
-          serviceKey: "scope-a:healthy",
-          workflowName: "healthy-team",
-          actorId: "actor://healthy",
-          activeRevisionId: "rev-healthy",
-          deploymentId: "dep-healthy",
-          deploymentStatus: "Active",
-          updatedAt: "2026-04-13T07:00:00Z",
+          scopeId: 'scope-a',
+          workflowId: 'wf-healthy',
+          publishedServiceId: 'svc-healthy',
+          serviceAppId: 'default',
+          serviceNamespace: 'default',
+          displayName: 'Healthy Team',
+          serviceKey: 'scope-a:healthy',
+          workflowName: 'healthy-team',
+          actorId: 'actor://healthy',
+          activeRevisionId: 'rev-healthy',
+          deploymentId: 'dep-healthy',
+          deploymentStatus: 'Active',
+          updatedAt: '2026-04-13T07:00:00Z',
         },
       ],
       services: [
         ...services,
         {
-          serviceKey: "scope-a:healthy",
-          tenantId: "scope-a",
-          appId: "default",
-          namespace: "default",
-          serviceId: "service-healthy",
-          displayName: "Healthy Runtime",
-          defaultServingRevisionId: "rev-healthy",
-          activeServingRevisionId: "rev-healthy",
-          deploymentId: "dep-healthy",
-          primaryActorId: "actor://healthy",
-          deploymentStatus: "Active",
+          serviceKey: 'scope-a:healthy',
+          tenantId: 'scope-a',
+          appId: 'default',
+          namespace: 'default',
+          serviceId: 'service-healthy',
+          displayName: 'Healthy Runtime',
+          defaultServingRevisionId: 'rev-healthy',
+          activeServingRevisionId: 'rev-healthy',
+          deploymentId: 'dep-healthy',
+          primaryActorId: 'actor://healthy',
+          deploymentStatus: 'Active',
           endpoints: [],
           policyIds: [],
-          updatedAt: "2026-04-13T07:01:00Z",
+          updatedAt: '2026-04-13T07:01:00Z',
         },
       ],
       runsByServiceId: {
-        "service-alpha": runs,
-        "service-healthy": [
+        'service-alpha': runs,
+        'service-healthy': [
           {
-            scopeId: "scope-a",
-            serviceId: "service-healthy",
-            runId: "run-healthy",
-            actorId: "actor://healthy",
-            definitionActorId: "definition://healthy",
-            revisionId: "rev-healthy",
-            deploymentId: "dep-healthy",
-            workflowName: "healthy-team",
-            completionStatus: "completed",
+            scopeId: 'scope-a',
+            serviceId: 'service-healthy',
+            runId: 'run-healthy',
+            actorId: 'actor://healthy',
+            definitionActorId: 'definition://healthy',
+            revisionId: 'rev-healthy',
+            deploymentId: 'dep-healthy',
+            workflowName: 'healthy-team',
+            completionStatus: 'completed',
             stateVersion: 1,
-            lastEventId: "evt-healthy",
-            lastUpdatedAt: "2026-04-13T07:05:00Z",
-            boundAt: "2026-04-13T07:00:00Z",
-            bindingUpdatedAt: "2026-04-13T07:00:00Z",
+            lastEventId: 'evt-healthy',
+            lastUpdatedAt: '2026-04-13T07:05:00Z',
+            boundAt: '2026-04-13T07:00:00Z',
+            bindingUpdatedAt: '2026-04-13T07:00:00Z',
             lastSuccess: true,
             totalSteps: 2,
             completedSteps: 2,
             roleReplyCount: 1,
-            lastOutput: "Done",
-            lastError: "",
+            lastOutput: 'Done',
+            lastError: '',
           },
         ],
       },
       signals: {
         runtimeAvailableByServiceId: new Set([
-          "service-alpha",
-          "service-healthy",
+          'service-alpha',
+          'service-healthy',
         ]),
         servicesAvailable: true,
       },
     });
 
     expect(units.map((unit) => unit.workflow.workflowId)).toEqual([
-      "wf-alpha",
-      "wf-healthy",
-      "wf-draft",
+      'wf-alpha',
+      'wf-healthy',
+      'wf-draft',
     ]);
   });
 });
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/TableScrollRegion.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/TableScrollRegion.tsx
new file mode 100644
index 0000000000..d2dbf404ca
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/TableScrollRegion.tsx
@@ -0,0 +1,32 @@
+import React, { type ReactNode } from 'react';
+
+type TableScrollRegionProps = {
+  readonly ariaLabel: string;
+  readonly children: ReactNode;
+  readonly className?: string;
+};
+
+// Keep overflow keyboard-scrollable in browsers that do not auto-focus scroll regions.
+const keyboardScrollProps = { tabIndex: 0 } as const;
+
+const TableScrollRegion = ({
+  ariaLabel,
+  children,
+  className,
+}: TableScrollRegionProps) => (
+  <section
+    aria-label={ariaLabel}
+    className={[
+      'wa-vnext__table-wrap',
+      'wa-vnext__table-wrap--cards',
+      className,
+    ]
+      .filter(Boolean)
+      .join(' ')}
+    {...keyboardScrollProps}
+  >
+    {children}
+  </section>
+);
+
+export default TableScrollRegion;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/TechnicalDetails.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/TechnicalDetails.tsx
new file mode 100644
index 0000000000..ad749a23f5
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/TechnicalDetails.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+
+const TechnicalDetails: React.FC<{
+  readonly children: React.ReactNode;
+  readonly summary?: string;
+}> = ({ children, summary }) => (
+  <details className="wa-vnext__technical-details">
+    <summary>
+      {summary ||
+        t('workflowActivityVNext.common.technicalDetails', 'Technical details')}
+    </summary>
+    <div className="wa-vnext__technical-details-body" translate="no">
+      {children}
+    </div>
+  </details>
+);
+
+export default TechnicalDetails;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx
new file mode 100644
index 0000000000..b22b06cf8b
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx
@@ -0,0 +1,238 @@
+import {
+  ApiOutlined,
+  HistoryOutlined,
+  MenuOutlined,
+  PartitionOutlined,
+  SettingOutlined,
+} from '@ant-design/icons';
+import { Button, Drawer } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import {
+  ConsoleAuthActions,
+  ConsoleLanguageSwitch,
+} from '@/shared/ui/ConsoleHeaderActions';
+import { useWorkflowActivityAccount } from './account/useWorkflowActivityAccount';
+import {
+  buildWorkflowActivitySectionHref,
+  type WorkflowActivitySection,
+} from './navigation';
+import { workflowActivityVNextCss } from './styles';
+
+type ShellProps = {
+  readonly activeSection: WorkflowActivitySection;
+  readonly children: React.ReactNode;
+  readonly contentClassName?: string;
+  readonly description?: string;
+  readonly footer?: React.ReactNode;
+  readonly headerActions?: React.ReactNode;
+  readonly heading?: React.ReactNode;
+  readonly mainClassName?: string;
+  readonly mainRef?: React.Ref<HTMLElement>;
+  readonly onNavigate?: (target: string) => void;
+  readonly scopeId: string;
+  readonly title: string;
+};
+
+const items = [
+  {
+    key: 'workflows' as const,
+    icon: <PartitionOutlined aria-hidden="true" />,
+    labelKey: 'workflows',
+    fallback: 'Workflows',
+  },
+  {
+    key: 'activity' as const,
+    icon: <HistoryOutlined aria-hidden="true" />,
+    labelKey: 'activity',
+    fallback: 'Activity',
+  },
+  {
+    key: 'channels' as const,
+    icon: <ApiOutlined aria-hidden="true" />,
+    labelKey: 'channels',
+    fallback: 'Channels',
+  },
+  {
+    key: 'settings' as const,
+    icon: <SettingOutlined aria-hidden="true" />,
+    labelKey: 'settings',
+    fallback: 'Settings',
+  },
+];
+
+function shouldHandleClientNavigation(
+  event: React.MouseEvent<HTMLAnchorElement>,
+): boolean {
+  return (
+    event.button === 0 &&
+    !event.altKey &&
+    !event.ctrlKey &&
+    !event.metaKey &&
+    !event.shiftKey
+  );
+}
+
+function Navigation({
+  activeSection,
+  afterNavigate,
+  onNavigate,
+  scopeId,
+}: Pick<ShellProps, 'activeSection' | 'onNavigate' | 'scopeId'> & {
+  readonly afterNavigate?: () => void;
+}) {
+  return (
+    <nav
+      aria-label={t('workflowActivityVNext.nav.aria', 'Workflow workbench')}
+      className="wa-vnext__nav"
+    >
+      {items.map((item) => (
+        <a
+          aria-current={item.key === activeSection ? 'page' : undefined}
+          className="wa-vnext__nav-button"
+          href={buildWorkflowActivitySectionHref(scopeId, item.key)}
+          key={item.key}
+          onClick={(event) => {
+            if (!shouldHandleClientNavigation(event)) return;
+            event.preventDefault();
+            const target = buildWorkflowActivitySectionHref(scopeId, item.key);
+            if (onNavigate) onNavigate(target);
+            else history.push(target);
+            afterNavigate?.();
+          }}
+        >
+          {item.icon}
+          <span>
+            {t(`workflowActivityVNext.nav.${item.labelKey}`, item.fallback)}
+          </span>
+        </a>
+      ))}
+    </nav>
+  );
+}
+
+const WorkflowActivityVNextShell: React.FC<ShellProps> = ({
+  activeSection,
+  children,
+  contentClassName,
+  description,
+  footer,
+  headerActions,
+  heading,
+  mainClassName,
+  mainRef,
+  onNavigate,
+  scopeId,
+  title,
+}) => {
+  const { principal: accountPrincipal } = useWorkflowActivityAccount();
+  const [mobileNavigationOpen, setMobileNavigationOpen] = React.useState(false);
+  const activeItem = items.find((item) => item.key === activeSection);
+  const activeLabel = activeItem
+    ? t(`workflowActivityVNext.nav.${activeItem.labelKey}`, activeItem.fallback)
+    : title;
+  const mainBody = (
+    <>
+      <header className="wa-vnext__header">
+        <div
+          className={`wa-vnext__heading-copy${heading ? ' wa-vnext__heading-copy--custom' : ''}`}
+        >
+          <h1>{heading ?? title}</h1>
+          {description ? <p>{description}</p> : null}
+        </div>
+        {headerActions ? (
+          <div className="wa-vnext__header-actions">{headerActions}</div>
+        ) : null}
+      </header>
+      <div
+        className={`wa-vnext__content${contentClassName ? ` ${contentClassName}` : ''}`}
+      >
+        {children}
+      </div>
+    </>
+  );
+
+  return (
+    <div className="wa-vnext">
+      <style>{workflowActivityVNextCss}</style>
+      <header className="wa-vnext__topbar">
+        <div className="wa-vnext__topbar-leading">
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.nav.openMenu',
+              'Open navigation',
+            )}
+            className="wa-vnext__menu-button"
+            icon={<MenuOutlined />}
+            onClick={() => setMobileNavigationOpen(true)}
+            type="text"
+          />
+          <a
+            className="wa-vnext__brand"
+            href={buildWorkflowActivitySectionHref(scopeId, 'workflows')}
+            onClick={(event) => {
+              if (!shouldHandleClientNavigation(event)) return;
+              event.preventDefault();
+              const target = buildWorkflowActivitySectionHref(
+                scopeId,
+                'workflows',
+              );
+              if (onNavigate) onNavigate(target);
+              else history.push(target);
+            }}
+          >
+            {t('common.appName', 'Aevatar')}
+          </a>
+          <span aria-hidden="true" className="wa-vnext__topbar-divider" />
+          <span className="wa-vnext__topbar-context">{activeLabel}</span>
+        </div>
+        <div className="wa-vnext__topbar-actions">
+          <ConsoleLanguageSwitch />
+          <ConsoleAuthActions principal={accountPrincipal} />
+        </div>
+      </header>
+      <aside className="wa-vnext__rail">
+        <Navigation
+          activeSection={activeSection}
+          onNavigate={onNavigate}
+          scopeId={scopeId}
+        />
+      </aside>
+      <main
+        className={`wa-vnext__main${footer ? ' wa-vnext__main--with-footer' : ''}${mainClassName ? ` ${mainClassName}` : ''}`}
+        ref={mainRef}
+      >
+        {footer ? (
+          <div className="wa-vnext__main-scroll">{mainBody}</div>
+        ) : (
+          mainBody
+        )}
+        {footer ? <div className="wa-vnext__main-footer">{footer}</div> : null}
+      </main>
+      <Drawer
+        className="wa-vnext__drawer"
+        closable
+        onClose={() => setMobileNavigationOpen(false)}
+        open={mobileNavigationOpen}
+        placement="left"
+        rootClassName="wa-vnext-drawer"
+        size={240}
+        title={t('workflowActivityVNext.brand.subtitle', 'Automation ledger')}
+      >
+        <Navigation
+          activeSection={activeSection}
+          afterNavigate={() => setMobileNavigationOpen(false)}
+          onNavigate={onNavigate}
+          scopeId={scopeId}
+        />
+        <div className="wa-vnext__drawer-actions">
+          <ConsoleLanguageSwitch />
+          <ConsoleAuthActions principal={accountPrincipal} />
+        </div>
+      </Drawer>
+    </div>
+  );
+};
+
+export default WorkflowActivityVNextShell;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowHomePage.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowHomePage.test.tsx
new file mode 100644
index 0000000000..baea4e9d46
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowHomePage.test.tsx
@@ -0,0 +1,157 @@
+import { act, fireEvent, screen, waitFor } from '@testing-library/react';
+import { setLocale } from '@umijs/max';
+import * as React from 'react';
+import { persistAuthSession } from '@/shared/auth/session';
+import { history } from '@/shared/navigation/history';
+import { studioApi } from '@/shared/studio/api';
+import {
+  createTestQueryClient,
+  renderWithQueryClient,
+} from '../../../tests/reactQueryTestUtils';
+import { WORKFLOW_ACTIVITY_ACCOUNT_QUERY_KEY } from './account/useWorkflowActivityAccount';
+import WorkflowHomePage from './WorkflowHomePage';
+
+jest.mock('@/shared/studio/api', () => ({
+  studioApi: { getAuthSession: jest.fn() },
+}));
+
+jest.mock('@/shared/navigation/history', () => ({
+  history: { replace: jest.fn() },
+}));
+
+type StudioAuthSession = import('@/shared/studio/models').StudioAuthSession;
+
+const getAuthSession = jest.mocked(studioApi.getAuthSession);
+
+function account(scopeId: string | null): StudioAuthSession {
+  return {
+    enabled: true,
+    authenticated: true,
+    scopeId,
+    scopeSource: 'claim:scope_id',
+  };
+}
+
+function deferredAccount() {
+  let resolve!: (value: StudioAuthSession) => void;
+  const promise = new Promise<StudioAuthSession>((complete) => {
+    resolve = complete;
+  });
+  return { promise, resolve };
+}
+
+describe('workflow home', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    getAuthSession.mockReset();
+    setLocale('en-US', false);
+    window.history.replaceState({}, '', '/workflows');
+    persistAuthSession({
+      tokens: {
+        accessToken: 'test-token',
+        tokenType: 'Bearer',
+        expiresIn: 3600,
+        expiresAt: Date.now() + 3_600_000,
+      },
+      user: { sub: 'user-not-a-scope' },
+    });
+  });
+
+  it.each([
+    'scope-alpha',
+    'scope beta/secondary',
+  ])('waits for the server scope %s before navigating', async (scopeId) => {
+    const pending = deferredAccount();
+    getAuthSession.mockReturnValue(pending.promise);
+    renderWithQueryClient(<WorkflowHomePage />);
+
+    expect(screen.getByRole('status')).toHaveTextContent(
+      'Opening your workflows',
+    );
+    expect(history.replace).not.toHaveBeenCalled();
+    await act(async () => pending.resolve(account(scopeId)));
+    await waitFor(() =>
+      expect(history.replace).toHaveBeenCalledWith(
+        `/scopes/${encodeURIComponent(scopeId)}/workflow-activity-vnext/workflows`,
+      ),
+    );
+  });
+
+  it('does not navigate from cached identity when refresh fails, and retries the real account read', async () => {
+    const client = createTestQueryClient();
+    client.setQueryData(
+      WORKFLOW_ACTIVITY_ACCOUNT_QUERY_KEY,
+      account('old-scope'),
+    );
+    getAuthSession.mockRejectedValueOnce(new Error('unavailable'));
+    renderWithQueryClient(<WorkflowHomePage />, client);
+
+    expect(
+      await screen.findByText("We couldn't load your workspace. Try again."),
+    ).toBeVisible();
+    expect(history.replace).not.toHaveBeenCalled();
+    getAuthSession.mockResolvedValueOnce(account('current-scope'));
+    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
+    await waitFor(() =>
+      expect(history.replace).toHaveBeenCalledWith(
+        '/scopes/current-scope/workflow-activity-vnext/workflows',
+      ),
+    );
+  });
+
+  it('keeps missing scope recoverable without substituting the browser user ID', async () => {
+    getAuthSession.mockResolvedValue(account(null));
+    renderWithQueryClient(<WorkflowHomePage />);
+
+    expect(
+      await screen.findByText(
+        'Your account has no available workspace. Check your access and try again.',
+      ),
+    ).toBeVisible();
+    expect(screen.getByRole('button', { name: 'Retry' })).toBeEnabled();
+    expect(history.replace).not.toHaveBeenCalled();
+  });
+
+  it('uses the configured Chinese locale for account-read recovery', async () => {
+    setLocale('zh-CN', false);
+    getAuthSession.mockRejectedValue(new Error('unavailable'));
+    renderWithQueryClient(<WorkflowHomePage />);
+
+    expect(
+      await screen.findByText('暂时无法获取你的工作区，请重试。'),
+    ).toBeVisible();
+    expect(screen.getByRole('button', { name: /重\s*试/ })).toBeEnabled();
+    expect(history.replace).not.toHaveBeenCalled();
+  });
+
+  it('uses the explicit server scope when server authentication is disabled', async () => {
+    getAuthSession.mockResolvedValue({
+      ...account('server-scope'),
+      enabled: false,
+      authenticated: false,
+    });
+    renderWithQueryClient(<WorkflowHomePage />);
+
+    await waitFor(() =>
+      expect(history.replace).toHaveBeenCalledWith(
+        '/scopes/server-scope/workflow-activity-vnext/workflows',
+      ),
+    );
+  });
+
+  it('sends an unauthenticated account through the existing login route', async () => {
+    getAuthSession.mockResolvedValue({
+      ...account('unusable-scope'),
+      authenticated: false,
+    });
+    renderWithQueryClient(<WorkflowHomePage />);
+
+    expect(
+      await screen.findByText('Sign in to open your workflows.'),
+    ).toBeVisible();
+    expect(history.replace).not.toHaveBeenCalled();
+    fireEvent.click(screen.getByRole('button', { name: 'Sign in' }));
+    expect(history.replace).toHaveBeenCalledWith('/login');
+    expect(history.replace).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowHomePage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowHomePage.tsx
new file mode 100644
index 0000000000..6553f57d18
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowHomePage.tsx
@@ -0,0 +1,84 @@
+import { useQuery } from '@tanstack/react-query';
+import { Button, Result } from 'antd';
+import * as React from 'react';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { resolveStudioScopeContext } from '@/shared/scope/context';
+import { studioApi } from '@/shared/studio/api';
+import { AevatarPageLoading } from '@/shared/ui/AevatarLoading';
+import { WORKFLOW_ACTIVITY_ACCOUNT_QUERY_KEY } from './account/useWorkflowActivityAccount';
+import { buildWorkflowActivitySectionHref } from './navigation';
+
+export default function WorkflowHomePage() {
+  const account = useQuery({
+    queryKey: WORKFLOW_ACTIVITY_ACCOUNT_QUERY_KEY,
+    queryFn: () => studioApi.getAuthSession(),
+    refetchOnMount: 'always',
+    staleTime: 0,
+    retry: false,
+  });
+  const pending = account.isPending || account.isFetching;
+  const needsSignIn = Boolean(
+    account.data?.enabled &&
+      (!account.data.authenticated ||
+        account.data.session?.authenticated === false),
+  );
+  const scopeId = needsSignIn
+    ? undefined
+    : resolveStudioScopeContext(account.data)?.scopeId;
+  const ready = !pending && account.isSuccess && Boolean(scopeId);
+
+  React.useEffect(() => {
+    if (ready && scopeId) {
+      history.replace(buildWorkflowActivitySectionHref(scopeId, 'workflows'));
+    }
+  }, [ready, scopeId]);
+
+  if (pending || ready) {
+    return (
+      <AevatarPageLoading
+        fullscreen
+        tip={t('workflowActivityVNext.home.loading', 'Opening your workflows…')}
+      />
+    );
+  }
+
+  return (
+    <main>
+      <Result
+        status="warning"
+        title={t(
+          'workflowActivityVNext.home.unavailable',
+          'Workflows unavailable',
+        )}
+        subTitle={
+          account.isError
+            ? t(
+                'workflowActivityVNext.home.loadFailed',
+                "We couldn't load your workspace. Try again.",
+              )
+            : needsSignIn
+              ? t(
+                  'workflowActivityVNext.home.signInRequired',
+                  'Sign in to open your workflows.',
+                )
+              : t(
+                  'workflowActivityVNext.home.scopeUnavailable',
+                  'Your account has no available workspace. Check your access and try again.',
+                )
+        }
+        extra={
+          needsSignIn && !account.isError ? (
+            <Button onClick={() => history.replace('/login')} type="primary">
+              {t('workflowActivityVNext.home.signIn', 'Sign in')}
+            </Button>
+          ) : (
+            <Button onClick={() => void account.refetch()} type="primary">
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+          )
+        }
+      />
+    </main>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.test.ts
new file mode 100644
index 0000000000..8240186fe8
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.test.ts
@@ -0,0 +1,104 @@
+import type { NyxIDAuthSession } from '@/shared/auth/session';
+import type { StudioAuthSession } from '@/shared/studio/models';
+import { resolveWorkflowActivityAccount } from './resolveWorkflowActivityAccount';
+
+function createStoredSession(sub = 'user-abigail'): NyxIDAuthSession {
+  return {
+    tokens: {
+      accessToken: 'token',
+      expiresAt: Date.now() + 60_000,
+      expiresIn: 60,
+      tokenType: 'Bearer',
+    },
+    user: {
+      email: 'abigail@example.test',
+      email_verified: true,
+      groups: ['platform'],
+      name: 'Abigail Deng',
+      picture: 'https://example.test/abigail.png',
+      roles: ['operator'],
+      sub,
+    },
+  };
+}
+
+function createBackendSession(
+  overrides: Partial<StudioAuthSession> = {},
+): StudioAuthSession {
+  return {
+    authenticated: true,
+    enabled: true,
+    providerDisplayName: 'NyxID',
+    session: {
+      authenticated: true,
+      expiresAtUtc: '2099-08-05T10:00:00Z',
+      scopeId: 'scope-alpha',
+    },
+    ...overrides,
+  };
+}
+
+describe('resolveWorkflowActivityAccount', () => {
+  it('keeps backend profile facts authoritative when local storage has the same subject', () => {
+    const result = resolveWorkflowActivityAccount(
+      createBackendSession({ subject: 'user-abigail', profile: null }),
+      createStoredSession(),
+    );
+
+    expect(result.principal).toEqual({
+      authenticated: true,
+      displayName: '',
+      picture: null,
+    });
+    expect(result.auth?.profile).toBeNull();
+    expect(result.auth?.name).toBeUndefined();
+    expect(result.auth?.email).toBeUndefined();
+    expect(result.auth?.picture).toBeUndefined();
+  });
+
+  it('does not reuse a stored profile for a different backend subject', () => {
+    const result = resolveWorkflowActivityAccount(
+      createBackendSession({ subject: 'user-calvin', profile: null }),
+      createStoredSession(),
+    );
+
+    expect(result.principal).toEqual({
+      authenticated: true,
+      displayName: '',
+      picture: null,
+    });
+    expect(result.auth?.profile).toBeNull();
+  });
+
+  it('keeps a restorable browser principal when backend account state is unauthenticated', () => {
+    const result = resolveWorkflowActivityAccount(
+      createBackendSession({
+        authenticated: false,
+        subject: 'user-abigail',
+        session: { authenticated: false },
+      }),
+      createStoredSession(),
+    );
+
+    expect(result.auth?.authenticated).toBe(false);
+    expect(result.principal).toEqual({
+      authenticated: true,
+      displayName: 'Abigail Deng',
+      picture: 'https://example.test/abigail.png',
+    });
+  });
+
+  it('uses the stored profile while backend account facts are unavailable', () => {
+    const result = resolveWorkflowActivityAccount(
+      undefined,
+      createStoredSession(),
+    );
+
+    expect(result.auth).toBeUndefined();
+    expect(result.principal).toEqual({
+      authenticated: true,
+      displayName: 'Abigail Deng',
+      picture: 'https://example.test/abigail.png',
+    });
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.ts
new file mode 100644
index 0000000000..766f131480
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.ts
@@ -0,0 +1,103 @@
+import type { NyxIDAuthSession } from '@/shared/auth/session';
+import type {
+  StudioAuthProfile,
+  StudioAuthSession,
+} from '@/shared/studio/models';
+
+export type WorkflowActivityAccountPrincipal = {
+  readonly authenticated: boolean;
+  readonly displayName: string;
+  readonly picture: string | null;
+};
+
+export type ResolvedWorkflowActivityAccount = {
+  readonly auth: StudioAuthSession | undefined;
+  readonly principal: WorkflowActivityAccountPrincipal | null;
+};
+
+function normalize(value: string | null | undefined): string | undefined {
+  const normalized = value?.trim();
+  return normalized || undefined;
+}
+
+function firstValue(
+  ...values: readonly (string | null | undefined)[]
+): string | undefined {
+  return values.map(normalize).find(Boolean);
+}
+
+function storedPrincipal(
+  storedSession: NyxIDAuthSession | null,
+): WorkflowActivityAccountPrincipal | null {
+  if (!storedSession) return null;
+  return {
+    authenticated: true,
+    displayName:
+      firstValue(
+        storedSession.user.name,
+        storedSession.user.email,
+        storedSession.user.sub,
+      ) || '',
+    picture: normalize(storedSession.user.picture) || null,
+  };
+}
+
+function resolveBackendProfile(
+  auth: StudioAuthSession,
+  subject: string | undefined,
+): StudioAuthProfile | null | undefined {
+  const profile = auth.profile;
+  if (!profile) return profile;
+
+  return {
+    subject: subject || null,
+    name: firstValue(profile.name, auth.name) || null,
+    email: firstValue(profile.email, auth.email) || null,
+    emailVerified: profile.emailVerified ?? null,
+    picture: firstValue(profile.picture, auth.picture) || null,
+    roles: profile.roles,
+    groups: profile.groups,
+  };
+}
+
+export function resolveWorkflowActivityAccount(
+  auth: StudioAuthSession | undefined,
+  storedSession: NyxIDAuthSession | null,
+): ResolvedWorkflowActivityAccount {
+  if (!auth) {
+    return { auth: undefined, principal: storedPrincipal(storedSession) };
+  }
+
+  const subject = firstValue(auth.profile?.subject, auth.subject);
+  const profile = resolveBackendProfile(auth, subject);
+  const resolvedAuth: StudioAuthSession = {
+    ...auth,
+    subject: subject || null,
+    name: firstValue(profile?.name, auth.name),
+    email: firstValue(profile?.email, auth.email),
+    picture: firstValue(profile?.picture, auth.picture),
+    profile,
+  };
+  const authenticated =
+    resolvedAuth.authenticated && resolvedAuth.session?.authenticated !== false;
+  const browserPrincipal = storedPrincipal(storedSession);
+
+  return {
+    auth: resolvedAuth,
+    principal: authenticated
+      ? {
+          authenticated: true,
+          displayName:
+            firstValue(
+              resolvedAuth.profile?.name,
+              resolvedAuth.name,
+              resolvedAuth.profile?.email,
+              resolvedAuth.email,
+            ) || '',
+          picture:
+            firstValue(resolvedAuth.profile?.picture, resolvedAuth.picture) ||
+            null,
+        }
+      : browserPrincipal,
+  };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/useWorkflowActivityAccount.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/useWorkflowActivityAccount.ts
new file mode 100644
index 0000000000..c8cf238e5c
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/useWorkflowActivityAccount.ts
@@ -0,0 +1,23 @@
+import { useQuery } from '@tanstack/react-query';
+import { loadRestorableAuthSession } from '@/shared/auth/session';
+import { studioApi } from '@/shared/studio/api';
+import { resolveWorkflowActivityAccount } from './resolveWorkflowActivityAccount';
+
+export const WORKFLOW_ACTIVITY_ACCOUNT_QUERY_KEY = [
+  'workflow-activity-vnext',
+  'account',
+] as const;
+
+export function useWorkflowActivityAccount() {
+  const query = useQuery({
+    queryKey: WORKFLOW_ACTIVITY_ACCOUNT_QUERY_KEY,
+    queryFn: () => studioApi.getAuthSession(),
+    retry: false,
+  });
+  const resolved = resolveWorkflowActivityAccount(
+    query.data,
+    loadRestorableAuthSession(),
+  );
+
+  return { query, ...resolved };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
new file mode 100644
index 0000000000..43819052b0
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.test.tsx
@@ -0,0 +1,958 @@
+import { QueryClient } from '@tanstack/react-query';
+import { fireEvent, screen, waitFor, within } from '@testing-library/react';
+import * as React from 'react';
+import { history } from '@/shared/navigation/history';
+import {
+  cleanupTestQueryClients,
+  renderWithQueryClient,
+} from '../../../../tests/reactQueryTestUtils';
+import { workflowActivityVNextCss } from '../styles';
+import ActivityPage from './ActivityPage';
+
+let mockSearch = '';
+
+jest.mock('@umijs/max', () => ({
+  getIntl: () => ({
+    formatMessage: (
+      { defaultMessage, id }: { defaultMessage?: string; id: string },
+      values?: Record<string, unknown>,
+    ) =>
+      (defaultMessage ?? id).replace(
+        /\{(\w+)\}/g,
+        (_match: string, key: string) => String(values?.[key] ?? ''),
+      ),
+  }),
+  getLocale: () => 'en-US',
+  history: {},
+  setLocale: jest.fn(),
+  useIntl: () => ({
+    formatMessage: ({
+      defaultMessage,
+      id,
+    }: {
+      defaultMessage?: string;
+      id: string;
+    }) => defaultMessage ?? id,
+  }),
+  useModel: () => ({ initialState: { auth: { authenticated: true } } }),
+}));
+
+jest.mock('@/shared/api/workflowActivityApi', () => {
+  class WorkflowActivityApiError extends Error {
+    code?: string;
+    status: number;
+
+    constructor(message: string, status: number, code?: string) {
+      super(message);
+      this.name = 'WorkflowActivityApiError';
+      Object.setPrototypeOf(this, WorkflowActivityApiError.prototype);
+      this.code = code;
+      this.status = status;
+    }
+  }
+
+  return {
+    WorkflowActivityApiError,
+    workflowActivityApi: { listActivityRuns: jest.fn() },
+  };
+});
+
+jest.mock('@/shared/navigation/history', () => ({
+  history: { push: jest.fn(), replace: jest.fn() },
+}));
+
+jest.mock('@/shared/ui/ConsoleHeaderActions', () => ({
+  ConsoleAuthActions: () => <button type="button">Account</button>,
+  ConsoleLanguageSwitch: () => <button type="button">Language</button>,
+}));
+
+jest.mock('../hooks/useConsoleLocation', () => ({
+  useConsoleLocation: () => ({
+    hash: '',
+    pathname: '/scopes/scope-alpha/workflow-activity-vnext/activity',
+    search: mockSearch,
+  }),
+}));
+
+const mockListActivityRuns = jest.requireMock(
+  '@/shared/api/workflowActivityApi',
+).workflowActivityApi.listActivityRuns as jest.Mock;
+const MockWorkflowActivityApiError = jest.requireMock(
+  '@/shared/api/workflowActivityApi',
+).WorkflowActivityApiError as new (
+  message: string,
+  status: number,
+  code?: string,
+) => Error;
+
+describe('Workflow Activity vNext Activity ledger', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockSearch = '';
+    mockListActivityRuns.mockResolvedValue(feedPage([]));
+  });
+
+  afterEach(() => cleanupTestQueryClients());
+
+  it('renders the activity table skeleton while the first page is loading', () => {
+    mockListActivityRuns.mockImplementation(() => new Promise(() => {}));
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    expect(screen.getByRole('status')).toHaveAttribute('data-variant', 'table');
+    expect(screen.getAllByTestId('aevatar-content-skeleton-cell').length).toBe(
+      20,
+    );
+    expect(screen.getByText('Loading activity…')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+    expect(
+      screen.getByRole('searchbox', { name: 'Search runs' }),
+    ).toBeEnabled();
+  });
+
+  it('refreshes the first page when returning to Activity', async () => {
+    const queryClient = new QueryClient({
+      defaultOptions: {
+        queries: {
+          gcTime: Infinity,
+          refetchOnWindowFocus: false,
+          retry: false,
+          staleTime: 30_000,
+        },
+      },
+    });
+    const firstView = renderWithQueryClient(
+      <ActivityPage scopeId="scope-alpha" />,
+      queryClient,
+    );
+
+    await waitFor(() => expect(mockListActivityRuns).toHaveBeenCalledTimes(1));
+    firstView.unmount();
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />, queryClient);
+
+    await waitFor(() => expect(mockListActivityRuns).toHaveBeenCalledTimes(2));
+  });
+
+  it('retries one transient Activity feed failure before showing an error', async () => {
+    mockSearch = '?workflowId=wf-alpha&schedule=schedule-alpha';
+    mockListActivityRuns
+      .mockRejectedValueOnce(
+        new MockWorkflowActivityApiError(
+          'Error occurred while trying to proxy: localhost:5175/api/workflow/observatory/activity-runs',
+          502,
+        ),
+      )
+      .mockResolvedValueOnce(feedPage([]));
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    expect(await screen.findByText('No matching runs')).toBeInTheDocument();
+    expect(mockListActivityRuns).toHaveBeenCalledTimes(2);
+    expect(screen.queryByText('Activity unavailable')).not.toBeInTheDocument();
+  });
+
+  it('does not retry an unauthorized Activity feed request', async () => {
+    mockListActivityRuns.mockRejectedValueOnce(
+      new MockWorkflowActivityApiError('Unauthorized', 401),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    expect(await screen.findByRole('alert')).toBeInTheDocument();
+    expect(mockListActivityRuns).toHaveBeenCalledTimes(1);
+  });
+
+  it('passes a URL workflow identity directly to the Activity feed', async () => {
+    mockSearch = '?workflowId=wf-alpha';
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await waitFor(() =>
+      expect(mockListActivityRuns).toHaveBeenCalledWith('scope-alpha', {
+        status: undefined,
+        origins: undefined,
+        definitionActorIds: undefined,
+        scheduleIds: undefined,
+        workflowId: 'wf-alpha',
+        searchText: undefined,
+        fromUtc: undefined,
+        toUtc: undefined,
+        take: 25,
+        cursor: undefined,
+        includeTotalCount: true,
+      }),
+    );
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Remove workflow filter wf-alpha' }),
+    );
+    expect(history.replace).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity',
+    );
+  });
+
+  it('filters by Schedule without inventing a Run source', async () => {
+    mockSearch = '?workflowId=wf-alpha&schedule=schedule-alpha';
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await waitFor(() =>
+      expect(mockListActivityRuns).toHaveBeenCalledWith('scope-alpha', {
+        status: undefined,
+        origins: undefined,
+        definitionActorIds: undefined,
+        scheduleIds: ['schedule-alpha'],
+        workflowId: 'wf-alpha',
+        searchText: undefined,
+        fromUtc: undefined,
+        toUtc: undefined,
+        take: 25,
+        cursor: undefined,
+        includeTotalCount: true,
+      }),
+    );
+
+    expect(
+      screen.getByRole('button', { name: 'Remove workflow filter wf-alpha' }),
+    ).toBeVisible();
+    expect(
+      screen.getByRole('button', {
+        name: 'Remove schedule filter schedule-alpha',
+      }),
+    ).toBeVisible();
+    const scopeContext = document.querySelector(
+      '.wa-vnext__activity-filter-context',
+    );
+    expect(scopeContext).toBeInTheDocument();
+    expect(scopeContext).toContainElement(
+      screen.getByRole('button', {
+        name: 'Remove workflow filter wf-alpha',
+      }),
+    );
+    expect(scopeContext).toContainElement(
+      screen.getByRole('button', {
+        name: 'Remove schedule filter schedule-alpha',
+      }),
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__activity-filter-context { margin-bottom: 12px; }',
+    );
+    expect(
+      screen.queryByRole('button', { name: /Remove source filter/ }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Run source' }));
+    await screen.findByText('Chat', {
+      selector: '.ant-select-item-option-content',
+    });
+    expect(
+      screen.queryByText('Schedule', {
+        selector: '.ant-select-item-option-content',
+      }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Remove schedule filter schedule-alpha',
+      }),
+    );
+    expect(history.replace).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity?workflowId=wf-alpha',
+    );
+  });
+
+  it('drops the legacy Schedule origin from Activity links', async () => {
+    mockSearch = '?workflowId=wf-alpha&schedule=schedule-alpha&origin=schedule';
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await waitFor(() =>
+      expect(mockListActivityRuns).toHaveBeenCalledWith(
+        'scope-alpha',
+        expect.objectContaining({
+          origins: undefined,
+          scheduleIds: ['schedule-alpha'],
+          workflowId: 'wf-alpha',
+        }),
+      ),
+    );
+    expect(history.replace).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity?workflowId=wf-alpha&schedule=schedule-alpha',
+    );
+    expect(
+      screen.queryByRole('button', { name: /Remove source filter/ }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('does not query global runs when the workflow filter is empty', async () => {
+    mockSearch = '?workflowId=';
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    expect(
+      await screen.findByText('Choose a workflow to filter Activity'),
+    ).toBeInTheDocument();
+    expect(mockListActivityRuns).not.toHaveBeenCalled();
+  });
+
+  it('sends URL-backed filters and total-count intent to the feed', async () => {
+    mockSearch =
+      '?status=failed&origin=draft&definition=definition-alpha&schedule=schedule-alpha&q=customer&from=2026-08-01T00%3A00%3A00Z&to=2026-08-05T00%3A00%3A00Z';
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await waitFor(() =>
+      expect(mockListActivityRuns).toHaveBeenCalledWith('scope-alpha', {
+        status: 'failed',
+        origins: ['draft'],
+        definitionActorIds: ['definition-alpha'],
+        scheduleIds: ['schedule-alpha'],
+        workflowId: undefined,
+        searchText: 'customer',
+        fromUtc: '2026-08-01T00:00:00Z',
+        toUtc: '2026-08-05T00:00:00Z',
+        take: 25,
+        cursor: undefined,
+        includeTotalCount: true,
+      }),
+    );
+    expect(
+      screen.getByRole('button', { name: 'Show all workflows' }),
+    ).toBeEnabled();
+    expect(screen.getByPlaceholderText('Activity after')).toBeInTheDocument();
+    expect(screen.getByPlaceholderText('Activity before')).toBeInTheDocument();
+  });
+
+  it('drops an unsupported URL status before querying or preserving it', async () => {
+    mockSearch = '?status=waiting&origin=draft';
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await waitFor(() =>
+      expect(mockListActivityRuns).toHaveBeenCalledWith(
+        'scope-alpha',
+        expect.objectContaining({ status: undefined, origins: ['draft'] }),
+      ),
+    );
+    expect(mockListActivityRuns).not.toHaveBeenCalledWith(
+      'scope-alpha',
+      expect.objectContaining({ status: 'waiting' }),
+    );
+    await waitFor(() =>
+      expect(history.replace).toHaveBeenLastCalledWith(
+        '/scopes/scope-alpha/workflow-activity-vnext/activity?origin=draft',
+      ),
+    );
+  });
+
+  it('sends the URL search text to the Activity feed', async () => {
+    mockSearch = '?q=customer&status=failed';
+    mockListActivityRuns.mockResolvedValue(
+      feedPage([
+        activityRow({
+          runId: 'run-customer',
+          workflowName: 'Customer follow-up',
+        }),
+        activityRow({ runId: 'run-invoice', workflowName: 'Invoice review' }),
+      ]),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    expect(screen.getByRole('searchbox', { name: 'Search runs' })).toHaveValue(
+      'customer',
+    );
+    expect(await screen.findByText('Customer follow-up')).toBeInTheDocument();
+    expect(mockListActivityRuns).toHaveBeenCalledWith(
+      'scope-alpha',
+      expect.objectContaining({ searchText: 'customer' }),
+    );
+  });
+
+  it('waits for Search before submitting Activity filter changes', async () => {
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await waitFor(() => expect(mockListActivityRuns).toHaveBeenCalledTimes(1));
+
+    const searchInput = screen.getByRole('searchbox', {
+      name: 'Search runs',
+    });
+    fireEvent.change(searchInput, { target: { value: 'support' } });
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Run status' }));
+    fireEvent.click(await screen.findByText('Failed'));
+
+    expect(searchInput).toHaveValue('support');
+    expect(history.replace).not.toHaveBeenCalled();
+    expect(mockListActivityRuns).toHaveBeenCalledTimes(1);
+
+    fireEvent.click(screen.getByRole('button', { name: 'Search' }));
+
+    expect(history.replace).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity?q=support&status=failed',
+    );
+    expect(mockListActivityRuns).toHaveBeenCalledTimes(1);
+  });
+
+  it('shows pending feedback for an unchanged Activity Search', async () => {
+    mockListActivityRuns.mockResolvedValueOnce(
+      feedPage([
+        activityRow({
+          runId: 'run-current',
+          workflowName: 'Current results',
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await screen.findByText('Current results');
+    let resolveSearch!: (value: ReturnType<typeof feedPage>) => void;
+    const deferredSearch = new Promise<ReturnType<typeof feedPage>>(
+      (resolve) => {
+        resolveSearch = resolve;
+      },
+    );
+    mockListActivityRuns.mockReturnValueOnce(deferredSearch);
+
+    const searchButton = screen.getByRole('button', { name: 'Search' });
+    fireEvent.click(searchButton);
+
+    await waitFor(() => expect(mockListActivityRuns).toHaveBeenCalledTimes(2));
+    expect(searchButton).toHaveAttribute('aria-busy', 'true');
+    expect(searchButton).toHaveClass('ant-btn-loading');
+    expect(searchButton).toBeDisabled();
+    expect(screen.getByText('Current results')).toBeInTheDocument();
+
+    fireEvent.click(searchButton);
+    expect(mockListActivityRuns).toHaveBeenCalledTimes(2);
+
+    resolveSearch(
+      feedPage([
+        activityRow({
+          runId: 'run-current',
+          workflowName: 'Current results',
+        }),
+      ]),
+    );
+
+    await waitFor(() => expect(searchButton).toBeEnabled());
+    expect(searchButton).toHaveAttribute('aria-busy', 'false');
+    await waitFor(() =>
+      expect(searchButton).not.toHaveClass('ant-btn-loading'),
+    );
+  });
+
+  it('keeps Search pending while URL-backed Activity filters load', async () => {
+    mockListActivityRuns.mockResolvedValueOnce(
+      feedPage([
+        activityRow({
+          runId: 'run-before-search',
+          workflowName: 'Before search',
+        }),
+      ]),
+    );
+
+    let applyHistoryTarget!: (target: string) => void;
+    const ActivityLocationHarness = () => {
+      const [, rerenderLocation] = React.useReducer((value) => value + 1, 0);
+      applyHistoryTarget = (target: string) => {
+        mockSearch = new URL(target, 'http://console.local').search;
+        rerenderLocation();
+      };
+      return <ActivityPage scopeId="scope-alpha" />;
+    };
+
+    renderWithQueryClient(<ActivityLocationHarness />);
+
+    await screen.findByText('Before search');
+    let resolveSearch!: (value: ReturnType<typeof feedPage>) => void;
+    const deferredSearch = new Promise<ReturnType<typeof feedPage>>(
+      (resolve) => {
+        resolveSearch = resolve;
+      },
+    );
+    mockListActivityRuns.mockReturnValueOnce(deferredSearch);
+    (history.replace as jest.Mock).mockImplementation((target: string) => {
+      applyHistoryTarget(target);
+    });
+
+    fireEvent.change(screen.getByRole('searchbox', { name: 'Search runs' }), {
+      target: { value: 'support' },
+    });
+    const searchButton = screen.getByRole('button', { name: 'Search' });
+    fireEvent.click(searchButton);
+
+    expect(history.replace).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity?q=support',
+    );
+    await waitFor(() => expect(mockListActivityRuns).toHaveBeenCalledTimes(2));
+    expect(searchButton).toHaveAttribute('aria-busy', 'true');
+    expect(searchButton).toHaveClass('ant-btn-loading');
+    expect(searchButton).toBeDisabled();
+
+    resolveSearch(
+      feedPage([
+        activityRow({
+          runId: 'run-support',
+          workflowName: 'Support workflow',
+        }),
+      ]),
+    );
+
+    await screen.findByText('Support workflow');
+    await waitFor(() => expect(searchButton).toBeEnabled());
+    expect(searchButton).toHaveAttribute('aria-busy', 'false');
+    await waitFor(() =>
+      expect(searchButton).not.toHaveClass('ant-btn-loading'),
+    );
+  });
+
+  it('keeps the activity list focused on user-facing run facts', async () => {
+    mockListActivityRuns.mockResolvedValue(
+      feedPage(
+        [
+          activityRow({
+            runId: 'workflow-definition:studio:run:internal-alpha',
+            workflowName: 'Customer follow-up',
+            runOrigin: 'backend-native-origin.v2',
+          }),
+        ],
+        { totalCount: 42 },
+      ),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    await screen.findByText('Customer follow-up');
+    expect(
+      screen.queryByRole('button', { name: 'Open Customer follow-up' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getByText('Completed')).toBeInTheDocument();
+    expect(screen.getByText('Connector unavailable')).toBeInTheDocument();
+    expect(screen.getByText('Ticket redacted')).toBeInTheDocument();
+    expect(screen.getByText('2m')).toBeInTheDocument();
+    expect(screen.getByText('Page 1 of 2')).toBeInTheDocument();
+    expect(
+      screen.getByRole('columnheader', { name: 'Duration' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('columnheader', { name: 'Input preview' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByRole('columnheader', { name: 'Initiator' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('generate_weekly_report'),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('backend-native-origin.v2'),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByText('internal-alpha')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('workflow-definition:studio:run:internal-alpha'),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByText('State version')).not.toBeInTheDocument();
+
+    expect(screen.getByText('Ticket redacted')).toHaveClass(
+      'wa-vnext__input-preview',
+    );
+
+    const activityRegion = screen.getByRole('region', { name: 'Activity' });
+    expect(activityRegion).toHaveAttribute('tabindex', '0');
+    expect(activityRegion).toHaveClass('wa-vnext__activity-table-region');
+    expect(
+      within(activityRegion).getByText('Customer follow-up').closest('td'),
+    ).toHaveAttribute('data-label', 'Workflow');
+  });
+
+  it('opens run details when an activity row is clicked', async () => {
+    mockListActivityRuns.mockResolvedValue(
+      feedPage([
+        activityRow({
+          runId: 'run-customer',
+          workflowName: 'Customer follow-up',
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    const customerRunRow = (
+      await screen.findByText('Customer follow-up')
+    ).closest('tr');
+    if (!customerRunRow) throw new Error('The customer run row was not found.');
+
+    fireEvent.click(customerRunRow);
+
+    expect(history.push).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity/run-customer?workflowId=wf-alpha',
+    );
+  });
+
+  it('opens run details when an activity row is keyboard activated', async () => {
+    mockListActivityRuns.mockResolvedValue(
+      feedPage([
+        activityRow({
+          runId: 'run-customer',
+          workflowName: 'Customer follow-up',
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    const customerRunRow = (
+      await screen.findByText('Customer follow-up')
+    ).closest('tr');
+    if (!customerRunRow) throw new Error('The customer run row was not found.');
+    expect(customerRunRow).toHaveAttribute('tabindex', '0');
+
+    fireEvent.keyDown(customerRunRow, { key: 'Enter' });
+    expect(history.push).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity/run-customer?workflowId=wf-alpha',
+    );
+
+    fireEvent.keyDown(customerRunRow, { key: ' ' });
+    expect(history.push).toHaveBeenCalledTimes(2);
+  });
+
+  it('renders a standard pagination control with a direct page jump input', async () => {
+    mockListActivityRuns.mockResolvedValue(
+      feedPage([activityRow({ runId: 'run-one', workflowName: 'First run' })], {
+        hasMore: true,
+        nextCursor: 'cursor-two',
+        totalCount: 75,
+      }),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    const pagination = await screen.findByTestId('activity-pagination');
+    expect(pagination).toHaveClass('ant-pagination');
+    expect(within(pagination).getByTitle('3')).toBeInTheDocument();
+    expect(
+      pagination.querySelector('.ant-pagination-options-quick-jumper input'),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Load more' }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('does not expose arbitrary page jumping when the feed omits its total count', async () => {
+    mockListActivityRuns.mockResolvedValue({
+      hasMore: true,
+      items: [activityRow({ runId: 'run-one', workflowName: 'First run' })],
+      nextCursor: 'cursor-two',
+      totalCount: null,
+    });
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    const pagination = await screen.findByTestId('activity-pagination');
+    expect(
+      pagination.querySelector('.ant-pagination-options-quick-jumper input'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('opens a selected known page with its saved cursor', async () => {
+    mockListActivityRuns
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-one', workflowName: 'First run' })],
+          {
+            hasMore: true,
+            nextCursor: 'cursor-two',
+            totalCount: 26,
+          },
+        ),
+      )
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-two', workflowName: 'Second run' })],
+          { totalCount: 26 },
+        ),
+      );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    fireEvent.click(
+      within(await screen.findByTestId('activity-pagination')).getByTitle('2'),
+    );
+
+    expect(await screen.findByText('Second run')).toBeInTheDocument();
+    expect(screen.queryByText('First run')).not.toBeInTheDocument();
+    expect(mockListActivityRuns).toHaveBeenLastCalledWith(
+      'scope-alpha',
+      expect.objectContaining({
+        cursor: 'cursor-two',
+        includeTotalCount: true,
+      }),
+    );
+    expect(
+      document.querySelector('.wa-vnext__activity-footer'),
+    ).toHaveTextContent('Page 2 of 2');
+  });
+
+  it('resolves missing cursors before opening a directly selected page', async () => {
+    mockListActivityRuns
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-one', workflowName: 'First run' })],
+          {
+            hasMore: true,
+            nextCursor: 'cursor-two',
+            totalCount: 75,
+          },
+        ),
+      )
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-two', workflowName: 'Second run' })],
+          {
+            hasMore: true,
+            nextCursor: 'cursor-three',
+            totalCount: 75,
+          },
+        ),
+      )
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-three', workflowName: 'Third run' })],
+          { totalCount: 75 },
+        ),
+      );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    const quickJumper = (
+      await screen.findByTestId('activity-pagination')
+    ).querySelector('.ant-pagination-options-quick-jumper input');
+    if (!quickJumper) throw new Error('The page jump input was not found.');
+    fireEvent.change(quickJumper, { target: { value: '3' } });
+    fireEvent.keyUp(quickJumper, { key: 'Enter', keyCode: 13 });
+
+    expect(await screen.findByText('Third run')).toBeInTheDocument();
+    expect(screen.queryByText('First run')).not.toBeInTheDocument();
+    expect(screen.queryByText('Second run')).not.toBeInTheDocument();
+    expect(mockListActivityRuns).toHaveBeenCalledTimes(3);
+    expect(
+      mockListActivityRuns.mock.calls.map(([, filter]) => filter.cursor),
+    ).toEqual([undefined, 'cursor-two', 'cursor-three']);
+    expect(
+      document.querySelector('.wa-vnext__activity-footer'),
+    ).toHaveTextContent('Page 3 of 3');
+  });
+
+  it('keeps the current page visible and retries when cursor resolution fails', async () => {
+    mockListActivityRuns
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-one', workflowName: 'First run' })],
+          {
+            hasMore: true,
+            nextCursor: 'cursor-invalid',
+            totalCount: 75,
+          },
+        ),
+      )
+      .mockRejectedValueOnce(new Error('Network unavailable'))
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-two', workflowName: 'Second run' })],
+          { hasMore: true, nextCursor: 'cursor-three', totalCount: 75 },
+        ),
+      )
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-three', workflowName: 'Third run' })],
+          { totalCount: 75 },
+        ),
+      );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    const quickJumper = (
+      await screen.findByTestId('activity-pagination')
+    ).querySelector('.ant-pagination-options-quick-jumper input');
+    if (!quickJumper) throw new Error('The page jump input was not found.');
+    fireEvent.change(quickJumper, { target: { value: '3' } });
+    fireEvent.keyUp(quickJumper, { key: 'Enter', keyCode: 13 });
+
+    expect(
+      await screen.findByText("Couldn't load this page"),
+    ).toBeInTheDocument();
+    expect(screen.getByText('First run')).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
+
+    expect(await screen.findByText('Third run')).toBeInTheDocument();
+    expect(
+      mockListActivityRuns.mock.calls.map(([, filter]) => filter.cursor),
+    ).toEqual([undefined, 'cursor-invalid', 'cursor-invalid', 'cursor-three']);
+  });
+
+  it('resets cursor pagination to the first page when filters change', async () => {
+    mockListActivityRuns
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-one', workflowName: 'First run' })],
+          { hasMore: true, nextCursor: 'cursor-two', totalCount: 26 },
+        ),
+      )
+      .mockResolvedValueOnce(
+        feedPage(
+          [activityRow({ runId: 'run-two', workflowName: 'Second run' })],
+          { totalCount: 26 },
+        ),
+      )
+      .mockResolvedValueOnce(
+        feedPage(
+          [
+            activityRow({
+              runId: 'run-filtered',
+              workflowName: 'Filtered run',
+            }),
+          ],
+          { totalCount: 1 },
+        ),
+      );
+
+    const view = renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    fireEvent.click(
+      within(await screen.findByTestId('activity-pagination')).getByTitle('2'),
+    );
+    await screen.findByText('Second run');
+
+    mockSearch = '?status=failed';
+    view.unmount();
+    renderWithQueryClient(
+      <ActivityPage scopeId="scope-alpha" />,
+      view.queryClient,
+    );
+
+    expect(await screen.findByText('Filtered run')).toBeInTheDocument();
+    expect(mockListActivityRuns).toHaveBeenLastCalledWith(
+      'scope-alpha',
+      expect.objectContaining({ status: 'failed', cursor: undefined }),
+    );
+  });
+
+  it('renders unrecognized returned run states as Unknown', async () => {
+    mockListActivityRuns.mockResolvedValue(
+      feedPage([activityRow({ status: 'future_waiting_state' })]),
+    );
+
+    renderWithQueryClient(<ActivityPage scopeId="scope-alpha" />);
+
+    expect(await screen.findByText('Unknown')).toBeInTheDocument();
+    expect(screen.queryByText('future_waiting_state')).not.toBeInTheDocument();
+  });
+});
+
+function feedPage(
+  items: readonly ReturnType<typeof activityRow>[],
+  overrides: {
+    readonly hasMore?: boolean;
+    readonly nextCursor?: string | null;
+    readonly totalCount?: number | null;
+  } = {},
+) {
+  return {
+    items,
+    nextCursor: overrides.nextCursor ?? null,
+    hasMore: overrides.hasMore ?? false,
+    totalCount: overrides.totalCount ?? items.length,
+  };
+}
+
+function activityRow(
+  overrides: Partial<{
+    runId: string;
+    workflowName: string;
+    runOrigin: string;
+    status: string;
+  }> = {},
+) {
+  return {
+    runId: overrides.runId ?? 'run-alpha',
+    actorId: 'actor-technical-alpha',
+    workflowId: 'wf-alpha',
+    workflowName: overrides.workflowName ?? 'Customer follow-up',
+    scopeId: 'scope-alpha',
+    status: overrides.status ?? 'completed',
+    runOrigin: overrides.runOrigin ?? 'draft',
+    success: true,
+    initiator: {
+      platform: 'nyxid',
+      tenant: 'tenant-alpha',
+      externalUserId: 'user-alpha',
+      scope: 'scope-alpha',
+      bindingId: 'binding-alpha',
+      displayValue: 'Abigail',
+      availability: 'available',
+    },
+    inputSummary: 'Ticket redacted',
+    currentStep: {
+      stepId: 'step-failed',
+      inputSummary: 'Connector request',
+      availability: 'available',
+    },
+    firstFailure: {
+      stepId: 'step-failed',
+      message: 'Connector unavailable',
+      availability: 'available',
+    },
+    waiting: {
+      stepId: '',
+      waitingKind: '',
+      prompt: '',
+      availability: 'unavailable',
+    },
+    startedAtUtc: '2026-08-04T09:58:00Z',
+    completedAtUtc: '2026-08-04T10:00:00Z',
+    updatedAtUtc: '2026-08-04T10:00:00Z',
+    durationMs: 120000,
+    stateVersion: 18,
+    recoveryCapability: {
+      retryFailedStep: recoveryAction(),
+      runAgain: recoveryAction(),
+      workflowDefinitionRevisionId: 'revision-3',
+      workflowDefinitionVersion: 3,
+    },
+    lineage: {
+      availability: 1,
+      retryFork: {
+        availability: 2,
+        sourceRunId: '',
+        originalRunId: '',
+        attempt: 0,
+        startAtStepId: '',
+        childRuns: [],
+      },
+      subWorkflow: {
+        availability: 2,
+        parentRunId: '',
+        parentActorId: '',
+        parentStepId: '',
+        rootRunId: '',
+        depth: 0,
+        childRuns: [],
+      },
+      unavailableReason: '',
+    },
+  };
+}
+
+function recoveryAction() {
+  return {
+    eligibility: 2,
+    unavailableReasonCode: 1,
+    unavailableReason: '',
+    recommendedActions: [],
+    startingStepId: '',
+    reusesPriorStepOutputs: false,
+    mayIncurModelOrToolCost: false,
+  };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx
new file mode 100644
index 0000000000..02d03a3abd
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/ActivityPage.tsx
@@ -0,0 +1,1017 @@
+import { CloseOutlined, SearchOutlined } from '@ant-design/icons';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { getLocale } from '@umijs/max';
+import { Button, DatePicker, Input, Pagination, Select, Space } from 'antd';
+import dayjs from 'dayjs';
+import React from 'react';
+import {
+  WorkflowActivityApiError,
+  workflowActivityApi,
+} from '@/shared/api/workflowActivityApi';
+import { t } from '@/shared/i18n/messages';
+import type {
+  WorkflowActivityRunFeedFilter,
+  WorkflowActivityRunFeedPage,
+  WorkflowActivityRunFeedRow,
+} from '@/shared/models/workflowActivity';
+import { history } from '@/shared/navigation/history';
+import AevatarContentSkeleton from '@/shared/ui/AevatarContentSkeleton';
+import { useConsoleLocation } from '../hooks/useConsoleLocation';
+import { buildWorkflowActivityRunHref } from '../navigation';
+import TableScrollRegion from '../TableScrollRegion';
+import TechnicalDetails from '../TechnicalDetails';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import { getRunStatusPresentation } from './runPresentation';
+
+const supportedRunStatuses = new Set(['running', 'completed', 'failed']);
+const supportedRunOrigins = new Set([
+  'draft',
+  'member-invoke',
+  'default-invoke',
+  'team-invoke',
+  'service-invoke',
+  'webhook',
+  'work-order',
+  'ad-hoc-chat',
+  'provisioned',
+]);
+const activityPageSize = 25;
+const activityRunsQueryPrefix = ['workflow-activity-vnext', 'activity-runs'];
+
+function normalizeRunStatusFilter(value: string | null): string {
+  const normalized = value?.trim().toLowerCase() ?? '';
+  return supportedRunStatuses.has(normalized) ? normalized : '';
+}
+
+function normalizeRunOriginFilter(value: string | null): string {
+  const normalized = value?.trim().toLowerCase() ?? '';
+  return supportedRunOrigins.has(normalized) ? normalized : '';
+}
+
+function formatDate(value: string | null): string {
+  if (!value)
+    return t('workflowActivityVNext.common.unavailable', 'Unavailable');
+  const date = new Date(value);
+  return Number.isNaN(date.getTime())
+    ? value
+    : new Intl.DateTimeFormat(getLocale(), {
+        dateStyle: 'medium',
+        timeStyle: 'short',
+      }).format(date);
+}
+
+function formatDuration(milliseconds: number | null): string {
+  if (milliseconds === null || !Number.isFinite(milliseconds)) return '-';
+  const seconds = Math.max(0, Math.round(milliseconds / 1000));
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  const remainingMinutes = minutes % 60;
+  return remainingMinutes ? `${hours}h ${remainingMinutes}m` : `${hours}h`;
+}
+
+function runDuration(run: WorkflowActivityRunFeedRow, now: number): string {
+  if (run.durationMs !== null) return formatDuration(run.durationMs);
+  if (!run.startedAtUtc || run.completedAtUtc) return '-';
+  const startedAt = new Date(run.startedAtUtc).getTime();
+  return Number.isNaN(startedAt) ? '-' : formatDuration(now - startedAt);
+}
+
+function isAvailable(value: string): boolean {
+  return value.trim().toLowerCase() === 'available';
+}
+
+function runContext(run: WorkflowActivityRunFeedRow): string | null {
+  if (isAvailable(run.firstFailure.availability)) {
+    return run.firstFailure.message || null;
+  }
+  if (isAvailable(run.waiting.availability)) {
+    return run.waiting.prompt || run.waiting.waitingKind || null;
+  }
+  return null;
+}
+
+function failureTitle(error: unknown): string {
+  if (error instanceof WorkflowActivityApiError) {
+    if (error.status === 401)
+      return t(
+        'workflowActivityVNext.state.unauthorized',
+        'Sign in to continue',
+      );
+    if (error.status === 403)
+      return t(
+        'workflowActivityVNext.state.forbidden',
+        "You don't have access to this workspace",
+      );
+  }
+  return t(
+    'workflowActivityVNext.activity.unavailable',
+    'Activity unavailable',
+  );
+}
+
+function isRetryableActivityRunsError(error: unknown): boolean {
+  if (error instanceof TypeError) return true;
+  if (!(error instanceof WorkflowActivityApiError)) return false;
+  return error.status === 408 || error.status === 429 || error.status >= 500;
+}
+
+interface ActivityPaginationState {
+  readonly filterKey: string;
+  readonly page: number;
+  readonly cursors: readonly (string | undefined)[];
+}
+
+type ActivityDraftFilters = {
+  readonly search: string;
+  readonly status: string;
+  readonly origin: string;
+  readonly fromUtc: string;
+  readonly toUtc: string;
+};
+
+function createActivityPaginationState(
+  filterKey: string,
+): ActivityPaginationState {
+  return { filterKey, page: 1, cursors: [undefined] };
+}
+
+function createDraftActivityFilters(
+  search: string,
+  status: string,
+  origin: string,
+  fromUtc: string,
+  toUtc: string,
+): ActivityDraftFilters {
+  return { search, status, origin, fromUtc, toUtc };
+}
+
+const ActivityPage: React.FC<{ readonly scopeId: string }> = ({ scopeId }) => {
+  const location = useConsoleLocation();
+  const queryClient = useQueryClient();
+  const params = React.useMemo(
+    () => new URLSearchParams(location.search),
+    [location.search],
+  );
+  const rawStatus = params.get('status');
+  const status = normalizeRunStatusFilter(rawStatus);
+  const rawOrigin = params.get('origin');
+  const origin = normalizeRunOriginFilter(rawOrigin);
+  const definition = params.get('definition')?.trim() ?? '';
+  const schedule = params.get('schedule')?.trim() ?? '';
+  const workflowFilterPresent = params.has('workflowId');
+  const workflowId = params.get('workflowId')?.trim() ?? '';
+  const fromUtc = params.get('from')?.trim() ?? '';
+  const toUtc = params.get('to')?.trim() ?? '';
+  const search = params.get('q') ?? '';
+  const committedFilters = React.useMemo(
+    () => ({ search, status, origin, fromUtc, toUtc }),
+    [fromUtc, origin, search, status, toUtc],
+  );
+  const [draftFilters, setDraftFilters] = React.useState<ActivityDraftFilters>(
+    () =>
+      createDraftActivityFilters(
+        committedFilters.search,
+        committedFilters.status,
+        committedFilters.origin,
+        committedFilters.fromUtc,
+        committedFilters.toUtc,
+      ),
+  );
+  const [now, setNow] = React.useState(() => Date.now());
+  const filterKey = React.useMemo(
+    () =>
+      JSON.stringify([
+        scopeId,
+        status,
+        origin,
+        definition,
+        schedule,
+        workflowId,
+        search,
+        fromUtc,
+        toUtc,
+      ]),
+    [
+      definition,
+      fromUtc,
+      origin,
+      schedule,
+      scopeId,
+      search,
+      status,
+      toUtc,
+      workflowId,
+    ],
+  );
+  const [pagination, setPagination] = React.useState<ActivityPaginationState>(
+    () => createActivityPaginationState(filterKey),
+  );
+  const [isResolvingPage, setIsResolvingPage] = React.useState(false);
+  const [pageNavigationError, setPageNavigationError] = React.useState<
+    unknown | null
+  >(null);
+  const [pendingPage, setPendingPage] = React.useState<number | null>(null);
+  const [pendingSearchTarget, setPendingSearchTarget] = React.useState<
+    string | null
+  >(null);
+  const navigationRequestId = React.useRef(0);
+  const currentFilterKey = React.useRef(filterKey);
+  currentFilterKey.current = filterKey;
+  const activePagination =
+    pagination.filterKey === filterKey
+      ? pagination
+      : createActivityPaginationState(filterKey);
+  const currentCursor = activePagination.cursors[activePagination.page - 1];
+
+  const replaceParams = React.useCallback(
+    (update: (next: URLSearchParams) => void) => {
+      const next = new URLSearchParams(location.search);
+      update(next);
+      const suffix = next.toString();
+      history.replace(`${location.pathname}${suffix ? `?${suffix}` : ''}`);
+    },
+    [location.pathname, location.search],
+  );
+  const replaceParam = React.useCallback(
+    (name: string, value: string) =>
+      replaceParams((next) => {
+        if (value) next.set(name, value);
+        else next.delete(name);
+      }),
+    [replaceParams],
+  );
+  const clearWorkflowFilter = React.useCallback(
+    () =>
+      replaceParams((next) => {
+        next.delete('workflowId');
+        next.delete('definition');
+      }),
+    [replaceParams],
+  );
+  const clearScheduleFilter = React.useCallback(
+    () => replaceParam('schedule', ''),
+    [replaceParam],
+  );
+  const clearOriginFilter = React.useCallback(
+    () => replaceParam('origin', ''),
+    [replaceParam],
+  );
+
+  const originLabel = origin;
+
+  const filterContext =
+    workflowFilterPresent || schedule || originLabel ? (
+      <Space className="wa-vnext__activity-filter-context" wrap>
+        {workflowFilterPresent ? (
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.activity.removeWorkflowFilterAria',
+              'Remove workflow filter {workflowId}',
+              { workflowId: workflowId || 'invalid' },
+            )}
+            icon={<CloseOutlined />}
+            onClick={clearWorkflowFilter}
+          >
+            {t(
+              'workflowActivityVNext.activity.workflowFilterLabel',
+              'Workflow: {workflowId}',
+              { workflowId: workflowId || 'Invalid' },
+            )}
+          </Button>
+        ) : null}
+        {schedule ? (
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.activity.removeScheduleFilterAria',
+              'Remove schedule filter {scheduleId}',
+              { scheduleId: schedule },
+            )}
+            icon={<CloseOutlined />}
+            onClick={clearScheduleFilter}
+          >
+            {t(
+              'workflowActivityVNext.activity.scheduleFilterLabel',
+              'Schedule: {scheduleId}',
+              { scheduleId: schedule },
+            )}
+          </Button>
+        ) : null}
+        {originLabel ? (
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.activity.removeOriginFilterAria',
+              'Remove source filter {origin}',
+              { origin },
+            )}
+            icon={<CloseOutlined />}
+            onClick={clearOriginFilter}
+          >
+            {t(
+              'workflowActivityVNext.activity.originFilterContextLabel',
+              'Source: {origin}',
+              { origin: originLabel },
+            )}
+          </Button>
+        ) : null}
+      </Space>
+    ) : null;
+
+  React.useEffect(() => {
+    if (!rawStatus || status) return;
+    replaceParam('status', '');
+  }, [rawStatus, replaceParam, status]);
+
+  React.useEffect(() => {
+    if (!rawOrigin || origin) return;
+    replaceParam('origin', '');
+  }, [origin, rawOrigin, replaceParam]);
+
+  React.useEffect(() => {
+    setDraftFilters(
+      createDraftActivityFilters(
+        committedFilters.search,
+        committedFilters.status,
+        committedFilters.origin,
+        committedFilters.fromUtc,
+        committedFilters.toUtc,
+      ),
+    );
+  }, [committedFilters]);
+
+  React.useEffect(() => {
+    if (pagination.filterKey === filterKey) return;
+    navigationRequestId.current += 1;
+    setIsResolvingPage(false);
+    setPageNavigationError(null);
+    setPendingPage(null);
+    setPagination(createActivityPaginationState(filterKey));
+  }, [filterKey, pagination.filterKey]);
+
+  const buildActivityRunFilter = React.useCallback(
+    (cursor: string | undefined): WorkflowActivityRunFeedFilter => ({
+      status: status || undefined,
+      origins: origin ? [origin] : undefined,
+      definitionActorIds: definition ? [definition] : undefined,
+      scheduleIds: schedule ? [schedule] : undefined,
+      workflowId: workflowId || undefined,
+      searchText: search.trim() || undefined,
+      fromUtc: fromUtc || undefined,
+      toUtc: toUtc || undefined,
+      take: activityPageSize,
+      cursor,
+      includeTotalCount: true,
+    }),
+    [definition, fromUtc, origin, schedule, search, status, toUtc, workflowId],
+  );
+  const activityRunsQueryKey = React.useCallback(
+    (cursor: string | undefined) =>
+      [...activityRunsQueryPrefix, filterKey, cursor] as const,
+    [filterKey],
+  );
+  const fetchActivityPage = React.useCallback(
+    (cursor: string | undefined) =>
+      workflowActivityApi.listActivityRuns(
+        scopeId,
+        buildActivityRunFilter(cursor),
+      ),
+    [buildActivityRunFilter, scopeId],
+  );
+  const canQueryActivityRuns = !workflowFilterPresent || Boolean(workflowId);
+  const runs = useQuery({
+    queryKey: activityRunsQueryKey(currentCursor),
+    queryFn: () => fetchActivityPage(currentCursor),
+    enabled: canQueryActivityRuns,
+    refetchOnMount: 'always',
+    retry: (failureCount, error) =>
+      failureCount < 1 && isRetryableActivityRunsError(error),
+    retryDelay: 250,
+  });
+
+  const commitDraftFilters = React.useCallback(() => {
+    if (pendingSearchTarget !== null) return;
+
+    const next = new URLSearchParams(location.search);
+    const apply = (name: string, value: string) => {
+      if (value) next.set(name, value);
+      else next.delete(name);
+    };
+
+    apply('q', draftFilters.search.trim());
+    apply('status', normalizeRunStatusFilter(draftFilters.status));
+    apply('origin', draftFilters.origin.trim());
+    apply('from', draftFilters.fromUtc.trim());
+    apply('to', draftFilters.toUtc.trim());
+
+    const currentSearch = new URLSearchParams(location.search).toString();
+    const nextSearch = next.toString();
+    setPendingSearchTarget(nextSearch);
+    if (nextSearch === currentSearch) {
+      void runs.refetch().finally(() => setPendingSearchTarget(null));
+      return;
+    }
+
+    history.replace(
+      `${location.pathname}${nextSearch ? `?${nextSearch}` : ''}`,
+    );
+  }, [
+    draftFilters.origin,
+    draftFilters.fromUtc,
+    draftFilters.search,
+    draftFilters.status,
+    draftFilters.toUtc,
+    location.pathname,
+    location.search,
+    pendingSearchTarget,
+    runs,
+  ]);
+
+  React.useEffect(() => {
+    if (
+      pendingSearchTarget === null ||
+      pendingSearchTarget !== params.toString() ||
+      runs.isFetching
+    ) {
+      return;
+    }
+
+    setPendingSearchTarget(null);
+  }, [params, pendingSearchTarget, runs.isFetching]);
+
+  const currentRuns = runs.data?.items ?? [];
+  const runDetailQuery = React.useCallback(
+    (run: WorkflowActivityRunFeedRow) => {
+      const rowWorkflowId = run.workflowId.trim();
+      if (rowWorkflowId || workflowId) {
+        return { workflowId: rowWorkflowId || workflowId || undefined };
+      }
+      return { definition: definition || undefined };
+    },
+    [definition, workflowId],
+  );
+  const hasRunningRun = currentRuns.some(
+    (run) => run.status.trim().toLowerCase() === 'running',
+  );
+  React.useEffect(() => {
+    if (!hasRunningRun) return;
+    const interval = window.setInterval(() => setNow(Date.now()), 30_000);
+    return () => window.clearInterval(interval);
+  }, [hasRunningRun]);
+
+  const totalCount = runs.data?.totalCount ?? null;
+  const totalPages =
+    totalCount === null
+      ? null
+      : Math.max(1, Math.ceil(totalCount / activityPageSize));
+  const paginationTotal =
+    totalCount ??
+    activePagination.page * activityPageSize + (runs.data?.hasMore ? 1 : 0);
+  const hasFilters = Boolean(
+    status ||
+      origin ||
+      definition ||
+      schedule ||
+      workflowId ||
+      search ||
+      fromUtc ||
+      toUtc,
+  );
+  const goToPage = React.useCallback(
+    async (requestedPage: number) => {
+      if (
+        !canQueryActivityRuns ||
+        requestedPage < 1 ||
+        requestedPage === activePagination.page ||
+        (totalPages !== null && requestedPage > totalPages)
+      ) {
+        return;
+      }
+
+      const requestId = navigationRequestId.current + 1;
+      navigationRequestId.current = requestId;
+      setIsResolvingPage(true);
+      setPageNavigationError(null);
+      setPendingPage(requestedPage);
+
+      try {
+        const cursors = [...activePagination.cursors];
+        for (let page = 1; page < requestedPage; page += 1) {
+          if (cursors[page] !== undefined) continue;
+
+          const cursor = cursors[page - 1];
+          const queryKey = activityRunsQueryKey(cursor);
+          const pageData =
+            queryClient.getQueryData<WorkflowActivityRunFeedPage>(queryKey) ??
+            (await queryClient.fetchQuery({
+              queryKey,
+              queryFn: () => fetchActivityPage(cursor),
+            }));
+
+          if (
+            navigationRequestId.current !== requestId ||
+            currentFilterKey.current !== filterKey
+          ) {
+            return;
+          }
+          if (!pageData || !pageData.hasMore || !pageData.nextCursor) {
+            throw new Error('The requested activity page is unavailable.');
+          }
+          cursors[page] = pageData.nextCursor;
+        }
+
+        if (
+          navigationRequestId.current !== requestId ||
+          currentFilterKey.current !== filterKey
+        ) {
+          return;
+        }
+        setPagination({ filterKey, page: requestedPage, cursors });
+        setPendingPage(null);
+      } catch (error) {
+        if (
+          navigationRequestId.current === requestId &&
+          currentFilterKey.current === filterKey
+        ) {
+          setPageNavigationError(error);
+        }
+      } finally {
+        if (
+          navigationRequestId.current === requestId &&
+          currentFilterKey.current === filterKey
+        ) {
+          setIsResolvingPage(false);
+        }
+      }
+    },
+    [
+      activePagination,
+      activityRunsQueryKey,
+      canQueryActivityRuns,
+      fetchActivityPage,
+      filterKey,
+      queryClient,
+      totalPages,
+    ],
+  );
+  const retryPageNavigation = React.useCallback(() => {
+    if (pendingPage === null) return;
+    void goToPage(pendingPage);
+  }, [goToPage, pendingPage]);
+
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="activity"
+      description={t(
+        'workflowActivityVNext.activity.description',
+        'Review recent workflow runs and open one for details.',
+      )}
+      headerActions={
+        <Button
+          aria-busy={pendingSearchTarget !== null}
+          disabled={pendingSearchTarget !== null}
+          icon={<SearchOutlined />}
+          loading={pendingSearchTarget !== null}
+          onClick={commitDraftFilters}
+          type="primary"
+        >
+          {t('workflowActivityVNext.activity.searchButton', 'Search')}
+        </Button>
+      }
+      scopeId={scopeId}
+      title={t('workflowActivityVNext.activity.title', 'Activity')}
+    >
+      {filterContext}
+      <div className="wa-vnext__toolbar">
+        <Input
+          allowClear
+          aria-label={t(
+            'workflowActivityVNext.activity.searchAria',
+            'Search runs',
+          )}
+          className="wa-vnext__toolbar-search"
+          onChange={(event) =>
+            setDraftFilters((previous) => ({
+              ...previous,
+              search: event.target.value,
+            }))
+          }
+          placeholder={t(
+            'workflowActivityVNext.activity.search',
+            'Search runs',
+          )}
+          prefix={<SearchOutlined />}
+          role="searchbox"
+          value={draftFilters.search}
+        />
+        <Space className="wa-vnext__toolbar-filters" wrap>
+          <Select
+            aria-label={t(
+              'workflowActivityVNext.activity.statusFilter',
+              'Run status',
+            )}
+            onChange={(value) =>
+              setDraftFilters((previous) => ({
+                ...previous,
+                status: value,
+              }))
+            }
+            options={[
+              {
+                label: t(
+                  'workflowActivityVNext.activity.allStatuses',
+                  'All statuses',
+                ),
+                value: '',
+              },
+              {
+                label: t(
+                  'workflowActivityVNext.activity.statusRunning',
+                  'Running',
+                ),
+                value: 'running',
+              },
+              {
+                label: t(
+                  'workflowActivityVNext.activity.statusCompleted',
+                  'Completed',
+                ),
+                value: 'completed',
+              },
+              {
+                label: t('workflowActivityVNext.common.failed', 'Failed'),
+                value: 'failed',
+              },
+            ]}
+            value={draftFilters.status}
+          />
+          <Select
+            aria-label={t(
+              'workflowActivityVNext.activity.originFilter',
+              'Run source',
+            )}
+            onChange={(value) =>
+              setDraftFilters((previous) => ({
+                ...previous,
+                origin: value,
+              }))
+            }
+            options={[
+              {
+                label: t(
+                  'workflowActivityVNext.activity.allOrigins',
+                  'All sources',
+                ),
+                value: '',
+              },
+              {
+                label: t('workflowActivityVNext.activity.originChat', 'Chat'),
+                value: 'ad-hoc-chat',
+              },
+              {
+                label: t(
+                  'workflowActivityVNext.activity.originEditor',
+                  'Editor',
+                ),
+                value: 'draft',
+              },
+              {
+                label: t(
+                  'workflowActivityVNext.activity.originMember',
+                  'Team member',
+                ),
+                value: 'member-invoke',
+              },
+              {
+                label: t(
+                  'workflowActivityVNext.activity.originService',
+                  'Service',
+                ),
+                value: 'service-invoke',
+              },
+            ]}
+            value={draftFilters.origin}
+          />
+          <DatePicker.RangePicker
+            allowEmpty={[true, true]}
+            onChange={(range) =>
+              setDraftFilters((previous) => {
+                const [after, before] = range ?? [];
+                return {
+                  ...previous,
+                  fromUtc: after ? after.toISOString() : '',
+                  toUtc: before ? before.toISOString() : '',
+                };
+              })
+            }
+            placeholder={[
+              t(
+                'workflowActivityVNext.activity.afterPlaceholder',
+                'Activity after',
+              ),
+              t(
+                'workflowActivityVNext.activity.beforePlaceholder',
+                'Activity before',
+              ),
+            ]}
+            showTime
+            value={[
+              draftFilters.fromUtc && dayjs(draftFilters.fromUtc).isValid()
+                ? dayjs(draftFilters.fromUtc)
+                : null,
+              draftFilters.toUtc && dayjs(draftFilters.toUtc).isValid()
+                ? dayjs(draftFilters.toUtc)
+                : null,
+            ]}
+          />
+          {definition && !workflowFilterPresent ? (
+            <Button onClick={() => replaceParam('definition', '')}>
+              {t(
+                'workflowActivityVNext.activity.clearWorkflowFilter',
+                'Show all workflows',
+              )}
+            </Button>
+          ) : null}
+        </Space>
+      </div>
+      {workflowFilterPresent && !workflowId ? (
+        <div className="wa-vnext__state" role="alert">
+          <div>
+            <h2>
+              {t(
+                'workflowActivityVNext.activity.workflowFilterInvalidTitle',
+                'Choose a workflow to filter Activity',
+              )}
+            </h2>
+            <p>
+              {t(
+                'workflowActivityVNext.activity.workflowFilterInvalidDescription',
+                'This Activity link does not contain a workflow identity.',
+              )}
+            </p>
+          </div>
+        </div>
+      ) : runs.isPending ? (
+        <AevatarContentSkeleton
+          ariaLabel={t(
+            'workflowActivityVNext.activity.loading',
+            'Loading activity…',
+          )}
+          columnWidths={['minmax(220px, 1fr)', 180, 190, 180, 220]}
+          rows={4}
+          tableMinWidth={1080}
+          variant="table"
+        />
+      ) : runs.isError && !runs.data ? (
+        <div className="wa-vnext__state" role="alert">
+          <div>
+            <h2>
+              {activePagination.page === 1
+                ? failureTitle(runs.error)
+                : t(
+                    'workflowActivityVNext.activity.pageUnavailable',
+                    "Couldn't load this page",
+                  )}
+            </h2>
+            <p>
+              {t(
+                'workflowActivityVNext.activity.unavailableDescription',
+                'Try again to load recent workflow runs.',
+              )}
+            </p>
+            <Button onClick={() => void runs.refetch()}>
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+            <TechnicalDetails>
+              {runs.error instanceof Error
+                ? runs.error.message
+                : String(runs.error)}
+            </TechnicalDetails>
+          </div>
+        </div>
+      ) : currentRuns.length === 0 ? (
+        <div className="wa-vnext__state">
+          <div>
+            <h2>
+              {hasFilters
+                ? t(
+                    'workflowActivityVNext.activity.noMatch',
+                    'No matching runs',
+                  )
+                : t('workflowActivityVNext.activity.empty', 'No runs yet')}
+            </h2>
+            <p>
+              {t(
+                'workflowActivityVNext.activity.emptyDescription',
+                'Runs will appear here after a workflow starts.',
+              )}
+            </p>
+          </div>
+        </div>
+      ) : (
+        <>
+          <TableScrollRegion
+            ariaLabel={t('workflowActivityVNext.activity.title', 'Activity')}
+            className="wa-vnext__activity-table-region"
+          >
+            <table className="wa-vnext__table">
+              <colgroup>
+                <col className="wa-vnext__activity-column--workflow" />
+                <col className="wa-vnext__activity-column--status" />
+                <col className="wa-vnext__activity-column--started" />
+                <col className="wa-vnext__activity-column--duration" />
+                <col className="wa-vnext__activity-column--input" />
+              </colgroup>
+              <thead>
+                <tr>
+                  <th>
+                    {t('workflowActivityVNext.activity.columnRun', 'Workflow')}
+                  </th>
+                  <th>
+                    {t('workflowActivityVNext.activity.columnStatus', 'Status')}
+                  </th>
+                  <th>
+                    {t(
+                      'workflowActivityVNext.activity.columnStarted',
+                      'Started',
+                    )}
+                  </th>
+                  <th>
+                    {t(
+                      'workflowActivityVNext.activity.columnDuration',
+                      'Duration',
+                    )}
+                  </th>
+                  <th>
+                    {t(
+                      'workflowActivityVNext.activity.columnInputPreview',
+                      'Input preview',
+                    )}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                {currentRuns.map((run) => {
+                  const statusPresentation = getRunStatusPresentation(
+                    run.status,
+                  );
+                  const workflowName =
+                    run.workflowName ||
+                    t(
+                      'workflowActivityVNext.activity.unnamed',
+                      'Unnamed workflow',
+                    );
+                  const context = runContext(run);
+                  return (
+                    <tr
+                      className="wa-vnext__activity-row"
+                      key={run.runId}
+                      onClick={() =>
+                        history.push(
+                          buildWorkflowActivityRunHref(
+                            scopeId,
+                            run.runId,
+                            runDetailQuery(run),
+                          ),
+                        )
+                      }
+                      onKeyDown={(event) => {
+                        if (event.key !== 'Enter' && event.key !== ' ') return;
+                        event.preventDefault();
+                        history.push(
+                          buildWorkflowActivityRunHref(
+                            scopeId,
+                            run.runId,
+                            runDetailQuery(run),
+                          ),
+                        );
+                      }}
+                      tabIndex={0}
+                    >
+                      <td
+                        data-label={t(
+                          'workflowActivityVNext.activity.columnRun',
+                          'Workflow',
+                        )}
+                      >
+                        <button
+                          className="wa-vnext__run-link"
+                          onClick={(event) => {
+                            event.stopPropagation();
+                            history.push(
+                              buildWorkflowActivityRunHref(
+                                scopeId,
+                                run.runId,
+                                runDetailQuery(run),
+                              ),
+                            );
+                          }}
+                          style={{
+                            background: 'transparent',
+                            border: 0,
+                            color: 'var(--wa-blue)',
+                            padding: 0,
+                            textAlign: 'left',
+                          }}
+                          type="button"
+                        >
+                          <span className="wa-vnext__title">
+                            {workflowName}
+                          </span>
+                        </button>
+                      </td>
+                      <td
+                        data-label={t(
+                          'workflowActivityVNext.activity.columnStatus',
+                          'Status',
+                        )}
+                      >
+                        <span
+                          className={`wa-vnext__status wa-vnext__status--${statusPresentation.className}`}
+                        >
+                          {statusPresentation.label}
+                        </span>
+                        {context ? (
+                          <span className="wa-vnext__sub">{context}</span>
+                        ) : null}
+                      </td>
+                      <td
+                        data-label={t(
+                          'workflowActivityVNext.activity.columnStarted',
+                          'Started',
+                        )}
+                      >
+                        {formatDate(run.startedAtUtc)}
+                      </td>
+                      <td
+                        data-label={t(
+                          'workflowActivityVNext.activity.columnDuration',
+                          'Duration',
+                        )}
+                      >
+                        {runDuration(run, now)}
+                      </td>
+                      <td
+                        data-label={t(
+                          'workflowActivityVNext.activity.columnInputPreview',
+                          'Input preview',
+                        )}
+                      >
+                        <span className="wa-vnext__input-preview">
+                          {run.inputSummary || '-'}
+                        </span>
+                      </td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </TableScrollRegion>
+          <div className="wa-vnext__activity-footer">
+            <span aria-live="polite">
+              {totalCount === null
+                ? t('workflowActivityVNext.activity.page', 'Page {page}', {
+                    page: activePagination.page,
+                  })
+                : t(
+                    'workflowActivityVNext.activity.pageOf',
+                    'Page {page} of {total}',
+                    { page: activePagination.page, total: totalPages },
+                  )}
+            </span>
+            <Pagination
+              current={activePagination.page}
+              data-testid="activity-pagination"
+              disabled={isResolvingPage || runs.isFetching}
+              onChange={(page) => void goToPage(page)}
+              pageSize={activityPageSize}
+              showQuickJumper={totalCount !== null}
+              showSizeChanger={false}
+              total={paginationTotal}
+            />
+          </div>
+          {pageNavigationError ? (
+            <div className="wa-vnext__pagination-actions" role="alert">
+              <p>
+                {t(
+                  'workflowActivityVNext.activity.pageUnavailable',
+                  "Couldn't load this page",
+                )}
+              </p>
+              <Button onClick={retryPageNavigation}>
+                {t('workflowActivityVNext.common.retry', 'Retry')}
+              </Button>
+              <TechnicalDetails>
+                {pageNavigationError instanceof Error
+                  ? pageNavigationError.message
+                  : String(pageNavigationError)}
+              </TechnicalDetails>
+            </div>
+          ) : null}
+        </>
+      )}
+    </WorkflowActivityVNextShell>
+  );
+};
+
+export default ActivityPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
new file mode 100644
index 0000000000..f1e295b60e
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
@@ -0,0 +1,944 @@
+import { act, fireEvent, screen, waitFor } from '@testing-library/react';
+import * as React from 'react';
+import { history } from '@/shared/navigation/history';
+import {
+  cleanupTestQueryClients,
+  renderWithQueryClient,
+} from '../../../../tests/reactQueryTestUtils';
+import RunDetailPage from './RunDetailPage';
+
+type WorkflowActivityRunDetailFixture =
+  import('@/shared/models/workflowActivity').WorkflowActivityRunDetail;
+type WorkflowActivityRunFeedRowFixture =
+  import('@/shared/models/workflowActivity').WorkflowActivityRunFeedRow;
+type WorkflowActivityRunGraphFixture =
+  import('@/shared/models/workflowActivity').WorkflowActivityRunGraph;
+type WorkflowRunLineageFixture =
+  import('@/shared/models/workflowActivity').WorkflowRunLineage;
+type WorkflowRunRecoveryCapabilityFixture =
+  import('@/shared/models/workflowActivity').WorkflowRunRecoveryCapability;
+type GraphCanvasPropsFixture = {
+  readonly edges: readonly import('@xyflow/react').Edge[];
+  readonly nodes: readonly import('@xyflow/react').Node[];
+  readonly onCanvasSelect?: () => void;
+  readonly onNodeSelect?: (nodeId: string) => void;
+  readonly selectedNodeId?: string;
+};
+
+let mockSearch = '';
+let mockGraphCanvasProps: GraphCanvasPropsFixture[] = [];
+
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@umijs/max', () => ({
+  getIntl: () => ({
+    formatMessage: (
+      { defaultMessage, id }: { defaultMessage?: string; id: string },
+      values?: Record<string, unknown>,
+    ) =>
+      (defaultMessage ?? id).replace(
+        /\{(\w+)\}/g,
+        (_match: string, key: string) => String(values?.[key] ?? ''),
+      ),
+  }),
+  getLocale: () => 'en-US',
+  history: {},
+  setLocale: jest.fn(),
+  useIntl: () => ({
+    formatMessage: ({
+      defaultMessage,
+      id,
+    }: {
+      defaultMessage?: string;
+      id: string;
+    }) => defaultMessage ?? id,
+  }),
+  useModel: () => ({ initialState: { auth: { authenticated: true } } }),
+}));
+
+jest.mock('@/shared/api/workflowActivityApi', () => {
+  class WorkflowActivityApiError extends Error {
+    status: number;
+
+    constructor(message: string, status: number) {
+      super(message);
+      this.status = status;
+    }
+  }
+
+  return {
+    WorkflowActivityApiError,
+    workflowActivityApi: {
+      forkRun: jest.fn(),
+      getRun: jest.fn(),
+      getRunGraph: jest.fn(),
+      listActivityRuns: jest.fn(),
+      listRuns: jest.fn(),
+    },
+  };
+});
+
+jest.mock('@/shared/navigation/history', () => ({
+  history: { push: jest.fn(), replace: jest.fn() },
+}));
+
+jest.mock('@/shared/graphs/GraphCanvas', () => ({
+  __esModule: true,
+  default: (props: GraphCanvasPropsFixture) => {
+    mockGraphCanvasProps.push(props);
+    return (
+      <div data-testid="graph-canvas">
+        {props.nodes.map((node) => (
+          <button
+            aria-label={`Select ${node.id}`}
+            key={node.id}
+            onClick={() => props.onNodeSelect?.(node.id)}
+            type="button"
+          />
+        ))}
+        <button
+          aria-label="Clear graph selection"
+          onClick={() => props.onCanvasSelect?.()}
+          type="button"
+        />
+      </div>
+    );
+  },
+}));
+
+jest.mock('@/shared/ui/ConsoleHeaderActions', () => ({
+  ConsoleAuthActions: () => <button type="button">Account</button>,
+  ConsoleLanguageSwitch: () => <button type="button">Language</button>,
+}));
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
+jest.mock('../hooks/useConsoleLocation', () => ({
+  useConsoleLocation: () => ({
+    hash: '',
+    pathname:
+      '/scopes/scope-alpha/workflow-activity-vnext/activity/run-source-alpha',
+    search: mockSearch,
+  }),
+}));
+
+const mockWorkflowActivityApi = jest.requireMock(
+  '@/shared/api/workflowActivityApi',
+).workflowActivityApi as {
+  forkRun: jest.Mock;
+  getRun: jest.Mock;
+  getRunGraph: jest.Mock;
+  listRuns: jest.Mock;
+  listActivityRuns: jest.Mock;
+};
+
+function createDeferred<T>() {
+  let resolve!: (value: T) => void;
+  let reject!: (reason?: unknown) => void;
+  const promise = new Promise<T>((resolvePromise, rejectPromise) => {
+    resolve = resolvePromise;
+    reject = rejectPromise;
+  });
+  return { promise, reject, resolve };
+}
+
+function buildRecoveryCapability(): WorkflowRunRecoveryCapabilityFixture {
+  return {
+    retryFailedStep: {
+      eligibility: 1,
+      unavailableReasonCode: 0,
+      unavailableReason: '',
+      recommendedActions: [1],
+      startingStepId: 'step-failed',
+      reusesPriorStepOutputs: true,
+      mayIncurModelOrToolCost: true,
+    },
+    runAgain: {
+      eligibility: 1,
+      unavailableReasonCode: 0,
+      unavailableReason: '',
+      recommendedActions: [1],
+      startingStepId: 'step-root',
+      reusesPriorStepOutputs: false,
+      mayIncurModelOrToolCost: true,
+    },
+    workflowDefinitionRevisionId: 'revision-alpha',
+    workflowDefinitionVersion: 3,
+  };
+}
+
+function buildLineage(): WorkflowRunLineageFixture {
+  return {
+    availability: 0,
+    retryFork: {
+      availability: 0,
+      sourceRunId: '',
+      originalRunId: '',
+      attempt: 0,
+      startAtStepId: '',
+      childRuns: [],
+    },
+    subWorkflow: {
+      availability: 0,
+      parentRunId: '',
+      parentActorId: '',
+      parentStepId: '',
+      rootRunId: '',
+      depth: 0,
+      childRuns: [],
+    },
+    unavailableReason: '',
+  };
+}
+
+function buildRunDetail(): WorkflowActivityRunDetailFixture {
+  return {
+    summary: {
+      runId: 'run-source-alpha',
+      workflowName: 'Incident review',
+      status: 'failed',
+      success: false,
+      startedAtUtc: '2026-08-04T10:00:00Z',
+      updatedAtUtc: '2026-08-04T10:01:00Z',
+      stateVersion: 7,
+      scopeId: 'scope-alpha',
+      runOrigin: 'draft',
+    },
+    input: 'Investigate checkout latency',
+    finalOutput: '',
+    finalError: 'Approval timed out',
+    diagnostics: [
+      {
+        timestampUtc: '2026-08-04T10:01:00Z',
+        severity: 'error',
+        code: 'APPROVAL_TIMEOUT',
+        source: 'workflow',
+        message: 'Approval did not arrive before the deadline',
+        hint: 'Review the approval channel',
+        stepId: 'step-failed',
+        stepType: 'human_approval',
+        targetRole: '',
+      },
+    ],
+    steps: [
+      {
+        stepId: 'step-failed',
+        stepType: 'human_approval',
+        targetRole: '',
+        requestedAtUtc: '2026-08-04T10:00:00Z',
+        completedAtUtc: '2026-08-04T10:01:00Z',
+        success: false,
+        durationMs: 60000,
+        outputPreview: '',
+        error: 'Approval timed out',
+        requestParameters: {},
+        nextStepId: '',
+        branchKey: '',
+        suspensionType: 'approval',
+        suspensionPrompt: 'Approve?',
+        suspensionContent: '',
+        suspensionTimeoutSeconds: 60,
+        toolApproval: null,
+        usage: {
+          promptTokens: 0,
+          completionTokens: 0,
+          totalTokens: 0,
+          cost: 0,
+        },
+      },
+      {
+        stepId: 'step-root',
+        stepType: 'llm_call',
+        targetRole: 'responder',
+        requestedAtUtc: '2026-08-04T09:59:00Z',
+        completedAtUtc: '2026-08-04T10:00:00Z',
+        success: true,
+        durationMs: 60000,
+        outputPreview: 'Prepared response',
+        error: '',
+        requestParameters: { prompt: 'Investigate' },
+        nextStepId: 'step-failed',
+        branchKey: '',
+        suspensionType: '',
+        suspensionPrompt: '',
+        suspensionContent: '',
+        suspensionTimeoutSeconds: null,
+        toolApproval: null,
+        usage: {
+          promptTokens: 4,
+          completionTokens: 8,
+          totalTokens: 12,
+          cost: 0.02,
+        },
+      },
+    ],
+    timeline: [
+      {
+        kind: 'step_started',
+        timestampUtc: '2026-08-04T09:59:00Z',
+        stage: 'workflow',
+        message: 'Root step started',
+        agentId: 'agent-root',
+        stepId: 'step-root',
+        stepType: 'llm_call',
+        toolCall: null,
+        content: '',
+        data: {},
+      },
+      {
+        kind: 'step_finished',
+        timestampUtc: '2026-08-04T10:01:00Z',
+        stage: 'workflow',
+        message: 'Approval step failed',
+        agentId: 'agent-root',
+        stepId: 'step-failed',
+        stepType: 'human_approval',
+        toolCall: null,
+        content: '',
+        data: {},
+      },
+    ],
+    statistics: {
+      totalSteps: 2,
+      requestedSteps: 2,
+      completedSteps: 2,
+      roleReplyCount: 1,
+      stepTypeCounts: { human_approval: 1, llm_call: 1 },
+    },
+    usageTotals: {
+      promptTokens: 4,
+      completionTokens: 8,
+      totalTokens: 12,
+      cost: 0.02,
+    },
+    recoveryCapability: buildRecoveryCapability(),
+    lineage: buildLineage(),
+  };
+}
+
+function buildActivityRow(
+  overrides: Partial<{
+    runId: string;
+    workflowId: string;
+    workflowName: string;
+    status: string;
+    runOrigin: string;
+    success: boolean | null;
+    startedAtUtc: string | null;
+    updatedAtUtc: string;
+  }> = {},
+): WorkflowActivityRunFeedRowFixture {
+  const detail = buildRunDetail();
+  return {
+    runId: overrides.runId ?? 'run-source-alpha',
+    actorId: 'actor-technical-alpha',
+    workflowId: overrides.workflowId ?? 'wf-alpha',
+    workflowName: overrides.workflowName ?? 'Incident review',
+    scopeId: 'scope-alpha',
+    status: overrides.status ?? 'failed',
+    runOrigin: overrides.runOrigin ?? 'draft',
+    success: overrides.success ?? false,
+    initiator: {
+      platform: 'nyxid',
+      tenant: 'tenant-alpha',
+      externalUserId: 'user-alpha',
+      scope: 'scope-alpha',
+      bindingId: 'binding-alpha',
+      displayValue: 'Abigail',
+      availability: 'available',
+    },
+    inputSummary: 'Investigate checkout latency',
+    currentStep: {
+      stepId: 'step-failed',
+      inputSummary: 'Connector request',
+      availability: 'available',
+    },
+    firstFailure: {
+      stepId: 'step-failed',
+      message: 'Approval timed out',
+      availability: 'available',
+    },
+    waiting: {
+      stepId: '',
+      waitingKind: '',
+      prompt: '',
+      availability: 'unavailable',
+    },
+    startedAtUtc: overrides.startedAtUtc ?? '2026-08-04T10:00:00Z',
+    completedAtUtc: null,
+    updatedAtUtc: overrides.updatedAtUtc ?? '2026-08-04T10:01:00Z',
+    durationMs: 60000,
+    stateVersion: 7,
+    recoveryCapability: detail.recoveryCapability,
+    lineage: detail.lineage,
+  };
+}
+
+function RunDetailRouteHarness() {
+  const [selectedRunId, setSelectedRunId] = React.useState('run-source-alpha');
+
+  return (
+    <>
+      <button
+        aria-label="Route to run-source-beta"
+        onClick={() => setSelectedRunId('run-source-beta')}
+        type="button"
+      />
+      <RunDetailPage runId={selectedRunId} scopeId="scope-alpha" />
+    </>
+  );
+}
+
+describe('Workflow Activity vNext run detail console', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockSearch = '?definition=definition-alpha';
+    mockGraphCanvasProps = [];
+    mockWorkflowActivityApi.getRun.mockResolvedValue(buildRunDetail());
+    mockWorkflowActivityApi.getRunGraph.mockResolvedValue({
+      rootNodeId: 'node-root',
+      nodes: [
+        { nodeId: 'node-root', nodeType: 'step', stepId: 'step-root' },
+        { nodeId: 'node-failed', nodeType: 'step', stepId: 'step-failed' },
+      ],
+      edges: [
+        {
+          edgeId: 'edge-root-failed',
+          fromNodeId: 'node-root',
+          toNodeId: 'node-failed',
+          edgeType: 'next',
+          branchKey: '',
+        },
+      ],
+    });
+    mockWorkflowActivityApi.listRuns.mockResolvedValue([
+      {
+        runId: 'run-source-alpha',
+        workflowName: 'Incident review',
+        status: 'failed',
+        success: false,
+        startedAtUtc: '2026-08-04T10:00:00Z',
+        updatedAtUtc: '2026-08-04T10:01:00Z',
+        stateVersion: 7,
+        scopeId: 'scope-alpha',
+        runOrigin: 'draft',
+      },
+      {
+        runId: 'run-source-beta',
+        workflowName: 'Incident review',
+        status: 'completed',
+        success: true,
+        startedAtUtc: '2026-08-04T09:00:00Z',
+        updatedAtUtc: '2026-08-04T09:01:00Z',
+        stateVersion: 6,
+        scopeId: 'scope-alpha',
+        runOrigin: 'draft',
+      },
+      {
+        runId: 'run-other',
+        workflowName: 'Other workflow',
+        status: 'completed',
+        success: true,
+        startedAtUtc: '2026-08-04T08:00:00Z',
+        updatedAtUtc: '2026-08-04T08:01:00Z',
+        stateVersion: 5,
+        scopeId: 'scope-alpha',
+        runOrigin: 'draft',
+      },
+    ]);
+    mockWorkflowActivityApi.listActivityRuns.mockResolvedValue({
+      items: [],
+      nextCursor: null,
+      hasMore: false,
+      totalCount: 0,
+    });
+    mockWorkflowActivityApi.forkRun.mockResolvedValue({
+      accepted: true,
+      sourceRunId: 'run-source-alpha',
+      newRunActorId: 'actor-new-alpha',
+      workflowName: 'Incident review',
+      acceptedCommandId: 'command-alpha',
+      correlationId: 'correlation-alpha',
+      statusUrl: '/api/workflow/runs/status/command-alpha',
+    });
+  });
+
+  afterEach(() => cleanupTestQueryClients());
+
+  it('keeps the Run detail workspace stable while authoritative data loads', () => {
+    const pending = new Promise<never>(() => undefined);
+    mockWorkflowActivityApi.getRun.mockReturnValue(pending);
+    mockWorkflowActivityApi.getRunGraph.mockReturnValue(pending);
+    mockWorkflowActivityApi.listRuns.mockReturnValue(pending);
+
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    expect(
+      screen.getByRole('heading', { name: 'Run details' }),
+    ).toBeInTheDocument();
+
+    const status = screen.getByRole('status');
+    expect(status).toHaveAttribute('aria-busy', 'true');
+    expect(status).toHaveClass(
+      'wa-vnext-run-detail',
+      'wa-vnext-run-detail--bounded',
+      'wa-vnext-run-detail--loading',
+    );
+    expect(screen.getByText('Loading run details…')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+
+    expect(
+      document.querySelector('.wa-vnext-run-detail__rail'),
+    ).toBeInTheDocument();
+    expect(
+      document.querySelector('.wa-vnext-run-detail__stage'),
+    ).toBeInTheDocument();
+    expect(
+      document.querySelector('.wa-vnext-run-detail__graph'),
+    ).toBeInTheDocument();
+    expect(
+      document.querySelector('.wa-vnext-run-detail__details'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Back to Activity' }),
+    ).toBeEnabled();
+
+    expect(
+      screen.queryByRole('heading', { name: 'Loading run…' }),
+    ).not.toBeInTheDocument();
+    expect(document.querySelector('.wa-vnext__state')).not.toBeInTheDocument();
+  });
+
+  it('keeps committed Run history usable while the selected Run detail loads', async () => {
+    renderWithQueryClient(<RunDetailRouteHarness />);
+
+    expect(
+      await screen.findByRole('heading', { name: 'Published runs' }),
+    ).toBeInTheDocument();
+    const alphaRun = screen.getByRole('button', {
+      name: 'Open run-source-alpha',
+    });
+    expect(
+      screen.getByRole('button', { name: 'Open run-source-beta' }),
+    ).toBeInTheDocument();
+    expect(alphaRun).toHaveAttribute('aria-current', 'true');
+    const historyRail = document.querySelector(
+      '.wa-vnext-run-detail__rail-list',
+    );
+    expect(historyRail).toBeInstanceOf(HTMLElement);
+    (historyRail as HTMLElement).scrollTop = 128;
+
+    const pendingDetail = createDeferred<WorkflowActivityRunDetailFixture>();
+    const pendingGraph = createDeferred<WorkflowActivityRunGraphFixture>();
+    mockWorkflowActivityApi.getRun.mockReturnValueOnce(pendingDetail.promise);
+    mockWorkflowActivityApi.getRunGraph.mockReturnValueOnce(
+      pendingGraph.promise,
+    );
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Route to run-source-beta' }),
+    );
+
+    expect(
+      screen.getByRole('heading', { name: 'Published runs' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Open run-source-alpha' }),
+    ).not.toHaveAttribute('aria-current');
+    expect(
+      screen.getByRole('button', { name: 'Open run-source-beta' }),
+    ).toHaveAttribute('aria-current', 'true');
+    expect(screen.getByText('Loading run details…')).toBeInTheDocument();
+    expect(screen.queryByText('Loading run history…')).not.toBeInTheDocument();
+    expect(mockWorkflowActivityApi.listRuns).toHaveBeenCalledTimes(1);
+    expect(document.querySelector('.wa-vnext-run-detail__rail-list')).toBe(
+      historyRail,
+    );
+    expect((historyRail as HTMLElement).scrollTop).toBe(128);
+
+    const stage = document.querySelector('.wa-vnext-run-detail__stage');
+    expect(stage).toHaveAttribute('role', 'status');
+    expect(stage).toHaveAttribute('aria-busy', 'true');
+    expect(document.querySelector('.wa-vnext-run-detail')).not.toHaveAttribute(
+      'aria-busy',
+    );
+
+    const loadedBetaRunFixture = buildRunDetail();
+    const loadedBetaRun = {
+      ...loadedBetaRunFixture,
+      summary: {
+        ...loadedBetaRunFixture.summary,
+        runId: 'run-source-beta',
+        status: 'completed',
+        success: true,
+        updatedAtUtc: '2026-08-04T09:01:00Z',
+      },
+    };
+
+    await act(async () => {
+      pendingDetail.resolve(loadedBetaRun);
+      pendingGraph.resolve({
+        rootNodeId: 'node-root',
+        nodes: [{ nodeId: 'node-root', nodeType: 'step', stepId: 'step-root' }],
+        edges: [],
+      });
+      await Promise.all([pendingDetail.promise, pendingGraph.promise]);
+    });
+
+    expect(
+      await screen.findByRole('heading', { name: 'Incident review' }),
+    ).toBeInTheDocument();
+    expect(screen.queryByText('Loading run details…')).not.toBeInTheDocument();
+  });
+
+  it('acknowledges a grouped refresh and confirms when every source succeeds', async () => {
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    const refreshButton = await screen.findByRole('button', {
+      name: 'Refresh',
+    });
+    const detailRefresh = createDeferred<WorkflowActivityRunDetailFixture>();
+    const graphRefresh = createDeferred<WorkflowActivityRunGraphFixture>();
+    const historyRefresh =
+      createDeferred<WorkflowActivityRunDetailFixture['summary'][]>();
+    mockWorkflowActivityApi.getRun.mockReturnValueOnce(detailRefresh.promise);
+    mockWorkflowActivityApi.getRunGraph.mockReturnValueOnce(
+      graphRefresh.promise,
+    );
+    mockWorkflowActivityApi.listRuns.mockReturnValueOnce(
+      historyRefresh.promise,
+    );
+
+    fireEvent.click(refreshButton);
+
+    const refreshingLabel = screen.queryByText('Refreshing…');
+    expect(refreshingLabel).toBeInTheDocument();
+    const refreshingButton = refreshingLabel?.closest('button');
+    expect(refreshingButton).toBeInstanceOf(HTMLButtonElement);
+    expect(refreshingButton).toBeDisabled();
+    const refreshStatus = document.querySelector('.aevatar-loading-overlay');
+    expect(refreshStatus).toHaveAttribute('role', 'status');
+    expect(refreshStatus).toHaveAttribute(
+      'aria-label',
+      'Refreshing run details…',
+    );
+    expect(refreshStatus).toHaveClass('aevatar-loading-overlay');
+    expect(
+      refreshStatus?.querySelectorAll('.aevatar-loading-dot'),
+    ).toHaveLength(3);
+    expect(
+      refreshStatus?.querySelector('.wa-vnext-run-detail__refresh-indicator'),
+    ).not.toBeInTheDocument();
+    expect(document.querySelector('.wa-vnext-run-detail')).toHaveAttribute(
+      'aria-busy',
+      'true',
+    );
+    expect(
+      document.querySelector('.wa-vnext-run-detail__refresh-content'),
+    ).toHaveAttribute('inert');
+    expect(
+      screen.getByRole('heading', { name: 'Incident review' }),
+    ).toBeInTheDocument();
+    expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledTimes(2);
+    expect(mockWorkflowActivityApi.getRunGraph).toHaveBeenCalledTimes(2);
+    expect(mockWorkflowActivityApi.listRuns).toHaveBeenCalledTimes(2);
+
+    fireEvent.click(refreshingButton as HTMLButtonElement);
+    expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledTimes(2);
+    expect(mockWorkflowActivityApi.getRunGraph).toHaveBeenCalledTimes(2);
+    expect(mockWorkflowActivityApi.listRuns).toHaveBeenCalledTimes(2);
+
+    await act(async () => {
+      detailRefresh.resolve(buildRunDetail());
+      graphRefresh.resolve({
+        rootNodeId: 'node-root',
+        nodes: [
+          { nodeId: 'node-root', nodeType: 'step', stepId: 'step-root' },
+          {
+            nodeId: 'node-failed',
+            nodeType: 'step',
+            stepId: 'step-failed',
+          },
+        ],
+        edges: [
+          {
+            edgeId: 'edge-root-failed',
+            fromNodeId: 'node-root',
+            toNodeId: 'node-failed',
+            edgeType: 'next',
+            branchKey: '',
+          },
+        ],
+      });
+      historyRefresh.resolve([buildRunDetail().summary]);
+      await Promise.all([
+        detailRefresh.promise,
+        graphRefresh.promise,
+        historyRefresh.promise,
+      ]);
+    });
+
+    await waitFor(() =>
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Run details refreshed',
+        { key: 'run-detail-refresh' },
+      ),
+    );
+    expect(mockConsoleToast.error).not.toHaveBeenCalled();
+    expect(screen.getByRole('button', { name: 'Refresh' })).toBeEnabled();
+    expect(
+      document.querySelector('.aevatar-loading-overlay'),
+    ).not.toBeInTheDocument();
+    expect(document.querySelector('.wa-vnext-run-detail')).toHaveAttribute(
+      'aria-busy',
+      'false',
+    );
+    expect(
+      document.querySelector('.wa-vnext-run-detail__refresh-content'),
+    ).not.toHaveAttribute('inert');
+  });
+
+  it('reports a partial refresh failure without claiming success', async () => {
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    const refreshButton = await screen.findByRole('button', {
+      name: 'Refresh',
+    });
+    mockWorkflowActivityApi.getRunGraph.mockRejectedValueOnce(
+      new Error('Run graph refresh failed'),
+    );
+
+    fireEvent.click(refreshButton);
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Some run details couldn't be refreshed",
+        { key: 'run-detail-refresh' },
+      ),
+    );
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+    expect(screen.queryByText('Run graph unavailable')).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('heading', { name: 'Incident review' }),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Refresh' })).toBeEnabled();
+  });
+
+  it('renders a published-runs style console for the current run and preserves workflow context when switching history', async () => {
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    await waitFor(() =>
+      expect(mockWorkflowActivityApi.listRuns).toHaveBeenCalledWith(
+        'scope-alpha',
+        {
+          definitionActorIds: ['definition-alpha'],
+          take: 100,
+        },
+      ),
+    );
+
+    expect(
+      await screen.findByRole('heading', { name: 'Published runs' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('heading', { name: 'Incident review' }),
+    ).toBeInTheDocument();
+    expect(screen.getByText('Logs')).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: 'Output' })).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: 'Input' })).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: 'Timeline' })).toBeInTheDocument();
+    expect(
+      screen.queryByRole('tab', { name: 'Diagnostics' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('tab', { name: 'Statistics and usage' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('tab', { name: 'Graph' }),
+    ).not.toBeInTheDocument();
+
+    const selectedRun = screen.getByRole('button', {
+      name: 'Open run-source-alpha',
+    });
+    expect(selectedRun).toHaveAttribute('aria-current', 'true');
+
+    expect(
+      screen.queryByRole('button', { name: 'Open run-other' }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Open run-source-beta',
+      }),
+    );
+
+    expect(history.push).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity/run-source-beta?definition=definition-alpha',
+    );
+  });
+
+  it('changes graph selection without rebuilding unchanged graph elements or callbacks', async () => {
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    await screen.findByTestId('graph-canvas');
+    await waitFor(() =>
+      expect(mockGraphCanvasProps.at(-1)?.selectedNodeId).toBe(
+        'step:step-failed',
+      ),
+    );
+    const beforeSelection = mockGraphCanvasProps.at(-1);
+    expect(beforeSelection).toBeDefined();
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Select step:step-root' }),
+    );
+
+    await waitFor(() =>
+      expect(mockGraphCanvasProps.at(-1)?.selectedNodeId).toBe(
+        'step:step-root',
+      ),
+    );
+    const afterSelection = mockGraphCanvasProps.at(-1);
+    expect(afterSelection).toBeDefined();
+    expect(afterSelection?.nodes).toBe(beforeSelection?.nodes);
+    expect(afterSelection?.nodes[0]).toBe(beforeSelection?.nodes[0]);
+    expect(afterSelection?.nodes[0].data).toBe(beforeSelection?.nodes[0].data);
+    expect(afterSelection?.nodes[1]).toBe(beforeSelection?.nodes[1]);
+    expect(afterSelection?.nodes[1].data).toBe(beforeSelection?.nodes[1].data);
+    expect(afterSelection?.edges).toBe(beforeSelection?.edges);
+    expect(afterSelection?.edges[0]).toBe(beforeSelection?.edges[0]);
+    expect(afterSelection?.onCanvasSelect).toBe(
+      beforeSelection?.onCanvasSelect,
+    );
+    expect(afterSelection?.onNodeSelect).toBe(beforeSelection?.onNodeSelect);
+  });
+
+  it('bounds the published-runs rail inside the run detail viewport and scrolls its history list', async () => {
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    expect(
+      await screen.findByRole('heading', { name: 'Published runs' }),
+    ).toBeInTheDocument();
+
+    expect(document.querySelector('main.wa-vnext__main')).toHaveClass(
+      'wa-vnext__main--run-detail',
+    );
+    expect(document.querySelector('.wa-vnext__content')).toHaveClass(
+      'wa-vnext__content--run-detail',
+    );
+    expect(document.querySelector('.wa-vnext-run-detail')).toHaveClass(
+      'wa-vnext-run-detail--bounded',
+    );
+
+    const railList = document.querySelector('.wa-vnext-run-detail__rail-list');
+    expect(railList).toBeInstanceOf(HTMLElement);
+    expect(railList).toHaveStyle({
+      overflowY: 'auto',
+    });
+  });
+
+  it('uses vNext panel tokens instead of legacy published-runs detail colors', async () => {
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    expect(
+      await screen.findByRole('heading', { name: 'Published runs' }),
+    ).toBeInTheDocument();
+
+    const styleText = Array.from(document.querySelectorAll('style'))
+      .map((style) => style.textContent ?? '')
+      .join('\n');
+    expect(styleText).toContain('background: var(--wa-surface);');
+    expect(styleText).toContain('border: 1px solid var(--wa-line);');
+    expect(styleText).toContain('border-radius: var(--wa-radius);');
+    expect(styleText).toContain(
+      '.wa-vnext-run-detail__run--selected { background: var(--wa-blue-bg);',
+    );
+    expect(styleText).not.toContain('background: #f7f8fa;');
+    expect(styleText).not.toContain('border-color: #83b7ff;');
+  });
+
+  it('keeps the selected workflow history visible when the immutable detail request fails', async () => {
+    mockSearch = '?workflowId=wf-alpha';
+    mockWorkflowActivityApi.getRun.mockRejectedValue(
+      new Error(
+        'Error occurred while trying to proxy: 127.0.0.1:5173/api/workflow/observatory/runs/run-source-alpha',
+      ),
+    );
+    mockWorkflowActivityApi.listActivityRuns.mockResolvedValue({
+      items: [
+        buildActivityRow(),
+        buildActivityRow({
+          runId: 'run-source-beta',
+          status: 'completed',
+          success: true,
+          updatedAtUtc: '2026-08-04T09:01:00Z',
+        }),
+      ],
+      nextCursor: null,
+      hasMore: false,
+      totalCount: 2,
+    });
+
+    renderWithQueryClient(
+      <RunDetailPage runId="run-source-alpha" scopeId="scope-alpha" />,
+    );
+
+    await waitFor(() =>
+      expect(mockWorkflowActivityApi.listActivityRuns).toHaveBeenCalledWith(
+        'scope-alpha',
+        {
+          workflowId: 'wf-alpha',
+          take: 100,
+        },
+      ),
+    );
+
+    expect(
+      await screen.findByRole('heading', { name: 'Published runs' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('heading', { name: 'Incident review' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('Detailed run data is temporarily unavailable.'),
+    ).toBeInTheDocument();
+    expect(screen.getByText('Approval timed out')).toBeInTheDocument();
+
+    const selectedRun = screen.getByRole('button', {
+      name: 'Open run-source-alpha',
+    });
+    expect(selectedRun).toHaveAttribute('aria-current', 'true');
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Open run-source-beta',
+      }),
+    );
+
+    expect(history.push).toHaveBeenLastCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity/run-source-beta?workflowId=wf-alpha',
+    );
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx
new file mode 100644
index 0000000000..7b436a6ebf
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx
@@ -0,0 +1,1408 @@
+import {
+  ArrowLeftOutlined,
+  CheckCircleFilled,
+  ClockCircleOutlined,
+  CloseCircleFilled,
+  ExclamationCircleFilled,
+  LoadingOutlined,
+  NodeIndexOutlined,
+  ReloadOutlined,
+} from '@ant-design/icons';
+import { useQuery } from '@tanstack/react-query';
+import {
+  Alert,
+  Button,
+  Empty,
+  Modal,
+  Space,
+  Tabs,
+  Tag,
+  Typography,
+} from 'antd';
+import React from 'react';
+import {
+  WorkflowActivityApiError,
+  workflowActivityApi,
+} from '@/shared/api/workflowActivityApi';
+import { formatDateTime } from '@/shared/datetime/dateTime';
+import GraphCanvas from '@/shared/graphs/GraphCanvas';
+import { t } from '@/shared/i18n/messages';
+import type {
+  WorkflowActivityRunDetail,
+  WorkflowActivityRunFeedRow,
+  WorkflowActivityRunGraph,
+  WorkflowActivityRunSummary,
+  WorkflowActivityStep,
+  WorkflowActivityTimelineEvent,
+  WorkflowRunForkAcceptedReceipt,
+} from '@/shared/models/workflowActivity';
+import { history } from '@/shared/navigation/history';
+import { AevatarLoadingOverlay } from '@/shared/ui/AevatarLoading';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { useConsoleLocation } from '../hooks/useConsoleLocation';
+import {
+  buildWorkflowActivityRunHref,
+  buildWorkflowActivitySectionHref,
+} from '../navigation';
+import TechnicalDetails from '../TechnicalDetails';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import {
+  buildExecutionGraph,
+  type ExecutionGraphView,
+  getStepDisplayName,
+  getStepExecutionStatus,
+  reconcileExecutionGraph,
+} from './executionGraph';
+import {
+  classifyRunFailure,
+  type RunFailureAction,
+  type RunFailureEvidence,
+  RunFailureToastContent,
+} from './runFailurePresentation';
+import { getRunOriginLabel, getRunStatusPresentation } from './runPresentation';
+
+type RunStatusTone = 'default' | 'processing' | 'success' | 'warning' | 'error';
+
+type RunHistoryEntry = WorkflowActivityRunSummary & {
+  readonly context?: string;
+  readonly inputSummary?: string;
+  readonly workflowId?: string;
+};
+
+function trimOptional(value: string | null | undefined): string {
+  return value?.trim() ?? '';
+}
+
+function getRunBadgeClass(status: string): string {
+  return `wa-vnext__status wa-vnext__status--${getRunStatusPresentation(status).className}`;
+}
+
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
+function failureTitle(error: unknown): string {
+  if (error instanceof WorkflowActivityApiError) {
+    if (error.status === 401) {
+      return t(
+        'workflowActivityVNext.state.unauthorized',
+        'Sign in to continue',
+      );
+    }
+    if (error.status === 403) {
+      return t(
+        'workflowActivityVNext.state.forbidden',
+        "You don't have access to this workspace",
+      );
+    }
+  }
+  return t('workflowActivityVNext.run.unavailable', 'Run unavailable');
+}
+
+function readApiFailure(error: unknown): RunFailureEvidence | null {
+  if (error instanceof WorkflowActivityApiError) {
+    return {
+      code: error.code,
+      correlationId: error.correlationId,
+      message: error.message,
+      retryAfterSeconds: error.retryAfterSeconds,
+      status: error.status,
+    };
+  }
+  if (error instanceof Error) return { message: error.message };
+  return null;
+}
+
+function readCommittedRunFailure(
+  run: WorkflowActivityRunDetail | undefined,
+): RunFailureEvidence | null {
+  if (!run) return null;
+  const status = run.summary.status.trim().toLowerCase();
+  if (status === 'cancelled' || status === 'canceled') {
+    return {
+      code: 'RUN_CANCELLED',
+      message: t('workflowActivityVNext.failure.cancelled', 'Run cancelled.'),
+    };
+  }
+  if (run.summary.success !== false && status !== 'failed') return null;
+
+  const primaryDiagnostic = run.diagnostics.find(
+    (diagnostic) => diagnostic.severity.trim().toLowerCase() === 'error',
+  );
+  return {
+    code: primaryDiagnostic?.code,
+    message:
+      primaryDiagnostic?.message ||
+      run.finalError ||
+      run.steps.find((step) => step.error)?.error,
+  };
+}
+
+function formatRunStatus(status: string | null | undefined): string {
+  const normalized = trimOptional(status)
+    .toLowerCase()
+    .replace(/[\s-]+/g, '_');
+  if (!normalized) {
+    return t('workflowActivityVNext.common.unknown', 'Unknown');
+  }
+
+  return normalized
+    .split('_')
+    .filter(Boolean)
+    .map((segment) => `${segment.charAt(0).toUpperCase()}${segment.slice(1)}`)
+    .join(' ');
+}
+
+function getStepStatusTone(step: WorkflowActivityStep): RunStatusTone {
+  const status = getStepExecutionStatus(step);
+  if (status === 'completed') return 'success';
+  if (status === 'failed') return 'error';
+  if (status === 'active') return 'processing';
+  if (status === 'waiting') return 'warning';
+  return 'default';
+}
+
+function getStepStatusLabel(step: WorkflowActivityStep): string {
+  const status = getStepExecutionStatus(step);
+  if (status === 'active') return 'Running';
+  if (status === 'idle') return 'Pending';
+  return formatRunStatus(status);
+}
+
+function renderStepStatusIcon(step: WorkflowActivityStep): React.ReactNode {
+  const status = getStepExecutionStatus(step);
+  if (status === 'completed')
+    return <CheckCircleFilled style={{ color: '#16a34a' }} />;
+  if (status === 'failed')
+    return <CloseCircleFilled style={{ color: '#dc2626' }} />;
+  if (status === 'active')
+    return <LoadingOutlined style={{ color: '#2563eb' }} />;
+  if (status === 'waiting')
+    return <ExclamationCircleFilled style={{ color: '#d97706' }} />;
+  return <ClockCircleOutlined style={{ color: '#94a3b8' }} />;
+}
+
+function formatDurationMs(value: number | null | undefined): string {
+  if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {
+    return 'n/a';
+  }
+  if (value < 1000) return `${Math.round(value)}ms`;
+  if (value < 60_000)
+    return `${(value / 1000).toFixed(value < 10_000 ? 2 : 1)}s`;
+  const minutes = Math.floor(value / 60_000);
+  const seconds = Math.round((value % 60_000) / 1000);
+  return `${minutes}m ${seconds}s`;
+}
+
+function getRunDurationMs(
+  run: WorkflowActivityRunDetail | WorkflowActivityRunSummary,
+  steps?: readonly WorkflowActivityStep[],
+): number | null {
+  const summary = 'summary' in run ? run.summary : run;
+  const startedAt = Date.parse(trimOptional(summary.startedAtUtc));
+  const updatedAt = Date.parse(trimOptional(summary.updatedAtUtc));
+  if (
+    Number.isFinite(startedAt) &&
+    Number.isFinite(updatedAt) &&
+    updatedAt > startedAt
+  ) {
+    return updatedAt - startedAt;
+  }
+
+  const durations = (steps ?? [])
+    .map((step) => step.durationMs)
+    .filter(
+      (value): value is number =>
+        typeof value === 'number' && Number.isFinite(value) && value >= 0,
+    );
+  if (!durations.length) return null;
+  const total = durations.reduce((sum, duration) => sum + duration, 0);
+  return total > 0 ? total : null;
+}
+
+function getSelectedStepDefaultId(
+  steps: readonly WorkflowActivityStep[],
+  graph?: WorkflowActivityRunGraph,
+): string {
+  const failed = steps.find(
+    (step) => step.success === false || trimOptional(step.error),
+  );
+  if (failed) return failed.stepId;
+
+  const rootStepId = trimOptional(
+    graph?.nodes.find((node) => node.nodeId === graph?.rootNodeId)?.stepId,
+  );
+  if (rootStepId && steps.some((step) => step.stepId === rootStepId)) {
+    return rootStepId;
+  }
+
+  return steps[0]?.stepId ?? '';
+}
+
+function filterTimelineForStep(
+  timeline: readonly WorkflowActivityTimelineEvent[],
+  selectedStepId: string,
+): readonly WorkflowActivityTimelineEvent[] {
+  if (!selectedStepId) return timeline;
+  const scoped = timeline.filter(
+    (event) => trimOptional(event.stepId) === selectedStepId,
+  );
+  return scoped.length ? scoped : timeline;
+}
+
+function renderKeyValueRows(values: Readonly<Record<string, string>>) {
+  const entries = Object.entries(values).filter(
+    ([key, value]) => trimOptional(key) || trimOptional(value),
+  );
+  if (!entries.length) {
+    return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
+  }
+
+  return (
+    <div className="wa-vnext-run-detail__kv">
+      {entries.map(([key, value]) => (
+        <div className="wa-vnext-run-detail__kv-row" key={key}>
+          <div className="wa-vnext-run-detail__kv-key">{key}</div>
+          <div className="wa-vnext-run-detail__kv-value">{value || 'n/a'}</div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function renderTextBlock(value: string) {
+  const normalized = value.trim();
+  if (!normalized) {
+    return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
+  }
+  return <pre className="wa-vnext-run-detail__pre">{normalized}</pre>;
+}
+
+function formatRunTime(run: WorkflowActivityRunSummary): string {
+  return formatDateTime(run.updatedAtUtc);
+}
+
+function compareRunsByUpdatedTime(
+  left: WorkflowActivityRunSummary,
+  right: WorkflowActivityRunSummary,
+): number {
+  const leftTime =
+    Date.parse(
+      trimOptional(left.updatedAtUtc) || trimOptional(left.startedAtUtc),
+    ) || 0;
+  const rightTime =
+    Date.parse(
+      trimOptional(right.updatedAtUtc) || trimOptional(right.startedAtUtc),
+    ) || 0;
+  if (leftTime !== rightTime) return rightTime - leftTime;
+  return left.runId.localeCompare(right.runId);
+}
+
+function toHistoryEntryFromFeedRow(
+  row: WorkflowActivityRunFeedRow,
+): RunHistoryEntry {
+  const context =
+    trimOptional(row.firstFailure.message) ||
+    trimOptional(row.waiting.prompt) ||
+    trimOptional(row.waiting.waitingKind) ||
+    trimOptional(row.currentStep.inputSummary) ||
+    trimOptional(row.inputSummary);
+
+  return {
+    runId: row.runId,
+    workflowName: row.workflowName,
+    status: row.status,
+    success: row.success,
+    startedAtUtc: row.startedAtUtc,
+    updatedAtUtc: row.updatedAtUtc,
+    stateVersion: row.stateVersion,
+    scopeId: row.scopeId,
+    runOrigin: row.runOrigin,
+    context,
+    inputSummary: row.inputSummary,
+    workflowId: row.workflowId,
+  };
+}
+
+function RunDetailLoadingStage({
+  announce = false,
+}: {
+  readonly announce?: boolean;
+}) {
+  const loadingLabel = t(
+    'workflowActivityVNext.run.loadingDescription',
+    'Loading run details…',
+  );
+
+  return (
+    <section
+      aria-busy={announce ? 'true' : undefined}
+      aria-hidden={announce ? undefined : 'true'}
+      aria-label={announce ? loadingLabel : undefined}
+      aria-live={announce ? 'polite' : undefined}
+      className="wa-vnext-run-detail__stage wa-vnext-run-detail__stage--loading"
+      role={announce ? 'status' : undefined}
+    >
+      {announce ? (
+        <span className="aevatar-loading-visually-hidden">{loadingLabel}</span>
+      ) : null}
+      <header className="wa-vnext-run-detail__stage-header">
+        <div className="wa-vnext-run-detail__stage-title">
+          <div className="wa-vnext-run-detail__skeleton-heading">
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--heading" />
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--pill" />
+          </div>
+          <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--subtitle" />
+        </div>
+      </header>
+      <div className="wa-vnext-run-detail__graph wa-vnext-run-detail__graph--loading">
+        <span className="wa-vnext-run-detail__skeleton-connector wa-vnext-run-detail__skeleton-connector--first" />
+        <span className="wa-vnext-run-detail__skeleton-connector wa-vnext-run-detail__skeleton-connector--second" />
+        {[0, 1, 2].map((index) => (
+          <div
+            className={`wa-vnext-run-detail__skeleton-node wa-vnext-run-detail__skeleton-node--${index + 1}`}
+            key={`loading-node-${index}`}
+          >
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--node-title" />
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--node-meta" />
+          </div>
+        ))}
+      </div>
+      <div className="wa-vnext-run-detail__details">
+        <section className="wa-vnext-run-detail__logs">
+          <div className="wa-vnext-run-detail__logs-header">
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--label" />
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--duration" />
+          </div>
+          <div className="wa-vnext-run-detail__step-list">
+            {[0, 1, 2].map((index) => (
+              <div
+                className="wa-vnext-run-detail__step wa-vnext-run-detail__step--loading"
+                key={`loading-step-${index}`}
+              >
+                <span className="wa-vnext-run-detail__skeleton-dot" />
+                <span className="wa-vnext-run-detail__skeleton-step-copy">
+                  <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--step" />
+                  <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--step-meta" />
+                </span>
+                <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--duration" />
+              </div>
+            ))}
+          </div>
+        </section>
+        <section className="wa-vnext-run-detail__inspector">
+          <div className="wa-vnext-run-detail__inspector-header">
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--inspector-title" />
+          </div>
+          <div className="wa-vnext-run-detail__inspector-body wa-vnext-run-detail__inspector-body--loading">
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--tabs" />
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--content" />
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--content-short" />
+          </div>
+        </section>
+      </div>
+    </section>
+  );
+}
+
+function RunDetailLoadingWorkspace() {
+  const loadingLabel = t(
+    'workflowActivityVNext.run.loadingDescription',
+    'Loading run details…',
+  );
+
+  return (
+    <div
+      aria-busy="true"
+      className="wa-vnext-run-detail wa-vnext-run-detail--bounded wa-vnext-run-detail--loading"
+      role="status"
+    >
+      <span className="aevatar-loading-visually-hidden">{loadingLabel}</span>
+      <aside aria-hidden="true" className="wa-vnext-run-detail__rail">
+        <div className="wa-vnext-run-detail__rail-header">
+          <div className="wa-vnext-run-detail__rail-title">
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--title" />
+            <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--short" />
+          </div>
+        </div>
+        <div className="wa-vnext-run-detail__rail-list">
+          {[0, 1, 2, 3].map((index) => (
+            <div
+              className="wa-vnext-run-detail__run wa-vnext-run-detail__run--loading"
+              key={`loading-run-${index}`}
+            >
+              <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--run" />
+              <span className="wa-vnext-run-detail__skeleton-line wa-vnext-run-detail__skeleton-line--meta" />
+            </div>
+          ))}
+        </div>
+      </aside>
+      <RunDetailLoadingStage />
+    </div>
+  );
+}
+
+const RunDetailPage: React.FC<{
+  readonly runId: string;
+  readonly scopeId: string;
+}> = ({ runId, scopeId }) => {
+  const location = useConsoleLocation();
+  const toast = useConsoleToast();
+  const params = React.useMemo(
+    () => new URLSearchParams(location.search),
+    [location.search],
+  );
+  const definitionId = params.get('definition')?.trim() ?? '';
+  const routeWorkflowId = params.get('workflowId')?.trim() ?? '';
+  const routeRunQuery = React.useMemo(() => {
+    if (routeWorkflowId) return { workflowId: routeWorkflowId };
+    if (definitionId) return { definition: definitionId };
+    return undefined;
+  }, [definitionId, routeWorkflowId]);
+  const detail = useQuery({
+    queryKey: ['workflow-activity-vnext', 'run-detail', scopeId, runId],
+    queryFn: () => workflowActivityApi.getRun(scopeId, runId),
+    retry: false,
+  });
+  const graph = useQuery({
+    queryKey: ['workflow-activity-vnext', 'run-graph', scopeId, runId],
+    queryFn: () => workflowActivityApi.getRunGraph(scopeId, runId),
+    retry: false,
+  });
+  const historyRuns = useQuery({
+    queryKey: [
+      'workflow-activity-vnext',
+      'run-history',
+      scopeId,
+      routeWorkflowId || definitionId,
+    ],
+    queryFn: async (): Promise<RunHistoryEntry[]> => {
+      if (routeWorkflowId) {
+        const page = await workflowActivityApi.listActivityRuns(scopeId, {
+          workflowId: routeWorkflowId,
+          take: 100,
+        });
+        return page.items.map(toHistoryEntryFromFeedRow);
+      }
+
+      return workflowActivityApi.listRuns(scopeId, {
+        definitionActorIds: definitionId ? [definitionId] : undefined,
+        take: 100,
+      });
+    },
+    retry: false,
+  });
+  const [forking, setForking] = React.useState(false);
+  const [receipt, setReceipt] =
+    React.useState<WorkflowRunForkAcceptedReceipt | null>(null);
+  const [pendingRecovery, setPendingRecovery] = React.useState<{
+    readonly kind: 'retry' | 'run_again';
+    readonly stepId: string;
+  } | null>(null);
+  const [selectedStepId, setSelectedStepId] = React.useState('');
+  const [refreshing, setRefreshing] = React.useState(false);
+  const shownFailureKeys = React.useRef(new Set<string>());
+  const committedGraphViewRef = React.useRef<ExecutionGraphView | undefined>(
+    undefined,
+  );
+  const rawGraphView = React.useMemo(
+    () => buildExecutionGraph(detail.data, graph.data),
+    [detail.data, graph.data],
+  );
+  const graphView = React.useMemo(
+    () => reconcileExecutionGraph(committedGraphViewRef.current, rawGraphView),
+    [rawGraphView],
+  );
+
+  React.useLayoutEffect(() => {
+    // Abandoned concurrent renders must not become the next reconciliation baseline.
+    committedGraphViewRef.current = graphView;
+  }, [graphView]);
+
+  const handleCanvasSelect = React.useCallback(() => {
+    setSelectedStepId('');
+  }, []);
+  const handleNodeSelect = React.useCallback((nodeId: string) => {
+    setSelectedStepId(nodeId.replace(/^step:/, ''));
+  }, []);
+
+  const refreshRunDetail = React.useCallback(async () => {
+    if (refreshing) return;
+    setRefreshing(true);
+    try {
+      const results = await Promise.allSettled([
+        detail.refetch(),
+        graph.refetch(),
+        historyRuns.refetch(),
+      ]);
+      const failed = results.some(
+        (result) => result.status === 'rejected' || result.value.isError,
+      );
+      if (failed) {
+        toast.error(
+          t(
+            'workflowActivityVNext.run.refreshFailed',
+            "Some run details couldn't be refreshed",
+          ),
+          { key: 'run-detail-refresh' },
+        );
+        return;
+      }
+      toast.success(
+        t(
+          'workflowActivityVNext.run.refreshSucceeded',
+          'Run details refreshed',
+        ),
+        { key: 'run-detail-refresh' },
+      );
+    } finally {
+      setRefreshing(false);
+    }
+  }, [detail, graph, historyRuns, refreshing, toast]);
+
+  const failurePresentation = React.useMemo(() => {
+    const evidence =
+      detail.error && !detail.data
+        ? readApiFailure(detail.error)
+        : readCommittedRunFailure(detail.data);
+    return evidence ? classifyRunFailure(evidence) : null;
+  }, [detail.data, detail.error]);
+
+  const performFailureAction = React.useCallback(
+    (action: RunFailureAction) => {
+      const activityHref = buildWorkflowActivitySectionHref(
+        scopeId,
+        'activity',
+      );
+      switch (action) {
+        case 'sign_in': {
+          const returnTo = buildWorkflowActivityRunHref(
+            scopeId,
+            runId,
+            routeRunQuery,
+          );
+          history.push(`/login?redirect=${encodeURIComponent(returnTo)}`);
+          return;
+        }
+        case 'open_settings':
+          history.push(buildWorkflowActivitySectionHref(scopeId, 'settings'));
+          return;
+        case 'back_to_activity':
+        case 'open_activity':
+          history.push(activityHref);
+          return;
+        case 'reload':
+        case 'retry':
+          void refreshRunDetail();
+          return;
+        case 'review_input':
+          return;
+      }
+    },
+    [refreshRunDetail, routeRunQuery, runId, scopeId],
+  );
+
+  React.useEffect(() => {
+    if (!failurePresentation) return;
+    const key = `run-failure:${runId}:${failurePresentation.category}`;
+    if (shownFailureKeys.current.has(key)) return;
+    shownFailureKeys.current.add(key);
+    toast[failurePresentation.intent](
+      <RunFailureToastContent
+        onAction={
+          failurePresentation.action === 'review_input'
+            ? undefined
+            : performFailureAction
+        }
+        presentation={failurePresentation}
+      />,
+      { duration: failurePresentation.duration, key },
+    );
+  }, [failurePresentation, performFailureAction, runId, toast]);
+
+  React.useEffect(() => {
+    if (selectedStepId) return;
+    const defaultStepId = getSelectedStepDefaultId(
+      detail.data?.steps ?? [],
+      graph.data,
+    );
+    setSelectedStepId(defaultStepId);
+  }, [detail.data?.steps, graph.data, selectedStepId]);
+
+  const fork = async (startAtStepId: string): Promise<boolean> => {
+    if (forking) return false;
+    setForking(true);
+    try {
+      setReceipt(
+        await workflowActivityApi.forkRun({
+          sourceRunId: runId,
+          startAtStepId,
+          input: detail.data?.input,
+        }),
+      );
+      return true;
+    } catch {
+      toast.error(
+        t(
+          'workflowActivityVNext.run.startFailed',
+          "The new run couldn't be started",
+        ),
+      );
+      return false;
+    } finally {
+      setForking(false);
+    }
+  };
+
+  const confirmFork = async () => {
+    if (!pendingRecovery) return;
+    if (await fork(pendingRecovery.stepId)) setPendingRecovery(null);
+  };
+
+  const historyEntries = React.useMemo(
+    () => [...(historyRuns.data ?? [])].sort(compareRunsByUpdatedTime),
+    [historyRuns.data],
+  );
+  const fallbackHistoryRun =
+    historyEntries.find((entry) => entry.runId === runId) ?? null;
+  const pendingHistoryWorkflowName = trimOptional(
+    fallbackHistoryRun?.workflowName,
+  ).toLowerCase();
+  const pendingHistoryEntries =
+    routeWorkflowId || !pendingHistoryWorkflowName
+      ? historyEntries
+      : historyEntries.filter(
+          (entry) =>
+            trimOptional(entry.workflowName).toLowerCase() ===
+            pendingHistoryWorkflowName,
+        );
+
+  const openRun = React.useCallback(
+    (targetRunId: string) => {
+      history.push(
+        buildWorkflowActivityRunHref(scopeId, targetRunId, routeRunQuery),
+      );
+      setSelectedStepId('');
+    },
+    [routeRunQuery, scopeId],
+  );
+
+  const renderHistoryRail = (
+    workflowName: string,
+    entries: readonly RunHistoryEntry[],
+    selectedRunId: string,
+  ) => (
+    <aside className="wa-vnext-run-detail__rail">
+      <div className="wa-vnext-run-detail__rail-header">
+        <div className="wa-vnext-run-detail__rail-title">
+          <Typography.Title level={5} style={{ margin: 0 }}>
+            {t(
+              'pages.runs.memberPublishedRuns.publishedRuns',
+              'Published runs',
+            )}
+          </Typography.Title>
+          <Typography.Text ellipsis type="secondary">
+            {workflowName ||
+              t('workflowActivityVNext.common.unknown', 'Unknown')}
+          </Typography.Text>
+        </div>
+      </div>
+      <div className="wa-vnext-run-detail__rail-list">
+        {historyRuns.isPending ? (
+          <div className="wa-vnext__state wa-vnext__state--compact">
+            <p>
+              {t(
+                'workflowActivityVNext.run.historyLoading',
+                'Loading run history…',
+              )}
+            </p>
+          </div>
+        ) : historyRuns.isError ? (
+          <Alert
+            showIcon
+            type="error"
+            message={t(
+              'workflowActivityVNext.run.historyUnavailable',
+              'Run history is unavailable.',
+            )}
+            description={errorMessage(historyRuns.error)}
+          />
+        ) : entries.length ? (
+          entries.map((entry) => {
+            const selected = entry.runId === selectedRunId;
+            const selectedStatus = getRunStatusPresentation(entry.status);
+            return (
+              <button
+                aria-current={selected ? 'true' : undefined}
+                aria-label={t(
+                  'workflowActivityVNext.run.openRunAria',
+                  'Open {runId}',
+                  {
+                    runId: entry.runId,
+                  },
+                )}
+                className={`wa-vnext-run-detail__run${selected ? ' wa-vnext-run-detail__run--selected' : ''}`}
+                key={entry.runId}
+                onClick={() => openRun(entry.runId)}
+                type="button"
+              >
+                <div className="wa-vnext-run-detail__run-title">
+                  <Tag
+                    className={getRunBadgeClass(entry.status)}
+                    style={{ marginInlineEnd: 0 }}
+                  >
+                    {selectedStatus.label}
+                  </Tag>
+                  <Typography.Text ellipsis style={{ minWidth: 0 }}>
+                    {formatRunTime(entry)}
+                  </Typography.Text>
+                </div>
+                <Typography.Text ellipsis type="secondary">
+                  {entry.runOrigin ||
+                    t('workflowActivityVNext.common.unknown', 'Unknown')}
+                </Typography.Text>
+              </button>
+            );
+          })
+        ) : (
+          <div className="wa-vnext__state wa-vnext__state--compact">
+            <h3>
+              {t(
+                'workflowActivityVNext.run.noHistory',
+                'No published runs yet.',
+              )}
+            </h3>
+            <p>
+              {t(
+                'workflowActivityVNext.run.noHistoryDescription',
+                'This workflow has no other runs in the current history context.',
+              )}
+            </p>
+          </div>
+        )}
+      </div>
+    </aside>
+  );
+
+  if (detail.isPending) {
+    if (fallbackHistoryRun) {
+      return (
+        <WorkflowActivityVNextShell
+          activeSection="activity"
+          contentClassName="wa-vnext__content--run-detail"
+          description={t(
+            'workflowActivityVNext.run.description',
+            'Review the result, steps, and history for this run.',
+          )}
+          headerActions={
+            <Button
+              aria-label={t(
+                'workflowActivityVNext.run.backAria',
+                'Back to Activity',
+              )}
+              icon={<ArrowLeftOutlined />}
+              onClick={() =>
+                history.push(
+                  buildWorkflowActivitySectionHref(scopeId, 'activity'),
+                )
+              }
+            />
+          }
+          mainClassName="wa-vnext__main--run-detail"
+          scopeId={scopeId}
+          title={
+            fallbackHistoryRun.workflowName ||
+            t('workflowActivityVNext.run.title', 'Run details')
+          }
+        >
+          <div className="wa-vnext-run-detail wa-vnext-run-detail--bounded">
+            <div className="wa-vnext-run-detail__refresh-content">
+              {renderHistoryRail(
+                fallbackHistoryRun.workflowName,
+                pendingHistoryEntries,
+                runId,
+              )}
+              <RunDetailLoadingStage announce />
+            </div>
+          </div>
+        </WorkflowActivityVNextShell>
+      );
+    }
+
+    return (
+      <WorkflowActivityVNextShell
+        activeSection="activity"
+        contentClassName="wa-vnext__content--run-detail"
+        description={t(
+          'workflowActivityVNext.run.description',
+          'Review the result, steps, and history for this run.',
+        )}
+        headerActions={
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.run.backAria',
+              'Back to Activity',
+            )}
+            icon={<ArrowLeftOutlined />}
+            onClick={() =>
+              history.push(
+                buildWorkflowActivitySectionHref(scopeId, 'activity'),
+              )
+            }
+          />
+        }
+        mainClassName="wa-vnext__main--run-detail"
+        scopeId={scopeId}
+        title={t('workflowActivityVNext.run.title', 'Run details')}
+      >
+        <RunDetailLoadingWorkspace />
+      </WorkflowActivityVNextShell>
+    );
+  }
+
+  if (!detail.data) {
+    if (fallbackHistoryRun) {
+      return (
+        <WorkflowActivityVNextShell
+          activeSection="activity"
+          contentClassName="wa-vnext__content--run-detail"
+          description={t(
+            'workflowActivityVNext.run.detailFallbackDescription',
+            'The run detail request is unavailable, but the selected Activity row is still visible.',
+          )}
+          headerActions={
+            <Button
+              className="wa-vnext__run-detail-refresh"
+              disabled={refreshing}
+              icon={<ReloadOutlined />}
+              loading={refreshing}
+              onClick={() => void refreshRunDetail()}
+            >
+              {refreshing
+                ? t('workflowActivityVNext.run.refreshing', 'Refreshing…')
+                : t('workflowActivityVNext.common.refresh', 'Refresh')}
+            </Button>
+          }
+          scopeId={scopeId}
+          title={
+            fallbackHistoryRun.workflowName ||
+            t('workflowActivityVNext.run.title', 'Run details')
+          }
+          mainClassName="wa-vnext__main--run-detail"
+        >
+          <div
+            aria-busy={refreshing}
+            className="wa-vnext-run-detail wa-vnext-run-detail--bounded"
+          >
+            <div
+              className="wa-vnext-run-detail__refresh-content"
+              inert={refreshing}
+            >
+              {renderHistoryRail(
+                fallbackHistoryRun.workflowName,
+                historyEntries,
+                fallbackHistoryRun.runId,
+              )}
+              <section className="wa-vnext-run-detail__stage">
+                <header className="wa-vnext-run-detail__stage-header">
+                  <div className="wa-vnext-run-detail__stage-title">
+                    <Space wrap size={8}>
+                      <Typography.Title level={4} style={{ margin: 0 }}>
+                        {formatDateTime(fallbackHistoryRun.updatedAtUtc)}
+                      </Typography.Title>
+                      <Tag
+                        className={getRunBadgeClass(fallbackHistoryRun.status)}
+                        style={{ marginInlineEnd: 0 }}
+                      >
+                        {
+                          getRunStatusPresentation(fallbackHistoryRun.status)
+                            .label
+                        }
+                      </Tag>
+                    </Space>
+                    <Typography.Text ellipsis type="secondary">
+                      {fallbackHistoryRun.workflowName ||
+                        t('workflowActivityVNext.common.unknown', 'Unknown')}
+                      {' · '}
+                      {getRunOriginLabel(fallbackHistoryRun.runOrigin)}
+                    </Typography.Text>
+                  </div>
+                </header>
+                <Alert
+                  showIcon
+                  type="warning"
+                  message={t(
+                    'workflowActivityVNext.run.detailUnavailableTitle',
+                    'Detailed run data is temporarily unavailable.',
+                  )}
+                  description={
+                    <>
+                      <p>
+                        {t(
+                          'workflowActivityVNext.run.detailUnavailableDescription',
+                          'The selected run remains highlighted in its workflow history. Retry to load its immutable detail, graph, timeline, and output.',
+                        )}
+                      </p>
+                      {fallbackHistoryRun.context ? (
+                        <Typography.Paragraph>
+                          {fallbackHistoryRun.context}
+                        </Typography.Paragraph>
+                      ) : null}
+                      {detail.error ? (
+                        <TechnicalDetails>
+                          {errorMessage(detail.error)}
+                        </TechnicalDetails>
+                      ) : null}
+                    </>
+                  }
+                  action={
+                    <Button onClick={() => void detail.refetch()}>
+                      {t('workflowActivityVNext.common.retry', 'Retry')}
+                    </Button>
+                  }
+                />
+              </section>
+            </div>
+            {refreshing ? (
+              <AevatarLoadingOverlay
+                ariaLabel={t(
+                  'workflowActivityVNext.run.refreshingDetail',
+                  'Refreshing run details…',
+                )}
+              />
+            ) : null}
+          </div>
+        </WorkflowActivityVNextShell>
+      );
+    }
+
+    return (
+      <WorkflowActivityVNextShell
+        activeSection="activity"
+        description={t(
+          'workflowActivityVNext.run.unavailableDescription',
+          "This run couldn't be loaded.",
+        )}
+        scopeId={scopeId}
+        title={failureTitle(detail.error)}
+      >
+        <div className="wa-vnext__state" role="alert">
+          <div>
+            <h2>{failureTitle(detail.error)}</h2>
+            <p>
+              {t(
+                'workflowActivityVNext.run.unavailableGuidance',
+                'Try again to load this run.',
+              )}
+            </p>
+            <Button onClick={() => void detail.refetch()}>
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+            {detail.error ? (
+              <TechnicalDetails>{errorMessage(detail.error)}</TechnicalDetails>
+            ) : null}
+          </div>
+        </div>
+      </WorkflowActivityVNextShell>
+    );
+  }
+
+  const run = detail.data;
+  const statusPresentation = getRunStatusPresentation(run.summary.status);
+  const normalizedWorkflowName = trimOptional(
+    run.summary.workflowName,
+  ).toLowerCase();
+  const scopedHistoryEntries = routeWorkflowId
+    ? historyEntries
+    : normalizedWorkflowName
+      ? historyEntries.filter(
+          (entry) =>
+            trimOptional(entry.workflowName).toLowerCase() ===
+            normalizedWorkflowName,
+        )
+      : historyEntries;
+  const currentRunHistoryEntry: RunHistoryEntry = run.summary;
+  const effectiveHistory = scopedHistoryEntries.some(
+    (entry) => entry.runId === run.summary.runId,
+  )
+    ? scopedHistoryEntries
+    : [currentRunHistoryEntry, ...scopedHistoryEntries];
+  const selectedHistoryRun =
+    effectiveHistory.find((entry) => entry.runId === run.summary.runId) ??
+    currentRunHistoryEntry;
+  const selectedStep =
+    graphView.orderedSteps.find((step) => step.stepId === selectedStepId) ??
+    graphView.orderedSteps[0] ??
+    null;
+  const scopedTimeline = filterTimelineForStep(
+    run.timeline,
+    selectedStep?.stepId ?? '',
+  );
+  const runDurationMs = getRunDurationMs(run, graphView.orderedSteps);
+  const selectedStepTitle = getStepDisplayName(selectedStep);
+  const selectedStepDuration = formatDurationMs(selectedStep?.durationMs);
+
+  const renderGraph = () => {
+    if (graph.isError && !graph.data) {
+      return (
+        <Alert
+          action={
+            <Button onClick={() => void graph.refetch()}>
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+          }
+          message={t(
+            'workflowActivityVNext.run.graphUnavailable',
+            'Run graph unavailable',
+          )}
+          showIcon
+          type="warning"
+        />
+      );
+    }
+
+    if (!graphView.nodes.length) {
+      return (
+        <div className="wa-vnext__state wa-vnext__state--compact">
+          <h3>
+            {t(
+              'workflowActivityVNext.run.graphEmpty',
+              'No graph is available yet.',
+            )}
+          </h3>
+          <p>
+            {t(
+              'workflowActivityVNext.run.graphEmptyDescription',
+              'This run has not materialized a graph view yet.',
+            )}
+          </p>
+        </div>
+      );
+    }
+
+    return (
+      <GraphCanvas
+        autoFitKey={run.summary.runId}
+        edges={graphView.edges}
+        height="100%"
+        nodes={graphView.nodes}
+        onCanvasSelect={handleCanvasSelect}
+        onNodeSelect={handleNodeSelect}
+        selectedNodeId={
+          selectedStep ? `step:${selectedStep.stepId}` : undefined
+        }
+        variant="studio"
+      />
+    );
+  };
+
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="activity"
+      contentClassName="wa-vnext__content--run-detail"
+      description={t(
+        'workflowActivityVNext.run.description',
+        'Review the result, steps, and history for this run.',
+      )}
+      headerActions={
+        <>
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.run.backAria',
+              'Back to Activity',
+            )}
+            icon={<ArrowLeftOutlined />}
+            onClick={() =>
+              history.push(
+                buildWorkflowActivitySectionHref(scopeId, 'activity'),
+              )
+            }
+          />
+          <Button
+            className="wa-vnext__run-detail-refresh"
+            disabled={refreshing}
+            icon={<ReloadOutlined />}
+            loading={refreshing}
+            onClick={() => void refreshRunDetail()}
+          >
+            {refreshing
+              ? t('workflowActivityVNext.run.refreshing', 'Refreshing…')
+              : t('workflowActivityVNext.common.refresh', 'Refresh')}
+          </Button>
+        </>
+      }
+      scopeId={scopeId}
+      title={
+        run.summary.workflowName ||
+        t('workflowActivityVNext.run.title', 'Run details')
+      }
+      mainClassName="wa-vnext__main--run-detail"
+    >
+      <div
+        aria-busy={refreshing}
+        className="wa-vnext-run-detail wa-vnext-run-detail--bounded"
+      >
+        <div
+          className="wa-vnext-run-detail__refresh-content"
+          inert={refreshing}
+        >
+          {renderHistoryRail(
+            run.summary.workflowName,
+            effectiveHistory,
+            selectedHistoryRun.runId,
+          )}
+          <section className="wa-vnext-run-detail__stage">
+            <header className="wa-vnext-run-detail__stage-header">
+              <div className="wa-vnext-run-detail__stage-title">
+                <Space wrap size={8}>
+                  <Typography.Title level={4} style={{ margin: 0 }}>
+                    {formatDateTime(run.summary.updatedAtUtc)}
+                  </Typography.Title>
+                  <Tag
+                    className={getRunBadgeClass(run.summary.status)}
+                    style={{ marginInlineEnd: 0 }}
+                  >
+                    {statusPresentation.label}
+                  </Tag>
+                  <Tag style={{ marginInlineEnd: 0 }}>
+                    {formatDurationMs(runDurationMs)}
+                  </Tag>
+                </Space>
+                <Typography.Text ellipsis type="secondary">
+                  {run.summary.workflowName ||
+                    t('workflowActivityVNext.common.unknown', 'Unknown')}
+                  {' · '}
+                  {getRunOriginLabel(run.summary.runOrigin)}
+                </Typography.Text>
+              </div>
+            </header>
+            {receipt ? (
+              <Alert
+                action={
+                  <Button
+                    onClick={() =>
+                      history.push(
+                        buildWorkflowActivitySectionHref(scopeId, 'activity'),
+                      )
+                    }
+                  >
+                    {t(
+                      'workflowActivityVNext.editor.openActivity',
+                      'Open Activity',
+                    )}
+                  </Button>
+                }
+                description={
+                  <>
+                    <p>
+                      {t(
+                        'workflowActivityVNext.run.forkAcceptedDescription',
+                        'Open Activity to follow its progress.',
+                      )}
+                    </p>
+                    <TechnicalDetails>
+                      <ul>
+                        <li className="wa-vnext__mono">
+                          {receipt.newRunActorId}
+                        </li>
+                        <li className="wa-vnext__mono">
+                          {receipt.acceptedCommandId}
+                        </li>
+                        <li className="wa-vnext__mono">{receipt.statusUrl}</li>
+                      </ul>
+                    </TechnicalDetails>
+                  </>
+                }
+                message={t(
+                  'workflowActivityVNext.run.forkAccepted',
+                  'New run started',
+                )}
+                showIcon
+                type="success"
+              />
+            ) : null}
+            <div className="wa-vnext-run-detail__graph">{renderGraph()}</div>
+            <div className="wa-vnext-run-detail__details">
+              <section className="wa-vnext-run-detail__logs">
+                <div className="wa-vnext-run-detail__logs-header">
+                  <Typography.Text strong>
+                    {t('workflowActivityVNext.run.logs', 'Logs')}
+                  </Typography.Text>
+                  <Typography.Text type="secondary">
+                    {selectedStepDuration}
+                  </Typography.Text>
+                </div>
+                <div className="wa-vnext-run-detail__step-list">
+                  {graphView.orderedSteps.length ? (
+                    graphView.orderedSteps.map((step) => {
+                      const selected = selectedStep?.stepId === step.stepId;
+                      return (
+                        <button
+                          aria-current={selected ? 'true' : undefined}
+                          className={`wa-vnext-run-detail__step${selected ? ' wa-vnext-run-detail__step--selected' : ''}`}
+                          key={step.stepId}
+                          onClick={() => setSelectedStepId(step.stepId)}
+                          type="button"
+                        >
+                          {renderStepStatusIcon(step)}
+                          <span style={{ minWidth: 0 }}>
+                            <Typography.Text
+                              ellipsis
+                              style={{ display: 'block' }}
+                            >
+                              {getStepDisplayName(step)}
+                            </Typography.Text>
+                            <Typography.Text ellipsis type="secondary">
+                              {step.stepType ||
+                                t('workflowActivityVNext.run.step', 'Step')}
+                            </Typography.Text>
+                          </span>
+                          <Typography.Text type="secondary">
+                            {formatDurationMs(step.durationMs)}
+                          </Typography.Text>
+                        </button>
+                      );
+                    })
+                  ) : (
+                    <div className="wa-vnext__state wa-vnext__state--compact">
+                      <h3>
+                        {t(
+                          'workflowActivityVNext.run.noSteps',
+                          'No steps are available yet.',
+                        )}
+                      </h3>
+                    </div>
+                  )}
+                </div>
+              </section>
+              <section className="wa-vnext-run-detail__inspector">
+                <div className="wa-vnext-run-detail__inspector-header">
+                  <Space size={8} style={{ minWidth: 0 }}>
+                    <NodeIndexOutlined style={{ color: '#1677ff' }} />
+                    <Typography.Text ellipsis strong style={{ maxWidth: 360 }}>
+                      {selectedStepTitle ||
+                        t('workflowActivityVNext.run.details', 'Details')}
+                    </Typography.Text>
+                    {selectedStep ? (
+                      <Tag
+                        color={getStepStatusTone(selectedStep)}
+                        style={{ marginInlineEnd: 0 }}
+                      >
+                        {getStepStatusLabel(selectedStep)}
+                      </Tag>
+                    ) : null}
+                  </Space>
+                  {selectedStep ? (
+                    <Typography.Text type="secondary">
+                      {formatDateTime(
+                        selectedStep.completedAtUtc ||
+                          selectedStep.requestedAtUtc,
+                      )}
+                    </Typography.Text>
+                  ) : null}
+                </div>
+                <div className="wa-vnext-run-detail__inspector-body">
+                  <Tabs
+                    size="small"
+                    items={[
+                      {
+                        key: 'output',
+                        label: t('workflowActivityVNext.run.output', 'Output'),
+                        children: selectedStep
+                          ? renderTextBlock(
+                              selectedStep.error || selectedStep.outputPreview,
+                            )
+                          : renderTextBlock(run.finalError || run.finalOutput),
+                      },
+                      {
+                        key: 'input',
+                        label: t('workflowActivityVNext.run.input', 'Input'),
+                        children: selectedStep
+                          ? renderKeyValueRows(selectedStep.requestParameters)
+                          : renderTextBlock(run.input),
+                      },
+                      {
+                        key: 'timeline',
+                        label: t(
+                          'workflowActivityVNext.run.timeline',
+                          'Timeline',
+                        ),
+                        children: scopedTimeline.length ? (
+                          <div className="wa-vnext-run-detail__timeline">
+                            {scopedTimeline.map((event) => (
+                              <div
+                                className="wa-vnext-run-detail__timeline-row"
+                                key={`${event.timestampUtc}-${event.stage}-${event.kind}-${event.stepId}-${event.agentId}`}
+                              >
+                                <div className="wa-vnext-run-detail__timeline-key">
+                                  {formatDateTime(event.timestampUtc)}
+                                </div>
+                                <div className="wa-vnext-run-detail__timeline-value">
+                                  <Typography.Text strong>
+                                    {event.stage || event.kind || 'event'}
+                                  </Typography.Text>
+                                  <br />
+                                  <Typography.Text type="secondary">
+                                    {trimOptional(event.message) ||
+                                      trimOptional(event.agentId) ||
+                                      'event'}
+                                  </Typography.Text>
+                                </div>
+                              </div>
+                            ))}
+                          </div>
+                        ) : (
+                          <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+                        ),
+                      },
+                    ]}
+                  />
+                </div>
+              </section>
+            </div>
+          </section>
+        </div>
+        {refreshing ? (
+          <AevatarLoadingOverlay
+            ariaLabel={t(
+              'workflowActivityVNext.run.refreshingDetail',
+              'Refreshing run details…',
+            )}
+          />
+        ) : null}
+      </div>
+      <Modal
+        aria-label={t(
+          'workflowActivityVNext.run.confirmTitle',
+          'Confirm new run',
+        )}
+        cancelText={t('workflowActivityVNext.common.cancel', 'Cancel')}
+        confirmLoading={forking}
+        okText={
+          pendingRecovery?.kind === 'retry'
+            ? t('workflowActivityVNext.run.confirmRetry', 'Confirm retry')
+            : t(
+                'workflowActivityVNext.run.confirmRunAgain',
+                'Confirm run again',
+              )
+        }
+        onCancel={() => !forking && setPendingRecovery(null)}
+        onOk={() => void confirmFork()}
+        open={Boolean(pendingRecovery)}
+        title={t('workflowActivityVNext.run.confirmTitle', 'Confirm new run')}
+      >
+        <Space direction="vertical" size={12}>
+          <Typography.Text>
+            {pendingRecovery?.stepId ||
+              t('workflowActivityVNext.common.unavailable', 'Unavailable')}
+          </Typography.Text>
+          <Typography.Text type="secondary">
+            {run.input || t('workflowActivityVNext.common.empty', 'Empty')}
+          </Typography.Text>
+        </Space>
+      </Modal>
+    </WorkflowActivityVNextShell>
+  );
+};
+
+export default RunDetailPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.test.ts
new file mode 100644
index 0000000000..91fe4d6add
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.test.ts
@@ -0,0 +1,224 @@
+import type {
+  WorkflowActivityRunDetail,
+  WorkflowActivityRunGraph,
+  WorkflowActivityStep,
+} from '@/shared/models/workflowActivity';
+import { buildExecutionGraph, reconcileExecutionGraph } from './executionGraph';
+
+function buildStep(
+  overrides: Partial<WorkflowActivityStep> &
+    Pick<WorkflowActivityStep, 'stepId'>,
+): WorkflowActivityStep {
+  return {
+    branchKey: '',
+    completedAtUtc: null,
+    durationMs: null,
+    error: '',
+    nextStepId: '',
+    outputPreview: '',
+    requestParameters: {},
+    requestedAtUtc: null,
+    stepType: 'llm_call',
+    success: null,
+    suspensionContent: '',
+    suspensionPrompt: '',
+    suspensionTimeoutSeconds: null,
+    suspensionType: '',
+    targetRole: 'operator',
+    toolApproval: null,
+    usage: {
+      completionTokens: 0,
+      cost: 0,
+      promptTokens: 0,
+      totalTokens: 0,
+    },
+    ...overrides,
+  };
+}
+
+const rootStep = buildStep({
+  completedAtUtc: '2026-09-03T10:00:01Z',
+  durationMs: 1_000,
+  nextStepId: 'step-review',
+  requestedAtUtc: '2026-09-03T10:00:00Z',
+  stepId: 'step-root',
+  success: true,
+});
+const reviewStep = buildStep({
+  nextStepId: 'step-publish',
+  requestedAtUtc: '2026-09-03T10:00:02Z',
+  stepId: 'step-review',
+  stepType: 'human_approval',
+});
+const publishStep = buildStep({
+  requestedAtUtc: '2026-09-03T10:00:03Z',
+  stepId: 'step-publish',
+  stepType: 'connector_call',
+});
+
+function buildDetail(
+  steps: readonly WorkflowActivityStep[],
+): WorkflowActivityRunDetail {
+  return {
+    diagnostics: [],
+    finalError: '',
+    finalOutput: '',
+    input: 'Publish the approved release',
+    lineage: {
+      availability: 0,
+      retryFork: {
+        attempt: 0,
+        availability: 0,
+        childRuns: [],
+        originalRunId: '',
+        sourceRunId: '',
+        startAtStepId: '',
+      },
+      subWorkflow: {
+        availability: 0,
+        childRuns: [],
+        depth: 0,
+        parentActorId: '',
+        parentRunId: '',
+        parentStepId: '',
+        rootRunId: '',
+      },
+      unavailableReason: '',
+    },
+    recoveryCapability: {
+      retryFailedStep: {
+        eligibility: 0,
+        mayIncurModelOrToolCost: false,
+        recommendedActions: [],
+        reusesPriorStepOutputs: false,
+        startingStepId: '',
+        unavailableReason: '',
+        unavailableReasonCode: 0,
+      },
+      runAgain: {
+        eligibility: 0,
+        mayIncurModelOrToolCost: false,
+        recommendedActions: [],
+        reusesPriorStepOutputs: false,
+        startingStepId: '',
+        unavailableReason: '',
+        unavailableReasonCode: 0,
+      },
+      workflowDefinitionRevisionId: 'revision-alpha',
+      workflowDefinitionVersion: 4,
+    },
+    statistics: {
+      completedSteps: 1,
+      requestedSteps: 2,
+      roleReplyCount: 0,
+      stepTypeCounts: {
+        connector_call: 1,
+        human_approval: 1,
+        llm_call: 1,
+      },
+      totalSteps: 3,
+    },
+    steps,
+    summary: {
+      runId: 'run-alpha',
+      runOrigin: 'published',
+      scopeId: 'scope-alpha',
+      startedAtUtc: '2026-09-03T10:00:00Z',
+      stateVersion: 12,
+      status: 'running',
+      success: null,
+      updatedAtUtc: '2026-09-03T10:00:03Z',
+      workflowName: 'Release workflow',
+    },
+    timeline: [],
+    usageTotals: {
+      completionTokens: 0,
+      cost: 0,
+      promptTokens: 0,
+      totalTokens: 0,
+    },
+  };
+}
+
+const graph: WorkflowActivityRunGraph = {
+  edges: [
+    {
+      branchKey: '',
+      edgeId: 'edge-entry-review',
+      edgeType: 'next',
+      fromNodeId: 'node-entry',
+      toNodeId: 'node-review',
+    },
+    {
+      branchKey: 'approved',
+      edgeId: 'edge-review-output',
+      edgeType: 'branch',
+      fromNodeId: 'node-review',
+      toNodeId: 'node-output',
+    },
+  ],
+  nodes: [
+    { nodeId: 'node-entry', nodeType: 'step', stepId: 'step-root' },
+    { nodeId: 'node-review', nodeType: 'step', stepId: 'step-review' },
+    { nodeId: 'node-output', nodeType: 'step', stepId: 'step-publish' },
+  ],
+  rootNodeId: 'node-entry',
+};
+
+describe('execution graph', () => {
+  it('replaces only the status-changed node and ordered step while preserving unchanged graph references', () => {
+    const initialDetail = buildDetail([rootStep, reviewStep, publishStep]);
+    const previous = buildExecutionGraph(initialDetail, graph);
+    const failedReviewStep = {
+      ...reviewStep,
+      success: false,
+    };
+    const next = buildExecutionGraph(
+      buildDetail([rootStep, failedReviewStep, publishStep]),
+      graph,
+    );
+
+    const reconciled = reconcileExecutionGraph(previous, next);
+
+    expect(reconciled.nodes).not.toBe(previous.nodes);
+    expect(reconciled.nodes[0]).toBe(previous.nodes[0]);
+    expect(reconciled.nodes[0].data).toBe(previous.nodes[0].data);
+    expect(reconciled.nodes[1]).not.toBe(previous.nodes[1]);
+    expect(reconciled.nodes[1].data).not.toBe(previous.nodes[1].data);
+    expect(reconciled.nodes[1].data.executionStatus).toBe('failed');
+    expect(reconciled.nodes[2]).toBe(previous.nodes[2]);
+    expect(reconciled.nodes[2].data).toBe(previous.nodes[2].data);
+    expect(reconciled.edges).toBe(previous.edges);
+    expect(reconciled.edges[0]).toBe(previous.edges[0]);
+    expect(reconciled.edges[1]).toBe(previous.edges[1]);
+    expect(reconciled.orderedSteps).not.toBe(previous.orderedSteps);
+    expect(reconciled.orderedSteps[0]).toBe(previous.orderedSteps[0]);
+    expect(reconciled.orderedSteps[1]).toBe(failedReviewStep);
+    expect(reconciled.orderedSteps[2]).toBe(previous.orderedSteps[2]);
+  });
+
+  it('keeps graph elements and ordered steps stable when selection changes outside graph data', () => {
+    const detail = buildDetail([rootStep, reviewStep, publishStep]);
+    let selectedStepId = 'step-review';
+    const previous = buildExecutionGraph(detail, graph);
+
+    selectedStepId = 'step-publish';
+    const reconciled = reconcileExecutionGraph(
+      previous,
+      buildExecutionGraph(detail, graph),
+    );
+
+    expect(selectedStepId).toBe('step-publish');
+    expect(buildExecutionGraph).toHaveLength(2);
+    expect(reconciled.nodes).toBe(previous.nodes);
+    expect(reconciled.nodes[0]).toBe(previous.nodes[0]);
+    expect(reconciled.nodes[0].data).toBe(previous.nodes[0].data);
+    expect(reconciled.nodes[1]).toBe(previous.nodes[1]);
+    expect(reconciled.nodes[2]).toBe(previous.nodes[2]);
+    expect(reconciled.nodes.every((node) => !node.data.executionFocused)).toBe(
+      true,
+    );
+    expect(reconciled.edges).toBe(previous.edges);
+    expect(reconciled.orderedSteps).toBe(previous.orderedSteps);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.ts
new file mode 100644
index 0000000000..6c7954fa99
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.ts
@@ -0,0 +1,230 @@
+import { type Edge, MarkerType, type Node, Position } from '@xyflow/react';
+import {
+  reconcileGraphEdges,
+  reconcileGraphNodes,
+} from '@/shared/graphs/reconcileGraphElements';
+import { t } from '@/shared/i18n/messages';
+import type {
+  WorkflowActivityRunDetail,
+  WorkflowActivityRunGraph,
+  WorkflowActivityStep,
+} from '@/shared/models/workflowActivity';
+import type {
+  StudioGraphEdgeData,
+  StudioGraphNodeData,
+} from '@/shared/studio/graph';
+
+export type ExecutionGraphView = {
+  readonly edges: Edge<StudioGraphEdgeData>[];
+  readonly nodes: Node<StudioGraphNodeData>[];
+  readonly orderedSteps: WorkflowActivityStep[];
+};
+
+function trimOptional(value: string | null | undefined): string {
+  return value?.trim() ?? '';
+}
+
+export function getStepExecutionStatus(
+  step: WorkflowActivityStep,
+): 'idle' | 'active' | 'waiting' | 'completed' | 'failed' {
+  if (step.success === true) return 'completed';
+  if (step.success === false || trimOptional(step.error)) return 'failed';
+  if (trimOptional(step.suspensionType)) return 'waiting';
+  if (trimOptional(step.requestedAtUtc) && !trimOptional(step.completedAtUtc)) {
+    return 'active';
+  }
+  return 'idle';
+}
+
+export function getStepDisplayName(
+  step: WorkflowActivityStep | null | undefined,
+): string {
+  const stepId = trimOptional(step?.stepId);
+  const stepType = trimOptional(step?.stepType);
+  return stepId || stepType || t('workflowActivityVNext.run.step', 'Step');
+}
+
+function summarizeStepParameters(step: WorkflowActivityStep): string {
+  const entries = Object.entries(step.requestParameters).filter(
+    ([key, value]) => trimOptional(key) || trimOptional(value),
+  );
+  if (!entries.length) {
+    return step.stepType || t('workflowActivityVNext.run.step', 'step');
+  }
+  return entries
+    .slice(0, 2)
+    .map(([key, value]) => `${key}: ${value}`)
+    .join(' | ');
+}
+
+function getStepSortTimestamp(step: WorkflowActivityStep): number {
+  return (
+    Date.parse(
+      trimOptional(step.requestedAtUtc) || trimOptional(step.completedAtUtc),
+    ) || 0
+  );
+}
+
+export function buildExecutionGraph(
+  detail: WorkflowActivityRunDetail | undefined,
+  graph: WorkflowActivityRunGraph | undefined,
+): ExecutionGraphView {
+  const orderedSteps = [...(detail?.steps ?? [])].sort((left, right) => {
+    const leftTime = getStepSortTimestamp(left);
+    const rightTime = getStepSortTimestamp(right);
+    if (leftTime !== rightTime) return leftTime - rightTime;
+    return left.stepId.localeCompare(right.stepId);
+  });
+  const stepById = new Map(
+    orderedSteps.map((step) => [step.stepId, step] as const),
+  );
+  const nodeById = new Map(
+    graph?.nodes.map((node) => [node.nodeId, node] as const) ?? [],
+  );
+  const stepIdByNodeId = new Map(
+    graph?.nodes.map(
+      (node) => [node.nodeId, trimOptional(node.stepId)] as const,
+    ) ?? [],
+  );
+  const nodes: Node<StudioGraphNodeData>[] = orderedSteps.map(
+    (step, index) => ({
+      data: {
+        branchCount: trimOptional(step.branchKey) ? 1 : 0,
+        executionStatus: getStepExecutionStatus(step),
+        kind: 'step',
+        label: getStepDisplayName(step),
+        parametersSummary: summarizeStepParameters(step),
+        stepId: step.stepId,
+        stepType: step.stepType || 'step',
+        subtitle: step.stepType || t('workflowActivityVNext.run.step', 'Step'),
+        targetRole: step.targetRole,
+        title: getStepDisplayName(step),
+      },
+      id: `step:${step.stepId}`,
+      position: {
+        x: 120 + index * 310,
+        y: 150 + (index % 2 === 0 ? 0 : 44),
+      },
+      sourcePosition: Position.Right,
+      targetPosition: Position.Left,
+      type: 'studioWorkflowNode',
+    }),
+  );
+  const edges: Edge<StudioGraphEdgeData>[] = [];
+  const seen = new Set<string>();
+  const pushEdge = (
+    sourceStepId: string,
+    targetStepId: string,
+    implicit: boolean,
+    branchLabel?: string,
+  ) => {
+    if (!stepById.has(sourceStepId) || !stepById.has(targetStepId)) return;
+    const key = `${sourceStepId}->${targetStepId}:${branchLabel ?? ''}`;
+    if (seen.has(key)) return;
+    seen.add(key);
+    edges.push({
+      animated: false,
+      data: {
+        branchLabel,
+        implicit,
+        kind: branchLabel ? 'branch' : 'next',
+      },
+      id: `edge:${sourceStepId}:${targetStepId}:${edges.length}`,
+      label: branchLabel || undefined,
+      markerEnd: {
+        color: implicit ? '#94a3b8' : '#1677ff',
+        height: 10,
+        type: MarkerType.ArrowClosed,
+        width: 10,
+      },
+      source: `step:${sourceStepId}`,
+      style: {
+        stroke: implicit ? '#94a3b8' : '#1677ff',
+        strokeDasharray: implicit ? '5 5' : undefined,
+        strokeWidth: implicit ? 1.6 : 2.4,
+      },
+      target: `step:${targetStepId}`,
+      type: 'smoothstep',
+    });
+  };
+
+  if (graph?.edges.length) {
+    for (const edge of graph.edges) {
+      const sourceStepId =
+        trimOptional(stepIdByNodeId.get(edge.fromNodeId)) ||
+        nodeById.get(edge.fromNodeId)?.stepId ||
+        '';
+      const targetStepId =
+        trimOptional(stepIdByNodeId.get(edge.toNodeId)) ||
+        nodeById.get(edge.toNodeId)?.stepId ||
+        '';
+      if (sourceStepId && targetStepId) {
+        pushEdge(
+          sourceStepId,
+          targetStepId,
+          false,
+          trimOptional(edge.branchKey) || undefined,
+        );
+      }
+    }
+  }
+
+  for (const step of orderedSteps) {
+    const nextStepId = trimOptional(step.nextStepId);
+    if (nextStepId) {
+      pushEdge(
+        step.stepId,
+        nextStepId,
+        false,
+        trimOptional(step.branchKey) || undefined,
+      );
+    }
+  }
+
+  if (!edges.length) {
+    orderedSteps.forEach((step, index) => {
+      const next = orderedSteps[index + 1];
+      if (next) {
+        pushEdge(step.stepId, next.stepId, true);
+      }
+    });
+  }
+
+  return { edges, nodes, orderedSteps };
+}
+
+function haveSameOrderedSteps(
+  previous: readonly WorkflowActivityStep[],
+  next: readonly WorkflowActivityStep[],
+): boolean {
+  return (
+    previous.length === next.length &&
+    previous.every((step, index) => step === next[index])
+  );
+}
+
+export function reconcileExecutionGraph(
+  previous: ExecutionGraphView | undefined,
+  next: ExecutionGraphView,
+): ExecutionGraphView {
+  if (!previous) return next;
+
+  const nodes = reconcileGraphNodes(previous.nodes, next.nodes);
+  const edges = reconcileGraphEdges(previous.edges, next.edges);
+  const orderedSteps = haveSameOrderedSteps(
+    previous.orderedSteps,
+    next.orderedSteps,
+  )
+    ? previous.orderedSteps
+    : next.orderedSteps;
+
+  if (
+    nodes === previous.nodes &&
+    edges === previous.edges &&
+    orderedSteps === previous.orderedSteps
+  ) {
+    return previous;
+  }
+
+  return { edges, nodes, orderedSteps };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx
new file mode 100644
index 0000000000..c05f6ca424
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx
@@ -0,0 +1,154 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import {
+  classifyRunFailure,
+  RunFailureToastContent,
+} from './runFailurePresentation';
+
+describe('Workflow Activity run failure presentation', () => {
+  it.each([
+    [
+      { status: 401, message: 'Your session expired.' },
+      'session_expired',
+      'error',
+      8,
+    ],
+    [
+      {
+        status: 403,
+        code: 'GROUP_NOT_ALLOWED',
+        message: 'This group cannot use the selected model.',
+      },
+      'access_denied',
+      'error',
+      8,
+    ],
+    [
+      { status: 429, message: 'Too many requests.', retryAfterSeconds: 12 },
+      'rate_limited',
+      'warning',
+      8,
+    ],
+    [
+      {
+        status: 422,
+        code: 'INVALID_WORKFLOW',
+        message: 'The workflow input is invalid.',
+      },
+      'invalid_input',
+      'warning',
+      8,
+    ],
+    [
+      { status: 404, message: 'The run was not found.' },
+      'resource_missing',
+      'error',
+      8,
+    ],
+    [
+      {
+        status: 409,
+        code: 'STATE_VERSION_CONFLICT',
+        message: 'A newer version is available.',
+      },
+      'state_conflict',
+      'warning',
+      8,
+    ],
+    [
+      { status: 504, message: 'The provider timed out.' },
+      'timeout_or_offline',
+      'warning',
+      8,
+    ],
+    [
+      {
+        status: 503,
+        code: 'PROVIDER_UNAVAILABLE',
+        message: 'The provider is unavailable.',
+      },
+      'upstream_unavailable',
+      'error',
+      8,
+    ],
+    [
+      { code: 'RUN_CANCELLED', message: 'Cancelled by the user.' },
+      'cancelled',
+      'info',
+      8,
+    ],
+    [
+      {
+        status: 500,
+        message: 'The service could not complete the request.',
+        correlationId: 'corr-alpha',
+      },
+      'internal_failure',
+      'error',
+      8,
+    ],
+    [
+      { status: 418, code: 'UNRECOGNIZED_CODE', message: '' },
+      'internal_failure',
+      'error',
+      8,
+    ],
+  ] as const)('classifies %p as %s', (evidence, category, intent, duration) => {
+    expect(classifyRunFailure(evidence)).toMatchObject({
+      category,
+      duration,
+      intent,
+    });
+  });
+
+  it('uses the safe backend message, retry countdown, and accessible action', () => {
+    const onAction = jest.fn();
+    const presentation = classifyRunFailure({
+      status: 429,
+      message: 'Try again after the quota window resets.',
+      retryAfterSeconds: 12,
+    });
+
+    render(
+      <RunFailureToastContent
+        onAction={onAction}
+        presentation={presentation}
+      />,
+    );
+
+    const message = screen.getByText(
+      'Try again after the quota window resets.',
+    );
+    const guidance = screen.getByText(
+      'Wait for the quota window to reset before trying again.',
+    );
+    expect(message).toBeVisible();
+    expect(message.closest('.ant-typography')).toBeVisible();
+    expect(guidance).toHaveClass('ant-typography-secondary');
+    expect(screen.getByText('Try again in 12 seconds.')).toBeVisible();
+    const action = screen.getByRole('button', { name: 'Retry' });
+    action.focus();
+    fireEvent.keyDown(action, { key: 'Enter' });
+    fireEvent.click(action);
+    expect(onAction).toHaveBeenCalledTimes(1);
+  });
+
+  it('copies a typed correlation ID without exposing raw payloads', async () => {
+    const writeText = jest.fn().mockResolvedValue(undefined);
+    Object.defineProperty(window.navigator, 'clipboard', {
+      configurable: true,
+      value: { writeText },
+    });
+    const presentation = classifyRunFailure({
+      status: 500,
+      message: 'The service could not complete the request.',
+      correlationId: 'corr-alpha',
+    });
+
+    render(<RunFailureToastContent presentation={presentation} />);
+
+    fireEvent.click(screen.getByRole('button', { name: 'Copy tracking ID' }));
+    expect(writeText).toHaveBeenCalledWith('corr-alpha');
+    expect(screen.queryByText(/stack|provider payload|raw json/i)).toBeNull();
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx
new file mode 100644
index 0000000000..718e9206dc
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx
@@ -0,0 +1,371 @@
+import { Button, Space, Typography } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+
+export type RunFailureCategory =
+  | 'access_denied'
+  | 'cancelled'
+  | 'internal_failure'
+  | 'invalid_input'
+  | 'rate_limited'
+  | 'resource_missing'
+  | 'session_expired'
+  | 'state_conflict'
+  | 'timeout_or_offline'
+  | 'upstream_unavailable';
+
+export type RunFailureAction =
+  | 'back_to_activity'
+  | 'open_activity'
+  | 'open_settings'
+  | 'reload'
+  | 'retry'
+  | 'review_input'
+  | 'sign_in';
+
+export type RunFailureEvidence = {
+  readonly code?: string;
+  readonly correlationId?: string;
+  readonly message?: string;
+  readonly retryAfterSeconds?: number;
+  readonly status?: number;
+};
+
+export type RunFailurePresentation = {
+  readonly action: RunFailureAction;
+  readonly actionLabel: string;
+  readonly category: RunFailureCategory;
+  readonly correlationId?: string;
+  readonly duration: number;
+  readonly guidance: string;
+  readonly intent: 'error' | 'info' | 'warning';
+  readonly message: string;
+  readonly retryAfterSeconds?: number;
+};
+
+type CategoryDefinition = Omit<
+  RunFailurePresentation,
+  'correlationId' | 'message' | 'retryAfterSeconds'
+> & {
+  readonly fallbackMessage: string;
+};
+
+const RUN_FAILURE_TOAST_DURATION_SECONDS = 8;
+
+function normalizeCode(value: string | undefined): string {
+  return value?.trim().toUpperCase() ?? '';
+}
+
+function isSafeUserMessage(value: string | undefined): value is string {
+  const normalized = value?.replace(/\s+/g, ' ').trim() ?? '';
+  if (!normalized || normalized.length > 240) return false;
+  return !(
+    /(?:GET|POST|PUT|PATCH|DELETE)\s+\//i.test(normalized) ||
+    /(?:stack\s*trace|\bat\s+[A-Za-z_$][\w$]*\s*\()/i.test(normalized) ||
+    /https?:\/\//i.test(normalized) ||
+    (/^[[{]/.test(normalized) && /[}\]]$/.test(normalized))
+  );
+}
+
+function categoryFor(evidence: RunFailureEvidence): RunFailureCategory {
+  const code = normalizeCode(evidence.code);
+  const status = evidence.status;
+
+  if (status === 401 || /(?:SESSION|TOKEN).*(?:EXPIRED|INVALID)/.test(code))
+    return 'session_expired';
+  if (
+    status === 403 ||
+    /(?:ACCESS_DENIED|FORBIDDEN|GROUP_NOT_ALLOWED|MODEL_NOT_ALLOWED)/.test(code)
+  )
+    return 'access_denied';
+  if (status === 429 || /RATE_LIMIT/.test(code)) return 'rate_limited';
+  if (status === 400 || status === 422 || /(?:INVALID|VALIDATION)/.test(code))
+    return 'invalid_input';
+  if (status === 404 || /NOT_FOUND/.test(code)) return 'resource_missing';
+  if (
+    status === 409 ||
+    status === 412 ||
+    /(?:CONFLICT|STATE_VERSION)/.test(code)
+  )
+    return 'state_conflict';
+  if (
+    status === 0 ||
+    status === 408 ||
+    status === 504 ||
+    /(?:NETWORK|OFFLINE|TIMEOUT|TIMED_OUT)/.test(code)
+  )
+    return 'timeout_or_offline';
+  if (
+    status === 502 ||
+    status === 503 ||
+    /(?:PROVIDER|UPSTREAM).*UNAVAILABLE/.test(code)
+  )
+    return 'upstream_unavailable';
+  if (status === 499 || /(?:CANCELLED|CANCELED|ABORTED)/.test(code))
+    return 'cancelled';
+  return 'internal_failure';
+}
+
+function definitionFor(category: RunFailureCategory): CategoryDefinition {
+  switch (category) {
+    case 'session_expired':
+      return {
+        action: 'sign_in',
+        actionLabel: t(
+          'workflowActivityVNext.failure.signInAgain',
+          'Sign in again',
+        ),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.sessionExpired',
+          'Your session has expired.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.sessionExpiredGuidance',
+          'Sign in again to continue.',
+        ),
+        intent: 'error',
+      };
+    case 'access_denied':
+      return {
+        action: 'open_settings',
+        actionLabel: t(
+          'workflowActivityVNext.failure.chooseAllowedService',
+          'Choose allowed service',
+        ),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.accessDenied',
+          'You do not have access to use this service or model.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.accessDeniedGuidance',
+          'Request access or choose a service and model available to your account.',
+        ),
+        intent: 'error',
+      };
+    case 'rate_limited':
+      return {
+        action: 'retry',
+        actionLabel: t('workflowActivityVNext.common.retry', 'Retry'),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.rateLimited',
+          'This request was rate limited.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.rateLimitedGuidance',
+          'Wait for the quota window to reset before trying again.',
+        ),
+        intent: 'warning',
+      };
+    case 'invalid_input':
+      return {
+        action: 'review_input',
+        actionLabel: t(
+          'workflowActivityVNext.failure.reviewInput',
+          'Review input',
+        ),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.invalidInput',
+          'The input or workflow definition needs attention.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.invalidInputGuidance',
+          'Review the affected input or workflow step before trying again.',
+        ),
+        intent: 'warning',
+      };
+    case 'resource_missing':
+      return {
+        action: 'back_to_activity',
+        actionLabel: t(
+          'workflowActivityVNext.run.backAria',
+          'Back to Activity',
+        ),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.resourceMissing',
+          'This run is no longer available.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.resourceMissingGuidance',
+          'Refresh Activity or return to the run list.',
+        ),
+        intent: 'error',
+      };
+    case 'state_conflict':
+      return {
+        action: 'reload',
+        actionLabel: t(
+          'workflowActivityVNext.failure.reloadLatest',
+          'Reload latest',
+        ),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.stateConflict',
+          'This run changed since it was loaded.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.stateConflictGuidance',
+          'Reload the latest state before continuing.',
+        ),
+        intent: 'warning',
+      };
+    case 'timeout_or_offline':
+      return {
+        action: 'retry',
+        actionLabel: t('workflowActivityVNext.common.retry', 'Retry'),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.timeoutOrOffline',
+          'The request timed out or the connection was interrupted.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.timeoutOrOfflineGuidance',
+          'Check the connection, then try again.',
+        ),
+        intent: 'warning',
+      };
+    case 'upstream_unavailable':
+      return {
+        action: 'retry',
+        actionLabel: t('workflowActivityVNext.common.retry', 'Retry'),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.upstreamUnavailable',
+          'The selected service is temporarily unavailable.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.upstreamUnavailableGuidance',
+          'Check service status or try again later.',
+        ),
+        intent: 'error',
+      };
+    case 'cancelled':
+      return {
+        action: 'open_activity',
+        actionLabel: t(
+          'workflowActivityVNext.editor.openActivity',
+          'Open Activity',
+        ),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.cancelled',
+          'Run cancelled.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.cancelledGuidance',
+          'The run stopped without being reported as a system failure.',
+        ),
+        intent: 'info',
+      };
+    case 'internal_failure':
+      return {
+        action: 'reload',
+        actionLabel: t(
+          'workflowActivityVNext.failure.reloadLatest',
+          'Reload latest',
+        ),
+        category,
+        duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+        fallbackMessage: t(
+          'workflowActivityVNext.failure.internal',
+          'The request could not be completed.',
+        ),
+        guidance: t(
+          'workflowActivityVNext.failure.internalGuidance',
+          'Try again or contact support with the tracking ID when one is available.',
+        ),
+        intent: 'error',
+      };
+  }
+}
+
+export function classifyRunFailure(
+  evidence: RunFailureEvidence,
+): RunFailurePresentation {
+  const category = categoryFor(evidence);
+  const definition = definitionFor(category);
+  const retryAfterSeconds =
+    typeof evidence.retryAfterSeconds === 'number' &&
+    Number.isFinite(evidence.retryAfterSeconds) &&
+    evidence.retryAfterSeconds >= 0
+      ? Math.ceil(evidence.retryAfterSeconds)
+      : undefined;
+  return {
+    ...definition,
+    correlationId: evidence.correlationId?.trim() || undefined,
+    message: isSafeUserMessage(evidence.message)
+      ? evidence.message.replace(/\s+/g, ' ').trim()
+      : definition.fallbackMessage,
+    retryAfterSeconds,
+  };
+}
+
+export const RunFailureToastContent: React.FC<{
+  readonly onAction?: (action: RunFailureAction) => void;
+  readonly presentation: RunFailurePresentation;
+}> = ({ onAction, presentation }) => {
+  const correlationId = presentation.correlationId;
+  return (
+    <div
+      style={{
+        alignItems: 'flex-start',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 4,
+        textAlign: 'left',
+      }}
+    >
+      <Typography.Text strong>{presentation.message}</Typography.Text>
+      <Typography.Text type="secondary">
+        {presentation.guidance}
+      </Typography.Text>
+      {presentation.retryAfterSeconds !== undefined ? (
+        <Typography.Text type="secondary">
+          {t(
+            'workflowActivityVNext.failure.retryAfter',
+            'Try again in {seconds} seconds.',
+            { seconds: presentation.retryAfterSeconds },
+          )}
+        </Typography.Text>
+      ) : null}
+      <Space size="small" wrap>
+        {onAction ? (
+          <Button
+            onClick={() => onAction(presentation.action)}
+            size="small"
+            type="link"
+          >
+            {presentation.actionLabel}
+          </Button>
+        ) : null}
+        {correlationId ? (
+          <Button
+            onClick={() => {
+              void navigator.clipboard?.writeText(correlationId);
+            }}
+            size="small"
+            type="link"
+          >
+            {t(
+              'workflowActivityVNext.failure.copyTrackingId',
+              'Copy tracking ID',
+            )}
+          </Button>
+        ) : null}
+      </Space>
+    </div>
+  );
+};
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runPresentation.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runPresentation.test.ts
new file mode 100644
index 0000000000..02090734ec
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runPresentation.test.ts
@@ -0,0 +1,23 @@
+import {
+  getRunStatusPresentation,
+  isRunStatusInProgress,
+  isRunStatusTerminal,
+} from './runPresentation';
+
+describe('test-run status presentation', () => {
+  it('keeps authoritative queued, running, completed, failed, cancelled, and unknown states distinct', () => {
+    expect(getRunStatusPresentation('queued').label).toBe('Queued');
+    expect(getRunStatusPresentation('running').label).toBe('Running');
+    expect(getRunStatusPresentation('completed').label).toBe('Completed');
+    expect(getRunStatusPresentation('failed').label).toBe('Failed');
+    expect(getRunStatusPresentation('stopped').label).toBe('Cancelled');
+    expect(getRunStatusPresentation('future_status').label).toBe('Unknown');
+
+    expect(isRunStatusInProgress('queued')).toBe(true);
+    expect(isRunStatusInProgress('running')).toBe(true);
+    expect(isRunStatusTerminal('completed')).toBe(true);
+    expect(isRunStatusTerminal('failed')).toBe(true);
+    expect(isRunStatusTerminal('stopped')).toBe(true);
+    expect(isRunStatusTerminal('future_status')).toBe(false);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runPresentation.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runPresentation.ts
new file mode 100644
index 0000000000..521a34de1c
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runPresentation.ts
@@ -0,0 +1,91 @@
+import { t } from '@/shared/i18n/messages';
+
+export function getRunStatusPresentation(status: string): {
+  readonly className: string;
+  readonly label: string;
+} {
+  switch (status.trim().toLowerCase()) {
+    case 'accepted':
+    case 'pending':
+    case 'queued':
+      return {
+        className: 'accepted',
+        label: t('workflowActivityVNext.activity.statusQueued', 'Queued'),
+      };
+    case 'running':
+      return {
+        className: 'running',
+        label: t('workflowActivityVNext.activity.statusRunning', 'Running'),
+      };
+    case 'completed':
+    case 'succeeded':
+      return {
+        className: 'succeeded',
+        label: t('workflowActivityVNext.activity.statusCompleted', 'Completed'),
+      };
+    case 'failed':
+      return {
+        className: 'failed',
+        label: t('workflowActivityVNext.common.failed', 'Failed'),
+      };
+    case 'timed_out':
+    case 'timedout':
+      return {
+        className: 'failed',
+        label: t('workflowActivityVNext.activity.statusTimedOut', 'Timed out'),
+      };
+    case 'canceled':
+    case 'cancelled':
+    case 'stopped':
+      return {
+        className: 'unknown',
+        label: t('workflowActivityVNext.activity.statusCancelled', 'Cancelled'),
+      };
+    default:
+      return {
+        className: 'unknown',
+        label: t('workflowActivityVNext.common.unknown', 'Unknown'),
+      };
+  }
+}
+
+export function isRunStatusInProgress(status: string): boolean {
+  const normalized = status.trim().toLowerCase();
+  return (
+    normalized === 'accepted' ||
+    normalized === 'pending' ||
+    normalized === 'queued' ||
+    normalized === 'running'
+  );
+}
+
+export function isRunStatusTerminal(status: string): boolean {
+  const normalized = status.trim().toLowerCase();
+  return (
+    normalized === 'completed' ||
+    normalized === 'succeeded' ||
+    normalized === 'failed' ||
+    normalized === 'timed_out' ||
+    normalized === 'timedout' ||
+    normalized === 'canceled' ||
+    normalized === 'cancelled' ||
+    normalized === 'stopped'
+  );
+}
+
+export function getRunOriginLabel(origin: string): string {
+  switch (origin.trim().toLowerCase()) {
+    case 'ad-hoc-chat':
+      return t('workflowActivityVNext.activity.originChat', 'Chat');
+    case 'draft':
+      return t('workflowActivityVNext.activity.originEditor', 'Editor');
+    case 'member-invoke':
+      return t('workflowActivityVNext.activity.originMember', 'Team member');
+    case 'service-invoke':
+      return t('workflowActivityVNext.activity.originService', 'Service');
+    case 'schedule':
+      return t('workflowActivityVNext.activity.originSchedule', 'Schedule');
+    default:
+      return t('workflowActivityVNext.common.unknown', 'Unknown');
+  }
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.test.ts
new file mode 100644
index 0000000000..26ffd4faf8
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.test.ts
@@ -0,0 +1,94 @@
+import type { WorkflowRunRecoveryCapability } from '@/shared/models/workflowActivity';
+import { resolveRunRecovery } from './runRecovery';
+
+describe('resolveRunRecovery', () => {
+  it('enables only an eligible action with an authoritative starting step', () => {
+    expect(resolveRunRecovery(recoveryCapability())).toEqual({
+      retry: {
+        enabled: true,
+        mayIncurModelOrToolCost: true,
+        reason: '',
+        recommendedActions: [1],
+        reusesPriorStepOutputs: true,
+        startingStepId: 'step-failed',
+      },
+      runAgain: {
+        enabled: false,
+        mayIncurModelOrToolCost: false,
+        reason: 'Fix access first.',
+        recommendedActions: [3],
+        reusesPriorStepOutputs: false,
+        startingStepId: 'step-start',
+      },
+      workflowDefinitionRevisionId: 'revision-3',
+      workflowDefinitionVersion: 3,
+    });
+  });
+
+  it('uses the backend unavailable reason without deriving an alternative', () => {
+    const capability = recoveryCapability();
+    capability.retryFailedStep = {
+      ...capability.retryFailedStep,
+      eligibility: 3,
+      unavailableReason: 'The legacy run does not contain retry facts.',
+      recommendedActions: [7],
+    };
+
+    expect(resolveRunRecovery(capability).retry).toEqual(
+      expect.objectContaining({
+        enabled: false,
+        reason: 'The legacy run does not contain retry facts.',
+        recommendedActions: [7],
+      }),
+    );
+  });
+
+  it('keeps eligible actions disabled when the backend omits the starting step', () => {
+    const capability = recoveryCapability();
+    capability.retryFailedStep = {
+      ...capability.retryFailedStep,
+      startingStepId: '  ',
+    };
+
+    expect(resolveRunRecovery(capability).retry).toEqual(
+      expect.objectContaining({
+        enabled: false,
+        reason: 'Recovery starting step is unavailable.',
+        startingStepId: '',
+      }),
+    );
+  });
+});
+
+function recoveryCapability(): MutableRecoveryCapability {
+  return {
+    retryFailedStep: {
+      eligibility: 1,
+      unavailableReasonCode: 1,
+      unavailableReason: '',
+      recommendedActions: [1],
+      startingStepId: 'step-failed',
+      reusesPriorStepOutputs: true,
+      mayIncurModelOrToolCost: true,
+    },
+    runAgain: {
+      eligibility: 2,
+      unavailableReasonCode: 4,
+      unavailableReason: 'Fix access first.',
+      recommendedActions: [3],
+      startingStepId: 'step-start',
+      reusesPriorStepOutputs: false,
+      mayIncurModelOrToolCost: false,
+    },
+    workflowDefinitionRevisionId: 'revision-3',
+    workflowDefinitionVersion: 3,
+  };
+}
+
+type MutableRecoveryCapability = {
+  -readonly [Key in keyof WorkflowRunRecoveryCapability]: WorkflowRunRecoveryCapability[Key] extends object
+    ? {
+        -readonly [NestedKey in keyof WorkflowRunRecoveryCapability[Key]]: WorkflowRunRecoveryCapability[Key][NestedKey];
+      }
+    : WorkflowRunRecoveryCapability[Key];
+};
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.ts
new file mode 100644
index 0000000000..506d7c484f
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runRecovery.ts
@@ -0,0 +1,52 @@
+import type {
+  WorkflowRecoveryActionCapability,
+  WorkflowRecoveryRecommendedAction,
+  WorkflowRunRecoveryCapability,
+} from '@/shared/models/workflowActivity';
+
+export interface RecoveryActionPresentation {
+  readonly enabled: boolean;
+  readonly mayIncurModelOrToolCost: boolean;
+  readonly reason: string;
+  readonly recommendedActions: readonly WorkflowRecoveryRecommendedAction[];
+  readonly reusesPriorStepOutputs: boolean;
+  readonly startingStepId: string;
+}
+
+export interface RunRecoveryPresentation {
+  readonly retry: RecoveryActionPresentation;
+  readonly runAgain: RecoveryActionPresentation;
+  readonly workflowDefinitionRevisionId: string;
+  readonly workflowDefinitionVersion: number;
+}
+
+function resolveAction(
+  capability: WorkflowRecoveryActionCapability,
+): RecoveryActionPresentation {
+  const startingStepId = capability.startingStepId.trim();
+  const eligible = capability.eligibility === 1;
+  return {
+    enabled: eligible && Boolean(startingStepId),
+    mayIncurModelOrToolCost: capability.mayIncurModelOrToolCost,
+    reason:
+      capability.unavailableReason.trim() ||
+      (eligible && !startingStepId
+        ? 'Recovery starting step is unavailable.'
+        : ''),
+    recommendedActions: capability.recommendedActions,
+    reusesPriorStepOutputs: capability.reusesPriorStepOutputs,
+    startingStepId,
+  };
+}
+
+export function resolveRunRecovery(
+  capability: WorkflowRunRecoveryCapability,
+): RunRecoveryPresentation {
+  return {
+    retry: resolveAction(capability.retryFailedStep),
+    runAgain: resolveAction(capability.runAgain),
+    workflowDefinitionRevisionId:
+      capability.workflowDefinitionRevisionId.trim(),
+    workflowDefinitionVersion: capability.workflowDefinitionVersion,
+  };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelAuthorizedServices.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelAuthorizedServices.test.tsx
new file mode 100644
index 0000000000..0325f41698
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelAuthorizedServices.test.tsx
@@ -0,0 +1,192 @@
+import { focusManager, onlineManager } from '@tanstack/react-query';
+import { act, fireEvent, screen } from '@testing-library/react';
+import * as React from 'react';
+import { authFetch } from '@/shared/auth/fetch';
+import { persistAuthSession } from '@/shared/auth/session';
+import { createNyxIDServiceSession } from '../../../../tests/fixtures/nyxidServiceSession';
+import { renderWithQueryClient } from '../../../../tests/reactQueryTestUtils';
+import ChannelAuthorizedServices from './ChannelAuthorizedServices';
+import ChannelDetailsPage from './ChannelDetailsPage';
+
+jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
+jest.mock('@/shared/auth/config', () => ({
+  getNyxIDRuntimeConfig: () => ({
+    baseUrl: 'https://nyx.example.test',
+    enabled: true,
+  }),
+}));
+const fetchMock = jest.mocked(authFetch);
+const listPath = '/api/channels/registrations';
+const detailPath = `${listPath}/reg-selected`;
+const inventoryPath = 'https://nyx.example.test/api/v1/user-services';
+const registration = {
+  state_version: 12,
+  id: 'reg-selected',
+  platform: 'telegram',
+  nyx_channel_bot_id: 'bot-selected',
+  label: 'Selected bot',
+  binding_status: 'bound',
+  nyx_status: 'active',
+  owned: true,
+  authorization_mode: 'explicit_service_allowlist',
+  service_ids: ['us-work', 'us-model', 'us-ornn', 'us-deleted'],
+  skill_name: 'review-skill',
+};
+const service = {
+  id: 'us-work',
+  slug: 'api-github',
+  label: 'GitHub work',
+  is_active: false,
+  credential_source: { type: 'personal' },
+  default_request_headers: [{ value: 'TEST_ONLY_SECRET' }],
+};
+const inventory = {
+  services: [
+    service,
+    {
+      ...service,
+      id: 'us-model',
+      label: 'Chrono Public',
+      slug: 'chrono-llm-public',
+      is_active: true,
+    },
+    {
+      ...service,
+      id: 'us-ornn',
+      label: 'ornn-api',
+      slug: 'ornn-api',
+      is_active: true,
+    },
+    {
+      ...service,
+      id: 'us-not-selected',
+      label: 'Not authorized for this channel',
+      is_active: true,
+    },
+  ],
+};
+const response = (value: unknown, status = 200) =>
+  ({ ok: status === 200, status, json: async () => value }) as Response;
+
+beforeEach(() => {
+  fetchMock.mockReset();
+  persistAuthSession(
+    createNyxIDServiceSession({ allowed_service_ids: ['us-not-selected'] }),
+  );
+  fetchMock.mockImplementation(async (input) => {
+    if (input === '/api/auth/me') return response({ authenticated: false });
+    if (input === detailPath) return response(registration);
+    if (input === listPath) return response([registration]);
+    if (input === inventoryPath) return response(inventory);
+    throw new Error('Unexpected test request');
+  });
+});
+
+it('shows saved authorizations by exact ID, including services outside current grants, without automatic refresh', async () => {
+  jest.useFakeTimers();
+  try {
+    const view = renderWithQueryClient(
+      <ChannelDetailsPage
+        scopeId="scope-alpha"
+        registrationId="reg-selected"
+      />,
+    );
+    expect(await screen.findByText('Authorized services')).toBeInTheDocument();
+    expect(await screen.findByText('GitHub work')).toBeInTheDocument();
+    expect(screen.getByText('Chrono Public')).toBeInTheDocument();
+    expect(screen.queryByText('chrono-llm-public')).not.toBeInTheDocument();
+    expect(screen.getAllByText('ornn-api')).toHaveLength(1);
+    expect(screen.getByText('us-deleted')).toBeInTheDocument();
+    expect(
+      screen.queryByText('Not authorized for this channel'),
+    ).not.toBeInTheDocument();
+    expect(
+      JSON.stringify(
+        view.queryClient
+          .getQueryCache()
+          .getAll()
+          .map((query) => query.state.data),
+      ),
+    ).not.toContain('TEST_ONLY_SECRET');
+    // The shared account header has its own reconnect behavior. Check only
+    // channel-owned requests, keeping registration detail and service names covered.
+    const channelReads = () =>
+      fetchMock.mock.calls
+        .map(([input]) => input)
+        .filter((input) => input !== '/api/auth/me')
+        .sort();
+    const expectedReads = [detailPath, listPath, inventoryPath].sort();
+    expect(channelReads()).toEqual(expectedReads);
+    await act(async () => {
+      await jest.advanceTimersByTimeAsync(60_000);
+      focusManager.setFocused(false);
+      focusManager.setFocused(true);
+      onlineManager.setOnline(false);
+      onlineManager.setOnline(true);
+    });
+    expect(channelReads()).toEqual(expectedReads);
+    view.unmount();
+  } finally {
+    focusManager.setFocused(undefined);
+    onlineManager.setOnline(true);
+    jest.useRealTimers();
+  }
+});
+
+it('keeps saved IDs and other details on name lookup failure, then retries only names', async () => {
+  let inventoryReads = 0;
+  fetchMock.mockImplementation(async (input) => {
+    if (input === '/api/auth/me') return response({ authenticated: false });
+    if (input === detailPath) return response(registration);
+    if (input === listPath) return response([registration]);
+    if (input === inventoryPath)
+      return ++inventoryReads === 1
+        ? response({ error: 'TEST_ONLY_SECRET' }, 503)
+        : response(inventory);
+    throw new Error('Unexpected test request');
+  });
+  renderWithQueryClient(
+    <ChannelDetailsPage scopeId="scope-alpha" registrationId="reg-selected" />,
+  );
+  expect(
+    await screen.findByText('Could not load service names. Please try again.'),
+  ).toBeInTheDocument();
+  expect(screen.getByText('us-work')).toBeInTheDocument();
+  expect(screen.getByText('review-skill')).toBeInTheDocument();
+  expect(document.body).not.toHaveTextContent('TEST_ONLY_SECRET');
+  fireEvent.click(screen.getByRole('button', { name: 'Try again' }));
+  expect(await screen.findByText('GitHub work')).toBeInTheDocument();
+  expect(inventoryReads).toBe(2);
+  expect(
+    fetchMock.mock.calls.filter(([input]) => input === detailPath),
+  ).toHaveLength(1);
+});
+
+it('keeps empty, default and unavailable authorization distinct without querying current service choices', () => {
+  renderWithQueryClient(
+    <>
+      <ChannelAuthorizedServices
+        scopeId="scope-alpha"
+        authorization={{ kind: 'explicit', serviceIds: [] }}
+      />
+      <ChannelAuthorizedServices
+        scopeId="scope-alpha"
+        authorization={{ kind: 'nyxidDefault' }}
+      />
+      <ChannelAuthorizedServices
+        scopeId="scope-alpha"
+        authorization={{ kind: 'unavailable' }}
+      />
+    </>,
+  );
+  expect(screen.getByText('No services authorized.')).toBeInTheDocument();
+  expect(
+    screen.getByText(
+      'Uses NyxID default authorization; individual services are not listed.',
+    ),
+  ).toBeInTheDocument();
+  expect(
+    screen.getByText('Authorization details are unavailable for this channel.'),
+  ).toBeInTheDocument();
+  expect(fetchMock).not.toHaveBeenCalled();
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelAuthorizedServices.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelAuthorizedServices.tsx
new file mode 100644
index 0000000000..679dba0395
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelAuthorizedServices.tsx
@@ -0,0 +1,98 @@
+import { useQuery } from '@tanstack/react-query';
+import { Button } from 'antd';
+import * as React from 'react';
+import { listChannelServiceIdentities } from '@/shared/api/channelServicesApi';
+import type { ChannelServiceAuthorization } from '@/shared/api/channelsApi';
+import { t } from '@/shared/i18n/messages';
+import { AevatarLoadingDots } from '@/shared/ui/AevatarLoading';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+
+export default function ChannelAuthorizedServices({
+  scopeId,
+  authorization,
+}: {
+  readonly scopeId: string;
+  readonly authorization: ChannelServiceAuthorization;
+}) {
+  const serviceIds =
+    authorization.kind === 'explicit' ? authorization.serviceIds : [];
+  const names = useQuery({
+    queryKey: ['channels', scopeId, 'service-identities'],
+    queryFn: ({ signal }) => listChannelServiceIdentities(signal),
+    enabled: Boolean(scopeId && serviceIds.length),
+    retry: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchInterval: false,
+  });
+  const toast = useConsoleToast();
+  const reportedError = React.useRef(0);
+  React.useEffect(() => {
+    if (
+      !serviceIds.length ||
+      !names.isError ||
+      names.errorUpdatedAt === reportedError.current
+    )
+      return;
+    reportedError.current = names.errorUpdatedAt;
+    toast.error(
+      t(
+        'channels.services.namesError',
+        'Could not load service names. Please try again.',
+      ),
+    );
+  }, [serviceIds.length, names.isError, names.errorUpdatedAt, toast]);
+
+  if (authorization.kind === 'nyxidDefault')
+    return (
+      <span>
+        {t(
+          'channels.services.default',
+          'Uses NyxID default authorization; individual services are not listed.',
+        )}
+      </span>
+    );
+  if (authorization.kind === 'unavailable')
+    return (
+      <span>
+        {t(
+          'channels.services.unavailable',
+          'Authorization details are unavailable for this channel.',
+        )}
+      </span>
+    );
+  if (!serviceIds.length)
+    return (
+      <span>{t('channels.services.empty', 'No services authorized.')}</span>
+    );
+
+  return (
+    <div className="channels__authorized-services">
+      {names.isPending ? (
+        <AevatarLoadingDots
+          ariaLabel={t('channels.services.loading', 'Loading service names')}
+          size="small"
+        />
+      ) : null}
+      <ul>
+        {serviceIds.map((id) => {
+          const service = names.data?.find((item) => item.id === id);
+          return (
+            <li key={id}>
+              {service ? (
+                <strong>{service.label}</strong>
+              ) : (
+                <span className="channels__identifier">{id}</span>
+              )}
+            </li>
+          );
+        })}
+      </ul>
+      {names.isError ? (
+        <Button loading={names.isFetching} onClick={() => void names.refetch()}>
+          {t('channels.retry', 'Try again')}
+        </Button>
+      ) : null}
+    </div>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelConfigurationPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelConfigurationPage.tsx
new file mode 100644
index 0000000000..99e30de056
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelConfigurationPage.tsx
@@ -0,0 +1,563 @@
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { Button, Input, Modal } from 'antd';
+import * as React from 'react';
+import {
+  isValidChannelBotLabel,
+  updateChannelBotLabel,
+} from '@/shared/api/channelBotsApi';
+import {
+  ChannelApiError,
+  type ChannelConfiguration,
+  type ChannelReceipt,
+  type ChannelRegistration,
+  ChannelRegistrationError,
+  channelConfigMatches,
+  channelConfiguration,
+  channelsApi,
+} from '@/shared/api/channelsApi';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { AevatarContentSkeleton } from '@/shared/ui/AevatarContentSkeleton';
+import { AevatarLoadingDots } from '@/shared/ui/AevatarLoading';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import {
+  buildChannelDetailsHref,
+  buildWorkflowActivitySectionHref,
+} from '../navigation';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import ChannelServicePicker from './ChannelServicePicker';
+import ChannelSkillField from './ChannelSkillField';
+import { channelConnectionCss } from './connectionStyles';
+import {
+  ChannelBadge,
+  ChannelIdentity,
+  ChannelLoadError,
+  InboundStatus,
+} from './presentation';
+import {
+  channelKeys,
+  useChannelDetail,
+  useChannelRegistrations,
+  useChannelServiceChoices,
+} from './queries';
+import { channelsCss } from './styles';
+
+type Target =
+  | { readonly botId: string; readonly registrationId?: never }
+  | { readonly registrationId: string; readonly botId?: never };
+
+const requiredServiceSlugs = ['ornn-api', 'chrono-llm-public'] as const;
+
+export default function ChannelConfigurationPage({
+  scopeId,
+  ...target
+}: Target & { readonly scopeId: string }) {
+  const editing = Boolean(target.registrationId);
+  const list = useChannelRegistrations(scopeId, !editing);
+  const detail = useChannelDetail(scopeId, target.registrationId ?? '');
+  const query = editing ? detail : list;
+  const row = editing
+    ? detail.data
+    : list.data?.find((item) => item.botId === target.botId);
+  const [initial, setInitial] = React.useState<ChannelRegistration | null>(
+    null,
+  );
+  const [navigate, setNavigate] = React.useState<(target: string) => void>(
+    () => history.push,
+  );
+  const valid =
+    row &&
+    (editing
+      ? row.bindingStatus === 'bound' && channelConfiguration(row)
+      : row.bindingStatus === 'unbound' &&
+        row.availabilityStatus === 'available');
+  React.useEffect(() => {
+    if (
+      !initial &&
+      query.isFetchedAfterMount &&
+      query.isSuccess &&
+      !query.isFetching &&
+      valid &&
+      row
+    )
+      setInitial(row);
+  }, [
+    initial,
+    query.isFetchedAfterMount,
+    query.isSuccess,
+    query.isFetching,
+    valid,
+    row,
+  ]);
+  const title = editing
+    ? t('channels.edit.loadingTitle', 'Edit channel')
+    : t('channels.bind.title', 'Bind bot');
+  const listHref = buildWorkflowActivitySectionHref(scopeId, 'channels');
+  const error =
+    query.error ??
+    (query.isSuccess && !valid ? new ChannelApiError(404) : null);
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="channels"
+      scopeId={scopeId}
+      title={title}
+      onNavigate={navigate}
+      mainClassName="channels__main channels__main--connect"
+      contentClassName="channels__content"
+    >
+      <style>
+        {channelsCss}
+        {channelConnectionCss}
+      </style>
+      <div className="channels__connect-heading">
+        <nav
+          className="channels__breadcrumb"
+          aria-label={t('channels.breadcrumb', 'Channel navigation')}
+        >
+          <a
+            href={listHref}
+            onClick={(event) => {
+              event.preventDefault();
+              navigate(listHref);
+            }}
+          >
+            <ArrowLeftOutlined aria-hidden="true" />
+            {t('workflowActivityVNext.nav.channels', 'Channels')}
+          </a>
+        </nav>
+        <h1>{title}</h1>
+        {!editing ? (
+          <p>
+            {t(
+              'channels.bind.description',
+              'Choose a skill and the services this bot can use.',
+            )}
+          </p>
+        ) : null}
+      </div>
+      {initial ? (
+        <ConfigurationForm
+          scopeId={scopeId}
+          initial={initial}
+          editing={editing}
+          setNavigate={setNavigate}
+        />
+      ) : error && !query.isFetching ? (
+        <ChannelLoadError
+          error={error}
+          pending={query.isFetching}
+          retry={() => void query.refetch()}
+        />
+      ) : (
+        <AevatarContentSkeleton
+          ariaLabel={t(
+            'channels.edit.loading',
+            'Loading channel configuration',
+          )}
+          variant="list"
+          rows={4}
+        />
+      )}
+    </WorkflowActivityVNextShell>
+  );
+}
+
+function ConfigurationForm({
+  scopeId,
+  initial,
+  editing,
+  setNavigate,
+}: {
+  readonly scopeId: string;
+  readonly initial: ChannelRegistration;
+  readonly editing: boolean;
+  readonly setNavigate: React.Dispatch<
+    React.SetStateAction<(target: string) => void>
+  >;
+}) {
+  const baseline = channelConfiguration(initial);
+  const [skillName, setSkillName] = React.useState(initial.skill?.name ?? '');
+  const [chosenServiceIds, setServiceIds] = React.useState<readonly string[]>(
+    baseline?.serviceIds ?? [],
+  );
+  const [label, setLabel] = React.useState(initial.label ?? '');
+  const [savedLabel, setSavedLabel] = React.useState(initial.label ?? '');
+  const [receipt, setReceipt] = React.useState<ChannelReceipt | null>(null);
+  const [submitted, setSubmitted] = React.useState<ChannelConfiguration | null>(
+    null,
+  );
+  const [submitting, setSubmitting] = React.useState(false);
+  const [uncertain, setUncertain] = React.useState(false);
+  const [delayed, setDelayed] = React.useState(false);
+  const [failure, setFailure] = React.useState<string | null>(null);
+  const [leaveTarget, setLeaveTarget] = React.useState<string | null>(null);
+  const lock = React.useRef(false);
+  const completed = React.useRef(false);
+  const mounted = React.useRef(true);
+  const labelId = React.useId();
+  const services = useChannelServiceChoices(scopeId);
+  const requiredServices = (services.data ?? []).filter(
+    (service) =>
+      service.active &&
+      service.allowed &&
+      requiredServiceSlugs.some((slug) => service.slug === slug),
+  );
+  const requiredIds = requiredServices.map((service) => service.id);
+  const missingRequiredSlugs = requiredServiceSlugs.filter(
+    (slug) => !requiredServices.some((service) => service.slug === slug),
+  );
+  const serviceIds = [...new Set([...chosenServiceIds, ...requiredIds])];
+  const servicesReady =
+    !services.isPending &&
+    !services.isError &&
+    missingRequiredSlugs.length === 0;
+  const toast = useConsoleToast();
+  const client = useQueryClient();
+  const listHref = buildWorkflowActivitySectionHref(scopeId, 'channels');
+  const returnHref =
+    editing && initial.id
+      ? buildChannelDetailsHref(scopeId, initial.id)
+      : listHref;
+  const config: ChannelConfiguration = {
+    skillName,
+    serviceIds,
+    authorizationMode: 'explicit_service_allowlist',
+  };
+  const configDirty = !editing || !channelConfigMatches(initial, config);
+  const labelDirty = editing && label.trim() !== savedLabel;
+  const dirty = editing
+    ? configDirty || labelDirty
+    : Boolean(skillName || chosenServiceIds.length);
+  const busy = submitting || Boolean(receipt) || uncertain;
+  const options = [
+    ...(services.data ?? []),
+    ...serviceIds
+      .filter((id) => !services.data?.some((service) => service.id === id))
+      .map((id) => ({
+        id,
+        slug: id,
+        label: id,
+        active: false,
+        allowed: false,
+        source: 'unknown' as const,
+        organizationName: null,
+      })),
+  ];
+  React.useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  React.useEffect(() => {
+    if (!receipt) return;
+    const timer = window.setTimeout(() => setDelayed(true), 30_000);
+    return () => window.clearTimeout(timer);
+  }, [receipt]);
+  React.useEffect(() => {
+    setNavigate(() => (href: string) => {
+      if (lock.current) return;
+      if (dirty && !receipt && !uncertain && !completed.current)
+        setLeaveTarget(href);
+      else history.push(href);
+    });
+  }, [dirty, receipt, uncertain, setNavigate]);
+  React.useEffect(() => {
+    if (!dirty || receipt || uncertain) return;
+    const warn = (event: BeforeUnloadEvent) => {
+      event.preventDefault();
+      event.returnValue = '';
+    };
+    window.addEventListener('beforeunload', warn);
+    return () => window.removeEventListener('beforeunload', warn);
+  }, [dirty, receipt, uncertain]);
+  const observation = useQuery({
+    queryKey: ['channels', scopeId, 'confirmation', receipt?.commandId],
+    enabled: Boolean(receipt),
+    queryFn: async ({ signal }) => {
+      if (!receipt) return null;
+      if (editing) {
+        try {
+          return await channelsApi.get(receipt.registrationId, signal);
+        } catch (error) {
+          if (error instanceof ChannelApiError && error.status === 404)
+            return null;
+          throw error;
+        }
+      }
+      const inventory = await channelsApi.list(signal);
+      client.setQueryData(channelKeys.list(scopeId), inventory);
+      return (
+        inventory.find(
+          (row) =>
+            row.id === receipt.registrationId && row.botId === initial.botId,
+        ) ?? null
+      );
+    },
+    retry: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchInterval: (query) =>
+      completed.current || delayed || query.state.error ? false : 1500,
+  });
+  React.useEffect(() => {
+    const actual = observation.data;
+    if (
+      !actual ||
+      !actual.id ||
+      !submitted ||
+      completed.current ||
+      actual.bindingStatus !== 'bound' ||
+      actual.botId !== initial.botId ||
+      !channelConfigMatches(actual, submitted)
+    )
+      return;
+    if (
+      editing &&
+      (initial.stateVersion === null ||
+        actual.stateVersion === null ||
+        actual.stateVersion <= initial.stateVersion)
+    )
+      return;
+    completed.current = true;
+    client.setQueryData(channelKeys.detail(scopeId, actual.id), actual);
+    void client.invalidateQueries({ queryKey: channelKeys.list(scopeId) });
+    toast.success(
+      editing
+        ? t('channels.edit.saved', 'Channel changes saved.')
+        : t('channels.bind.success', 'Bot bound successfully.'),
+    );
+    history.replace(buildChannelDetailsHref(scopeId, actual.id));
+  }, [observation.data, submitted, initial, editing, client, scopeId, toast]);
+
+  async function save(event: React.FormEvent) {
+    event.preventDefault();
+    if (
+      lock.current ||
+      busy ||
+      completed.current ||
+      !servicesReady ||
+      (editing && !dirty)
+    )
+      return;
+    setFailure(null);
+    if (labelDirty && !isValidChannelBotLabel(label)) {
+      setFailure(
+        t(
+          'channels.edit.labelError',
+          'Enter a non-empty label. If it is too long, shorten it and try again.',
+        ),
+      );
+      return;
+    }
+    if (skillName.trim().length > 128) {
+      setFailure(
+        t(
+          'channels.edit.skillError',
+          'Check the skill name. Use no more than 128 characters.',
+        ),
+      );
+      return;
+    }
+    lock.current = true;
+    setSubmitting(true);
+    let labelSaved = false;
+    try {
+      if (labelDirty) {
+        const updated = await updateChannelBotLabel(
+          { id: initial.botId, platform: initial.platform, label: savedLabel },
+          label,
+        );
+        if (!mounted.current) return;
+        setSavedLabel(updated.label ?? '');
+        labelSaved = true;
+        void client.invalidateQueries({ queryKey: channelKeys.list(scopeId) });
+      }
+      if (configDirty) {
+        const result =
+          editing && initial.id
+            ? await channelsApi.update(initial.id, config)
+            : await channelsApi.adopt(initial.botId, config);
+        if (!mounted.current) return;
+        setSubmitted(config);
+        setReceipt(result);
+      } else {
+        completed.current = true;
+        void client.invalidateQueries({
+          queryKey: channelKeys.detail(scopeId, initial.id ?? ''),
+        });
+        toast.success(t('channels.edit.saved', 'Channel changes saved.'));
+        history.replace(returnHref);
+      }
+    } catch (error) {
+      if (!mounted.current) return;
+      if (
+        error instanceof ChannelRegistrationError &&
+        error.reason === 'uncertain'
+      )
+        setUncertain(true);
+      const message =
+        error instanceof ChannelRegistrationError &&
+        error.reason === 'configuration'
+          ? t(
+              'channels.bind.configuration',
+              'Bot binding is unavailable because the server callback address is not configured correctly. Contact your administrator.',
+            )
+          : error instanceof ChannelRegistrationError &&
+              error.reason === 'conflict'
+            ? t(
+                'channels.bind.conflict',
+                'This bot could not be bound. Refresh the channel list and review its binding and routes in NyxID.',
+              )
+            : error instanceof ChannelRegistrationError &&
+                error.reason === 'uncertain'
+              ? t(
+                  'channels.bind.uncertain',
+                  'The request could not be confirmed. Return to Channels and refresh before trying again.',
+                )
+              : labelSaved
+                ? t(
+                    'channels.edit.partialConfigSave',
+                    'Label saved, but the configuration could not be updated. Review your choices and try again.',
+                  )
+                : t(
+                    'channels.bind.failed',
+                    'Could not save this bot. Check your skill, services and NyxID access, then try again.',
+                  );
+      setFailure(message);
+      toast.error(message);
+    } finally {
+      lock.current = false;
+      if (mounted.current) setSubmitting(false);
+    }
+  }
+
+  return (
+    <>
+      <form
+        className="channels__connection-form"
+        onSubmit={(event) => void save(event)}
+        aria-label={
+          editing
+            ? t('channels.edit.loadingTitle', 'Edit channel')
+            : t('channels.bind.title', 'Bind bot')
+        }
+      >
+        <div className="channels__bot-summary">
+          <ChannelIdentity
+            registration={initial}
+            label={savedLabel || initial.label}
+            pending={false}
+            secondary="platform"
+          />
+          {editing ? (
+            <InboundStatus value={initial.nyxStatus ?? undefined} />
+          ) : (
+            <ChannelBadge>
+              {t('channels.binding.unbound', 'Not bound')}
+            </ChannelBadge>
+          )}
+        </div>
+        {editing ? (
+          <div className="channels__field">
+            <div className="channels__field-heading">
+              <label htmlFor={labelId}>
+                {t('channels.edit.label', 'Label')}
+              </label>
+            </div>
+            <Input
+              id={labelId}
+              value={label}
+              onChange={(event) => setLabel(event.target.value)}
+              disabled={busy}
+            />
+          </div>
+        ) : null}
+        <ChannelSkillField
+          scopeId={scopeId}
+          value={skillName}
+          onChange={setSkillName}
+          disabled={busy}
+        />
+        <ChannelServicePicker
+          services={options}
+          selectedIds={serviceIds}
+          requiredIds={requiredIds}
+          missingRequiredSlugs={missingRequiredSlugs}
+          onChange={setServiceIds}
+          loading={services.isPending}
+          failed={services.isError}
+          refreshing={services.isFetching}
+          disabled={busy}
+          retry={() => void services.refetch()}
+          editing={editing}
+          replacesDefaults={baseline?.authorizationMode === 'nyxid_default'}
+        />
+        {failure ? (
+          <p role="alert" className="channels__form-error">
+            {failure}
+          </p>
+        ) : null}
+        {receipt ? (
+          <div role="status" className="channels__connection-status">
+            {delayed || observation.isError ? (
+              t(
+                'channels.bind.delayed',
+                'Your request was accepted. The updated binding is not visible yet. You can return to Channels and refresh the table.',
+              )
+            ) : (
+              <>
+                <AevatarLoadingDots decorative />{' '}
+                {t('channels.bind.confirming', 'Confirming your changes...')}
+              </>
+            )}
+          </div>
+        ) : null}
+        <div className="channels__form-actions">
+          <Button
+            disabled={submitting}
+            onClick={() =>
+              dirty && !receipt && !uncertain
+                ? setLeaveTarget(returnHref)
+                : history.push(receipt || uncertain ? listHref : returnHref)
+            }
+          >
+            {receipt || uncertain
+              ? t('channels.back', 'Back to channels')
+              : t('channels.cancel', 'Cancel')}
+          </Button>
+          <Button
+            type="primary"
+            htmlType="submit"
+            loading={
+              submitting ||
+              (Boolean(receipt) && !delayed && !observation.isError)
+            }
+            disabled={busy || (editing && !dirty) || !servicesReady}
+          >
+            {editing
+              ? t('channels.edit.save', 'Save changes')
+              : t('channels.bind.title', 'Bind bot')}
+          </Button>
+        </div>
+      </form>
+      <Modal
+        open={leaveTarget !== null}
+        title={t('channels.edit.discardTitle', 'Discard your changes?')}
+        onCancel={() => setLeaveTarget(null)}
+        onOk={() => {
+          if (leaveTarget) history.push(leaveTarget);
+          setLeaveTarget(null);
+        }}
+        okText={t('channels.connect.discard', 'Discard')}
+        cancelText={t('channels.connect.stay', 'Stay')}
+      >
+        {t(
+          'channels.edit.discardHelp',
+          'Your unsaved channel changes will be lost.',
+        )}
+      </Modal>
+    </>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelDetailsPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelDetailsPage.tsx
new file mode 100644
index 0000000000..a829528c81
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelDetailsPage.tsx
@@ -0,0 +1,337 @@
+import {
+  ArrowLeftOutlined,
+  DeleteOutlined,
+  EditOutlined,
+  ExportOutlined,
+} from '@ant-design/icons';
+import { Button, Modal } from 'antd';
+import * as React from 'react';
+import { channelsApi } from '@/shared/api/channelsApi';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { AevatarContentSkeleton } from '@/shared/ui/AevatarContentSkeleton';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import {
+  buildChannelEditHref,
+  buildWorkflowActivitySectionHref,
+} from '../navigation';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import ChannelAuthorizedServices from './ChannelAuthorizedServices';
+import {
+  ChannelIcon,
+  ChannelLink,
+  ChannelLoadError,
+  ChannelSkill,
+  DeliveryStatus,
+  InboundStatus,
+  platformName,
+} from './presentation';
+import { useChannelDetail, useChannelRegistrations } from './queries';
+import { channelsCss } from './styles';
+
+// Figma links to the NyxID website, separate from its API/OIDC authority.
+const NYXID_WEB_BASE_URL = 'https://nyx.chrono-ai.fun';
+
+export default function ChannelDetailsPage({
+  scopeId,
+  registrationId,
+}: {
+  readonly scopeId: string;
+  readonly registrationId: string;
+}) {
+  const [confirmOpen, setConfirmOpen] = React.useState(false);
+  const [removing, setRemoving] = React.useState(false);
+  const [removalAccepted, setRemovalAccepted] = React.useState(false);
+  const [hasWarnings, setHasWarnings] = React.useState(false);
+  const [removeError, setRemoveError] = React.useState(false);
+  const detail = useChannelDetail(scopeId, registrationId);
+  const registrations = useChannelRegistrations(scopeId, removalAccepted);
+  const registration = detail.data;
+  const stillListed = registrations.data?.some(
+    (row) => row.id === registrationId,
+  );
+  const channelName = registration?.label;
+  const toast = useConsoleToast();
+  const completed = React.useRef(false);
+  const listHref = buildWorkflowActivitySectionHref(scopeId, 'channels');
+
+  React.useEffect(() => {
+    if (
+      !removalAccepted ||
+      !registrations.isSuccess ||
+      registrations.isFetching ||
+      stillListed ||
+      completed.current
+    )
+      return;
+    completed.current = true;
+    if (hasWarnings)
+      toast.warning(
+        t(
+          'channels.remove.warning',
+          'Channel removed. Some cleanup needs attention in NyxID.',
+        ),
+      );
+    else toast.success(t('channels.remove.success', 'Channel removed.'));
+    history.replace(listHref);
+  }, [
+    removalAccepted,
+    registrations.isSuccess,
+    registrations.isFetching,
+    stillListed,
+    hasWarnings,
+    listHref,
+    toast,
+  ]);
+
+  async function remove() {
+    if (removing || removalAccepted) return;
+    setRemoving(true);
+    setRemoveError(false);
+    try {
+      const result = await channelsApi.remove(registrationId);
+      setHasWarnings(result.hasWarnings);
+      setRemovalAccepted(true);
+      setConfirmOpen(false);
+      await registrations.refetch();
+    } catch {
+      setRemoveError(true);
+      toast.error(
+        t(
+          'channels.remove.error',
+          'Could not remove this channel. Please try again.',
+        ),
+      );
+    } finally {
+      setRemoving(false);
+    }
+  }
+
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="channels"
+      scopeId={scopeId}
+      title={t('channels.details', 'Channel details')}
+      mainClassName="channels__main channels__main--detail"
+      contentClassName="channels__content"
+    >
+      <style>{channelsCss}</style>
+      <div className="channels__detail-toolbar">
+        <nav
+          className="channels__breadcrumb"
+          aria-label={t('channels.breadcrumb', 'Channel navigation')}
+        >
+          <ChannelLink href={listHref}>
+            <ArrowLeftOutlined aria-hidden="true" />
+            {t('workflowActivityVNext.nav.channels', 'Channels')}
+          </ChannelLink>
+          <span aria-hidden="true">/</span>
+          <span>
+            {registration
+              ? t('channels.managePlatform', '{platform} · Manage', {
+                  platform: platformName(registration.platform),
+                })
+              : t('channels.details', 'Channel details')}
+          </span>
+        </nav>
+        {registration ? (
+          <div className="channels__detail-actions">
+            <Button
+              icon={<EditOutlined />}
+              disabled={removing || removalAccepted}
+              onClick={() =>
+                history.push(buildChannelEditHref(scopeId, registrationId))
+              }
+            >
+              {t('channels.edit', 'Edit')}
+            </Button>
+            <Button
+              danger
+              icon={<DeleteOutlined />}
+              loading={removing}
+              disabled={removalAccepted}
+              onClick={() => setConfirmOpen(true)}
+            >
+              {t('channels.remove', 'Remove')}
+            </Button>
+          </div>
+        ) : null}
+      </div>
+      {detail.isPending ? (
+        <AevatarContentSkeleton
+          ariaLabel={t('channels.details.loading', 'Loading channel details')}
+          variant="list"
+          rows={6}
+        />
+      ) : detail.isError && !registration ? (
+        <ChannelLoadError
+          error={detail.error}
+          pending={detail.isFetching}
+          retry={() => void detail.refetch()}
+        />
+      ) : !registration ? (
+        <div className="channels__state" role="status">
+          <p>
+            {removalAccepted
+              ? t('channels.remove.confirming', 'Confirming removal…')
+              : t(
+                  'channels.error.unavailable',
+                  'This channel is unavailable or you do not have access.',
+                )}
+          </p>
+          <ChannelLink href={listHref}>
+            {t('channels.back', 'Back to channels')}
+          </ChannelLink>
+        </div>
+      ) : (
+        <>
+          <section
+            className="channels__detail"
+            aria-label={t('channels.details', 'Channel details')}
+          >
+            <div className="channels__detail-heading">
+              <ChannelIcon platform={registration.platform} />
+              <div className="channels__identity-copy">
+                <h1>
+                  {channelName ??
+                    t('channels.name.unavailable', 'Name unavailable')}
+                </h1>
+                <p className="channels__identifier">
+                  {t('channels.registration', 'Registration')} {registration.id}
+                </p>
+              </div>
+              <InboundStatus value={registration.nyxStatus ?? undefined} />
+            </div>
+            <dl className="channels__facts">
+              <div>
+                <dt>{t('channels.column.channel', 'Channel')}</dt>
+                <dd>{platformName(registration.platform)}</dd>
+              </div>
+              <div>
+                <dt>{t('channels.column.skill', 'Skill')}</dt>
+                <dd>
+                  <ChannelSkill skill={registration.skill} />
+                </dd>
+              </div>
+              <div>
+                <dt>{t('channels.services.title', 'Authorized services')}</dt>
+                <dd>
+                  <ChannelAuthorizedServices
+                    scopeId={scopeId}
+                    authorization={registration.serviceAuthorization}
+                  />
+                </dd>
+              </div>
+              <div>
+                <dt>{t('channels.inboundMessages', 'Inbound messages')}</dt>
+                <dd>
+                  <InboundStatus value={registration.nyxStatus ?? undefined} />
+                </dd>
+              </div>
+              <div>
+                <dt>{t('channels.column.delivery', 'Workflow delivery')}</dt>
+                <dd>
+                  <DeliveryStatus
+                    value={registration.workflowDeliveryStatus}
+                    platform={registration.platform}
+                  />
+                </dd>
+              </div>
+              {[
+                {
+                  label: t('channels.botId', 'Bot ID'),
+                  value: registration.botId,
+                  path: '/channel-bots/',
+                },
+                {
+                  label: t('channels.provider', 'Provider'),
+                  value: registration.providerSlug,
+                },
+                {
+                  label: t('channels.keyId', 'Agent key ID'),
+                  value: registration.agentKeyId,
+                  path: '/keys/api-key/',
+                },
+              ].map(({ label, value, path }) => (
+                <div key={label}>
+                  <dt>{label}</dt>
+                  <dd className="channels__identifier">
+                    {value && path ? (
+                      <a
+                        className="channels__identifier-link"
+                        href={`${NYXID_WEB_BASE_URL}${path}${encodeURIComponent(value)}`}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        aria-label={t(
+                          'channels.openInNyxID',
+                          'Open {label} {id} in NyxID (new tab)',
+                          { label, id: value },
+                        )}
+                      >
+                        <span>{value}</span>
+                        <ExportOutlined aria-hidden="true" />
+                      </a>
+                    ) : (
+                      value || '—'
+                    )}
+                  </dd>
+                </div>
+              ))}
+            </dl>
+          </section>
+          {removalAccepted ? (
+            <div className="channels__removal" role="status">
+              <p>
+                {t(
+                  'channels.remove.pending',
+                  'Removal requested. Waiting for the channel list to confirm the change.',
+                )}
+              </p>
+              <Button
+                loading={registrations.isFetching}
+                onClick={() => void registrations.refetch()}
+              >
+                {t('channels.remove.check', 'Check again')}
+              </Button>
+            </div>
+          ) : null}
+          <Modal
+            title={t('channels.remove.title', 'Remove this channel?')}
+            open={confirmOpen}
+            onCancel={() => {
+              if (!removing) setConfirmOpen(false);
+            }}
+            onOk={() => void remove()}
+            confirmLoading={removing}
+            okButtonProps={{ danger: true }}
+            cancelButtonProps={{ disabled: removing }}
+            closable={!removing}
+            mask={{ closable: !removing }}
+            keyboard={!removing}
+            okText={t('channels.remove', 'Remove')}
+            cancelText={t('channels.cancel', 'Cancel')}
+          >
+            <p>
+              {t(
+                'channels.remove.description',
+                'This bot will stop routing messages to Aevatar. To reconnect it, you will need to set it up again.',
+              )}
+            </p>
+            <p className="channels__identifier">
+              {platformName(registration.platform)} ·{' '}
+              {registration.botId ?? registration.id}
+            </p>
+            {removeError ? (
+              <p role="alert">
+                {t(
+                  'channels.remove.error',
+                  'Could not remove this channel. Please try again.',
+                )}
+              </p>
+            ) : null}
+          </Modal>
+        </>
+      )}
+    </WorkflowActivityVNextShell>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelEditPage.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelEditPage.test.tsx
new file mode 100644
index 0000000000..c8dfcdd0a4
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelEditPage.test.tsx
@@ -0,0 +1,542 @@
+import {
+  act,
+  cleanup,
+  fireEvent,
+  screen,
+  waitFor,
+} from '@testing-library/react';
+import * as React from 'react';
+import { authFetch } from '@/shared/auth/fetch';
+import { persistAuthSession } from '@/shared/auth/session';
+import { history } from '@/shared/navigation/history';
+import { createNyxIDServiceSession } from '../../../../tests/fixtures/nyxidServiceSession';
+import { renderWithQueryClient } from '../../../../tests/reactQueryTestUtils';
+import WorkflowActivityVNextPage from '../index';
+import ChannelConfigurationPage from './ChannelConfigurationPage';
+
+jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
+jest.mock('@/shared/auth/config', () => ({
+  getNyxIDRuntimeConfig: () => ({
+    baseUrl: 'https://nyx.example.test',
+    enabled: true,
+  }),
+}));
+jest.mock('@/shared/studio/api', () => ({
+  studioApi: {
+    getAuthSession: jest.fn().mockResolvedValue({ authenticated: false }),
+  },
+}));
+const mockToast = {
+  success: jest.fn(),
+  warning: jest.fn(),
+  error: jest.fn(),
+  info: jest.fn(),
+};
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  ...jest.requireActual('@/shared/ui/ConsoleToast'),
+  useConsoleToast: () => mockToast,
+}));
+const fetchMock = jest.mocked(authFetch);
+const response = (value: unknown, status = 200) =>
+  ({
+    ok: status >= 200 && status < 300,
+    status,
+    json: async () => value,
+  }) as Response;
+const row = {
+  id: 'reg-alpha',
+  nyx_channel_bot_id: 'bot-alpha',
+  platform: 'discord',
+  label: 'Support bot',
+  owned: true,
+  binding_status: 'bound',
+  availability_status: 'available',
+  nyx_status: 'active',
+  skill_name: 'support',
+  authorization_mode: 'explicit_service_allowlist',
+  service_ids: ['user-service-github'],
+  state_version: 12,
+};
+const unbound = {
+  ...row,
+  id: null,
+  binding_status: 'unbound',
+  skill_name: '',
+  authorization_mode: null,
+  service_ids: [],
+};
+const receipt = {
+  status: 'accepted',
+  registration_id: 'reg-alpha',
+  command_id: 'cmd-one',
+};
+const serviceCatalogue = [
+  {
+    id: 'user-service-github',
+    slug: 'api-github',
+    label: 'GitHub',
+    is_active: true,
+    credential_source: { type: 'personal' },
+  },
+  {
+    id: 'user-service-ornn',
+    slug: 'ornn-api',
+    label: 'Ornn',
+    is_active: true,
+    credential_source: { type: 'personal' },
+  },
+  {
+    id: 'user-service-llm',
+    slug: 'chrono-llm-public',
+    label: 'Chrono LLM',
+    is_active: true,
+    credential_source: { type: 'personal' },
+  },
+];
+const selectedServiceIds = [
+  'user-service-github',
+  'user-service-llm',
+  'user-service-ornn',
+];
+function catalogue(input: RequestInfo | URL, services = serviceCatalogue) {
+  if (String(input).includes('/skill-search'))
+    return response({
+      data: {
+        items: [
+          {
+            guid: 'skill-guid',
+            name: 'support',
+            description: 'Help customers with support requests.',
+            myAccessReason: 'shared-via-org',
+          },
+          { guid: 'skill-guid-new', name: 'new-support', description: '' },
+        ],
+        meta: { hasMore: false },
+      },
+      error: null,
+    });
+  if (String(input).endsWith('/user-services')) return response({ services });
+  return null;
+}
+const posts = () =>
+  fetchMock.mock.calls.filter(([, init]) => init?.method === 'POST');
+beforeEach(() => {
+  fetchMock.mockReset();
+  Object.values(mockToast).forEach((mock) => {
+    mock.mockReset();
+  });
+  persistAuthSession(
+    createNyxIDServiceSession({ allowed_service_ids: selectedServiceIds }),
+  );
+  jest.spyOn(history, 'push').mockImplementation(() => {});
+  jest.spyOn(history, 'replace').mockImplementation(() => {});
+});
+async function chooseSkill(name: string) {
+  fireEvent.mouseDown(await screen.findByRole('combobox'));
+  fireEvent.click(
+    await screen.findByText(name, {
+      selector: '.channels__skill-option strong',
+    }),
+  );
+}
+
+it('binds with shared Ornn skills, retains refresh selection and opens the registration detail only after bound inventory', async () => {
+  jest.useFakeTimers();
+  try {
+    let committed = false;
+    fetchMock.mockImplementation(async (input, init) => {
+      if (init?.method === 'POST') return response(receipt, 202);
+      return (
+        catalogue(input) ??
+        response([
+          committed ? { ...row, service_ids: selectedServiceIds } : unbound,
+        ])
+      );
+    });
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-alpha/workflow-activity-vnext/channels/bind/bot-alpha',
+    );
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    fireEvent.mouseDown(await screen.findByRole('combobox'));
+    expect(
+      await screen.findByText('Help customers with support requests.'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByRole('textbox', { name: 'Search skills' }), {
+      target: { value: 'support' },
+    });
+    await act(async () => {
+      await jest.advanceTimersByTimeAsync(250);
+    });
+    await waitFor(() =>
+      expect(
+        fetchMock.mock.calls.some(([url]) => String(url).includes('q=support')),
+      ).toBe(true),
+    );
+    fireEvent.keyDown(screen.getByRole('textbox', { name: 'Search skills' }), {
+      key: 'Escape',
+    });
+    await chooseSkill('support');
+    expect(
+      screen.queryByLabelText(/Bot token|Channel name|Label/),
+    ).not.toBeInTheDocument();
+    fireEvent.click(await screen.findByRole('checkbox', { name: /GitHub/ }));
+    expect(
+      screen.queryByRole('button', { name: 'Refresh skills' }),
+    ).not.toBeInTheDocument();
+    fireEvent.mouseDown(screen.getByRole('combobox'));
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh skills' }));
+    await waitFor(() =>
+      expect(
+        screen.getByRole('button', { name: 'Refresh skills' }),
+      ).toBeEnabled(),
+    );
+    expect(
+      screen.getByText('support', { selector: '.ant-select-content' }),
+    ).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByRole('combobox')).toHaveAttribute(
+        'aria-expanded',
+        'true',
+      );
+      expect(
+        screen.getByRole('textbox', { name: 'Search skills' }),
+      ).toBeVisible();
+    });
+    const create = await screen.findByRole('link', {
+      name: /Create new skill/,
+    });
+    expect(create).toHaveAttribute(
+      'href',
+      'https://ornn.chrono-ai.fun/skills/new/generate',
+    );
+    expect(create).toHaveAttribute('target', '_blank');
+    fireEvent.mouseEnter(create);
+    expect(await screen.findByRole('tooltip')).toHaveTextContent(
+      'return here and refresh',
+    );
+    fireEvent.keyDown(screen.getByRole('combobox'), { key: 'Escape' });
+    fireEvent.click(screen.getByRole('button', { name: 'Bind bot' }));
+    await screen.findByText('Confirming your changes...');
+    expect(JSON.parse(String(posts()[0][1]?.body))).toEqual({
+      nyx_channel_bot_id: 'bot-alpha',
+      skill_name: 'support',
+      authorization_mode: 'explicit_service_allowlist',
+      service_ids: selectedServiceIds,
+    });
+    expect(mockToast.success).not.toHaveBeenCalled();
+    expect(history.replace).not.toHaveBeenCalled();
+    expect(
+      screen.queryByRole('button', { name: /Check again/ }),
+    ).not.toBeInTheDocument();
+    committed = true;
+    await act(async () => {
+      await jest.advanceTimersByTimeAsync(1500);
+    });
+    await waitFor(() =>
+      expect(mockToast.success).toHaveBeenCalledWith('Bot bound successfully.'),
+    );
+    expect(history.replace).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/channels/reg-alpha',
+    );
+    expect(history.replace).toHaveBeenCalledTimes(1);
+    expect(posts()).toHaveLength(1);
+  } finally {
+    cleanup();
+    jest.useRealTimers();
+  }
+});
+
+it('preserves Label editing and requires a newer matching configuration before reporting saved', async () => {
+  jest.useFakeTimers();
+  try {
+    let committed = false;
+    fetchMock.mockImplementation(async (input, init) => {
+      if (init?.method === 'PATCH')
+        return response({
+          id: 'bot-alpha',
+          platform: 'discord',
+          label: 'Renamed bot',
+        });
+      if (init?.method === 'POST') return response(receipt, 202);
+      if (input === '/api/channels/registrations') return response([row]);
+      return (
+        catalogue(input) ??
+        response({
+          ...row,
+          label: 'reg-alpha',
+          skill_name: committed ? 'new-support' : 'support',
+          service_ids: committed ? selectedServiceIds : row.service_ids,
+          state_version: committed ? 13 : 12,
+        })
+      );
+    });
+    window.history.replaceState(
+      {},
+      '',
+      '/scopes/scope-alpha/workflow-activity-vnext/channels/reg-alpha/edit',
+    );
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    expect(await screen.findByLabelText('Label')).toHaveValue('Support bot');
+    fireEvent.change(await screen.findByLabelText('Label'), {
+      target: { value: 'Renamed bot' },
+    });
+    await chooseSkill('new-support');
+    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }));
+    await screen.findByText('Confirming your changes...');
+    expect(posts()[0][0]).toBe('/api/channels/registrations/reg-alpha');
+    expect(JSON.parse(String(posts()[0][1]?.body))).toEqual({
+      skill_name: 'new-support',
+      authorization_mode: 'explicit_service_allowlist',
+      service_ids: selectedServiceIds,
+    });
+    expect(mockToast.success).not.toHaveBeenCalled();
+    committed = true;
+    await act(async () => {
+      await jest.advanceTimersByTimeAsync(1500);
+    });
+    await waitFor(() =>
+      expect(mockToast.success).toHaveBeenCalledWith('Channel changes saved.'),
+    );
+    expect(history.replace).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/channels/reg-alpha',
+    );
+    expect(posts()).toHaveLength(1);
+  } finally {
+    cleanup();
+    jest.useRealTimers();
+  }
+});
+
+it('attributes an insecure callback rejection to the server and retains the binding choices', async () => {
+  jest.useFakeTimers();
+  try {
+    fetchMock.mockImplementation(async (input, init) => {
+      if (init?.method === 'POST')
+        return response({ error: 'insecure_webhook_base_url' }, 400);
+      return catalogue(input) ?? response([unbound]);
+    });
+    renderWithQueryClient(
+      <ChannelConfigurationPage scopeId="scope-alpha" botId="bot-alpha" />,
+    );
+    await chooseSkill('support');
+    fireEvent.click(await screen.findByRole('checkbox', { name: /GitHub/ }));
+    fireEvent.click(screen.getByRole('button', { name: 'Bind bot' }));
+    expect(await screen.findByRole('alert')).toHaveTextContent(
+      'server callback address is not configured correctly',
+    );
+    expect(mockToast.error).toHaveBeenCalledWith(
+      expect.stringContaining('server callback address'),
+    );
+    expect(
+      screen.queryByText(/Check your skill, services/),
+    ).not.toBeInTheDocument();
+    expect(screen.getByRole('checkbox', { name: /GitHub/ })).toBeChecked();
+    expect(
+      screen.getByText('support', { selector: '.ant-select-content' }),
+    ).toBeInTheDocument();
+    expect(JSON.parse(String(posts()[0][1]?.body))).toEqual({
+      nyx_channel_bot_id: 'bot-alpha',
+      skill_name: 'support',
+      authorization_mode: 'explicit_service_allowlist',
+      service_ids: selectedServiceIds,
+    });
+    expect(posts()).toHaveLength(1);
+    expect(mockToast.success).not.toHaveBeenCalled();
+    expect(history.replace).not.toHaveBeenCalled();
+  } finally {
+    cleanup();
+    jest.useRealTimers();
+  }
+});
+
+it('does not repeat an adoption after an uncertain transport result', async () => {
+  jest.useFakeTimers();
+  try {
+    fetchMock.mockImplementation(async (input, init) => {
+      if (init?.method === 'POST') throw new Error('TEST_SECRET');
+      return catalogue(input) ?? response([unbound]);
+    });
+    renderWithQueryClient(
+      <ChannelConfigurationPage scopeId="scope-alpha" botId="bot-alpha" />,
+    );
+    const bind = await screen.findByRole('button', { name: 'Bind bot' });
+    await waitFor(() => expect(bind).toBeEnabled());
+    fireEvent.click(bind);
+    expect(await screen.findByRole('alert')).toHaveTextContent(
+      'Return to Channels',
+    );
+    expect(bind).toBeDisabled();
+    fireEvent.click(bind);
+    expect(posts()).toHaveLength(1);
+    expect(document.body).not.toHaveTextContent('TEST_SECRET');
+  } finally {
+    cleanup();
+    jest.useRealTimers();
+  }
+});
+
+it('locks required services through individual, bulk and filtered deselection and submits their real IDs', async () => {
+  jest.useFakeTimers();
+  try {
+    fetchMock.mockImplementation(async (input, init) => {
+      if (init?.method === 'POST') return response(receipt, 202);
+      return catalogue(input) ?? response([unbound]);
+    });
+    renderWithQueryClient(
+      <ChannelConfigurationPage scopeId="scope-alpha" botId="bot-alpha" />,
+    );
+    const ornn = await screen.findByRole('checkbox', { name: /ornn-api/ });
+    const llm = screen.getByRole('checkbox', { name: /chrono-llm-public/ });
+    for (const required of [ornn, llm]) {
+      expect(required).toBeChecked();
+      expect(required).toBeDisabled();
+      fireEvent.click(required);
+      expect(required).toBeChecked();
+    }
+    expect(screen.getByText('2 selected')).toBeInTheDocument();
+    const github = screen.getByRole('checkbox', { name: /GitHub/ });
+    expect(github).toBeEnabled();
+    expect(github).not.toBeChecked();
+    const selectAll = screen.getByRole('checkbox', { name: 'Select all' });
+    fireEvent.click(selectAll);
+    expect(github).toBeChecked();
+    expect(screen.getByText('3 selected')).toBeInTheDocument();
+    fireEvent.click(selectAll);
+    expect(github).not.toBeChecked();
+    expect(ornn).toBeChecked();
+    expect(llm).toBeChecked();
+    const search = screen.getByRole('textbox', {
+      name: 'Search services by name or slug',
+    });
+    fireEvent.change(search, { target: { value: 'ornn-api' } });
+    expect(
+      screen.getByRole('checkbox', { name: 'Select all results' }),
+    ).toBeDisabled();
+    fireEvent.change(search, { target: { value: 'GitHub' } });
+    fireEvent.click(
+      screen.getByRole('checkbox', { name: 'Select all results' }),
+    );
+    expect(screen.getByRole('checkbox', { name: /GitHub/ })).toBeChecked();
+    fireEvent.click(
+      screen.getByRole('checkbox', { name: 'Select all results' }),
+    );
+    fireEvent.change(search, { target: { value: '' } });
+    expect(screen.getByText('2 selected')).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Bind bot' }));
+    await screen.findByText('Confirming your changes...');
+    expect(JSON.parse(String(posts()[0][1]?.body))).toEqual({
+      nyx_channel_bot_id: 'bot-alpha',
+      skill_name: '',
+      authorization_mode: 'explicit_service_allowlist',
+      service_ids: ['user-service-llm', 'user-service-ornn'],
+    });
+  } finally {
+    cleanup();
+    jest.useRealTimers();
+  }
+});
+
+it.each([
+  ['missing', 'ornn-api'],
+  ['inactive', 'chrono-llm-public'],
+  ['unauthorized', 'ornn-api'],
+  ['similar slug', 'chrono-llm-public'],
+])('blocks submission with a %s required service and recovers on retry', async (condition, slug) => {
+  jest.useFakeTimers();
+  try {
+    let restored = false;
+    const unavailableId = serviceCatalogue.find(
+      (service) => service.slug === slug,
+    )?.id;
+    if (condition === 'unauthorized')
+      persistAuthSession(
+        createNyxIDServiceSession({
+          allowed_service_ids: selectedServiceIds.filter(
+            (id) => id !== unavailableId,
+          ),
+        }),
+      );
+    const unavailableServices = serviceCatalogue
+      .filter((service) => condition !== 'missing' || service.slug !== slug)
+      .map((service) =>
+        service.slug !== slug
+          ? service
+          : {
+              ...service,
+              is_active: condition !== 'inactive',
+              slug: condition === 'similar slug' ? `${slug}-other` : slug,
+              label: slug,
+            },
+      );
+    fetchMock.mockImplementation(
+      async (input) =>
+        catalogue(input, restored ? serviceCatalogue : unavailableServices) ??
+        response([unbound]),
+    );
+    renderWithQueryClient(
+      <ChannelConfigurationPage scopeId="scope-alpha" botId="bot-alpha" />,
+    );
+    expect(await screen.findByRole('alert')).toHaveTextContent(
+      `Required services unavailable: ${slug}.`,
+    );
+    expect(screen.getByRole('button', { name: 'Bind bot' })).toBeDisabled();
+    fireEvent.submit(screen.getByRole('form', { name: 'Bind bot' }));
+    expect(posts()).toHaveLength(0);
+    restored = true;
+    persistAuthSession(
+      createNyxIDServiceSession({ allowed_service_ids: selectedServiceIds }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Try again' }));
+    await waitFor(() =>
+      expect(screen.queryByRole('alert')).not.toBeInTheDocument(),
+    );
+    expect(screen.getByRole('button', { name: 'Bind bot' })).toBeEnabled();
+    expect(screen.getByRole('checkbox', { name: /ornn-api/ })).toBeChecked();
+    expect(
+      screen.getByRole('checkbox', { name: /chrono-llm-public/ }),
+    ).toBeChecked();
+  } finally {
+    cleanup();
+    jest.useRealTimers();
+  }
+});
+
+it('explains replacing legacy NyxID defaults and saves the required explicit allowlist', async () => {
+  jest.useFakeTimers();
+  try {
+    const defaults = {
+      ...row,
+      authorization_mode: 'nyxid_default',
+      service_ids: [],
+    };
+    fetchMock.mockImplementation(async (input, init) => {
+      if (init?.method === 'POST') return response(receipt, 202);
+      if (input === '/api/channels/registrations') return response([defaults]);
+      return catalogue(input) ?? response(defaults);
+    });
+    renderWithQueryClient(
+      <ChannelConfigurationPage
+        scopeId="scope-alpha"
+        registrationId="reg-alpha"
+      />,
+    );
+    await screen.findByRole('checkbox', { name: /ornn-api/ });
+    expect(
+      screen.getByText(
+        'Saving replaces NyxID default access with the selected services.',
+      ),
+    ).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }));
+    await screen.findByText('Confirming your changes...');
+    expect(JSON.parse(String(posts()[0][1]?.body))).toEqual({
+      skill_name: 'support',
+      authorization_mode: 'explicit_service_allowlist',
+      service_ids: ['user-service-llm', 'user-service-ornn'],
+    });
+  } finally {
+    cleanup();
+    jest.useRealTimers();
+  }
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelIdentity.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelIdentity.test.tsx
new file mode 100644
index 0000000000..198edb7bc2
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelIdentity.test.tsx
@@ -0,0 +1,35 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import * as React from 'react';
+import type { ChannelRegistration } from '@/shared/api/channelsApi';
+import { ChannelIdentity } from './presentation';
+
+it('reveals the complete NyxID bot identity even before a local registration exists', async () => {
+  const fullId = 'bot-alpha-1234567890-1234567890-complete';
+  const registration: ChannelRegistration = {
+    id: null,
+    botId: fullId,
+    label: 'Support',
+    platform: 'discord',
+    bindingStatus: 'unbound',
+    availabilityStatus: 'available',
+    nyxStatus: 'active',
+    providerSlug: null,
+    agentKeyId: null,
+    skill: null,
+    workflowDeliveryStatus: 'unbound',
+    stateVersion: null,
+    owned: true,
+    serviceAuthorization: { kind: 'unavailable' },
+  };
+  render(
+    <ChannelIdentity
+      registration={registration}
+      label={registration.label}
+      pending={false}
+    />,
+  );
+  const identifier = screen.getByRole('button', { name: 'Show full ID' });
+  expect(identifier).not.toHaveTextContent(fullId);
+  fireEvent.focus(identifier);
+  expect(await screen.findByRole('tooltip')).toHaveTextContent(fullId);
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelServicePicker.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelServicePicker.tsx
new file mode 100644
index 0000000000..bac5008604
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelServicePicker.tsx
@@ -0,0 +1,225 @@
+import { SearchOutlined } from '@ant-design/icons';
+import { Button, Checkbox, Input } from 'antd';
+import * as React from 'react';
+import type { ChannelServiceChoice } from '@/shared/api/channelServicesApi';
+import { t } from '@/shared/i18n/messages';
+import { AevatarContentSkeleton } from '@/shared/ui/AevatarContentSkeleton';
+
+export default function ChannelServicePicker({
+  services,
+  selectedIds,
+  requiredIds,
+  missingRequiredSlugs,
+  onChange,
+  loading,
+  failed,
+  refreshing,
+  disabled,
+  retry,
+  editing = false,
+  replacesDefaults = false,
+}: {
+  readonly services: readonly ChannelServiceChoice[];
+  readonly selectedIds: readonly string[];
+  readonly requiredIds: readonly string[];
+  readonly missingRequiredSlugs: readonly string[];
+  readonly onChange: (ids: string[]) => void;
+  readonly loading: boolean;
+  readonly failed: boolean;
+  readonly refreshing: boolean;
+  readonly disabled: boolean;
+  readonly retry: () => void;
+  readonly editing?: boolean;
+  readonly replacesDefaults?: boolean;
+}) {
+  const [search, setSearch] = React.useState('');
+  const term = search.trim().toLocaleLowerCase();
+  const visible = services.filter((service) =>
+    `${service.label} ${service.slug}`.toLocaleLowerCase().includes(term),
+  );
+  const selectableIds = visible
+    .filter((service) => service.active && service.allowed)
+    .map((service) => service.id);
+  const optionalIds = selectableIds.filter((id) => !requiredIds.includes(id));
+  const selectedCount = selectableIds.filter((id) =>
+    selectedIds.includes(id),
+  ).length;
+  const allSelected =
+    selectableIds.length > 0 && selectedCount === selectableIds.length;
+  return (
+    <section
+      className="channels__services"
+      aria-labelledby="channel-services-title"
+    >
+      <div className="channels__services-heading">
+        <h2 id="channel-services-title">
+          {t('channels.connect.services', 'Services')}
+        </h2>
+        <span aria-live="polite">
+          {t('channels.connect.selected', '{count} selected', {
+            count: selectedIds.length,
+          })}
+        </span>
+      </div>
+      <p className="channels__form-help">
+        {t(
+          'channels.connect.servicesHelp',
+          'Only services available through your current NyxID authorization are shown.',
+        )}
+      </p>
+      {loading ? (
+        <AevatarContentSkeleton
+          ariaLabel={t('channels.connect.servicesLoading', 'Loading services')}
+          variant="list"
+          rows={3}
+        />
+      ) : failed ? (
+        <div className="channels__service-state" role="alert">
+          <p>
+            {editing
+              ? t(
+                  'channels.edit.servicesError',
+                  'Could not load your services. Try again before saving.',
+                )
+              : t(
+                  'channels.connect.servicesError',
+                  'Could not load your services. Retry before connecting.',
+                )}
+          </p>
+          <Button loading={refreshing} onClick={retry} disabled={disabled}>
+            {t('channels.retry', 'Try again')}
+          </Button>
+        </div>
+      ) : !services.length ? (
+        <div className="channels__service-state" role="status">
+          {editing
+            ? t(
+                'channels.edit.servicesEmpty',
+                'No services are available with your current authorization.',
+              )
+            : t(
+                'channels.connect.servicesEmpty',
+                'No services are available with your current NyxID authorization.',
+              )}
+        </div>
+      ) : (
+        <div className="channels__service-picker">
+          <Input
+            aria-label={t(
+              'channels.connect.searchServices',
+              'Search services by name or slug',
+            )}
+            placeholder={t(
+              'channels.connect.searchServices',
+              'Search services by name or slug',
+            )}
+            prefix={<SearchOutlined aria-hidden="true" />}
+            value={search}
+            onChange={(event) => setSearch(event.target.value)}
+            disabled={disabled}
+          />
+          <div className="channels__service-bulk">
+            <Checkbox
+              checked={allSelected}
+              indeterminate={selectedCount > 0 && !allSelected}
+              disabled={disabled || !optionalIds.length}
+              onChange={(event) =>
+                onChange(
+                  event.target.checked
+                    ? [...new Set([...selectedIds, ...selectableIds])]
+                    : selectedIds.filter((id) => !optionalIds.includes(id)),
+                )
+              }
+            >
+              {term
+                ? t('channels.connect.selectAllResults', 'Select all results')
+                : t('channels.connect.selectAll', 'Select all')}
+            </Checkbox>
+          </div>
+          <div className="channels__service-options">
+            {visible.length ? (
+              visible.map((service) => {
+                const selected = selectedIds.includes(service.id);
+                const unavailable = !service.active || !service.allowed;
+                const required = requiredIds.includes(service.id);
+                return (
+                  <div
+                    className={`channels__service-option${selected ? ' channels__service-option--selected' : ''}`}
+                    key={service.id}
+                  >
+                    <Checkbox
+                      checked={selected}
+                      disabled={
+                        disabled || required || (unavailable && !selected)
+                      }
+                      onChange={(event) =>
+                        onChange(
+                          event.target.checked
+                            ? [...selectedIds, service.id]
+                            : selectedIds.filter((id) => id !== service.id),
+                        )
+                      }
+                    >
+                      <span className="channels__service-name">
+                        {service.label}
+                      </span>
+                      <span className="channels__service-slug">
+                        {service.slug}
+                        {required
+                          ? ` (${t('channels.connect.serviceRequired', 'Required')})`
+                          : null}
+                      </span>
+                    </Checkbox>
+                    <span className="channels__service-source">
+                      {unavailable
+                        ? t(
+                            'channels.connect.serviceUnavailable',
+                            'Unavailable',
+                          )
+                        : service.source === 'personal'
+                          ? t('channels.connect.personal', 'Personal')
+                          : service.organizationName ||
+                            t('channels.connect.organization', 'Organization')}
+                    </span>
+                  </div>
+                );
+              })
+            ) : (
+              <p className="channels__service-state" role="status">
+                {t(
+                  'channels.connect.noMatches',
+                  'No services match your search.',
+                )}
+              </p>
+            )}
+          </div>
+        </div>
+      )}
+      {!loading && !failed && missingRequiredSlugs.length ? (
+        <div className="channels__service-state" role="alert">
+          <p>
+            {t(
+              'channels.connect.requiredServicesMissing',
+              'Required services unavailable: {services}. Check your NyxID access, then retry.',
+              { services: missingRequiredSlugs.join(', ') },
+            )}
+          </p>
+          <Button loading={refreshing} onClick={retry} disabled={disabled}>
+            {t('channels.retry', 'Try again')}
+          </Button>
+        </div>
+      ) : null}
+      <p className="channels__form-help">
+        {replacesDefaults
+          ? t(
+              'channels.edit.replaceDefaults',
+              'Saving replaces NyxID default access with the selected services.',
+            )
+          : t(
+              'channels.connect.selectionHelp',
+              'Only selected services will be available to this bot.',
+            )}
+      </p>
+    </section>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelSkillField.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelSkillField.tsx
new file mode 100644
index 0000000000..faa9ea5d4a
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelSkillField.tsx
@@ -0,0 +1,213 @@
+import {
+  ExportOutlined,
+  PlusOutlined,
+  ReloadOutlined,
+  SearchOutlined,
+} from '@ant-design/icons';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { Button, Input, type InputRef, Select } from 'antd';
+import * as React from 'react';
+import { searchChannelSkills } from '@/shared/api/channelSkillsApi';
+import { t } from '@/shared/i18n/messages';
+import { getOrnnRuntimeConfig } from '@/shared/studio/ornnConfig';
+import { AevatarLoadingDots } from '@/shared/ui/AevatarLoading';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import { channelKeys } from './queries';
+
+export default function ChannelSkillField({
+  scopeId,
+  value,
+  onChange,
+  disabled,
+  error,
+}: {
+  readonly scopeId: string;
+  readonly value: string;
+  readonly onChange: (value: string) => void;
+  readonly disabled: boolean;
+  readonly error?: string;
+}) {
+  const id = React.useId();
+  const [search, setSearch] = React.useState('');
+  const [term, setTerm] = React.useState('');
+  const [open, setOpen] = React.useState(false);
+  const selectRef = React.useRef<React.ComponentRef<typeof Select>>(null);
+  const searchRef = React.useRef<InputRef>(null);
+  React.useEffect(() => {
+    if (!open) return;
+    const frame = window.requestAnimationFrame(() =>
+      searchRef.current?.focus(),
+    );
+    return () => window.cancelAnimationFrame(frame);
+  }, [open]);
+  React.useEffect(() => {
+    const timer = window.setTimeout(() => setTerm(search.trim()), 250);
+    return () => window.clearTimeout(timer);
+  }, [search]);
+  const skills = useInfiniteQuery({
+    queryKey: channelKeys.skills(scopeId, term),
+    initialPageParam: undefined as string | undefined,
+    queryFn: ({ pageParam, signal }) =>
+      searchChannelSkills(term, pageParam, signal),
+    getNextPageParam: (page) => page.nextCursor,
+    retry: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    enabled: Boolean(scopeId),
+  });
+  // The registration contract accepts a name, not an Ornn GUID.
+  const choices = [
+    ...new Map(
+      skills.data?.pages.flatMap((page) =>
+        page.items.map((skill) => [skill.name, skill] as const),
+      ) ?? [],
+    ).values(),
+  ];
+  const config = getOrnnRuntimeConfig();
+  const createHref = config.configurationError
+    ? null
+    : `${config.baseUrl}/skills/new/generate`;
+  return (
+    <div className="channels__field">
+      <div className="channels__field-heading">
+        <label htmlFor={id}>
+          {t('channels.connect.skillName', 'Skill')}{' '}
+          <span>{t('channels.connect.optional', '(optional)')}</span>
+        </label>
+      </div>
+      <div className="channels__skill-controls">
+        <Select
+          id={id}
+          ref={selectRef}
+          value={value || undefined}
+          open={open && !disabled}
+          onOpenChange={(nextOpen) => {
+            setOpen(nextOpen);
+            if (!nextOpen) setSearch('');
+          }}
+          disabled={disabled}
+          allowClear
+          showSearch={false}
+          virtual={false}
+          classNames={{ popup: { root: 'channels__skill-popup' } }}
+          onChange={(name) => {
+            onChange(name ?? '');
+            setSearch('');
+            setOpen(false);
+            selectRef.current?.focus();
+          }}
+          placeholder={t('channels.skills.placeholder', 'Select a skill')}
+          aria-invalid={Boolean(error)}
+          aria-describedby={error || skills.isError ? `${id}-error` : undefined}
+          options={choices.map((skill) => ({
+            value: skill.name,
+            label: skill.name,
+            description: skill.description,
+          }))}
+          optionRender={(option) => (
+            <div className="channels__skill-option">
+              <strong>{option.data.label}</strong>
+              {option.data.description ? (
+                <span>{option.data.description}</span>
+              ) : null}
+            </div>
+          )}
+          notFoundContent={
+            skills.isFetching ? (
+              <AevatarLoadingDots
+                ariaLabel={t('channels.skills.loading', 'Loading skills')}
+              />
+            ) : skills.isError ? (
+              t(
+                'channels.skills.failed',
+                'Could not load skills. Use Refresh to try again.',
+              )
+            ) : (
+              t('channels.skills.empty', 'No skills found')
+            )
+          }
+          popupRender={(menu) => (
+            <>
+              <div className="channels__skill-search">
+                <Input
+                  ref={searchRef}
+                  prefix={<SearchOutlined />}
+                  value={search}
+                  aria-label={t('channels.skills.search', 'Search skills')}
+                  placeholder={t('channels.skills.search', 'Search skills')}
+                  onChange={(event) => setSearch(event.target.value)}
+                  onKeyDown={(event) => {
+                    if (event.key === 'ArrowDown' || event.key === 'Escape') {
+                      event.preventDefault();
+                      selectRef.current?.focus();
+                      if (event.key === 'Escape') setOpen(false);
+                    }
+                    event.stopPropagation();
+                  }}
+                />
+                <div className="channels__skill-list-heading">
+                  <p>{t('channels.skills.available', 'Available in Ornn')}</p>
+                  <AevatarTooltip
+                    title={t('channels.skills.refresh', 'Refresh skills')}
+                  >
+                    <Button
+                      type="text"
+                      icon={<ReloadOutlined />}
+                      aria-label={t(
+                        'channels.skills.refresh',
+                        'Refresh skills',
+                      )}
+                      disabled={disabled || skills.isFetching}
+                      loading={skills.isFetching && !skills.isFetchingNextPage}
+                      onClick={() => void skills.refetch()}
+                    />
+                  </AevatarTooltip>
+                </div>
+              </div>
+              {menu}
+              {skills.hasNextPage ? (
+                <Button
+                  type="text"
+                  block
+                  loading={skills.isFetchingNextPage}
+                  disabled={skills.isFetching}
+                  onClick={() => void skills.fetchNextPage()}
+                >
+                  {t('channels.skills.more', 'Load more skills')}
+                </Button>
+              ) : null}
+              {createHref ? (
+                <AevatarTooltip
+                  title={t(
+                    'channels.skills.createHelp',
+                    'Opens Ornn in a new tab. Create your skill, then return here and refresh the list.',
+                  )}
+                >
+                  <a
+                    className="channels__skill-create"
+                    href={createHref}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <PlusOutlined />
+                    {t('channels.skills.create', 'Create new skill')}
+                    <ExportOutlined />
+                  </a>
+                </AevatarTooltip>
+              ) : null}
+            </>
+          )}
+        />
+      </div>
+      {error || skills.isError ? (
+        <p id={`${id}-error`} className="channels__form-error" role="alert">
+          {error ||
+            t(
+              'channels.skills.failed',
+              'Could not load skills. Use Refresh to try again.',
+            )}
+        </p>
+      ) : null}
+    </div>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelsPage.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelsPage.test.tsx
new file mode 100644
index 0000000000..d82856a6cd
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelsPage.test.tsx
@@ -0,0 +1,207 @@
+import {
+  act,
+  fireEvent,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import * as React from 'react';
+import { authFetch } from '@/shared/auth/fetch';
+import { history } from '@/shared/navigation/history';
+import { renderWithQueryClient } from '../../../../tests/reactQueryTestUtils';
+import ChannelDetailsPage from './ChannelDetailsPage';
+import ChannelsPage from './ChannelsPage';
+
+jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
+jest.mock('@/shared/studio/api', () => ({
+  studioApi: {
+    getAuthSession: jest.fn().mockResolvedValue({ authenticated: false }),
+  },
+}));
+const mockToast = {
+  success: jest.fn(),
+  warning: jest.fn(),
+  error: jest.fn(),
+  info: jest.fn(),
+};
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  ...jest.requireActual('@/shared/ui/ConsoleToast'),
+  useConsoleToast: () => mockToast,
+}));
+const fetchMock = jest.mocked(authFetch);
+const response = (value: unknown, status = 200) =>
+  ({
+    ok: status >= 200 && status < 300,
+    status,
+    json: async () => value,
+  }) as Response;
+const row = {
+  state_version: 12,
+  id: 'reg-alpha',
+  nyx_channel_bot_id: 'bot-alpha',
+  platform: 'discord',
+  label: 'Support',
+  owned: true,
+  binding_status: 'bound',
+  availability_status: 'available',
+  nyx_status: 'active',
+  skill_name: 'support',
+  authorization_mode: 'explicit_service_allowlist',
+  service_ids: [],
+  workflow_result_delivery_status: 'enabled',
+};
+beforeEach(() => {
+  fetchMock.mockReset();
+  Object.values(mockToast).forEach((mock) => {
+    mock.mockReset();
+  });
+  jest.spyOn(history, 'push').mockImplementation(() => {});
+  jest.spyOn(history, 'replace').mockImplementation(() => {});
+});
+
+it('renders static guidance and unbound bot actions, preserving rows during manual refresh', async () => {
+  fetchMock.mockResolvedValue(
+    response([
+      row,
+      {
+        ...row,
+        id: null,
+        nyx_channel_bot_id: 'bot:two/a',
+        label: 'New bot',
+        binding_status: 'unbound',
+        skill_name: '',
+        workflow_result_delivery_status: 'unbound',
+      },
+    ]),
+  );
+  renderWithQueryClient(<ChannelsPage scopeId="scope-alpha" />);
+  const table = await screen.findByRole('table');
+  const guide = screen.getByRole('region', { name: 'How to connect a bot' });
+  const guideHtml = guide.innerHTML;
+  expect(within(guide).getAllByRole('listitem')).toHaveLength(3);
+  expect(guide.querySelector('[aria-current]')).toBeNull();
+  expect(
+    within(guide).getByRole('link', { name: /Add bot in NyxID/ }),
+  ).toHaveAttribute('href', 'https://nyx.chrono-ai.fun/channel-bots');
+  expect(within(table).getByRole('link', { name: 'Bind' })).toHaveAttribute(
+    'href',
+    '/scopes/scope-alpha/workflow-activity-vnext/channels/bind/bot%3Atwo%2Fa',
+  );
+  expect(within(table).getAllByRole('link', { name: /Manage/ })).toHaveLength(
+    1,
+  );
+  let resolve!: (value: Response) => void;
+  fetchMock.mockImplementation(
+    () =>
+      new Promise((done) => {
+        resolve = done;
+      }),
+  );
+  fireEvent.click(screen.getByRole('button', { name: 'Refresh channels' }));
+  expect(table).toHaveAttribute('inert');
+  expect(screen.getByText('New bot')).toBeInTheDocument();
+  await act(async () => resolve(response([row])));
+  await waitFor(() =>
+    expect(
+      screen.getByRole('button', { name: 'Refresh channels' }),
+    ).toBeEnabled(),
+  );
+  expect(guide.innerHTML).toBe(guideHtml);
+  expect(screen.queryByText('New bot')).not.toBeInTheDocument();
+  expect(fetchMock).toHaveBeenCalledTimes(2);
+});
+
+it('keeps inventory failure distinct from an empty list and unavailable bots cannot be bound', async () => {
+  fetchMock
+    .mockResolvedValueOnce(response({}, 502))
+    .mockResolvedValueOnce(response([]))
+    .mockResolvedValue(
+      response([
+        {
+          ...row,
+          id: null,
+          binding_status: 'unbound',
+          availability_status: 'unavailable',
+        },
+      ]),
+    );
+  renderWithQueryClient(<ChannelsPage scopeId="scope-alpha" />);
+  expect(await screen.findByRole('alert')).toHaveTextContent(
+    'Could not load channels',
+  );
+  expect(screen.queryByText('No bots yet')).not.toBeInTheDocument();
+  fireEvent.click(screen.getByRole('button', { name: 'Try again' }));
+  await screen.findByText('No bots yet');
+  fireEvent.click(screen.getByRole('button', { name: 'Refresh channels' }));
+  await screen.findByText('Unavailable');
+  expect(screen.queryByRole('link', { name: 'Bind' })).not.toBeInTheDocument();
+});
+
+it('loads exact detail and confirms removal when the bot remains as unbound inventory', async () => {
+  let removed = false;
+  fetchMock.mockImplementation(async (input, init) => {
+    if (init?.method === 'DELETE') {
+      removed = true;
+      return response({ status: 'deleted', warnings: ['TEST_SECRET'] });
+    }
+    if (input === '/api/channels/registrations/reg-alpha')
+      return response({
+        ...row,
+        label: 'reg-alpha',
+        nyx_agent_api_key_id: 'key:one/a',
+        webhook_url: 'TEST_SECRET',
+      });
+    return response([
+      {
+        ...row,
+        id: removed ? null : row.id,
+        binding_status: removed ? 'unbound' : 'bound',
+      },
+    ]);
+  });
+  renderWithQueryClient(
+    <ChannelDetailsPage scopeId="scope-alpha" registrationId="reg-alpha" />,
+  );
+  expect(
+    await screen.findByRole('link', { name: /Open Agent key ID/ }),
+  ).toHaveAttribute(
+    'href',
+    'https://nyx.chrono-ai.fun/keys/api-key/key%3Aone%2Fa',
+  );
+  expect(document.body).not.toHaveTextContent('TEST_SECRET');
+  expect(screen.getByRole('heading', { name: 'Support' })).toBeInTheDocument();
+  fireEvent.click(screen.getByRole('button', { name: 'Remove' }));
+  fireEvent.click(
+    within(await screen.findByRole('dialog')).getByRole('button', {
+      name: 'Remove',
+    }),
+  );
+  await waitFor(() =>
+    expect(history.replace).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/channels',
+    ),
+  );
+  expect(mockToast.warning).toHaveBeenCalled();
+  expect(
+    fetchMock.mock.calls.filter(([, init]) => init?.method === 'DELETE'),
+  ).toHaveLength(1);
+});
+
+it('identifies an older server response without showing an empty inventory or allowing binding', async () => {
+  fetchMock.mockResolvedValue(
+    response([
+      { ...row, binding_status: undefined, default_skill_name: 'support' },
+    ]),
+  );
+  renderWithQueryClient(<ChannelsPage scopeId="scope-alpha" />);
+  expect(await screen.findByRole('alert')).toHaveTextContent(
+    'Bot binding is not available yet. Please try again later.',
+  );
+  expect(screen.queryByText('No bots yet')).not.toBeInTheDocument();
+  expect(screen.queryByRole('link', { name: 'Bind' })).not.toBeInTheDocument();
+  expect(
+    fetchMock.mock.calls.every(
+      ([, init]) => !init?.method || init.method === 'GET',
+    ),
+  ).toBe(true);
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelsPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelsPage.tsx
new file mode 100644
index 0000000000..fda5af4af9
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/ChannelsPage.tsx
@@ -0,0 +1,299 @@
+import {
+  ArrowRightOutlined,
+  CheckOutlined,
+  ExportOutlined,
+  LinkOutlined,
+  ReloadOutlined,
+  RobotOutlined,
+  TableOutlined,
+} from '@ant-design/icons';
+import { Button } from 'antd';
+import * as React from 'react';
+import { t } from '@/shared/i18n/messages';
+import { AevatarContentSkeleton } from '@/shared/ui/AevatarContentSkeleton';
+import { AevatarLoadingOverlay } from '@/shared/ui/AevatarLoading';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { buildChannelBindHref, buildChannelDetailsHref } from '../navigation';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import {
+  ChannelBadge,
+  ChannelIdentity,
+  ChannelLink,
+  ChannelLoadError,
+  ChannelSkill,
+  DeliveryStatus,
+  InboundStatus,
+  platformName,
+} from './presentation';
+import { useChannelRegistrations } from './queries';
+import { channelsCss } from './styles';
+
+function ConnectionGuide() {
+  return (
+    <section className="channels__guide" aria-labelledby="channel-guide-title">
+      <div className="channels__section-heading">
+        <h2 id="channel-guide-title">
+          {t('channels.guide.title', 'How to connect a bot')}
+        </h2>
+        <Button
+          type="primary"
+          className="channels__add-bot"
+          href="https://nyx.chrono-ai.fun/channel-bots"
+          target="_blank"
+          rel="noopener noreferrer"
+          icon={<ExportOutlined />}
+          iconPlacement="end"
+        >
+          {t('channels.guide.add', 'Add bot in NyxID')}
+        </Button>
+      </div>
+      <ol className="channels__guide-steps">
+        {[
+          {
+            icon: <RobotOutlined />,
+            title: t('channels.guide.add', 'Add bot in NyxID'),
+            description: t(
+              'channels.guide.addHelp',
+              'Create your bot in NyxID.',
+            ),
+          },
+          {
+            icon: <LinkOutlined rotate={45} />,
+            title: t('channels.guide.bind', 'Refresh and bind'),
+            description: t(
+              'channels.guide.bindHelp',
+              'Return here, refresh the table, then choose Bind.',
+            ),
+          },
+          {
+            icon: <TableOutlined />,
+            title: t('channels.guide.view', 'View your bound bot'),
+            description: t(
+              'channels.guide.viewHelp',
+              'Find your bot and its skill in the table below.',
+            ),
+          },
+        ].map((step, index) => (
+          <li key={step.title}>
+            <span className="channels__guide-icon" aria-hidden="true">
+              {step.icon}
+            </span>
+            <div>
+              <span className="channels__guide-number">
+                {t('channels.guide.step', 'STEP {number}', {
+                  number: `0${index + 1}`,
+                })}
+              </span>
+              <h3>{step.title}</h3>
+              <p>{step.description}</p>
+            </div>
+            {index < 2 ? (
+              <ArrowRightOutlined
+                className="channels__guide-arrow"
+                aria-hidden="true"
+              />
+            ) : null}
+          </li>
+        ))}
+      </ol>
+    </section>
+  );
+}
+
+export default function ChannelsPage({
+  scopeId,
+}: {
+  readonly scopeId: string;
+}) {
+  const registrations = useChannelRegistrations(scopeId);
+  const toast = useConsoleToast();
+  const [refreshing, setRefreshing] = React.useState(false);
+  const refreshInFlight = React.useRef(false);
+  async function refresh() {
+    if (refreshInFlight.current) return;
+    refreshInFlight.current = true;
+    setRefreshing(true);
+    try {
+      const result = await registrations.refetch();
+      if (result.isError)
+        toast.error(
+          t('channels.error.refresh', 'Could not refresh channels. Try again.'),
+        );
+    } finally {
+      refreshInFlight.current = false;
+      setRefreshing(false);
+    }
+  }
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="channels"
+      scopeId={scopeId}
+      title={t('workflowActivityVNext.nav.channels', 'Channels')}
+      description={t(
+        'channels.description',
+        'Bring your NyxID bots into Aevatar.',
+      )}
+      mainClassName="channels__main"
+      contentClassName="channels__content"
+    >
+      <style>{channelsCss}</style>
+      <ConnectionGuide />
+      <section
+        aria-labelledby="channel-bots-title"
+        className="channels__connections"
+      >
+        <div className="channels__section-heading">
+          <h2 id="channel-bots-title">
+            {t('channels.bots.title', 'Channel bots')}
+            {registrations.data ? (
+              <span className="channels__count">
+                {registrations.data.length}
+              </span>
+            ) : null}
+          </h2>
+          <Button
+            icon={<ReloadOutlined />}
+            iconPlacement="end"
+            className="channels__refresh"
+            loading={refreshing}
+            disabled={registrations.isPending || refreshing}
+            onClick={() => void refresh()}
+            aria-label={t('channels.refresh', 'Refresh channels')}
+          >
+            {t('workflowActivityVNext.common.refresh', 'Refresh')}
+          </Button>
+        </div>
+        {registrations.isPending ? (
+          <AevatarContentSkeleton
+            ariaLabel={t('channels.loading', 'Loading channels')}
+            variant="table"
+            rows={3}
+          />
+        ) : registrations.isError && !registrations.data ? (
+          <ChannelLoadError
+            error={registrations.error}
+            pending={registrations.isFetching}
+            retry={() => void refresh()}
+          />
+        ) : registrations.data?.length ? (
+          <div className="channels__table-wrap" aria-busy={refreshing}>
+            <section
+              className="channels__table-scroll"
+              // biome-ignore lint/a11y/noNoninteractiveTabindex: Keyboard users must be able to scroll the table at narrow widths.
+              tabIndex={0}
+              aria-labelledby="channel-bots-title"
+            >
+              <table
+                className="channels__table"
+                aria-labelledby="channel-bots-title"
+                inert={refreshing}
+              >
+                <thead>
+                  <tr>
+                    {[
+                      ['name', 'Channel name'],
+                      ['channel', 'Channel'],
+                      ['skill', 'Skill'],
+                      ['inbound', 'Inbound'],
+                      ['delivery', 'Workflow delivery'],
+                      ['binding', 'Binding'],
+                      ['actions', 'Actions'],
+                    ].map(([key, label]) => (
+                      <th scope="col" key={key}>
+                        {t(`channels.column.${key}`, label)}
+                      </th>
+                    ))}
+                  </tr>
+                </thead>
+                <tbody>
+                  {registrations.data.map((row) => (
+                    <tr key={row.botId}>
+                      <td>
+                        <ChannelIdentity
+                          registration={row}
+                          label={row.label}
+                          pending={false}
+                        />
+                      </td>
+                      <td>{platformName(row.platform)}</td>
+                      <td>
+                        {row.skill ? (
+                          <ChannelSkill skill={row.skill} />
+                        ) : (
+                          <span className="channels__muted">{'\u2013'}</span>
+                        )}
+                      </td>
+                      <td>
+                        {row.bindingStatus === 'unbound' ? (
+                          <span className="channels__muted">{'\u2013'}</span>
+                        ) : (
+                          <InboundStatus value={row.nyxStatus ?? undefined} />
+                        )}
+                      </td>
+                      <td>
+                        {row.bindingStatus === 'unbound' ? (
+                          <span className="channels__muted">{'\u2013'}</span>
+                        ) : (
+                          <DeliveryStatus
+                            value={row.workflowDeliveryStatus}
+                            platform={row.platform}
+                          />
+                        )}
+                      </td>
+                      <td>
+                        {row.bindingStatus === 'bound' ? (
+                          <span className="channels__bound">
+                            <CheckOutlined aria-hidden="true" />
+                            {t('channels.binding.bound', 'Bound')}
+                          </span>
+                        ) : row.availabilityStatus === 'available' ? (
+                          <ChannelLink
+                            className="channels__bind"
+                            href={buildChannelBindHref(scopeId, row.botId)}
+                          >
+                            {t('channels.binding.bind', 'Bind')}
+                          </ChannelLink>
+                        ) : (
+                          <ChannelBadge>
+                            {t('channels.binding.unavailable', 'Unavailable')}
+                          </ChannelBadge>
+                        )}
+                      </td>
+                      <td className="channels__row-action">
+                        {row.bindingStatus === 'bound' && row.id ? (
+                          <ChannelLink
+                            className="channels__manage"
+                            href={buildChannelDetailsHref(scopeId, row.id)}
+                          >
+                            {t('channels.manage', 'Manage')}
+                          </ChannelLink>
+                        ) : (
+                          <span className="channels__muted">{'\u2013'}</span>
+                        )}
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </section>
+            {refreshing ? (
+              <AevatarLoadingOverlay
+                ariaLabel={t('channels.loading', 'Loading channels')}
+              />
+            ) : null}
+          </div>
+        ) : (
+          <div className="channels__state">
+            <h3>{t('channels.bots.empty', 'No bots yet')}</h3>
+            <p>
+              {t(
+                'channels.bots.emptyHelp',
+                'Add a bot in NyxID, then refresh this table.',
+              )}
+            </p>
+          </div>
+        )}
+      </section>
+    </WorkflowActivityVNextShell>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/connectionStyles.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/connectionStyles.ts
new file mode 100644
index 0000000000..fd71e99893
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/connectionStyles.ts
@@ -0,0 +1,65 @@
+export const channelConnectionCss = `
+.channels__main--connect .wa-vnext__header { display: none; }
+.channels__main--connect .channels__content { max-width: 1080px; padding-top: 32px; }
+.channels__connect-heading { margin-bottom: 28px; }
+.channels__connect-heading .channels__breadcrumb { margin-bottom: 8px; }
+.channels__connect-heading h1 { color: var(--wa-ink); font-size: 28px; font-weight: 650; line-height: 36px; margin: 0 0 8px; }
+.channels__connect-heading > p { color: var(--wa-muted); font-size: 14px; line-height: 22px; margin: 0; }
+.channels__connection-form { --channel-field-height: 44px; background: var(--wa-surface); border: 1px solid var(--channels-border); border-radius: var(--wa-radius); padding: 28px; }
+.channels__connection-form h2 { color: var(--wa-ink); font-size: 14px; line-height: 22px; margin: 0; }
+.channels__form-section-title { margin-bottom: 20px !important; }
+.channels__field { margin-bottom: 24px; min-width: 0; }
+.channels__name-fields { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.channels__field-heading { align-items: baseline; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; margin-bottom: 8px; }
+.channels__field-heading label { color: var(--wa-ink); font-size: 12px; font-weight: 600; }
+.channels__field-heading label > span { color: var(--wa-muted); font-size: 11px; font-weight: 400; margin-left: 5px; }
+.channels__field-heading label > .channels__required { color: var(--wa-blue); margin-left: 2px; }
+.channels__field-heading a { color: var(--wa-blue); font-size: 11px; }
+.channels__connection-form .ant-input, .channels__connection-form .ant-input-affix-wrapper { border-color: var(--channels-border); border-radius: 5px; min-height: var(--channel-field-height); }
+.channels__connection-form .ant-input-affix-wrapper .ant-input { min-height: auto; }
+.channels__form-help { color: var(--wa-muted); font-size: 11px; line-height: 18px; margin: 8px 0 0; }
+.channels__form-error { color: var(--wa-red); font-size: 12px; line-height: 20px; margin: 8px 0 0; }
+.channels__connection-form button.ant-input-password-icon { background: transparent; border: 0; cursor: pointer; padding: 4px; }
+.channels__connection-form button.ant-input-password-icon:focus-visible { outline: 2px solid var(--wa-blue); outline-offset: 2px; }
+.channels__services-heading { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
+.channels__services-heading > span { color: var(--wa-blue); font-size: 11px; }
+.channels__service-picker { border: 1px solid var(--channels-border); border-radius: 5px; margin-top: 12px; padding: 10px 10px 0; }
+.channels__service-picker > .ant-input-affix-wrapper { background: var(--wa-subtle); min-height: 34px; }
+.channels__service-picker .ant-input { background: transparent; font-size: 12px; }
+.channels__service-picker .ant-input-prefix { color: var(--wa-muted); margin-right: 8px; }
+.channels__service-bulk { align-items: center; border-bottom: 1px solid var(--channels-border); display: flex; min-height: var(--channel-field-height); padding: 8px; }
+.channels__service-bulk .ant-checkbox-wrapper { flex: 1; font-size: 12px; font-weight: 500; }
+.channels__service-options { max-height: 240px; overflow-y: auto; padding-top: 8px; scrollbar-gutter: stable; }
+.channels__service-option { align-items: center; border-bottom: 1px solid var(--channels-border); display: flex; gap: 12px; min-height: 56px; padding: 8px; }
+.channels__service-option:last-child { border-bottom: 0; }
+.channels__service-option--selected { background: var(--wa-blue-bg); }
+.channels__service-option .ant-checkbox-wrapper { align-items: flex-start; flex: 1; min-width: 0; }
+.channels__service-option .ant-checkbox { margin-top: 3px; }
+.channels__service-name { display: block; font-size: 12px; font-weight: 600; line-height: 20px; overflow-wrap: anywhere; }
+.channels__service-slug { color: var(--wa-muted); display: block; font-size: 11px; line-height: 18px; overflow-wrap: anywhere; }
+.channels__service-source { color: var(--wa-muted); flex: 0 1 150px; font-size: 11px; overflow-wrap: anywhere; text-align: right; }
+.channels__service-state { color: var(--wa-muted); font-size: 12px; line-height: 20px; margin: 12px 0 0; padding: 20px 12px; }
+.channels__service-state p { margin: 0 0 12px; }
+.channels__form-actions { align-items: center; border-top: 1px solid var(--channels-border); display: flex; gap: 12px; justify-content: space-between; margin-top: 28px; padding-top: 20px; }
+.channels__form-actions .ant-btn { font-size: 12px; min-height: 40px; padding-inline: 18px; }
+.channels__form-actions .ant-btn-primary { min-width: 128px; }
+.channels__form-actions .ant-btn-primary:not(:disabled) { background: var(--wa-blue); border-color: var(--wa-blue); }
+.channels__form-actions .ant-btn-primary:not(:disabled):hover { background: var(--wa-blue); border-color: var(--wa-blue); filter: brightness(.94); }
+.channels__connection-form .ant-select { font-size: 13px; }
+.channels__connection-form .ant-select-outlined { border-color: var(--channels-border); }
+.channels__connection-status { border-top: 1px solid var(--channels-border); color: var(--wa-muted); font-size: 12px; line-height: 20px; margin-top: 24px; padding-top: 16px; }
+.channels__connection-status p { margin: 0 0 12px; }
+.channels__connection-form .ant-btn { white-space: normal; height: auto; }
+.channels__bot-summary .channels__dot { display: none; }
+@media (max-width: 767px) {
+  .channels__name-fields { gap: 0; grid-template-columns: 1fr; }
+  .channels__main--connect .channels__content { padding-top: 20px; }
+  .channels__connect-heading h1 { font-size: 24px; line-height: 32px; }
+  .channels__connect-heading { margin-bottom: 20px; }
+  .channels__connection-form { padding: 20px; }
+  .channels__service-option { align-items: flex-start; gap: 8px; padding-inline: 2px; }
+  .channels__service-bulk { padding-inline: 2px; }
+  .channels__service-source { flex-basis: 80px; padding-top: 3px; }
+  .channels__form-actions .ant-btn { padding-inline: 12px; }
+}
+`;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/presentation.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/presentation.tsx
new file mode 100644
index 0000000000..b68615923e
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/presentation.tsx
@@ -0,0 +1,326 @@
+import {
+  ApiOutlined,
+  LinkOutlined,
+  MessageOutlined,
+  SendOutlined,
+  WhatsAppOutlined,
+} from '@ant-design/icons';
+import { Button } from 'antd';
+import * as React from 'react';
+import {
+  ChannelApiError,
+  ChannelContractUnavailableError,
+  type ChannelRegistration,
+} from '@/shared/api/channelsApi';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { getOrnnRuntimeConfig } from '@/shared/studio/ornnConfig';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+
+export function ChannelLink({
+  href,
+  children,
+  className,
+  ...rest
+}: React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string }) {
+  return (
+    <a
+      {...rest}
+      className={className}
+      href={href}
+      onClick={(event) => {
+        if (
+          event.button ||
+          event.metaKey ||
+          event.ctrlKey ||
+          event.shiftKey ||
+          event.altKey
+        )
+          return;
+        event.preventDefault();
+        history.push(href);
+      }}
+    >
+      {children}
+    </a>
+  );
+}
+
+export function platformName(platform: string): string {
+  switch (platform.toLowerCase()) {
+    case 'lark':
+      return 'Lark';
+    case 'feishu':
+      return t('channels.platform.feishu', 'Feishu');
+    case 'telegram':
+      return 'Telegram';
+    case 'whatsapp':
+      return 'WhatsApp';
+    case 'discord':
+      return 'Discord';
+    case 'slack':
+      return 'Slack';
+    default:
+      return platform;
+  }
+}
+
+export function ChannelIcon({ platform }: { readonly platform: string }) {
+  return (
+    <span
+      aria-hidden="true"
+      className={`channels__icon channels__icon--${platform === 'telegram' ? 'telegram' : 'chat'}`}
+    >
+      {platform === 'telegram' ? (
+        <SendOutlined />
+      ) : platform === 'whatsapp' ? (
+        <WhatsAppOutlined />
+      ) : ['lark', 'feishu', 'discord', 'slack'].includes(platform) ? (
+        <MessageOutlined />
+      ) : (
+        <ApiOutlined />
+      )}
+    </span>
+  );
+}
+
+export function compactChannelIdentifier(value: string): string {
+  return value.length > 24 ? `${value.slice(0, 8)}…${value.slice(-6)}` : value;
+}
+
+export function ChannelIdentity({
+  registration,
+  label,
+  pending,
+  secondary = 'identifier',
+}: {
+  readonly registration: ChannelRegistration;
+  readonly label: string | null;
+  readonly pending: boolean;
+  readonly secondary?: 'identifier' | 'platform';
+}) {
+  const identifier = registration.botId ?? registration.id;
+  return (
+    <div className="channels__identity">
+      <ChannelIcon platform={registration.platform} />
+      <div className="channels__identity-copy">
+        <strong>
+          {label ??
+            (pending
+              ? t('channels.name.loading', 'Loading name…')
+              : t('channels.name.unavailable', 'Name unavailable'))}
+        </strong>
+        {secondary === 'platform' ? (
+          <span className="channels__muted">
+            {platformName(registration.platform)}
+          </span>
+        ) : (
+          <AevatarTooltip title={identifier}>
+            <button
+              type="button"
+              className="channels__identifier channels__identifier-trigger"
+              aria-label={t('channels.identifier.showFull', 'Show full ID')}
+            >
+              {compactChannelIdentifier(identifier)}
+            </button>
+          </AevatarTooltip>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export function ChannelSkill({
+  skill,
+}: {
+  readonly skill: ChannelRegistration['skill'];
+}) {
+  if (!skill)
+    return (
+      <span className="channels__muted">
+        {t('channels.skill.notSet', 'Not set')}
+      </span>
+    );
+  const config = getOrnnRuntimeConfig();
+  // Ornn's published web route accepts an exact ID or name. The channel API
+  // supplies the name; do not derive a GUID or substitute a sample skill.
+  const href = config.configurationError
+    ? null
+    : `${config.baseUrl}/skills/${encodeURIComponent(skill.name)}`;
+  return (
+    <div className="channels__skill">
+      {href ? (
+        <a
+          href={href}
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label={t('channels.skill.open', 'Open {name} in Ornn', {
+            name: skill.name,
+          })}
+        >
+          {skill.name} <LinkOutlined aria-hidden="true" />
+        </a>
+      ) : (
+        <span>{skill.name}</span>
+      )}
+      {skill.version ? (
+        <span className="channels__muted">
+          {t('channels.skill.version', 'Version {version}', {
+            version: skill.version,
+          })}
+        </span>
+      ) : null}
+    </div>
+  );
+}
+
+type Tone = 'success' | 'warning' | 'danger' | 'neutral';
+export function ChannelBadge({
+  children,
+  tone = 'neutral',
+}: {
+  readonly children: React.ReactNode;
+  readonly tone?: Tone;
+}) {
+  return (
+    <span className={`channels__badge channels__badge--${tone}`}>
+      <span aria-hidden="true" className="channels__dot" />
+      {children}
+    </span>
+  );
+}
+
+export function InboundStatus({
+  value,
+  pending = false,
+}: {
+  readonly value?: string;
+  readonly pending?: boolean;
+}) {
+  if (pending)
+    return (
+      <ChannelBadge>{t('channels.status.checking', 'Checking…')}</ChannelBadge>
+    );
+  switch (value?.toLowerCase()) {
+    case 'disabled':
+      return (
+        <ChannelBadge>{t('channels.status.disabled', 'Disabled')}</ChannelBadge>
+      );
+    case 'active':
+      return (
+        <ChannelBadge tone="success">
+          {t('channels.status.active', 'Active')}
+        </ChannelBadge>
+      );
+    case 'pending':
+    case 'pending_webhook':
+      return (
+        <ChannelBadge tone="warning">
+          {t('channels.status.pending', 'Waiting for message')}
+        </ChannelBadge>
+      );
+    case 'error':
+    case 'failed':
+      return (
+        <ChannelBadge tone="danger">
+          {t('channels.status.error', 'Needs attention')}
+        </ChannelBadge>
+      );
+    default:
+      return (
+        <ChannelBadge>{t('channels.status.unknown', 'Unknown')}</ChannelBadge>
+      );
+  }
+}
+
+export function DeliveryStatus({
+  value,
+  platform,
+}: {
+  readonly value: string | null;
+  readonly platform: string;
+}) {
+  switch (value) {
+    case 'unbound':
+      return (
+        <ChannelBadge>
+          {t('channels.binding.unbound', 'Not bound')}
+        </ChannelBadge>
+      );
+    case 'enabled':
+      return (
+        <ChannelBadge tone="success">
+          {t('channels.delivery.ready', 'Ready')}
+        </ChannelBadge>
+      );
+    case 'repair_failed':
+      return (
+        <ChannelBadge tone="danger">
+          {t('channels.delivery.failed', 'Repair failed')}
+        </ChannelBadge>
+      );
+    case 'repairing':
+      return (
+        <ChannelBadge tone="warning">
+          {t('channels.delivery.repairing', 'Repairing')}
+        </ChannelBadge>
+      );
+    case 'repair_required':
+      return platform === 'lark' ? (
+        <ChannelBadge tone="warning">
+          {t('channels.delivery.repairRequired', 'Needs repair')}
+        </ChannelBadge>
+      ) : (
+        <ChannelBadge>
+          {t('channels.delivery.notEnabled', 'Not enabled')}
+        </ChannelBadge>
+      );
+    case 'missing':
+    case 'not_enabled':
+      return (
+        <ChannelBadge>
+          {t('channels.delivery.notEnabled', 'Not enabled')}
+        </ChannelBadge>
+      );
+    default:
+      return (
+        <ChannelBadge>{t('channels.status.unknown', 'Unknown')}</ChannelBadge>
+      );
+  }
+}
+
+export function ChannelLoadError({
+  error,
+  retry,
+  pending,
+}: {
+  readonly error: unknown;
+  readonly retry: () => void;
+  readonly pending: boolean;
+}) {
+  const unavailable =
+    error instanceof ChannelApiError && [403, 404].includes(error.status);
+  return (
+    <div className="channels__state" role="alert">
+      <p>
+        {error instanceof ChannelContractUnavailableError
+          ? t(
+              'channels.error.contract',
+              'Bot binding is not available yet. Please try again later.',
+            )
+          : unavailable
+            ? t(
+                'channels.error.unavailable',
+                'This channel is unavailable or you do not have access.',
+              )
+            : t(
+                'channels.error.load',
+                'Could not load channels. Please try again.',
+              )}
+      </p>
+      <Button loading={pending} onClick={retry}>
+        {t('channels.retry', 'Try again')}
+      </Button>
+    </div>
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/queries.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/queries.ts
new file mode 100644
index 0000000000..dd3f1a7d26
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/queries.ts
@@ -0,0 +1,66 @@
+import { useQuery } from '@tanstack/react-query';
+import { listChannelServices } from '@/shared/api/channelServicesApi';
+import { ChannelApiError, channelsApi } from '@/shared/api/channelsApi';
+
+export const channelKeys = {
+  detail: (scopeId: string, id: string) =>
+    ['channels', scopeId, 'detail', id] as const,
+  services: (scopeId: string) =>
+    ['channels', scopeId, 'service-choices'] as const,
+  skills: (scopeId: string, search: string) =>
+    ['channels', scopeId, 'skills', search] as const,
+  list: (scopeId: string) => ['channels', scopeId, 'registrations'] as const,
+};
+
+const queryOptions = {
+  retry: false,
+  staleTime: 0,
+  refetchOnWindowFocus: false,
+  refetchOnReconnect: false,
+} as const;
+
+export function useChannelServiceChoices(scopeId: string) {
+  return useQuery({
+    ...queryOptions,
+    queryKey: channelKeys.services(scopeId),
+    queryFn: ({ signal }) => listChannelServices(signal),
+    enabled: Boolean(scopeId),
+  });
+}
+
+export function useChannelRegistrations(scopeId: string, enabled = true) {
+  return useQuery({
+    ...queryOptions,
+    queryKey: channelKeys.list(scopeId),
+    queryFn: ({ signal }) => channelsApi.list(signal),
+    enabled: Boolean(scopeId) && enabled,
+  });
+}
+
+export function useChannelDetail(scopeId: string, id: string) {
+  return useQuery({
+    ...queryOptions,
+    queryKey: channelKeys.detail(scopeId, id),
+    queryFn: async ({ signal }) => {
+      const detail = await channelsApi.get(id, signal);
+      const inventory = await channelsApi.list(signal);
+      const bot = inventory.find(
+        (row) =>
+          row.id === id &&
+          row.botId === detail.botId &&
+          row.platform === detail.platform &&
+          row.bindingStatus === 'bound',
+      );
+      if (!bot) throw new ChannelApiError(404);
+      // Detail may use the registration ID as its label; inventory owns the
+      // current NyxID display name and inbound availability.
+      return {
+        ...detail,
+        label: bot.label,
+        nyxStatus: bot.nyxStatus,
+        availabilityStatus: bot.availabilityStatus,
+      };
+    },
+    enabled: Boolean(scopeId && id),
+  });
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/styles.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/styles.ts
new file mode 100644
index 0000000000..b059e04c7a
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/channels/styles.ts
@@ -0,0 +1,163 @@
+import '@fontsource-variable/dm-sans/wght.css';
+
+export const channelsCss = `
+.wa-vnext:has(.channels__main), .channels__skill-popup {
+  --wa-ink: #202834;
+  --wa-muted: #7182a2;
+  --wa-line: #d8dfed;
+  --wa-subtle: #f7f8fa;
+  --wa-blue: #3255d3;
+  --wa-blue-bg: #eef2ff;
+  --wa-radius: 6px;
+  --channels-font: 'DM Sans Variable', AlibabaSans, sans-serif;
+  font-family: var(--channels-font);
+}
+.channels__main .ant-btn, .channels__main .ant-input, .channels__main .ant-select { font-family: inherit; }
+.channels__main {
+  --channels-space: 24px;
+  --channels-border: var(--wa-line);
+  --channels-action-height: 40px;
+  background: var(--wa-surface);
+}
+.channels__main .wa-vnext__header, .channels__content { margin-inline: auto; max-width: 1160px; width: 100%; }
+.channels__main .wa-vnext__header { padding-top: 40px; }
+.channels__main .wa-vnext__header h1 { font-size: 28px; line-height: 36px; }
+.channels__main .wa-vnext__header p { font-size: 14px; line-height: 20px; margin-top: 8px; }
+.channels__content { padding-top: 28px; }
+.channels__icon { align-items: center; background: var(--wa-blue); border-radius: var(--wa-radius); color: white; display: inline-flex; flex: 0 0 auto; font-size: 22px; height: 42px; justify-content: center; width: 42px; }
+.channels__connect { align-items: center; color: var(--wa-blue); display: inline-flex; font-weight: 500; gap: 8px; min-height: 28px; width: fit-content; }
+.channels__connections { margin-top: 26px; }
+.channels__section-heading { align-items: center; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 16px; }
+.channels__section-heading h2 { align-items: center; display: flex; font-size: 16px; font-weight: 700; gap: 10px; line-height: 24px; margin: 0; }
+.channels__connections > .channels__section-heading { min-height: 40px; margin-bottom: 24px; }
+.channels__connections > .channels__section-heading h2 { font-size: 20px; line-height: 28px; }
+.channels__main .channels__section-heading .ant-btn { border-color: var(--channels-border); border-radius: 6px; box-shadow: none; color: var(--wa-ink); font-size: 13px; font-weight: 600; gap: 24px; height: 40px; padding-inline: 16px; }
+.channels__main .channels__section-heading .channels__add-bot { background: var(--wa-blue); border-color: var(--wa-blue); color: white; min-width: 198px; justify-content: space-between; }
+.channels__main .channels__section-heading .channels__add-bot:hover { background: var(--wa-blue); border-color: var(--wa-blue); color: white; filter: brightness(.94); }
+.channels__refresh { min-width: 124px; }
+.channels__section-heading p { color: var(--wa-muted); line-height: 20px; margin: 4px 0 0; }
+.channels__count { background: var(--wa-subtle); border: 1px solid var(--channels-border); border-radius: 4px; color: var(--wa-muted); font-size: 11px; font-weight: 400; line-height: 22px; min-width: 30px; padding: 0 6px; text-align: center; }
+.channels__table-wrap { position: relative; }
+.channels__table-scroll { overflow-x: auto; }
+.channels__table { border-collapse: separate; border-spacing: 0; table-layout: fixed; min-width: 960px; width: 100%; }
+.channels__table th:nth-child(1) { width: 24%; }
+.channels__table th:nth-child(2) { width: 10%; }
+.channels__table th:nth-child(3) { width: 18%; }
+.channels__table th:nth-child(4) { width: 10%; }
+.channels__table th:nth-child(5) { width: 14%; }
+.channels__table th:nth-child(6) { width: 13%; }
+.channels__table th:last-child { text-align: center; width: 11%; }
+.channels__guide { border-bottom: 1px solid var(--channels-border); padding-bottom: 24px; }
+.channels__guide .channels__section-heading { min-height: 40px; margin-bottom: 0; }
+.channels__guide-steps { display: grid; gap: 36px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 24px 0 0; padding: 0; }
+.channels__guide-steps li { align-items: center; display: flex; gap: 20px; min-height: 92px; min-width: 0; padding-right: 24px; position: relative; }
+.channels__guide-steps li:last-child { padding-right: 0; }
+.channels__guide-steps li > div { min-width: 0; }
+.channels__guide-icon { align-items: center; background: var(--wa-blue-bg); border-radius: 8px; color: var(--wa-blue); display: flex; flex: 0 0 60px; font-size: 28px; height: 60px; justify-content: center; }
+.channels__guide-number { color: var(--wa-muted); display: block; font-size: 11px; font-weight: 600; line-height: 16px; }
+.channels__guide-steps h3 { font-size: 16px; font-weight: 700; line-height: 22px; margin: 4px 0 8px; overflow-wrap: anywhere; }
+.channels__guide-steps p { color: var(--wa-muted); font-size: 14px; line-height: 20px; margin: 0; max-width: 210px; }
+.channels__guide-arrow { color: var(--wa-muted); font-size: 20px; position: absolute; right: -17px; }
+.channels__bind { align-items: center; background: var(--wa-blue); border: 1px solid var(--wa-blue); border-radius: var(--wa-radius); color: white; display: inline-flex; font-size: 13px; font-weight: 600; justify-content: center; min-height: 40px; min-width: 86px; padding: 0 16px; }
+.channels__bind:hover { color: white; filter: brightness(.92); }
+.channels__bound { align-items: center; color: var(--wa-green); display: inline-flex; font-size: 12px; font-weight: 600; gap: 10px; white-space: nowrap; }
+.channels__bot-summary { align-items: center; border-bottom: 1px solid var(--channels-border); display: flex; gap: 16px; justify-content: space-between; margin-bottom: 24px; padding-bottom: 24px; }
+.channels__bot-summary .channels__identity { min-width: 0; }
+.channels__skill-controls { align-items: center; display: flex; gap: 8px; }
+.channels__skill-controls .ant-select { flex: 1; min-width: 0; height: 40px; }
+.channels__skill-popup { padding: 8px; }
+.channels__skill-search { padding: 4px 4px 0; }
+.channels__skill-search .ant-input-affix-wrapper { background: var(--wa-subtle); border-color: var(--wa-line); border-radius: 4px; font-family: inherit; min-height: 36px; }
+.channels__skill-search .ant-input, .channels__skill-search .ant-input-prefix { font-family: inherit; font-size: 13px; }
+.channels__skill-list-heading { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin: 8px 0 4px 4px; }
+.channels__skill-list-heading p { color: var(--wa-muted); font-size: 10px; font-weight: 600; margin: 0; text-transform: uppercase; }
+.channels__skill-list-heading .ant-btn { color: var(--wa-muted); flex: 0 0 32px; height: 32px; padding: 0; width: 32px; }
+.channels__skill-popup .ant-select-item { padding: 10px 8px; }
+.channels__skill-option { display: flex; flex-direction: column; gap: 4px; white-space: normal; overflow-wrap: anywhere; }
+.channels__skill-option strong { color: var(--wa-ink); font-size: 13px; font-weight: 500; line-height: 20px; }
+.channels__skill-option span { color: var(--wa-muted); display: -webkit-box; font-size: 12px; line-height: 18px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
+.channels__skill-create { align-items: center; border-top: 1px solid var(--wa-line); color: var(--wa-blue); display: flex; font-size: 13px; gap: 8px; padding: 14px 8px 8px; }
+.channels__skill-create .anticon:last-child { margin-left: auto; }
+.channels__skill-create:focus-visible { outline: 2px solid var(--wa-blue); outline-offset: -2px; }
+.channels__table th { background: var(--wa-subtle); border-block: 1px solid var(--channels-border); color: var(--wa-muted); font-size: 10px; font-weight: 600; height: 46px; line-height: 16px; padding: 12px 20px; text-align: left; text-transform: uppercase; }
+.channels__table th:first-child { border-left: 1px solid var(--channels-border); border-radius: 6px 0 0 6px; }
+.channels__table th:last-child { border-right: 1px solid var(--channels-border); border-radius: 0 6px 6px 0; }
+.channels__table td { border-bottom: 1px solid var(--channels-border); font-size: 13px; height: 88px; overflow-wrap: anywhere; padding: 20px; vertical-align: middle; }
+.channels__table .channels__badge { border: 0; border-radius: 4px; font-size: 11px; line-height: 20px; padding: 3px 10px; }
+.channels__table .channels__badge .channels__dot { display: none; }
+.channels__table tbody tr:hover { background: var(--wa-subtle); }
+.channels__identity { align-items: center; display: flex; gap: 12px; min-width: 0; }
+.channels__identity .channels__icon { font-size: 18px; height: 36px; width: 36px; }
+.channels__identity-copy { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; }
+.channels__identity-copy strong { font-size: 13px; font-weight: 600; }
+.channels__identifier { color: var(--wa-muted); font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace; font-size: 11px; overflow-wrap: anywhere; }
+.channels__identity .channels__identifier { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.channels__identifier-trigger { align-self: flex-start; background: transparent; border: 0; border-radius: 3px; cursor: help; max-width: 100%; padding: 0; text-align: left; }
+.channels__identifier-trigger:hover { color: var(--wa-ink); }
+.channels__identifier-trigger:focus-visible { outline: 2px solid var(--wa-blue); outline-offset: 3px; }
+.channels__skill { display: flex; flex-direction: column; gap: 6px; overflow-wrap: anywhere; }
+.channels__skill a { color: var(--wa-blue); font-weight: 500; }
+.channels__skill .anticon { font-size: 10px; }
+.channels__muted { color: var(--wa-muted); font-size: 11px; }
+.channels__badge { align-items: center; background: var(--wa-subtle); border: 1px solid var(--channels-border); border-radius: 5px; color: var(--wa-muted); display: inline-flex; font-size: 10px; gap: 5px; line-height: 16px; max-width: 100%; padding: 1px 6px; }
+.channels__badge--success { background: var(--wa-green-bg); border-color: transparent; color: var(--wa-green); }
+.channels__badge--warning { background: var(--wa-amber-bg); border-color: transparent; color: var(--wa-amber); }
+.channels__badge--danger { background: var(--wa-red-bg); border-color: transparent; color: var(--wa-red); }
+.channels__dot { background: currentColor; border-radius: 50%; flex: 0 0 auto; height: 4px; width: 4px; }
+.channels__row-action { text-align: center; }
+.channels__manage { align-items: center; background: var(--wa-surface); border: 1px solid var(--wa-line); border-radius: var(--wa-radius); color: var(--wa-ink); display: inline-flex; font-size: 13px; font-weight: 600; gap: 8px; justify-content: center; min-height: var(--channels-action-height); padding: 0 16px; white-space: nowrap; }
+.channels__manage .anticon { font-size: 10px; }
+.channels__manage:hover { background: var(--wa-blue-bg); border-color: var(--wa-blue); color: var(--wa-blue); }
+.channels__manage:active { box-shadow: none; }
+.channels__state { background: var(--wa-surface); border: 1px solid var(--channels-border); border-radius: var(--wa-radius); color: var(--wa-muted); padding: 36px var(--channels-space); text-align: center; }
+.channels__state h3 { color: var(--wa-ink); margin: 16px 0 8px; }
+.channels__state p { line-height: 20px; margin: 0 0 16px; }
+.channels__main--detail .wa-vnext__header { display: none; }
+.channels__main--detail .channels__content { padding-top: 40px; }
+.channels__breadcrumb { align-items: center; color: var(--wa-muted); display: flex; flex-wrap: wrap; font-size: 12px; gap: 12px; margin-bottom: 24px; }
+.channels__breadcrumb a { align-items: center; color: var(--wa-blue); display: inline-flex; gap: 8px; min-height: 28px; }
+.channels__detail-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; margin-bottom: var(--channels-space); }
+.channels__detail-toolbar .channels__breadcrumb { margin-bottom: 0; }
+.channels__detail { background: var(--wa-surface); border: 1px solid var(--channels-border); border-radius: var(--wa-radius); padding: var(--channels-space); }
+.channels__detail-heading { align-items: center; display: flex; gap: 14px; margin-bottom: 24px; }
+.channels__detail-heading h1 { font-size: 16px; font-weight: 600; line-height: 24px; margin: 0; overflow-wrap: anywhere; }
+.channels__detail-heading p { margin: 0; }
+.channels__facts { margin: 0; }
+.channels__facts > div { align-items: baseline; display: grid; gap: 16px; grid-template-columns: 160px minmax(0, 1fr); padding: 10px 0; }
+.channels__facts dt { color: var(--wa-muted); font-size: 12px; }
+.channels__facts dd { font-size: 12px; margin: 0; overflow-wrap: anywhere; text-align: right; }
+.channels__authorized-services ul { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; list-style: none; margin: 0; padding: 0; }
+.channels__authorized-services li { background: var(--wa-subtle); border: 1px solid var(--channels-border); border-radius: var(--wa-radius); max-width: 100%; min-width: 0; padding: 4px 8px; text-align: left; }
+.channels__authorized-services strong { font-weight: 500; }
+.channels__authorized-services > .ant-btn { margin-top: 12px; }
+.channels__identifier-link { align-items: baseline; color: var(--wa-blue); display: inline-flex; gap: 6px; max-width: 100%; }
+.channels__identifier-link span:first-child { min-width: 0; text-decoration: underline; text-underline-offset: 3px; }
+.channels__identifier-link .anticon { flex: 0 0 auto; font-size: 11px; }
+.channels__identifier-link:hover { color: var(--wa-blue); text-decoration-thickness: 2px; }
+.channels__facts .channels__badge { background: none; border: none; color: var(--wa-ink); font-size: 12px; padding: 0; }
+.channels__facts .channels__dot { display: none; }
+.channels__detail-actions { align-items: center; display: flex; flex: 0 0 auto; gap: 12px; margin-left: auto; }
+.channels__detail-actions .ant-btn { background: transparent; min-height: var(--channels-action-height); }
+.channels__removal { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; }
+.channels__removal p { color: var(--wa-muted); line-height: 20px; margin: 0; }
+.channels__content a:focus-visible { border-radius: 3px; outline: 2px solid var(--wa-blue); outline-offset: 4px; }
+@media (max-width: 1199px) {
+  .channels__table th, .channels__table td { padding-left: 12px; padding-right: 12px; }
+}
+@media (max-width: 767px) {
+  .channels__guide .channels__section-heading { align-items: flex-start; flex-wrap: wrap; }
+  .channels__guide-steps { gap: 32px; grid-template-columns: minmax(0, 1fr); }
+  .channels__guide-steps li { padding: 0; }
+  .channels__guide-arrow { bottom: -24px; left: 23px; right: auto; transform: rotate(90deg); }
+  .channels__bot-summary { flex-wrap: wrap; }
+  .channels__main { --channels-space: 20px; --channels-action-height: 44px; }
+  .channels__main .wa-vnext__header { padding-top: 24px; }
+  .channels__main .wa-vnext__header h1 { font-size: 22px; line-height: 30px; }
+  .channels__platform-top { flex-wrap: wrap; }
+  .channels__main--detail .channels__content { padding-top: 20px; }
+  .channels__detail-heading { align-items: flex-start; flex-wrap: wrap; }
+  .channels__detail-heading .channels__badge { margin-left: 56px; }
+  .channels__facts > div { grid-template-columns: 108px minmax(0, 1fr); }
+  .channels__detail-heading h1 { font-size: 14px; }
+}
+`;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useConsoleLocation.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useConsoleLocation.ts
new file mode 100644
index 0000000000..99addfbbdd
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useConsoleLocation.ts
@@ -0,0 +1,18 @@
+import React from 'react';
+import {
+  getLocationSnapshot,
+  subscribeToLocationChanges,
+} from '@/shared/navigation/history';
+
+export function useConsoleLocation(): {
+  readonly pathname: string;
+  readonly search: string;
+} {
+  const snapshot = React.useSyncExternalStore(
+    subscribeToLocationChanges,
+    getLocationSnapshot,
+    () => '',
+  );
+  const url = new URL(snapshot || '/', 'http://console.local');
+  return { pathname: url.pathname, search: url.search };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useDraftMaterialization.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useDraftMaterialization.test.ts
new file mode 100644
index 0000000000..af7b04ba30
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useDraftMaterialization.test.ts
@@ -0,0 +1,142 @@
+import { studioApi } from '@/shared/studio/api';
+import {
+  observeDraftMaterialization,
+  readWorkflowDraftAfterList,
+} from './useDraftMaterialization';
+
+describe('observeDraftMaterialization', () => {
+  it('treats bounded 404 as projection delay and keeps observing the exact receipt id', async () => {
+    const pending = Object.assign(new Error('pending'), { status: 404 });
+    const read = jest
+      .fn()
+      .mockRejectedValueOnce(pending)
+      .mockRejectedValueOnce(pending)
+      .mockResolvedValueOnce({ workflowId: 'wf-api-returned' });
+
+    await expect(
+      observeDraftMaterialization({
+        workflowId: 'wf-api-returned',
+        read,
+        isNotFound: (error) => error === pending,
+        wait: async () => undefined,
+        delaysMs: [0, 0, 0],
+      }),
+    ).resolves.toEqual({
+      kind: 'readable',
+      workflow: { workflowId: 'wf-api-returned' },
+    });
+    expect(read.mock.calls).toEqual([
+      ['wf-api-returned'],
+      ['wf-api-returned'],
+      ['wf-api-returned'],
+    ]);
+  });
+
+  it('returns delayed without inventing success and retry reads the same id', async () => {
+    const pending = Object.assign(new Error('pending'), { status: 404 });
+    const read = jest.fn().mockRejectedValue(pending);
+    const input = {
+      workflowId: 'wf-api-returned',
+      read,
+      isNotFound: (error: unknown) => error === pending,
+      wait: async () => undefined,
+      delaysMs: [0, 0],
+    };
+
+    await expect(observeDraftMaterialization(input)).resolves.toEqual({
+      kind: 'delayed',
+    });
+    await expect(observeDraftMaterialization(input)).resolves.toEqual({
+      kind: 'delayed',
+    });
+    expect(read).toHaveBeenCalledTimes(4);
+    expect(new Set(read.mock.calls.map(([workflowId]) => workflowId))).toEqual(
+      new Set(['wf-api-returned']),
+    );
+  });
+
+  it('keeps observing an existing draft until the expected update is visible', async () => {
+    const read = jest
+      .fn<Promise<{ workflowId: string; name: string }>, [workflowId: string]>()
+      .mockResolvedValueOnce({ workflowId: 'wf-alpha', name: 'Old name' })
+      .mockResolvedValueOnce({ workflowId: 'wf-alpha', name: 'New name' });
+
+    await expect(
+      observeDraftMaterialization({
+        workflowId: 'wf-alpha',
+        read,
+        isNotFound: () => false,
+        isObserved: (workflow) => workflow.name === 'New name',
+        wait: async () => undefined,
+        delaysMs: [0, 0],
+      }),
+    ).resolves.toEqual({
+      kind: 'readable',
+      workflow: { workflowId: 'wf-alpha', name: 'New name' },
+    });
+    expect(read).toHaveBeenCalledTimes(2);
+  });
+
+  it('waits for the draft list before requesting the draft document', async () => {
+    const listWorkflowDrafts = jest
+      .spyOn(studioApi, 'listWorkflowDrafts')
+      .mockResolvedValueOnce([])
+      .mockResolvedValueOnce([
+        {
+          workflowId: 'wf-template',
+          name: 'Template workflow',
+          description: '',
+          fileName: 'template-workflow.yaml',
+          filePath: 'scope/template-workflow.yaml',
+          directoryId: 'scope:scope-1',
+          directoryLabel: 'scope-1',
+          stepCount: 1,
+          hasLayout: false,
+          updatedAtUtc: '2026-08-20T00:00:00.000Z',
+        },
+      ]);
+    const getWorkflowDraftFile = jest
+      .spyOn(studioApi, 'getWorkflowDraftFile')
+      .mockResolvedValue({
+        workflowId: 'wf-template',
+        name: 'Template workflow',
+        fileName: 'template-workflow.yaml',
+        filePath: 'scope/template-workflow.yaml',
+        directoryId: 'scope:scope-1',
+        directoryLabel: 'scope-1',
+        yaml: 'name: template-workflow\n',
+        layout: null,
+        updatedAtUtc: '2026-08-20T00:00:00.000Z',
+        findings: [],
+      });
+
+    await expect(
+      readWorkflowDraftAfterList('wf-template', 'scope-1'),
+    ).resolves.toBeNull();
+    await expect(
+      readWorkflowDraftAfterList('wf-template', 'scope-1'),
+    ).resolves.toMatchObject({ workflowId: 'wf-template' });
+
+    expect(listWorkflowDrafts).toHaveBeenCalledWith('scope-1');
+    expect(getWorkflowDraftFile).toHaveBeenCalledWith('wf-template', 'scope-1');
+
+    listWorkflowDrafts.mockRestore();
+    getWorkflowDraftFile.mockRestore();
+  });
+
+  it('surfaces non-404 failures immediately', async () => {
+    const forbidden = Object.assign(new Error('forbidden'), { status: 403 });
+    const read = jest.fn().mockRejectedValue(forbidden);
+
+    await expect(
+      observeDraftMaterialization({
+        workflowId: 'wf-api-returned',
+        read,
+        isNotFound: () => false,
+        wait: async () => undefined,
+        delaysMs: [0, 0],
+      }),
+    ).rejects.toBe(forbidden);
+    expect(read).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useDraftMaterialization.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useDraftMaterialization.ts
new file mode 100644
index 0000000000..26b8bebc6a
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useDraftMaterialization.ts
@@ -0,0 +1,133 @@
+import React from 'react';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
+import type {
+  StudioWorkflowDraftCreateAcceptedReceipt,
+  StudioWorkflowFile,
+} from '@/shared/studio/models';
+
+export const DRAFT_MATERIALIZATION_DELAYS_MS = [
+  0, 300, 700, 1200, 2000, 3000, 5000,
+] as const;
+
+type ObservationInput<T> = {
+  readonly delaysMs?: readonly number[];
+  readonly isNotFound: (error: unknown) => boolean;
+  readonly isObserved?: (workflow: T) => boolean;
+  readonly read: (workflowId: string) => Promise<T | null>;
+  readonly wait?: (delayMs: number) => Promise<void>;
+  readonly workflowId: string;
+};
+
+export type DraftMaterializationResult<T> =
+  | { readonly kind: 'readable'; readonly workflow: T }
+  | { readonly kind: 'delayed' };
+
+function defaultWait(delayMs: number): Promise<void> {
+  return new Promise((resolve) => window.setTimeout(resolve, delayMs));
+}
+
+export async function observeDraftMaterialization<T>(
+  input: ObservationInput<T>,
+): Promise<DraftMaterializationResult<T>> {
+  const delays = input.delaysMs ?? DRAFT_MATERIALIZATION_DELAYS_MS;
+  const wait = input.wait ?? defaultWait;
+
+  for (const delayMs of delays) {
+    if (delayMs > 0) await wait(delayMs);
+    try {
+      const workflow = await input.read(input.workflowId);
+      if (
+        workflow !== null &&
+        (!input.isObserved || input.isObserved(workflow))
+      ) {
+        return { kind: 'readable', workflow };
+      }
+    } catch (error) {
+      if (!input.isNotFound(error)) throw error;
+    }
+  }
+
+  return { kind: 'delayed' };
+}
+
+export async function readWorkflowDraftAfterList(
+  workflowId: string,
+  scopeId: string,
+): Promise<StudioWorkflowFile | null> {
+  const drafts = await studioApi.listWorkflowDrafts(scopeId);
+  if (!drafts.some((draft) => draft.workflowId === workflowId)) return null;
+
+  return studioApi.getWorkflowDraftFile(workflowId, scopeId);
+}
+
+export type DraftMaterializationPhase =
+  | 'idle'
+  | 'accepted'
+  | 'observing'
+  | 'delayed'
+  | 'readable'
+  | 'failed';
+
+export function useDraftMaterialization(scopeId: string) {
+  const [phase, setPhase] = React.useState<DraftMaterializationPhase>('idle');
+  const [receipt, setReceipt] =
+    React.useState<StudioWorkflowDraftCreateAcceptedReceipt | null>(null);
+  const [error, setError] = React.useState<unknown>(null);
+  const generationRef = React.useRef(0);
+
+  const observe = React.useCallback(
+    async (
+      nextReceipt: StudioWorkflowDraftCreateAcceptedReceipt,
+    ): Promise<StudioWorkflowFile | null> => {
+      const generation = ++generationRef.current;
+      setReceipt(nextReceipt);
+      setError(null);
+      setPhase('accepted');
+      await Promise.resolve();
+      if (generation !== generationRef.current) return null;
+      setPhase('observing');
+
+      try {
+        const result = await observeDraftMaterialization({
+          workflowId: nextReceipt.workflowId,
+          read: (workflowId) => readWorkflowDraftAfterList(workflowId, scopeId),
+          isNotFound: (candidate) => isStudioApiStatus(candidate, 404),
+        });
+        if (generation !== generationRef.current) return null;
+        if (result.kind === 'delayed') {
+          setPhase('delayed');
+          return null;
+        }
+        setPhase('readable');
+        return result.workflow;
+      } catch (candidate) {
+        if (generation !== generationRef.current) return null;
+        setError(candidate);
+        setPhase('failed');
+        return null;
+      }
+    },
+    [scopeId],
+  );
+
+  const retry = React.useCallback(
+    () => (receipt ? observe(receipt) : Promise.resolve(null)),
+    [observe, receipt],
+  );
+
+  const reset = React.useCallback(() => {
+    generationRef.current += 1;
+    setError(null);
+    setPhase('idle');
+    setReceipt(null);
+  }, []);
+
+  React.useEffect(
+    () => () => {
+      generationRef.current += 1;
+    },
+    [],
+  );
+
+  return { error, observe, phase, receipt, reset, retry } as const;
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useRunObservation.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useRunObservation.test.ts
new file mode 100644
index 0000000000..34ecfffd22
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useRunObservation.test.ts
@@ -0,0 +1,166 @@
+import type { WorkflowActivityRunDetail } from '@/shared/models/workflowActivity';
+import {
+  observeRunActivity,
+  resolveRunObservationPhase,
+} from './useRunObservation';
+
+function createRun(runId: string): WorkflowActivityRunDetail {
+  return {
+    summary: {
+      runId,
+      workflowName: 'Order review',
+      status: 'running',
+      success: null,
+      startedAtUtc: '2026-08-05T10:00:00Z',
+      updatedAtUtc: '2026-08-05T10:00:01Z',
+      stateVersion: 4,
+      scopeId: 'scope-alpha',
+      runOrigin: 'draft',
+    },
+    input: 'Review this order',
+    finalOutput: '',
+    finalError: '',
+    diagnostics: [],
+    steps: [],
+    timeline: [],
+    statistics: {
+      totalSteps: 0,
+      requestedSteps: 0,
+      completedSteps: 0,
+      roleReplyCount: 0,
+      stepTypeCounts: {},
+    },
+    usageTotals: {
+      promptTokens: 0,
+      completionTokens: 0,
+      totalTokens: 0,
+      cost: 0,
+    },
+    recoveryCapability: {
+      retryFailedStep: {
+        eligibility: 0,
+        unavailableReasonCode: 0,
+        unavailableReason: '',
+        recommendedActions: [],
+        startingStepId: '',
+        reusesPriorStepOutputs: false,
+        mayIncurModelOrToolCost: false,
+      },
+      runAgain: {
+        eligibility: 0,
+        unavailableReasonCode: 0,
+        unavailableReason: '',
+        recommendedActions: [],
+        startingStepId: '',
+        reusesPriorStepOutputs: false,
+        mayIncurModelOrToolCost: false,
+      },
+      workflowDefinitionRevisionId: 'revision-alpha',
+      workflowDefinitionVersion: 3,
+    },
+    lineage: {
+      availability: 0,
+      retryFork: {
+        availability: 0,
+        sourceRunId: '',
+        originalRunId: '',
+        attempt: 0,
+        startAtStepId: '',
+        childRuns: [],
+      },
+      subWorkflow: {
+        availability: 0,
+        parentRunId: '',
+        parentActorId: '',
+        parentStepId: '',
+        rootRunId: '',
+        depth: 0,
+        childRuns: [],
+      },
+      unavailableReason: '',
+    },
+  };
+}
+
+describe('observeRunActivity', () => {
+  it('keeps observing the exact SSE run id through transient not-found responses', async () => {
+    const pending = Object.assign(new Error('not ready'), { status: 404 });
+    const read = jest
+      .fn()
+      .mockRejectedValueOnce(pending)
+      .mockRejectedValueOnce(pending)
+      .mockResolvedValueOnce(createRun('run-sse-alpha'));
+
+    await expect(
+      observeRunActivity({
+        scopeId: 'scope-alpha',
+        runId: 'run-sse-alpha',
+        read,
+        wait: async () => undefined,
+        delaysMs: [0, 0, 0],
+      }),
+    ).resolves.toMatchObject({
+      kind: 'observed',
+      run: { summary: { runId: 'run-sse-alpha', stateVersion: 4 } },
+    });
+    expect(read.mock.calls).toEqual([
+      ['scope-alpha', 'run-sse-alpha'],
+      ['scope-alpha', 'run-sse-alpha'],
+      ['scope-alpha', 'run-sse-alpha'],
+    ]);
+  });
+
+  it('returns delayed instead of inventing an observed run after bounded not-found responses', async () => {
+    const pending = Object.assign(new Error('not ready'), { status: 404 });
+    const read = jest.fn().mockRejectedValue(pending);
+
+    await expect(
+      observeRunActivity({
+        scopeId: 'scope-alpha',
+        runId: 'run-sse-alpha',
+        read,
+        wait: async () => undefined,
+        delaysMs: [0, 0],
+      }),
+    ).resolves.toEqual({ kind: 'delayed' });
+    expect(read.mock.calls).toEqual([
+      ['scope-alpha', 'run-sse-alpha'],
+      ['scope-alpha', 'run-sse-alpha'],
+    ]);
+  });
+
+  it('rejects a different observed run instead of treating it as the SSE run', async () => {
+    const read = jest.fn().mockResolvedValue(createRun('run-other-beta'));
+
+    await expect(
+      observeRunActivity({
+        scopeId: 'scope-alpha',
+        runId: 'run-sse-alpha',
+        read,
+        wait: async () => undefined,
+        delaysMs: [0],
+      }),
+    ).rejects.toThrow('does not match');
+  });
+
+  it('prioritizes later authorization errors over cached observation results', () => {
+    expect(
+      resolveRunObservationPhase({
+        data: { kind: 'observed', run: createRun('run-sse-alpha') },
+        enabled: true,
+        error: Object.assign(new Error('expired'), { status: 401 }),
+        isFetching: false,
+        isPending: false,
+      }),
+    ).toBe('unauthorized');
+    expect(
+      resolveRunObservationPhase({
+        data: { kind: 'delayed' },
+        enabled: true,
+        error: Object.assign(new Error('access changed'), { status: 403 }),
+        isFetching: false,
+        isPending: false,
+      }),
+    ).toBe('forbidden');
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useRunObservation.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useRunObservation.ts
new file mode 100644
index 0000000000..af9b466749
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useRunObservation.ts
@@ -0,0 +1,163 @@
+import { useQuery } from '@tanstack/react-query';
+import React from 'react';
+import { workflowActivityApi } from '@/shared/api/workflowActivityApi';
+import type { WorkflowActivityRunDetail } from '@/shared/models/workflowActivity';
+
+export const RUN_OBSERVATION_DELAYS_MS = [0, 300, 700, 1200, 2000] as const;
+
+type RunObservationInput = {
+  readonly delaysMs?: readonly number[];
+  readonly read: (
+    scopeId: string,
+    runId: string,
+  ) => Promise<WorkflowActivityRunDetail>;
+  readonly runId: string;
+  readonly scopeId: string;
+  readonly wait?: (delayMs: number) => Promise<void>;
+};
+
+export type RunObservationResult =
+  | { readonly kind: 'observed'; readonly run: WorkflowActivityRunDetail }
+  | { readonly kind: 'delayed' };
+
+export type RunObservationPhase =
+  | 'idle'
+  | 'observing'
+  | 'observed'
+  | 'delayed'
+  | 'unauthorized'
+  | 'forbidden'
+  | 'failed';
+
+function defaultWait(delayMs: number): Promise<void> {
+  return new Promise((resolve) => window.setTimeout(resolve, delayMs));
+}
+
+function statusOf(error: unknown): number | undefined {
+  if (
+    error &&
+    typeof error === 'object' &&
+    'status' in error &&
+    typeof error.status === 'number'
+  ) {
+    return error.status;
+  }
+  return undefined;
+}
+
+function assertObservedRun(
+  run: WorkflowActivityRunDetail,
+  scopeId: string,
+  runId: string,
+): void {
+  if (run.summary.runId !== runId) {
+    throw new Error('The observed run does not match the started run.');
+  }
+  if (run.summary.scopeId !== scopeId) {
+    throw new Error('The observed run belongs to a different workspace.');
+  }
+  if (
+    typeof run.summary.stateVersion !== 'number' ||
+    !Number.isFinite(run.summary.stateVersion)
+  ) {
+    throw new Error('The observed run is missing a valid activity version.');
+  }
+}
+
+export async function observeRunActivity(
+  input: RunObservationInput,
+): Promise<RunObservationResult> {
+  const scopeId = input.scopeId.trim();
+  const runId = input.runId.trim();
+  const delays = input.delaysMs ?? RUN_OBSERVATION_DELAYS_MS;
+  const wait = input.wait ?? defaultWait;
+
+  for (const delayMs of delays) {
+    if (delayMs > 0) await wait(delayMs);
+    try {
+      const run = await input.read(scopeId, runId);
+      assertObservedRun(run, scopeId, runId);
+      return { kind: 'observed', run };
+    } catch (error) {
+      if (statusOf(error) !== 404) throw error;
+    }
+  }
+
+  return { kind: 'delayed' };
+}
+
+export function resolveRunObservationPhase(input: {
+  readonly data: RunObservationResult | undefined;
+  readonly enabled: boolean;
+  readonly error: unknown;
+  readonly isFetching: boolean;
+  readonly isPending: boolean;
+}): RunObservationPhase {
+  if (!input.enabled) return 'idle';
+  if (input.isPending || input.isFetching) return 'observing';
+
+  const status = statusOf(input.error);
+  if (status === 401) return 'unauthorized';
+  if (status === 403) return 'forbidden';
+  if (input.error) return 'failed';
+  if (input.data?.kind === 'observed') return 'observed';
+  if (input.data?.kind === 'delayed') return 'delayed';
+  return 'failed';
+}
+
+export function useRunObservation(scopeId: string, runId: string) {
+  const normalizedScopeId = scopeId.trim();
+  const normalizedRunId = runId.trim();
+  const enabled = Boolean(normalizedScopeId && normalizedRunId);
+  const query = useQuery({
+    enabled,
+    queryKey: [
+      'workflow-activity-vnext',
+      'run-observation',
+      normalizedScopeId,
+      normalizedRunId,
+    ],
+    queryFn: () =>
+      observeRunActivity({
+        scopeId: normalizedScopeId,
+        runId: normalizedRunId,
+        read: (nextScopeId, nextRunId) =>
+          workflowActivityApi.getRun(nextScopeId, nextRunId),
+      }),
+    refetchInterval: (currentQuery) => {
+      const result = currentQuery.state.data;
+      if (result?.kind !== 'observed') return false;
+
+      return ['accepted', 'pending', 'running', 'waiting'].includes(
+        result.run.summary.status.toLowerCase(),
+      )
+        ? 1000
+        : false;
+    },
+    retry: false,
+  });
+
+  const phase = resolveRunObservationPhase({
+    data: query.data,
+    enabled,
+    error: query.error,
+    isFetching: query.isFetching,
+    isPending: query.isPending,
+  });
+
+  const retry = React.useCallback(async () => {
+    if (!enabled) return null;
+    const result = await query.refetch();
+    return result.data ?? null;
+  }, [enabled, query]);
+
+  return {
+    error: query.error,
+    phase,
+    retry,
+    run:
+      phase === 'observed' && query.data?.kind === 'observed'
+        ? query.data.run
+        : null,
+  } as const;
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts
new file mode 100644
index 0000000000..b39125a252
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts
@@ -0,0 +1,1132 @@
+import { type AGUIEvent, AGUIEventType } from '@aevatar-react-sdk/types';
+import { useQuery } from '@tanstack/react-query';
+import React from 'react';
+import {
+  applyRuntimeEvent,
+  createRuntimeEventAccumulator,
+} from '@/shared/agui/runtimeEventSemantics';
+import { parseBackendSSEStream } from '@/shared/agui/sseFrameNormalizer';
+import { runtimeRunsApi } from '@/shared/api/runtimeRunsApi';
+import { t } from '@/shared/i18n/messages';
+import { getLocationSnapshot, history } from '@/shared/navigation/history';
+import { studioApi } from '@/shared/studio/api';
+import {
+  applyStepInspectorDraft,
+  connectStepToTarget,
+  createStepInspectorDraft,
+  insertStepByType,
+  materializeImplicitSequentialTransitions,
+  removeStepConnection,
+  removeSteps,
+  suggestBranchLabelForStep,
+} from '@/shared/studio/document';
+import { createStudioExecutionFrame } from '@/shared/studio/execution';
+import {
+  buildStudioGraphElements,
+  buildStudioWorkflowLayout,
+} from '@/shared/studio/graph';
+import type {
+  StudioExecutionDetail,
+  StudioExecutionFrame,
+  StudioValidationFinding,
+  StudioWorkflowDocument,
+  StudioWorkflowFile,
+} from '@/shared/studio/models';
+import { createStreamingExecutionDetail } from '@/shared/workflows/executionDetail';
+import { waitForWorkflowNodeStartPaint } from '@/shared/workflows/streamingExecutionPresentation';
+import { buildWorkflowActivityEditorHref } from '../navigation';
+import { hasBlockingFindings } from '../workflows/workflowCreation';
+import { useDraftMaterialization } from './useDraftMaterialization';
+import { useRunObservation } from './useRunObservation';
+
+export type PublishedRunPhase =
+  | 'idle'
+  | 'submitting'
+  | 'accepted'
+  | 'stream_ended'
+  | 'failed';
+
+type SubmittedSaveSnapshot = {
+  readonly document: StudioWorkflowDocument | null;
+  readonly revision: number;
+};
+
+export type WorkflowPublishedInvocationTarget = {
+  readonly publishedServiceId: string;
+  readonly revisionId: string;
+  readonly workflowId: string;
+};
+
+export type PublishedRunSnapshot = {
+  readonly files: readonly File[];
+  readonly input: string;
+  readonly target: WorkflowPublishedInvocationTarget;
+};
+
+export type WorkflowPublicationPreparation = {
+  readonly documentVersion: number;
+  readonly workflowId: string;
+  readonly workflowName: string;
+  readonly workflowYaml: string;
+};
+
+function toErrorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
+function workflowSignature(workflow: StudioWorkflowFile): string {
+  return `${workflow.workflowId}\u0000${workflow.updatedAtUtc}\u0000${workflow.yaml}`;
+}
+
+function currentLocationSuffix(): string {
+  try {
+    const location = new URL(
+      getLocationSnapshot() || '/',
+      'http://console.local',
+    );
+    return `${location.search}${location.hash}`;
+  } catch {
+    return '';
+  }
+}
+
+function readSseRunId(event: unknown): string {
+  if (!event || typeof event !== 'object') return '';
+  const record = event as Record<string, unknown>;
+  if (
+    record.type !== AGUIEventType.RUN_STARTED &&
+    record.type !== AGUIEventType.RUN_FINISHED &&
+    record.type !== AGUIEventType.RUN_ERROR &&
+    record.type !== 'RUN_STOPPED'
+  )
+    return '';
+  return typeof record.runId === 'string' ? record.runId.trim() : '';
+}
+
+function isSseRunFinished(event: unknown): boolean {
+  if (!event || typeof event !== 'object') return false;
+  return (event as Record<string, unknown>).type === AGUIEventType.RUN_FINISHED;
+}
+
+function isSseRunError(event: unknown): event is Record<string, unknown> {
+  if (!event || typeof event !== 'object') return false;
+  const record = event as Record<string, unknown>;
+  return record.type === AGUIEventType.RUN_ERROR;
+}
+
+function isSseRunStopped(event: unknown): boolean {
+  if (!event || typeof event !== 'object') return false;
+  return (event as Record<string, unknown>).type === 'RUN_STOPPED';
+}
+
+function readSseRunError(event: Record<string, unknown>): string {
+  return typeof event.message === 'string' ? event.message.trim() : '';
+}
+
+function createPublishedRunExecutionFrame(
+  event: AGUIEvent,
+): StudioExecutionFrame {
+  if (!isSseRunStopped(event)) return createStudioExecutionFrame(event);
+  const record = event as unknown as Record<string, unknown>;
+  return createStudioExecutionFrame({
+    type: AGUIEventType.CUSTOM,
+    timestamp: record.timestamp,
+    name: 'aevatar.run.stopped',
+    payload: {
+      reason: record.reason,
+      runId: record.runId,
+    },
+  } as AGUIEvent);
+}
+
+function readRunInputError(error: unknown): string {
+  if (!error || typeof error !== 'object' || !('fieldErrors' in error))
+    return '';
+  const fieldErrors = error.fieldErrors;
+  if (!fieldErrors || typeof fieldErrors !== 'object') return '';
+  for (const [field, messages] of Object.entries(fieldErrors)) {
+    const normalizedField = field.replace(/[^a-z]/gi, '').toLowerCase();
+    if (normalizedField !== 'prompt' && normalizedField !== 'input') continue;
+    if (Array.isArray(messages)) {
+      const message = messages.find(
+        (entry): entry is string =>
+          typeof entry === 'string' && Boolean(entry.trim()),
+      );
+      if (message) return message.trim();
+    }
+    if (typeof messages === 'string' && messages.trim()) return messages.trim();
+  }
+  return '';
+}
+
+export function useWorkflowEditor(scopeId: string, routeWorkflowId: string) {
+  const source = useQuery({
+    queryKey: ['workflow-activity-vnext', 'workflow', scopeId, routeWorkflowId],
+    queryFn: () => studioApi.getWorkflow(routeWorkflowId, scopeId),
+    retry: false,
+  });
+  const workspace = useQuery({
+    queryKey: ['workflow-activity-vnext', 'workspace', scopeId],
+    queryFn: () => studioApi.getWorkspaceSettings(scopeId),
+    retry: false,
+  });
+  const materialization = useDraftMaterialization(scopeId);
+  const [workflow, setWorkflow] = React.useState<StudioWorkflowFile | null>(
+    null,
+  );
+  const [workflowTitle, setWorkflowTitle] = React.useState('');
+  const [yaml, setYaml] = React.useState('');
+  const [document, setDocument] = React.useState<StudioWorkflowDocument | null>(
+    null,
+  );
+  const [layout, setLayout] = React.useState<unknown>(null);
+  const [findings, setFindings] = React.useState<
+    readonly StudioValidationFinding[]
+  >([]);
+  const [dirty, setDirty] = React.useState(false);
+  const [saving, setSaving] = React.useState(false);
+  const [validating, setValidating] = React.useState(false);
+  const [structuralMutationPending, setStructuralMutationPending] =
+    React.useState(false);
+  const [structuralMutationError, setStructuralMutationError] =
+    React.useState('');
+  const [failedNodeType, setFailedNodeType] = React.useState<string | null>(
+    null,
+  );
+  const [saveError, setSaveError] = React.useState('');
+  const [runFiles, setRunFiles] = React.useState<File[]>([]);
+  const [runInput, setRunInput] = React.useState('');
+  const [runInputError, setRunInputError] = React.useState('');
+  const [lastRunSnapshot, setLastRunSnapshot] =
+    React.useState<PublishedRunSnapshot | null>(null);
+  const [liveRunExecution, setLiveRunExecution] =
+    React.useState<StudioExecutionDetail | null>(null);
+  const [runRequestActive, setRunRequestActive] = React.useState(false);
+  const [runPhase, setRunPhase] = React.useState<PublishedRunPhase>('idle');
+  const [runError, setRunError] = React.useState('');
+  const [sseRunId, setSseRunId] = React.useState('');
+  const [selectedNodeId, setSelectedNodeId] = React.useState('');
+  const [selectedEdgeId, setSelectedEdgeId] = React.useState('');
+  const [selectedStepConfigurationError, setSelectedStepConfigurationError] =
+    React.useState('');
+  const [canvasMutationError, setCanvasMutationError] = React.useState('');
+  const selectCanvas = React.useCallback(() => {
+    setSelectedEdgeId('');
+    setSelectedNodeId('');
+    setSelectedStepConfigurationError('');
+  }, []);
+  const selectEdge = React.useCallback((edgeId: string) => {
+    setSelectedEdgeId(edgeId);
+    setSelectedNodeId('');
+    setSelectedStepConfigurationError('');
+  }, []);
+  const selectNode = React.useCallback((nodeId: string) => {
+    setSelectedEdgeId('');
+    setSelectedNodeId(nodeId);
+    setSelectedStepConfigurationError('');
+  }, []);
+  const runControllerRef = React.useRef<AbortController | null>(null);
+  const runInFlightRef = React.useRef(false);
+  const runGenerationRef = React.useRef(0);
+  const sseRunIdRef = React.useRef('');
+  const savingRef = React.useRef(false);
+  const configurationGenerationRef = React.useRef(0);
+  const loadedSignatureRef = React.useRef('');
+  const loadedRouteWorkflowIdRef = React.useRef('');
+  const pendingRouteWorkflowIdRef = React.useRef<string | null>(null);
+  const structuralMutationGenerationRef = React.useRef(0);
+  const structuralMutationPendingRef = React.useRef(false);
+  const dirtyRef = React.useRef(false);
+  const localEditRevisionRef = React.useRef(0);
+  const pendingMaterializationRef = React.useRef<SubmittedSaveSnapshot | null>(
+    null,
+  );
+  const runObservation = useRunObservation(scopeId, sseRunId);
+  const receiptPending =
+    materialization.phase === 'accepted' ||
+    materialization.phase === 'observing' ||
+    materialization.phase === 'delayed' ||
+    materialization.phase === 'failed';
+
+  const markLocalEdit = React.useCallback(() => {
+    dirtyRef.current = true;
+    localEditRevisionRef.current += 1;
+    setDirty(true);
+  }, []);
+
+  const markClean = React.useCallback(() => {
+    dirtyRef.current = false;
+    setDirty(false);
+  }, []);
+
+  React.useEffect(() => {
+    if (!source.data) return;
+    if (
+      pendingRouteWorkflowIdRef.current &&
+      pendingRouteWorkflowIdRef.current !== routeWorkflowId
+    )
+      return;
+    if (
+      pendingRouteWorkflowIdRef.current === routeWorkflowId &&
+      source.data.workflowId !== routeWorkflowId
+    )
+      return;
+    const signature = workflowSignature(source.data);
+    const enteredDifferentRoute =
+      loadedRouteWorkflowIdRef.current !== routeWorkflowId;
+    if (
+      loadedSignatureRef.current === signature ||
+      (dirtyRef.current && !enteredDifferentRoute)
+    )
+      return;
+    loadedSignatureRef.current = signature;
+    loadedRouteWorkflowIdRef.current = routeWorkflowId;
+    setWorkflow(source.data);
+    setWorkflowTitle(source.data.name);
+    setYaml(source.data.yaml);
+    setDocument(source.data.document ?? null);
+    setLayout(source.data.layout ?? null);
+    setFindings(source.data.findings);
+    markClean();
+    setSaveError('');
+    setStructuralMutationError('');
+    setFailedNodeType(null);
+    setCanvasMutationError('');
+    setSelectedEdgeId('');
+    setSelectedNodeId('');
+    setSelectedStepConfigurationError('');
+    if (source.data.document) return;
+
+    let cancelled = false;
+    void studioApi
+      .parseYaml({ yaml: source.data.yaml })
+      .then((parsed) => {
+        if (cancelled || loadedSignatureRef.current !== signature) return;
+        setDocument(parsed.document ?? null);
+        setFindings(parsed.findings);
+      })
+      .catch(() => {
+        if (cancelled || loadedSignatureRef.current !== signature) return;
+        setFindings([
+          ...source.data.findings,
+          {
+            code: 'WORKFLOW_YAML_PARSE_FAILED',
+            level: 'error',
+            message: t(
+              'workflowActivityVNext.editor.yamlReadFailed',
+              'Workflow YAML could not be read.',
+            ),
+          },
+        ]);
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [markClean, routeWorkflowId, source.data]);
+
+  React.useEffect(() => {
+    const warn = (event: BeforeUnloadEvent) => {
+      if (!dirty) return;
+      event.preventDefault();
+      event.returnValue = '';
+    };
+    window.addEventListener('beforeunload', warn);
+    return () => window.removeEventListener('beforeunload', warn);
+  }, [dirty]);
+
+  React.useEffect(
+    () => () => {
+      runGenerationRef.current += 1;
+      runControllerRef.current?.abort();
+      runControllerRef.current = null;
+      runInFlightRef.current = false;
+    },
+    [],
+  );
+
+  const updateYaml = (next: string) => {
+    if (savingRef.current || structuralMutationPendingRef.current) return;
+    setYaml(next);
+    markLocalEdit();
+  };
+
+  const updateTitle = (next: string) => {
+    if (savingRef.current || structuralMutationPendingRef.current) return;
+    setWorkflowTitle(next);
+    markLocalEdit();
+  };
+
+  const parseCurrentYaml = React.useCallback(
+    async (shouldApply: () => boolean = () => true) => {
+      const parsed = await studioApi.parseYaml({ yaml });
+      if (!shouldApply()) return null;
+      setFindings(parsed.findings);
+      if (hasBlockingFindings(parsed.document, parsed.findings)) return null;
+      setDocument(parsed.document ?? null);
+      return parsed.document ?? null;
+    },
+    [yaml],
+  );
+
+  const adoptReadableWorkflow = React.useCallback(
+    (
+      saved: StudioWorkflowFile,
+      fallbackDocument: StudioWorkflowDocument | null,
+      submittedRevision?: number,
+    ) => {
+      const preserveLocalEdits =
+        submittedRevision !== undefined &&
+        localEditRevisionRef.current !== submittedRevision;
+      loadedSignatureRef.current = workflowSignature(saved);
+      loadedRouteWorkflowIdRef.current = saved.workflowId;
+      pendingRouteWorkflowIdRef.current = saved.workflowId;
+      setWorkflow(saved);
+      setSaveError('');
+      if (preserveLocalEdits) {
+        dirtyRef.current = true;
+        setDirty(true);
+      } else {
+        setWorkflowTitle(saved.name);
+        setYaml(saved.yaml);
+        setDocument(saved.document ?? fallbackDocument);
+        setLayout(saved.layout ?? layout);
+        setFindings(saved.findings);
+        markClean();
+        setSelectedStepConfigurationError('');
+      }
+      if (saved.workflowId !== routeWorkflowId) {
+        history.replace(
+          `${buildWorkflowActivityEditorHref(scopeId, saved.workflowId)}${currentLocationSuffix()}`,
+        );
+      }
+    },
+    [layout, markClean, routeWorkflowId, scopeId],
+  );
+
+  const discardForRouteChange = React.useCallback(
+    (nextWorkflowId: string) => {
+      configurationGenerationRef.current += 1;
+      structuralMutationGenerationRef.current += 1;
+      structuralMutationPendingRef.current = false;
+      runGenerationRef.current += 1;
+      runControllerRef.current?.abort();
+      runControllerRef.current = null;
+      runInFlightRef.current = false;
+      setRunRequestActive(false);
+      pendingMaterializationRef.current = null;
+      loadedSignatureRef.current = '';
+      loadedRouteWorkflowIdRef.current = '';
+      pendingRouteWorkflowIdRef.current = nextWorkflowId;
+      dirtyRef.current = false;
+      localEditRevisionRef.current = 0;
+      materialization.reset();
+      setWorkflow(null);
+      setWorkflowTitle('');
+      setYaml('');
+      setDocument(null);
+      setLayout(null);
+      setFindings([]);
+      setDirty(false);
+      setSaving(false);
+      setValidating(false);
+      setStructuralMutationPending(false);
+      setStructuralMutationError('');
+      setFailedNodeType(null);
+      setCanvasMutationError('');
+      setSaveError('');
+      setRunFiles([]);
+      setRunInput('');
+      setRunInputError('');
+      setLastRunSnapshot(null);
+      setLiveRunExecution(null);
+      setRunRequestActive(false);
+      setRunPhase('idle');
+      setRunError('');
+      sseRunIdRef.current = '';
+      setSseRunId('');
+      setSelectedNodeId('');
+      setSelectedEdgeId('');
+      setSelectedStepConfigurationError('');
+    },
+    [materialization.reset],
+  );
+
+  const retryMaterialization = React.useCallback(async () => {
+    const submittedSnapshot = pendingMaterializationRef.current;
+    const saved = await materialization.retry();
+    if (!saved) return false;
+    pendingMaterializationRef.current = null;
+    adoptReadableWorkflow(
+      saved,
+      submittedSnapshot?.document ?? document,
+      submittedSnapshot?.revision,
+    );
+    return true;
+  }, [adoptReadableWorkflow, document, materialization.retry]);
+
+  const save = React.useCallback(async () => {
+    const normalizedWorkflowTitle = workflowTitle.trim();
+    const followsCanonicalRouteReplacement =
+      pendingRouteWorkflowIdRef.current === workflow?.workflowId;
+    if (
+      !workflow ||
+      (workflow.workflowId !== routeWorkflowId &&
+        !followsCanonicalRouteReplacement) ||
+      savingRef.current ||
+      receiptPending ||
+      structuralMutationPendingRef.current ||
+      !normalizedWorkflowTitle
+    )
+      return false;
+    savingRef.current = true;
+    setSaving(true);
+    setValidating(true);
+    setSaveError('');
+    try {
+      const parsedDocument = await parseCurrentYaml();
+      if (!parsedDocument) {
+        setSaveError('Workflow validation failed.');
+        return false;
+      }
+      const serialized = await studioApi.serializeYaml({
+        document: {
+          ...parsedDocument,
+          name: normalizedWorkflowTitle,
+        },
+      });
+      setFindings(serialized.findings);
+      if (hasBlockingFindings(serialized.document, serialized.findings)) {
+        setSaveError('Workflow validation failed.');
+        return false;
+      }
+      setValidating(false);
+      const directoryId =
+        workflow.directoryId ||
+        workspace.data?.directories[0]?.directoryId ||
+        '';
+      if (!directoryId)
+        throw new Error(
+          'No server workflow directory is available for saving this draft.',
+        );
+      const graph = buildStudioGraphElements(serialized.document, layout);
+      const result = await studioApi.saveWorkflow({
+        directoryId,
+        draftExists: workflow.draftExists,
+        fileName: workflow.fileName,
+        layout: buildStudioWorkflowLayout(
+          normalizedWorkflowTitle,
+          graph.nodes,
+          layout,
+        ),
+        scopeId,
+        workflowId: workflow.workflowId,
+        workflowName: normalizedWorkflowTitle,
+        yaml: serialized.yaml,
+      });
+      const submittedSnapshot: SubmittedSaveSnapshot = {
+        document: serialized.document ?? null,
+        revision: localEditRevisionRef.current,
+      };
+      if (result.kind === 'materialized') {
+        adoptReadableWorkflow(
+          result.workflow,
+          submittedSnapshot.document,
+          submittedSnapshot.revision,
+        );
+        return true;
+      }
+      pendingMaterializationRef.current = submittedSnapshot;
+      savingRef.current = false;
+      setSaving(false);
+      const saved = await materialization.observe(result.receipt);
+      if (!saved) return false;
+      pendingMaterializationRef.current = null;
+      adoptReadableWorkflow(
+        saved,
+        submittedSnapshot.document,
+        submittedSnapshot.revision,
+      );
+      return true;
+    } catch (error) {
+      setSaveError(toErrorMessage(error));
+      return false;
+    } finally {
+      savingRef.current = false;
+      setSaving(false);
+      setValidating(false);
+    }
+  }, [
+    adoptReadableWorkflow,
+    materialization.observe,
+    layout,
+    parseCurrentYaml,
+    receiptPending,
+    routeWorkflowId,
+    saving,
+    scopeId,
+    workflow,
+    workflowTitle,
+    workspace.data,
+  ]);
+
+  const addNode = React.useCallback(
+    async (stepType: string): Promise<boolean> => {
+      if (savingRef.current || structuralMutationPendingRef.current)
+        return false;
+      const generation = ++structuralMutationGenerationRef.current;
+      structuralMutationPendingRef.current = true;
+      setStructuralMutationPending(true);
+      setStructuralMutationError('');
+      setFailedNodeType(null);
+      try {
+        const current = document ?? (await parseCurrentYaml());
+        if (!current || generation !== structuralMutationGenerationRef.current)
+          return false;
+        const explicitDocument =
+          materializeImplicitSequentialTransitions(current);
+        const selectedStepId = selectedNodeId.startsWith('step:')
+          ? selectedNodeId.slice('step:'.length).trim()
+          : '';
+        const finalStepId = [...(explicitDocument.steps ?? [])]
+          .reverse()
+          .map((step) => String(step.id ?? '').trim())
+          .find(Boolean);
+        const inserted = insertStepByType(explicitDocument, stepType, {
+          afterStepId: selectedStepId || finalStepId || null,
+        });
+        const serialized = await studioApi.serializeYaml({
+          document: inserted.document,
+        });
+        if (generation !== structuralMutationGenerationRef.current)
+          return false;
+        setDocument(serialized.document);
+        setYaml(serialized.yaml);
+        setFindings(serialized.findings);
+        setSelectedNodeId(inserted.nodeId);
+        markLocalEdit();
+        return true;
+      } catch (error) {
+        if (generation === structuralMutationGenerationRef.current) {
+          setStructuralMutationError(toErrorMessage(error));
+          setFailedNodeType(stepType);
+        }
+        return false;
+      } finally {
+        if (generation === structuralMutationGenerationRef.current) {
+          structuralMutationPendingRef.current = false;
+          setStructuralMutationPending(false);
+        }
+      }
+    },
+    [document, markLocalEdit, parseCurrentYaml, selectedNodeId],
+  );
+
+  const retryNodeInsertion = React.useCallback(
+    () => (failedNodeType ? addNode(failedNodeType) : Promise.resolve(false)),
+    [addNode, failedNodeType],
+  );
+
+  const graph = React.useMemo(
+    () => buildStudioGraphElements(document, layout),
+    [document, layout],
+  );
+  const applyCanvasDocumentMutation = React.useCallback(
+    async (
+      mutate: (current: StudioWorkflowDocument) => {
+        document: StudioWorkflowDocument;
+        nodeId: string;
+      },
+    ): Promise<boolean> => {
+      if (savingRef.current || structuralMutationPendingRef.current)
+        return false;
+      const generation = ++structuralMutationGenerationRef.current;
+      structuralMutationPendingRef.current = true;
+      setStructuralMutationPending(true);
+      setCanvasMutationError('');
+      try {
+        const current = document ?? (await parseCurrentYaml());
+        if (!current || generation !== structuralMutationGenerationRef.current)
+          return false;
+        const result = mutate(current);
+        const serialized = await studioApi.serializeYaml({
+          document: result.document,
+        });
+        if (generation !== structuralMutationGenerationRef.current)
+          return false;
+        setDocument(serialized.document);
+        setYaml(serialized.yaml);
+        setFindings(serialized.findings);
+        setSelectedEdgeId('');
+        setSelectedNodeId(result.nodeId);
+        setSelectedStepConfigurationError('');
+        markLocalEdit();
+        return true;
+      } catch (error) {
+        if (generation === structuralMutationGenerationRef.current) {
+          setCanvasMutationError(toErrorMessage(error));
+        }
+        return false;
+      } finally {
+        if (generation === structuralMutationGenerationRef.current) {
+          structuralMutationPendingRef.current = false;
+          setStructuralMutationPending(false);
+        }
+      }
+    },
+    [document, markLocalEdit, parseCurrentYaml],
+  );
+  const connectNodes = React.useCallback(
+    (sourceNodeId: string, targetNodeId: string) =>
+      applyCanvasDocumentMutation((current) => {
+        const currentGraph = buildStudioGraphElements(current, layout);
+        const sourceStepId = currentGraph.nodes.find(
+          (node) => node.id === sourceNodeId,
+        )?.data.stepId;
+        const targetStepId = currentGraph.nodes.find(
+          (node) => node.id === targetNodeId,
+        )?.data.stepId;
+        if (!sourceStepId || !targetStepId || sourceStepId === targetStepId) {
+          return { document: current, nodeId: sourceNodeId };
+        }
+        const sourceStep = current.steps?.find(
+          (step) => String(step.id ?? '').trim() === sourceStepId,
+        );
+        const branchLabel = suggestBranchLabelForStep(
+          String(sourceStep?.type ?? '').trim(),
+          sourceStep?.branches ?? {},
+        );
+        return connectStepToTarget(
+          current,
+          sourceStepId,
+          targetStepId,
+          branchLabel,
+        );
+      }),
+    [applyCanvasDocumentMutation, layout],
+  );
+  const deleteNodes = React.useCallback(
+    (nodeIds: readonly string[]) =>
+      applyCanvasDocumentMutation((current) => {
+        const currentGraph = buildStudioGraphElements(current, layout);
+        const stepIds = nodeIds
+          .map(
+            (nodeId) =>
+              currentGraph.nodes.find((node) => node.id === nodeId)?.data
+                .stepId,
+          )
+          .filter((stepId): stepId is string => Boolean(stepId));
+        return removeSteps(current, stepIds);
+      }),
+    [applyCanvasDocumentMutation, layout],
+  );
+  const deleteEdges = React.useCallback(
+    (edgeIds: readonly string[]) =>
+      applyCanvasDocumentMutation((current) => {
+        const currentGraph = buildStudioGraphElements(current, layout);
+        let result = { document: current, nodeId: selectedNodeId };
+        for (const edgeId of edgeIds) {
+          const edge = currentGraph.edges.find((entry) => entry.id === edgeId);
+          const sourceStepId = currentGraph.nodes.find(
+            (node) => node.id === edge?.source,
+          )?.data.stepId;
+          const targetStepId = currentGraph.nodes.find(
+            (node) => node.id === edge?.target,
+          )?.data.stepId;
+          if (!sourceStepId || !targetStepId) continue;
+          result = removeStepConnection(
+            result.document,
+            sourceStepId,
+            targetStepId,
+            edge?.data?.branchLabel ?? null,
+          );
+        }
+        return result;
+      }),
+    [applyCanvasDocumentMutation, layout, selectedNodeId],
+  );
+  const moveNodes = React.useCallback(
+    (nodes: ReturnType<typeof buildStudioGraphElements>['nodes']) => {
+      if (savingRef.current || structuralMutationPendingRef.current) return;
+      setLayout((current: unknown) =>
+        buildStudioWorkflowLayout(workflowTitle, nodes, current),
+      );
+      markLocalEdit();
+    },
+    [markLocalEdit, workflowTitle],
+  );
+  const selectedStepDraft = React.useMemo(() => {
+    const selectedStepId = selectedNodeId.startsWith('step:')
+      ? selectedNodeId.slice('step:'.length).trim()
+      : selectedNodeId.trim();
+    const selectedStep = graph.steps.find((step) => step.id === selectedStepId);
+    return selectedStep ? createStepInspectorDraft(selectedStep) : null;
+  }, [graph.steps, selectedNodeId]);
+
+  const updateSelectedStepConfiguration = React.useCallback(
+    async (parametersText: string): Promise<boolean> => {
+      if (
+        savingRef.current ||
+        structuralMutationPendingRef.current ||
+        !document ||
+        !selectedStepDraft
+      )
+        return false;
+      const generation = ++configurationGenerationRef.current;
+      try {
+        const updated = applyStepInspectorDraft(
+          document,
+          selectedStepDraft.id,
+          { ...selectedStepDraft, parametersText },
+        );
+        const serialized = await studioApi.serializeYaml({
+          document: updated.document,
+        });
+        if (generation !== configurationGenerationRef.current) return false;
+        setDocument(serialized.document);
+        setYaml(serialized.yaml);
+        setFindings(serialized.findings);
+        setSelectedNodeId(updated.nodeId);
+        setSelectedStepConfigurationError('');
+        markLocalEdit();
+        return true;
+      } catch (error) {
+        if (generation === configurationGenerationRef.current) {
+          setSelectedStepConfigurationError(toErrorMessage(error));
+        }
+        return false;
+      }
+    },
+    [document, markLocalEdit, selectedStepDraft],
+  );
+
+  const canRun = Boolean(
+    document?.steps?.length &&
+      !selectedStepConfigurationError &&
+      !structuralMutationPending,
+  );
+
+  const preparePublication =
+    React.useCallback(async (): Promise<WorkflowPublicationPreparation> => {
+      const followsCanonicalRouteReplacement =
+        pendingRouteWorkflowIdRef.current === workflow?.workflowId;
+      if (
+        !workflow ||
+        !workflow.draftExists ||
+        (workflow.workflowId !== routeWorkflowId &&
+          !followsCanonicalRouteReplacement) ||
+        dirty ||
+        savingRef.current ||
+        receiptPending ||
+        structuralMutationPendingRef.current ||
+        !workflowTitle.trim()
+      ) {
+        throw new Error(
+          'This workflow must be saved before it can be published.',
+        );
+      }
+
+      if (!yaml.trim() || !document?.steps?.length) {
+        throw new Error(
+          'This workflow needs valid executable steps before publishing.',
+        );
+      }
+
+      return {
+        documentVersion: localEditRevisionRef.current,
+        workflowId: workflow.workflowId,
+        workflowName: workflowTitle.trim(),
+        workflowYaml: yaml,
+      };
+    }, [
+      dirty,
+      document,
+      receiptPending,
+      routeWorkflowId,
+      workflow,
+      workflowTitle,
+      yaml,
+    ]);
+
+  const submitRun = React.useCallback(
+    async (
+      target: WorkflowPublishedInvocationTarget,
+      snapshot?: PublishedRunSnapshot,
+    ) => {
+      if (
+        runInFlightRef.current ||
+        savingRef.current ||
+        structuralMutationPendingRef.current ||
+        runPhase === 'submitting' ||
+        runPhase === 'accepted'
+      )
+        return;
+      const activeWorkflowId = workflow?.workflowId ?? routeWorkflowId;
+      if (
+        !target.publishedServiceId.trim() ||
+        !target.revisionId.trim() ||
+        !target.workflowId.trim() ||
+        target.workflowId !== activeWorkflowId
+      ) {
+        setRunError(
+          t(
+            'workflowActivityVNext.editor.publishedTargetUnavailable',
+            'Publish this workflow before running it.',
+          ),
+        );
+        setRunPhase('failed');
+        return;
+      }
+      const normalizedInput = (snapshot?.input ?? runInput).trim();
+      const submittedFiles = snapshot?.files ?? runFiles;
+      const emptyFile = submittedFiles.find((file) => file.size <= 0);
+      if (emptyFile) {
+        setRunError(
+          t(
+            'workflowActivityVNext.editor.publishedRunPanel.removeEmptyFile',
+            'Remove empty file {name} before starting the published run.',
+            { name: emptyFile.name || 'this file' },
+          ),
+        );
+        setRunPhase('failed');
+        return;
+      }
+      const generation = ++runGenerationRef.current;
+      const controller = new AbortController();
+      const liveAccumulator = createRuntimeEventAccumulator();
+      const liveFrames: StudioExecutionFrame[] = [];
+      const liveStartedAtUtc = new Date().toISOString();
+      const liveExecutionId = [
+        'published-run',
+        target.publishedServiceId,
+        generation,
+      ].join(':');
+      const buildLiveExecution = (
+        status: string,
+        completedAtUtc: string | null = null,
+        error: string | null = null,
+      ) =>
+        createStreamingExecutionDetail({
+          accumulator: liveAccumulator,
+          completedAtUtc,
+          error,
+          executionId: liveExecutionId,
+          frames: liveFrames,
+          prompt: normalizedInput,
+          serviceId: target.publishedServiceId,
+          startedAtUtc: liveStartedAtUtc,
+          status,
+          workflowName: workflow?.name || workflowTitle,
+        });
+      runControllerRef.current?.abort();
+      runControllerRef.current = controller;
+      runInFlightRef.current = true;
+      setRunRequestActive(true);
+      setRunPhase('submitting');
+      setRunError('');
+      setRunInputError('');
+      setLiveRunExecution(buildLiveExecution('running'));
+      sseRunIdRef.current = '';
+      setSseRunId('');
+      if (snapshot) {
+        setRunFiles([...snapshot.files]);
+        setRunInput(snapshot.input);
+      }
+      const ownsRun = () =>
+        runGenerationRef.current === generation &&
+        runControllerRef.current === controller &&
+        !controller.signal.aborted;
+      try {
+        const submittedSnapshot: PublishedRunSnapshot = {
+          files: [...submittedFiles],
+          input: normalizedInput,
+          target,
+        };
+        const response =
+          submittedSnapshot.files.length > 0
+            ? await runtimeRunsApi.streamEndpoint(
+                scopeId,
+                {
+                  endpointId: 'chat',
+                  files: submittedSnapshot.files,
+                  prompt: submittedSnapshot.input,
+                },
+                controller.signal,
+                { serviceId: target.publishedServiceId },
+              )
+            : await runtimeRunsApi.streamChat(
+                scopeId,
+                { prompt: submittedSnapshot.input },
+                controller.signal,
+                { serviceId: target.publishedServiceId },
+              );
+        if (!ownsRun()) return;
+        setLastRunSnapshot(submittedSnapshot);
+        setRunPhase('accepted');
+        let sawRunError = false;
+        let sawRunFinished = false;
+        let sawRunStopped = false;
+        for await (const event of parseBackendSSEStream(response, {
+          signal: controller.signal,
+        })) {
+          if (!ownsRun()) return;
+          applyRuntimeEvent(liveAccumulator, event);
+          liveFrames.push(createPublishedRunExecutionFrame(event));
+          sawRunFinished = sawRunFinished || isSseRunFinished(event);
+          sawRunStopped = sawRunStopped || isSseRunStopped(event);
+          const liveStatus = liveAccumulator.errorText
+            ? 'failed'
+            : sawRunStopped
+              ? 'stopped'
+              : sawRunFinished
+                ? 'succeeded'
+                : 'running';
+          setLiveRunExecution(
+            buildLiveExecution(
+              liveStatus,
+              liveStatus === 'running' ? null : new Date().toISOString(),
+              liveAccumulator.errorText || null,
+            ),
+          );
+          await waitForWorkflowNodeStartPaint(event, controller.signal);
+          const reportedRunId = readSseRunId(event);
+          if (reportedRunId && !sseRunIdRef.current) {
+            sseRunIdRef.current = reportedRunId;
+            setSseRunId(reportedRunId);
+          }
+          if (isSseRunError(event)) {
+            sawRunError = true;
+            const streamedRunError = readSseRunError(event);
+            if (streamedRunError) setRunError(streamedRunError);
+            setRunPhase('failed');
+          }
+        }
+        if (ownsRun() && !sawRunError) {
+          const liveStatus = sawRunStopped
+            ? 'stopped'
+            : sawRunFinished
+              ? 'succeeded'
+              : 'running';
+          setLiveRunExecution(
+            buildLiveExecution(
+              liveStatus,
+              liveStatus === 'running' ? null : new Date().toISOString(),
+            ),
+          );
+          setRunPhase('stream_ended');
+        }
+      } catch (error) {
+        if (ownsRun()) {
+          const message = toErrorMessage(error);
+          setRunInputError(readRunInputError(error));
+          setLiveRunExecution(
+            buildLiveExecution('failed', new Date().toISOString(), message),
+          );
+          setRunError(message);
+          setRunPhase('failed');
+        }
+      } finally {
+        if (
+          runGenerationRef.current === generation &&
+          runControllerRef.current === controller
+        ) {
+          runInFlightRef.current = false;
+          runControllerRef.current = null;
+          setRunRequestActive(false);
+        }
+      }
+    },
+    [
+      routeWorkflowId,
+      runFiles,
+      runInput,
+      runPhase,
+      scopeId,
+      workflow?.name,
+      workflow?.workflowId,
+      workflowTitle,
+    ],
+  );
+
+  const run = React.useCallback(
+    (target: WorkflowPublishedInvocationTarget) => submitRun(target),
+    [submitRun],
+  );
+  const runAgain = React.useCallback(
+    (target: WorkflowPublishedInvocationTarget) =>
+      lastRunSnapshot
+        ? submitRun(target, { ...lastRunSnapshot, target })
+        : Promise.resolve(),
+    [lastRunSnapshot, submitRun],
+  );
+
+  return {
+    addNode,
+    canRun,
+    documentVersion: localEditRevisionRef.current,
+    discardForRouteChange,
+    dirty,
+    document,
+    findings,
+    graph,
+    canvasMutationError,
+    connectNodes,
+    deleteEdges,
+    deleteNodes,
+    loading: source.isPending,
+    loadError: source.error,
+    materialization,
+    moveNodes,
+    nodeInsertionError: structuralMutationError,
+    preparePublication,
+    receiptPending,
+    retryMaterialization,
+    retryNodeInsertion,
+    run,
+    runError,
+    runFiles,
+    runInput,
+    runInputError,
+    lastRunSnapshot,
+    liveRunExecution,
+    runObservation,
+    runRequestActive,
+    runPhase,
+    runAgain,
+    save,
+    saveError,
+    saving,
+    validating,
+    structuralMutationPending,
+    sseRunId,
+    selectedNodeId,
+    selectedEdgeId,
+    selectedStepConfigurationError,
+    selectedStepDraft,
+    selectCanvas,
+    selectEdge,
+    selectNode,
+    addRunFiles: (files: readonly File[]) => {
+      if (files.length > 0) {
+        setRunFiles((current) => [...current, ...files]);
+        setRunInputError('');
+      }
+    },
+    removeRunFile: (index: number) => {
+      setRunFiles((current) =>
+        current.filter((_, itemIndex) => itemIndex !== index),
+      );
+    },
+    setRunInput: (next: string) => {
+      setRunInput(next);
+      setRunInputError('');
+    },
+    setSelectedStepConfigurationError,
+    updateSelectedStepConfiguration,
+    updateTitle,
+    updateYaml,
+    workflow,
+    workflowTitle,
+    yaml,
+  } as const;
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.test.ts
new file mode 100644
index 0000000000..8db5a5b35a
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.test.ts
@@ -0,0 +1,180 @@
+import type { ScopeWorkflowDetail } from '@/shared/models/scopes';
+import {
+  observeWorkflowPublication,
+  resolveWorkflowPublicationPhase,
+  type WorkflowPublicationReceipt,
+} from './useWorkflowPublication';
+
+const receipt: WorkflowPublicationReceipt = {
+  scopeId: 'scope-alpha',
+  workflowId: 'wf-publication-alpha',
+  revisionId: 'rev-publication-alpha',
+};
+
+function workflowDetail(
+  changes: Partial<NonNullable<ScopeWorkflowDetail['workflow']>> = {},
+  detailChanges: Partial<Omit<ScopeWorkflowDetail, 'workflow'>> = {},
+): ScopeWorkflowDetail & {
+  readonly workflow: NonNullable<ScopeWorkflowDetail['workflow']>;
+} {
+  return {
+    available: true,
+    scopeId: receipt.scopeId,
+    workflow: {
+      scopeId: receipt.scopeId,
+      workflowId: receipt.workflowId,
+      displayName: 'Publication workflow',
+      serviceKey: 'workflow-publication',
+      workflowName: 'Publication workflow',
+      actorId: 'actor-workflow-publication',
+      activeRevisionId: receipt.revisionId,
+      publishedServiceId: 'svc-publication-alpha',
+      serviceAppId: 'workflow-app',
+      serviceNamespace: 'workflow-namespace',
+      deploymentId: 'deployment-workflow-alpha',
+      deploymentStatus: 'Available',
+      updatedAt: '2026-08-06T10:00:00Z',
+      ...changes,
+    },
+    source: null,
+    ...detailChanges,
+  };
+}
+
+function httpStatusError(
+  status: number,
+  code?: string,
+): Error & { readonly status: number; readonly code?: string } {
+  return Object.assign(new Error(`HTTP ${status}`), { status, code });
+}
+
+describe('observeWorkflowPublication', () => {
+  it('observes the accepted workflow from its read model without querying a service revision catalog', async () => {
+    const workflowRead = jest.fn().mockResolvedValue(workflowDetail());
+
+    await expect(
+      observeWorkflowPublication({
+        receipt,
+        readWorkflow: workflowRead,
+        wait: async () => undefined,
+        delaysMs: [0],
+      }),
+    ).resolves.toMatchObject({
+      kind: 'observed',
+      publishedServiceId: 'svc-publication-alpha',
+      workflow: {
+        workflow: {
+          activeRevisionId: 'rev-publication-alpha',
+          publishedServiceId: 'svc-publication-alpha',
+        },
+      },
+    });
+
+    expect(workflowRead).toHaveBeenCalledWith(
+      'scope-alpha',
+      'wf-publication-alpha',
+    );
+    expect(workflowRead).toHaveBeenCalledTimes(1);
+  });
+
+  it('delays while the workflow read model has not reached the accepted revision', async () => {
+    const workflowRead = jest
+      .fn()
+      .mockResolvedValue(
+        workflowDetail({ activeRevisionId: 'rev-prior-alpha' }),
+      );
+
+    await expect(
+      observeWorkflowPublication({
+        receipt,
+        readWorkflow: workflowRead,
+        wait: async () => undefined,
+        delaysMs: [0, 0],
+      }),
+    ).resolves.toEqual({ kind: 'delayed' });
+
+    expect(workflowRead.mock.calls).toEqual([
+      ['scope-alpha', 'wf-publication-alpha'],
+      ['scope-alpha', 'wf-publication-alpha'],
+    ]);
+  });
+
+  it('treats expected workflow materialization and transient transport responses as delayed observation', async () => {
+    for (const error of [
+      httpStatusError(404),
+      httpStatusError(408),
+      httpStatusError(409, 'USER_WORKFLOW_NOT_READY'),
+      httpStatusError(409, 'USER_WORKFLOW_STALE'),
+      httpStatusError(429),
+      httpStatusError(503),
+    ]) {
+      await expect(
+        observeWorkflowPublication({
+          receipt,
+          readWorkflow: async () => {
+            throw error;
+          },
+          wait: async () => undefined,
+          delaysMs: [0],
+        }),
+      ).resolves.toEqual({ kind: 'delayed' });
+    }
+  });
+
+  it('fails fulfilled workflow identity mismatches instead of accepting a different resource', async () => {
+    const mismatches = [
+      workflowDetail({}, { scopeId: 'scope-other' }),
+      workflowDetail({ scopeId: 'scope-other' }),
+      workflowDetail({ workflowId: 'wf-other' }),
+    ];
+
+    for (const workflow of mismatches) {
+      await expect(
+        observeWorkflowPublication({
+          receipt,
+          readWorkflow: async () => workflow,
+          wait: async () => undefined,
+          delaysMs: [0],
+        }),
+      ).rejects.toThrow('does not match');
+    }
+  });
+
+  it.each([
+    ['empty', ''],
+    ['blank', '  '],
+    ['legacy default', 'default'],
+  ])('keeps observation pending for a %s published service identity', async (_caseName, publishedServiceId) => {
+    await expect(
+      observeWorkflowPublication({
+        receipt,
+        readWorkflow: async () => workflowDetail({ publishedServiceId }),
+        wait: async () => undefined,
+        delaysMs: [0],
+      }),
+    ).resolves.toEqual({ kind: 'delayed' });
+  });
+});
+
+describe('resolveWorkflowPublicationPhase', () => {
+  it('maps authorization errors from an exact observation read to distinct phases', () => {
+    expect(
+      resolveWorkflowPublicationPhase({
+        data: undefined,
+        enabled: true,
+        error: httpStatusError(401),
+        isFetching: false,
+        isPending: false,
+      }),
+    ).toBe('unauthorized');
+    expect(
+      resolveWorkflowPublicationPhase({
+        data: undefined,
+        enabled: true,
+        error: httpStatusError(403),
+        isFetching: false,
+        isPending: false,
+      }),
+    ).toBe('forbidden');
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.ts
new file mode 100644
index 0000000000..3c74d4d44a
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowPublication.ts
@@ -0,0 +1,239 @@
+import { useQuery } from '@tanstack/react-query';
+import { scopesApi } from '@/shared/api/scopesApi';
+import type { ScopeWorkflowDetail } from '@/shared/models/scopes';
+
+export const WORKFLOW_PUBLICATION_OBSERVATION_DELAYS_MS = [
+  0, 300, 700, 1200, 2000,
+] as const;
+
+export const WORKFLOW_PUBLICATION_RETRY_INTERVAL_MS = 1500;
+
+const DELAYED_WORKFLOW_CONFLICT_CODES = new Set([
+  'USER_WORKFLOW_NOT_READY',
+  'USER_WORKFLOW_STALE',
+]);
+
+export type WorkflowPublicationReceipt = {
+  readonly scopeId: string;
+  readonly workflowId: string;
+  readonly revisionId: string;
+};
+
+export type WorkflowPublicationObservationInput = {
+  readonly delaysMs?: readonly number[];
+  readonly readWorkflow: (
+    scopeId: string,
+    workflowId: string,
+  ) => Promise<ScopeWorkflowDetail>;
+  readonly receipt: WorkflowPublicationReceipt;
+  readonly wait?: (delayMs: number) => Promise<void>;
+};
+
+export type WorkflowPublicationObservationResult =
+  | {
+      readonly kind: 'observed';
+      readonly publishedServiceId: string;
+      readonly workflow: ScopeWorkflowDetail;
+    }
+  | { readonly kind: 'delayed' };
+
+export type WorkflowPublicationObservationPhase =
+  | 'idle'
+  | 'observing'
+  | 'observed'
+  | 'delayed'
+  | 'unauthorized'
+  | 'forbidden'
+  | 'failed';
+
+function defaultWait(delayMs: number): Promise<void> {
+  return new Promise((resolve) => window.setTimeout(resolve, delayMs));
+}
+
+function statusOf(error: unknown): number | undefined {
+  if (
+    error &&
+    typeof error === 'object' &&
+    'status' in error &&
+    typeof error.status === 'number'
+  ) {
+    return error.status;
+  }
+
+  return undefined;
+}
+
+function codeOf(error: unknown): string | undefined {
+  if (
+    error &&
+    typeof error === 'object' &&
+    'code' in error &&
+    typeof error.code === 'string'
+  ) {
+    return error.code.trim();
+  }
+
+  return undefined;
+}
+
+function isDelayedWorkflowRead(error: unknown): boolean {
+  const status = statusOf(error);
+  return (
+    status === 404 ||
+    status === 408 ||
+    status === 425 ||
+    status === 429 ||
+    (status !== undefined && status >= 500 && status < 600) ||
+    (status === 409 && DELAYED_WORKFLOW_CONFLICT_CODES.has(codeOf(error) ?? ''))
+  );
+}
+
+function assertAcceptedWorkflowIdentity(
+  receipt: WorkflowPublicationReceipt,
+  workflow: ScopeWorkflowDetail,
+): void {
+  if (workflow.scopeId !== receipt.scopeId) {
+    throw new Error('The observed workflow does not match the accepted scope.');
+  }
+  if (workflow.workflow) {
+    if (workflow.workflow.scopeId !== receipt.scopeId) {
+      throw new Error(
+        'The observed workflow does not match the accepted scope.',
+      );
+    }
+    if (workflow.workflow.workflowId !== receipt.workflowId) {
+      throw new Error(
+        'The observed workflow does not match the accepted workflow.',
+      );
+    }
+  }
+}
+
+function matchesAcceptedPublication(
+  receipt: WorkflowPublicationReceipt,
+  workflow: ScopeWorkflowDetail,
+): boolean {
+  return (
+    workflow.available === true &&
+    workflow.scopeId === receipt.scopeId &&
+    workflow.workflow?.scopeId === receipt.scopeId &&
+    workflow.workflow.workflowId === receipt.workflowId &&
+    workflow.workflow.activeRevisionId === receipt.revisionId
+  );
+}
+
+function normalizePublishedServiceId(
+  publishedServiceId: string | null | undefined,
+): string | null {
+  const normalized = publishedServiceId?.trim();
+  return normalized && normalized.toLowerCase() !== 'default'
+    ? normalized
+    : null;
+}
+
+export async function observeWorkflowPublication(
+  input: WorkflowPublicationObservationInput,
+): Promise<WorkflowPublicationObservationResult> {
+  const delays = input.delaysMs ?? WORKFLOW_PUBLICATION_OBSERVATION_DELAYS_MS;
+  const wait = input.wait ?? defaultWait;
+
+  for (const delayMs of delays) {
+    if (delayMs > 0) await wait(delayMs);
+
+    let workflow: ScopeWorkflowDetail;
+    try {
+      workflow = await input.readWorkflow(
+        input.receipt.scopeId,
+        input.receipt.workflowId,
+      );
+    } catch (error) {
+      if (isDelayedWorkflowRead(error)) continue;
+      throw error;
+    }
+
+    assertAcceptedWorkflowIdentity(input.receipt, workflow);
+    if (!matchesAcceptedPublication(input.receipt, workflow)) continue;
+
+    const publishedServiceId = normalizePublishedServiceId(
+      workflow.workflow?.publishedServiceId,
+    );
+    if (!publishedServiceId) continue;
+
+    return {
+      kind: 'observed',
+      publishedServiceId,
+      workflow,
+    };
+  }
+
+  return { kind: 'delayed' };
+}
+
+export function resolveWorkflowPublicationPhase(input: {
+  readonly data: WorkflowPublicationObservationResult | undefined;
+  readonly enabled: boolean;
+  readonly error: unknown;
+  readonly isFetching: boolean;
+  readonly isPending: boolean;
+}): WorkflowPublicationObservationPhase {
+  if (!input.enabled) return 'idle';
+  if (input.isPending || input.isFetching) return 'observing';
+
+  const status = statusOf(input.error);
+  if (status === 401) return 'unauthorized';
+  if (status === 403) return 'forbidden';
+  if (input.error) return 'failed';
+  if (input.data?.kind === 'observed') return 'observed';
+  if (input.data?.kind === 'delayed') return 'delayed';
+  return 'failed';
+}
+
+export function useWorkflowPublication(
+  receipt: WorkflowPublicationReceipt | null,
+) {
+  const enabled = receipt !== null;
+  const query = useQuery({
+    enabled,
+    queryKey: [
+      'workflow-activity-vnext',
+      'workflow-publication',
+      receipt?.scopeId ?? '',
+      receipt?.workflowId ?? '',
+      receipt?.revisionId ?? '',
+    ],
+    queryFn: () => {
+      if (!receipt) {
+        throw new Error('A workflow publication receipt is required.');
+      }
+
+      return observeWorkflowPublication({
+        receipt,
+        readWorkflow: (scopeId, workflowId) =>
+          scopesApi.getWorkflowDetail(scopeId, workflowId),
+      });
+    },
+    refetchInterval: (observationQuery) =>
+      observationQuery.state.data?.kind === 'delayed'
+        ? WORKFLOW_PUBLICATION_RETRY_INTERVAL_MS
+        : false,
+    refetchIntervalInBackground: true,
+    retry: false,
+  });
+  const phase = resolveWorkflowPublicationPhase({
+    data: query.data,
+    enabled,
+    error: query.error,
+    isFetching: query.isFetching,
+    isPending: query.isPending,
+  });
+
+  return {
+    error: query.error,
+    phase,
+    publishedServiceId:
+      phase === 'observed' && query.data?.kind === 'observed'
+        ? query.data.publishedServiceId
+        : null,
+    receipt,
+  } as const;
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx
new file mode 100644
index 0000000000..0a3943462e
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx
@@ -0,0 +1,6585 @@
+import { QueryClient } from '@tanstack/react-query';
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import * as React from 'react';
+import {
+  clearStoredAuthSession,
+  persistAuthSession,
+} from '@/shared/auth/session';
+import { history } from '@/shared/navigation/history';
+import {
+  cleanupTestQueryClients,
+  renderWithQueryClient,
+} from '../../../tests/reactQueryTestUtils';
+import WorkflowActivityVNextPage from './index';
+import { workflowActivityVNextCss } from './styles';
+
+jest.mock('@/shared/api/workflowScheduleApi', () => ({
+  workflowScheduleApi: {
+    create: jest.fn(),
+    delete: jest.fn(),
+    disable: jest.fn(),
+    enable: jest.fn(),
+    get: jest.fn(),
+    list: jest.fn(),
+    preview: jest.fn(),
+    runNow: jest.fn(),
+    update: jest.fn(),
+  },
+}));
+
+type SerializableWorkflowDocument = {
+  readonly name?: string;
+};
+
+type SaveWorkflowRequestProbe = {
+  readonly workflowName: string;
+  readonly yaml: string;
+};
+
+let mockLocation = '/scopes/scope-alpha/workflow-activity-vnext/workflows';
+let mockHistoryMutatesLocation = false;
+const mockLocationSubscribers = new Set<() => void>();
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+const readMockUrl = () => new URL(mockLocation, 'http://console.local');
+
+type CatalogueRowFixture = {
+  readonly capabilities?: {
+    readonly open: {
+      readonly available: boolean;
+      readonly unavailableReason: string | null;
+    };
+    readonly activity: {
+      readonly available: boolean;
+      readonly unavailableReason: string | null;
+    };
+    readonly rename: {
+      readonly available: boolean;
+      readonly unavailableReason: string | null;
+    };
+    readonly delete: {
+      readonly available: boolean;
+      readonly unavailableReason: string | null;
+    };
+  };
+  readonly name: string;
+  readonly workflowId: string;
+  readonly committed?: {
+    readonly serviceKey: string;
+    readonly workflowName: string;
+    readonly actorId: string;
+    readonly activeRevisionId: string;
+    readonly deploymentId: string;
+    readonly deploymentStatus: string;
+  } | null;
+  readonly description?: string;
+  readonly hasCommittedSource?: boolean;
+  readonly hasDraftSource?: boolean;
+  readonly updatedAtSource?: string;
+  readonly updatedAtUtc?: string;
+};
+
+function createCatalogueRow(overrides: CatalogueRowFixture) {
+  const committed = overrides.committed ?? null;
+  return {
+    scopeId: 'scope-alpha',
+    description: '',
+    hasDraftSource: true,
+    hasCommittedSource: Boolean(committed),
+    updatedAtUtc: '2026-08-04T10:00:00Z',
+    updatedAtSource: committed ? 'committed' : 'draft',
+    capabilities: {
+      open: { available: true, unavailableReason: null },
+      activity: {
+        available: Boolean(committed),
+        unavailableReason: committed ? null : 'committed_source_missing',
+      },
+      rename: { available: true, unavailableReason: null },
+      delete: { available: true, unavailableReason: null },
+    },
+    sourceWatermarkUtc: '2026-08-04T10:00:00Z',
+    committed,
+    ...overrides,
+  };
+}
+
+function createCatalogueResponse(
+  items: ReturnType<typeof createCatalogueRow>[],
+  nextPageToken: string | null = null,
+) {
+  return {
+    items,
+    nextPageToken,
+    freshness: {
+      refreshWatermarkUtc: '2026-08-04T10:00:00Z',
+      sourceVersionSemantics: 'max source timestamp',
+    },
+    search: {
+      searchableFields: ['name', 'description', 'workflowId'],
+      caseSemantics: 'ordinal ignore case',
+      unicodeNormalization: 'FormKC',
+      maximumQueryLength: 128,
+      emptyQuerySemantics: 'no filter',
+      workflowIdSemantics: 'exact or prefix',
+    },
+  };
+}
+
+function createSseResponse(frames: readonly unknown[]): Response {
+  const encoder = new TextEncoder();
+  const body = frames
+    .map((frame) => `data: ${JSON.stringify(frame)}\n\n`)
+    .join('');
+
+  return {
+    body: new ReadableStream({
+      start(controller) {
+        controller.enqueue(encoder.encode(body));
+        controller.close();
+      },
+    }),
+    ok: true,
+  } as Response;
+}
+
+function createEditorRunDetail(input: {
+  readonly finalError?: string;
+  readonly finalOutput?: string;
+  readonly runId: string;
+  readonly stateVersion: number;
+  readonly status: string;
+}) {
+  return {
+    summary: {
+      runId: input.runId,
+      workflowName: 'Committed source',
+      status: input.status,
+      success:
+        input.status === 'completed'
+          ? true
+          : input.status === 'failed'
+            ? false
+            : null,
+      startedAtUtc: '2026-08-05T10:00:00Z',
+      updatedAtUtc: '2026-08-05T10:00:01Z',
+      stateVersion: input.stateVersion,
+      scopeId: 'scope-alpha',
+      runOrigin: 'draft',
+    },
+    input: 'Review order 42',
+    finalOutput: input.finalOutput ?? '',
+    finalError: input.finalError ?? '',
+    diagnostics: [],
+    steps: [
+      {
+        stepId: 'step-verify',
+        stepType: 'llm_call',
+        targetRole: 'reviewer',
+        requestedAtUtc: '2026-08-05T10:00:00Z',
+        completedAtUtc:
+          input.status === 'running' ? null : '2026-08-05T10:00:01Z',
+        success:
+          input.status === 'running' ? null : input.status === 'completed',
+        durationMs: input.status === 'running' ? null : 1000,
+        outputPreview: input.finalOutput ?? '',
+        error: input.finalError ?? '',
+        requestParameters: {},
+        nextStepId: '',
+        branchKey: '',
+        suspensionType: '',
+        suspensionPrompt: '',
+        suspensionContent: '',
+        suspensionTimeoutSeconds: null,
+        toolApproval: null,
+        usage: {
+          promptTokens: 0,
+          completionTokens: 0,
+          totalTokens: 0,
+          cost: 0,
+        },
+      },
+    ],
+    timeline: [],
+    statistics: {
+      totalSteps: 1,
+      requestedSteps: 1,
+      completedSteps: input.status === 'running' ? 0 : 1,
+      roleReplyCount: 0,
+      stepTypeCounts: { llm_call: 1 },
+    },
+    usageTotals: {
+      promptTokens: 0,
+      completionTokens: 0,
+      totalTokens: 0,
+      cost: 0,
+    },
+  };
+}
+
+function setMockLocation(nextLocation: string): void {
+  mockLocation = nextLocation;
+  act(() => {
+    for (const listener of mockLocationSubscribers) listener();
+  });
+}
+
+jest.mock('@umijs/max', () => ({
+  getIntl: () => ({
+    formatMessage: (
+      { defaultMessage, id }: { defaultMessage?: string; id: string },
+      values?: Record<string, unknown>,
+    ) =>
+      (defaultMessage ?? id).replace(
+        /\{(\w+)\}/g,
+        (_match: string, key: string) => String(values?.[key] ?? ''),
+      ),
+  }),
+  getLocale: () => 'en-US',
+  history: {},
+  setLocale: jest.fn(),
+  useIntl: () => ({
+    formatMessage: ({
+      defaultMessage,
+      id,
+    }: {
+      defaultMessage?: string;
+      id: string;
+    }) => defaultMessage ?? id,
+  }),
+  useLocation: () => ({
+    hash: readMockUrl().hash,
+    pathname: readMockUrl().pathname,
+    search: readMockUrl().search,
+  }),
+  useModel: () => ({ initialState: { auth: { authenticated: true } } }),
+  useParams: () => ({ scopeId: 'scope-alpha' }),
+}));
+
+jest.mock('@/shared/studio/api', () => ({
+  isStudioApiErrorCode: (error: unknown, status: number, code: string) =>
+    Boolean(
+      error &&
+        typeof error === 'object' &&
+        'status' in error &&
+        error.status === status &&
+        'code' in error &&
+        error.code === code,
+    ),
+  isStudioApiStatus: (error: unknown, status: number) =>
+    Boolean(
+      error &&
+        typeof error === 'object' &&
+        'status' in error &&
+        error.status === status,
+    ),
+  studioApi: {
+    authorWorkflow: jest.fn(),
+    createWorkflowDraft: jest.fn(),
+    deleteWorkflowDraft: jest.fn(),
+    getWorkspaceSettings: jest.fn(),
+    getAuthSession: jest.fn(async () => ({
+      authenticated: true,
+      enabled: true,
+      profile: null,
+      session: { authenticated: true },
+      subject: 'test-user',
+    })),
+    getUserConfigRuntime: jest.fn(),
+    getUserLlmSettings: jest.fn(),
+    getWorkflow: jest.fn(),
+    getWorkflowDraft: jest.fn(),
+    getWorkflowDraftFile: jest.fn(),
+    instantiateWorkflowTemplate: jest.fn(),
+    listWorkflowDrafts: jest.fn(),
+    parseYaml: jest.fn(),
+    previewExplicitRequests: jest.fn(),
+    publishWorkflow: jest.fn(),
+    saveWorkflow: jest.fn(),
+    saveAndBindWorkflow: jest.fn(),
+    saveUserLlmSettings: jest.fn(),
+    serializeYaml: jest.fn(),
+    updateWorkflowDraft: jest.fn(),
+  },
+}));
+
+jest.mock('@/shared/api/runtimeCatalogApi', () => ({
+  runtimeCatalogApi: {
+    getWorkflowTemplate: jest.fn(),
+    listWorkflowTemplates: jest.fn(),
+  },
+}));
+
+jest.mock('@/shared/studio/explicitRequestConfirmation', () => ({
+  createWorkflowRevisionIdentityCandidate: jest.fn(),
+}));
+
+jest.mock('@/shared/api/scopesApi', () => ({
+  scopesApi: {
+    archiveWorkflow: jest.fn(),
+    getWorkflowDetail: jest.fn(),
+    listWorkflows: jest.fn(),
+    queryWorkflowCatalogue: jest.fn(),
+  },
+}));
+
+jest.mock('@/shared/api/servicesApi', () => ({
+  servicesApi: {
+    deactivateDeployment: jest.fn(),
+  },
+}));
+
+jest.mock('./workflows/workflowArchival', () => {
+  const actual = jest.requireActual('./workflows/workflowArchival');
+  return {
+    ...actual,
+    observeWorkflowArchival: jest.fn(),
+  };
+});
+
+jest.mock('@/shared/api/scopeRuntimeApi', () => ({
+  scopeRuntimeApi: {
+    getServiceRevisions: jest.fn(),
+    listServices: jest.fn(),
+  },
+}));
+
+jest.mock('@/shared/api/runtimeRunsApi', () => ({
+  runtimeRunsApi: {
+    streamChat: jest.fn(),
+    streamDraftRun: jest.fn(),
+    streamEndpoint: jest.fn(),
+  },
+}));
+
+jest.mock('@/shared/api/workflowActivityApi', () => ({
+  workflowActivityApi: {
+    getRun: jest.fn(),
+  },
+}));
+
+jest.mock('@/pages/settings/userLlmSaveObservation', () => ({
+  observeUserLlmSave: jest.fn(),
+}));
+
+jest.mock('@/shared/navigation/history', () => ({
+  getLocationSnapshot: () =>
+    `${readMockUrl().pathname}${readMockUrl().search}${readMockUrl().hash}`,
+  history: {
+    push: jest.fn(),
+    replace: jest.fn((target: string) => {
+      if (!mockHistoryMutatesLocation) return;
+      mockLocation = target;
+      for (const listener of mockLocationSubscribers) listener();
+    }),
+  },
+  subscribeToLocationChanges: (listener: () => void) => {
+    mockLocationSubscribers.add(listener);
+    return () => mockLocationSubscribers.delete(listener);
+  },
+}));
+
+jest.mock('@/shared/ui/ConsoleHeaderActions', () => ({
+  ConsoleAuthActions: ({
+    principal,
+  }: {
+    principal?: {
+      authenticated: boolean;
+      displayName: string;
+      picture: string | null;
+    } | null;
+  }) => (
+    <button
+      data-auth-source={principal === undefined ? 'stored' : 'account'}
+      data-picture={principal?.picture ?? ''}
+      title={principal?.displayName}
+      type="button"
+    >
+      {principal?.authenticated ? principal.displayName : 'Account'}
+    </button>
+  ),
+  ConsoleLanguageSwitch: () => <button type="button">Language</button>,
+}));
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
+const mockWorkflowStudioCanvasProps = jest.fn();
+
+jest.mock(
+  '@/pages/team-member-workflow-studio/components/WorkflowStudioCanvas',
+  () => ({
+    __esModule: true,
+    default: ({
+      nodes,
+      onAddFirstStep,
+      onCanvasSelect,
+      onConnectNodes,
+      onDeleteEdges,
+      onDeleteNodes,
+      onEdgeSelect,
+      onNodeLayoutChange,
+      onNodeSelect,
+    }: {
+      nodes: readonly { readonly id: string }[];
+      onAddFirstStep?: () => void;
+      onCanvasSelect?: () => void;
+      onConnectNodes?: (sourceNodeId: string, targetNodeId: string) => void;
+      onDeleteEdges?: (edgeIds: string[]) => Promise<void> | void;
+      onDeleteNodes?: (nodeIds: string[]) => Promise<void> | void;
+      onEdgeSelect?: (edgeId: string) => void;
+      onNodeLayoutChange?: (
+        nodes: readonly {
+          readonly id: string;
+          readonly position?: { readonly x: number; readonly y: number };
+        }[],
+      ) => void;
+      onNodeSelect?: (nodeId: string) => void;
+    }) => {
+      mockWorkflowStudioCanvasProps({
+        onAddFirstStep,
+        onCanvasSelect,
+        onConnectNodes,
+        onDeleteEdges,
+        onDeleteNodes,
+        onEdgeSelect,
+        onNodeLayoutChange,
+        onNodeSelect,
+      });
+      return (
+        <div
+          data-connectable={String(Boolean(onConnectNodes))}
+          data-deletable={String(Boolean(onDeleteEdges && onDeleteNodes))}
+          data-edge-selectable={String(Boolean(onEdgeSelect))}
+          data-layout-editable={String(Boolean(onNodeLayoutChange))}
+          data-testid="workflow-studio-canvas"
+        >
+          {nodes.map((node) => (
+            <button
+              key={node.id}
+              onClick={() => onNodeSelect?.(node.id)}
+              type="button"
+            >
+              Select {node.id}
+            </button>
+          ))}
+          <button
+            disabled={!onConnectNodes || nodes.length < 2}
+            onClick={() => onConnectNodes?.(nodes[0].id, nodes[1].id)}
+            type="button"
+          >
+            Connect first two nodes
+          </button>
+        </div>
+      );
+    },
+  }),
+);
+
+const mockStudioApi = jest.requireMock('@/shared/studio/api').studioApi as {
+  authorWorkflow: jest.Mock;
+  createWorkflowDraft: jest.Mock;
+  deleteWorkflowDraft: jest.Mock;
+  getWorkspaceSettings: jest.Mock;
+  getAuthSession: jest.Mock;
+  getUserConfigRuntime: jest.Mock;
+  getUserLlmSettings: jest.Mock;
+  getWorkflow: jest.Mock;
+  getWorkflowDraft: jest.Mock;
+  getWorkflowDraftFile: jest.Mock;
+  instantiateWorkflowTemplate: jest.Mock;
+  listWorkflowDrafts: jest.Mock;
+  parseYaml: jest.Mock;
+  previewExplicitRequests: jest.Mock;
+  publishWorkflow: jest.Mock;
+  saveWorkflow: jest.Mock;
+  saveAndBindWorkflow: jest.Mock;
+  saveUserLlmSettings: jest.Mock;
+  serializeYaml: jest.Mock;
+  updateWorkflowDraft: jest.Mock;
+};
+const mockRuntimeCatalogApi = jest.requireMock('@/shared/api/runtimeCatalogApi')
+  .runtimeCatalogApi as {
+  getWorkflowTemplate: jest.Mock;
+  listWorkflowTemplates: jest.Mock;
+};
+const mockCreateWorkflowRevisionIdentityCandidate = jest.requireMock(
+  '@/shared/studio/explicitRequestConfirmation',
+).createWorkflowRevisionIdentityCandidate as jest.Mock;
+const mockScopesApi = jest.requireMock('@/shared/api/scopesApi').scopesApi as {
+  archiveWorkflow: jest.Mock;
+  getWorkflowDetail: jest.Mock;
+  listWorkflows: jest.Mock;
+  queryWorkflowCatalogue: jest.Mock;
+};
+const mockServicesApi = jest.requireMock('@/shared/api/servicesApi')
+  .servicesApi as {
+  deactivateDeployment: jest.Mock;
+};
+const mockObserveWorkflowArchival = jest.requireMock(
+  './workflows/workflowArchival',
+).observeWorkflowArchival as jest.Mock;
+const mockScopeRuntimeApi = jest.requireMock('@/shared/api/scopeRuntimeApi')
+  .scopeRuntimeApi as {
+  getServiceRevisions: jest.Mock;
+  listServices: jest.Mock;
+};
+const mockRuntimeRunsApi = jest.requireMock('@/shared/api/runtimeRunsApi')
+  .runtimeRunsApi as {
+  streamChat: jest.Mock;
+  streamDraftRun: jest.Mock;
+  streamEndpoint: jest.Mock;
+};
+const mockWorkflowActivityApi = jest.requireMock(
+  '@/shared/api/workflowActivityApi',
+).workflowActivityApi as {
+  getRun: jest.Mock;
+};
+const mockWorkflowScheduleApi = jest.requireMock(
+  '@/shared/api/workflowScheduleApi',
+).workflowScheduleApi as {
+  list: jest.Mock;
+};
+const mockObserveUserLlmSave = jest.requireMock(
+  '@/pages/settings/userLlmSaveObservation',
+).observeUserLlmSave as jest.Mock;
+
+describe('Workflow Activity vNext catalogue', () => {
+  beforeEach(() => {
+    mockLocation = '/scopes/scope-alpha/workflow-activity-vnext/workflows';
+    mockHistoryMutatesLocation = false;
+    jest.clearAllMocks();
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([]),
+    );
+    mockWorkflowScheduleApi.list.mockResolvedValue({
+      items: [],
+      nextCursor: null,
+      totalCount: 0,
+    });
+    mockScopesApi.archiveWorkflow.mockResolvedValue({
+      scopeId: 'scope-alpha',
+      workflowId: 'wf-alpha',
+      deploymentId: 'dep-alpha',
+      commandHandle: {
+        stage: 'deactivate_deployment',
+        targetActorId: 'deployment-manager-alpha',
+        commandId: 'cmd-archive-alpha',
+        correlationId: 'corr-archive-alpha',
+      },
+      readModelUrl: '/api/scopes/scope-alpha/workflows/wf-alpha',
+      acceptanceStage: 'accepted',
+      propagationStage: 'readmodel_propagating',
+    });
+    mockServicesApi.deactivateDeployment.mockResolvedValue({
+      targetActorId: 'deployment-manager-alpha',
+      commandId: 'cmd-archive-alpha',
+      correlationId: 'corr-archive-alpha',
+    });
+  });
+
+  afterEach(() => {
+    jest.useRealTimers();
+    cleanupTestQueryClients();
+  });
+
+  it('uses backend catalogue views and preserves backend row order', async () => {
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-older-first',
+          name: 'Older first',
+          updatedAtUtc: '2026-08-01T10:00:00Z',
+        }),
+        createCatalogueRow({
+          workflowId: 'wf-newer-second',
+          name: 'Newer second',
+          updatedAtUtc: '2026-08-05T10:00:00Z',
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('Older first')).toBeInTheDocument();
+    const workflowNames = screen
+      .getAllByRole('row')
+      .slice(1)
+      .map((row) => within(row).getAllByRole('cell')[0]?.textContent);
+    expect(workflowNames).toEqual(['Older first', 'Newer second']);
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+      {
+        scopeId: 'scope-alpha',
+        view: 'all',
+        query: undefined,
+        cursor: undefined,
+        take: 50,
+      },
+      expect.any(AbortSignal),
+    );
+    expect(mockStudioApi.listWorkflowDrafts).not.toHaveBeenCalled();
+    expect(mockScopesApi.listWorkflows).not.toHaveBeenCalled();
+
+    fireEvent.mouseDown(
+      screen.getByRole('combobox', { name: 'Workflow view' }),
+    );
+    expect(
+      await screen.findByRole('option', { name: 'All workflows' }),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('option', { name: 'Drafts' })).toBeInTheDocument();
+    expect(
+      screen.getByRole('option', { name: 'Show archived workflows' }),
+    ).toBeInTheDocument();
+  });
+
+  it('reserves a stable action column for published workflow schedules', async () => {
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-published',
+          name: 'Published workflow',
+          committed: {
+            serviceKey: 'svc-published',
+            workflowName: 'published_workflow',
+            actorId: 'actor-published',
+            activeRevisionId: 'revision-published',
+            deploymentId: 'deployment-published',
+            deploymentStatus: 'Running',
+          },
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const table = await screen.findByRole('table');
+    const columns = table.querySelectorAll('col');
+    expect(table).toHaveClass('wa-vnext__table--workflow-catalogue');
+    expect(columns).toHaveLength(4);
+    expect(columns[3]).toHaveStyle({ width: '500px' });
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__table--workflow-catalogue { min-width: 1160px; }',
+    );
+  });
+
+  it('opens the published Workflow Schedule action as a management modal', async () => {
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-published',
+          name: 'Published workflow',
+          committed: {
+            serviceKey: 'svc-published',
+            workflowName: 'published_workflow',
+            actorId: 'actor-published',
+            activeRevisionId: 'revision-published',
+            deploymentId: 'deployment-published',
+            deploymentStatus: 'Running',
+          },
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', {
+        name: 'Manage schedules for Published workflow',
+      }),
+    );
+
+    await waitFor(() =>
+      expect(
+        screen.getByText('Schedules for Published workflow', {
+          selector: '.ant-modal-title',
+        }),
+      ).toBeVisible(),
+    );
+    expect(screen.getByText('No schedules yet')).toBeVisible();
+    expect(screen.getByRole('button', { name: 'New schedule' })).toBeVisible();
+    expect(
+      screen.queryByText('Recurring runs for Published workflow'),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByText('WORKFLOW SCHEDULE')).not.toBeInTheDocument();
+    expect(screen.queryByText('What will happen')).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Review schedule' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getAllByRole('dialog')).toHaveLength(1);
+  });
+
+  it('refreshes the workflow catalogue when returning from the editor', async () => {
+    const queryClient = new QueryClient({
+      defaultOptions: {
+        queries: {
+          gcTime: Infinity,
+          refetchOnWindowFocus: false,
+          retry: false,
+          staleTime: 30_000,
+        },
+      },
+    });
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue({
+      runtimeBaseUrl: '',
+      directories: [],
+    });
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-alpha',
+      name: 'Workflow alpha',
+      fileName: 'workflow-alpha.yaml',
+      filePath: '/workflows/workflow-alpha.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: workflow_alpha\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-11T10:00:00Z',
+      document: { name: 'workflow_alpha', roles: [], steps: [] },
+      draftExists: true,
+      findings: [],
+    });
+    mockScopesApi.getWorkflowDetail.mockResolvedValue({
+      available: false,
+      scopeId: 'scope-alpha',
+      workflow: null,
+      source: null,
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />, queryClient);
+
+    await waitFor(() =>
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(1),
+    );
+
+    setMockLocation(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-alpha',
+    );
+    expect(await screen.findByDisplayValue('Workflow alpha')).toBeVisible();
+
+    setMockLocation('/scopes/scope-alpha/workflow-activity-vnext/workflows');
+
+    await waitFor(() =>
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(2),
+    );
+  });
+
+  it('reports a failed completion check without claiming the draft was deleted', async () => {
+    mockScopesApi.queryWorkflowCatalogue
+      .mockResolvedValueOnce(
+        createCatalogueResponse([
+          createCatalogueRow({
+            workflowId: 'wf-draft-alpha',
+            name: 'Support triage',
+          }),
+        ]),
+      )
+      .mockRejectedValueOnce(new Error('refresh returned 503'));
+    mockStudioApi.deleteWorkflowDraft.mockResolvedValue(undefined);
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const draftName = await screen.findByText('Support triage');
+    fireEvent.click(
+      within(draftName.closest('tr') as HTMLElement).getByRole('button', {
+        name: 'More actions for Support triage in Workspace',
+      }),
+    );
+    fireEvent.click(
+      await screen.findByRole('menuitem', { name: 'Delete draft' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Delete draft' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Couldn't check whether the change has finished",
+      ),
+    );
+    expect(mockConsoleToast.error).toHaveBeenCalledTimes(1);
+    expect(mockStudioApi.deleteWorkflowDraft).toHaveBeenCalledTimes(1);
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(2);
+  });
+
+  it('keeps the archived workflow view on the frontend and backend', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows?view=archived';
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-archived',
+          name: 'Archived workflow',
+          committed: {
+            serviceKey: 'svc-archived',
+            workflowName: 'archived_workflow',
+            actorId: 'actor-archived',
+            activeRevisionId: 'rev-archived',
+            deploymentId: 'dep-archived',
+            deploymentStatus: 'Deactivated',
+          },
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('Archived workflow')).toBeInTheDocument();
+    expect(screen.getByText('Show archived workflows')).toBeInTheDocument();
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+      expect.objectContaining({ view: 'archived' }),
+      expect.any(AbortSignal),
+    );
+    expect(history.replace).not.toHaveBeenCalled();
+  });
+
+  it('sends the drafts view and restored search to the backend', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows?q=support&view=drafts';
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-support',
+          name: 'Support triage',
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('Support triage')).toBeInTheDocument();
+    expect(
+      screen.getByRole('searchbox', { name: 'Search workflows' }),
+    ).toHaveValue('support');
+    expect(screen.getByText('Drafts')).toBeInTheDocument();
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+      {
+        scopeId: 'scope-alpha',
+        view: 'drafts',
+        query: 'support',
+        cursor: undefined,
+        take: 50,
+      },
+      expect.any(AbortSignal),
+    );
+  });
+
+  it('excludes published workflows from the Drafts product view', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows?view=drafts';
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-draft-alpha',
+          name: 'Support triage draft',
+        }),
+        createCatalogueRow({
+          workflowId: 'wf-published-alpha',
+          name: 'Published support workflow',
+          committed: {
+            serviceKey: 'service-key-alpha',
+            workflowName: 'published_support_workflow',
+            actorId: 'actor-alpha',
+            activeRevisionId: 'rev-alpha',
+            deploymentId: 'dep-alpha',
+            deploymentStatus: 'Active',
+          },
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('Support triage draft')).toBeInTheDocument();
+    expect(
+      screen.queryByText('Published support workflow'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('keeps Drafts pagination available when a page contains only published workflows', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows?view=drafts';
+    mockScopesApi.queryWorkflowCatalogue.mockImplementation(
+      (input: { cursor?: string }) =>
+        Promise.resolve(
+          input.cursor === 'page-2'
+            ? createCatalogueResponse([
+                createCatalogueRow({
+                  workflowId: 'wf-draft-beta',
+                  name: 'Billing draft',
+                }),
+              ])
+            : createCatalogueResponse(
+                [
+                  createCatalogueRow({
+                    workflowId: 'wf-published-alpha',
+                    name: 'Published support workflow',
+                    committed: {
+                      serviceKey: 'service-key-alpha',
+                      workflowName: 'published_support_workflow',
+                      actorId: 'actor-alpha',
+                      activeRevisionId: 'rev-alpha',
+                      deploymentId: 'dep-alpha',
+                      deploymentStatus: 'Active',
+                    },
+                  }),
+                ],
+                'page-2',
+              ),
+        ),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByText('No matching workflows'),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText('Published support workflow'),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Load more' }));
+
+    expect(await screen.findByText('Billing draft')).toBeInTheDocument();
+  });
+
+  it('shows table loading while manually refreshing the catalogue', async () => {
+    let resolveRefresh!: (
+      response: ReturnType<typeof createCatalogueResponse>,
+    ) => void;
+    mockScopesApi.queryWorkflowCatalogue
+      .mockResolvedValueOnce(
+        createCatalogueResponse([
+          createCatalogueRow({
+            workflowId: 'wf-draft-alpha',
+            name: 'Support triage',
+          }),
+        ]),
+      )
+      .mockImplementationOnce(
+        () =>
+          new Promise((resolve) => {
+            resolveRefresh = resolve;
+          }),
+      );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('Support triage')).toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh workflows' }));
+
+    await waitFor(() =>
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(2),
+    );
+    expect(screen.getByText('Loading workflows')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+
+    act(() => resolveRefresh(createCatalogueResponse([])));
+    expect(await screen.findByText('No workflows yet')).toBeInTheDocument();
+  });
+
+  it('debounces search despite URL synchronization and aborts an obsolete request', async () => {
+    let supportSignal: AbortSignal | undefined;
+    mockScopesApi.queryWorkflowCatalogue.mockImplementation(
+      (input: { query?: string }, signal?: AbortSignal) => {
+        if (input.query === 'support') {
+          supportSignal = signal;
+          return new Promise(() => undefined);
+        }
+        return Promise.resolve(createCatalogueResponse([]));
+      },
+    );
+
+    jest.useFakeTimers();
+    const rendered = renderWithQueryClient(<WorkflowActivityVNextPage />);
+    try {
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(1);
+
+      mockHistoryMutatesLocation = true;
+      const search = screen.getByRole('searchbox', {
+        name: 'Search workflows',
+      });
+      fireEvent.change(search, { target: { value: ' support ' } });
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(299);
+      });
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(1);
+      expect(search).toHaveValue(' support ');
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(1);
+      });
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+        expect.objectContaining({ query: 'support' }),
+        expect.any(AbortSignal),
+      );
+      expect(supportSignal?.aborted).toBe(false);
+
+      fireEvent.change(search, { target: { value: 'billing' } });
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(300);
+      });
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+        expect.objectContaining({ query: 'billing' }),
+        expect.any(AbortSignal),
+      );
+      expect(supportSignal?.aborted).toBe(true);
+    } finally {
+      rendered.unmount();
+      jest.clearAllTimers();
+      jest.useRealTimers();
+    }
+  });
+
+  it('loads the next backend page and appends it without reordering', async () => {
+    let resolveNextPage!: (
+      response: ReturnType<typeof createCatalogueResponse>,
+    ) => void;
+    mockScopesApi.queryWorkflowCatalogue.mockImplementation(
+      (input: { cursor?: string }) =>
+        input.cursor === 'page-2'
+          ? new Promise((resolve) => {
+              resolveNextPage = resolve;
+            })
+          : Promise.resolve(
+              createCatalogueResponse(
+                [
+                  createCatalogueRow({
+                    workflowId: 'wf-first',
+                    name: 'First page row',
+                  }),
+                ],
+                'page-2',
+              ),
+            ),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('First page row')).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Load more' }));
+
+    await waitFor(() =>
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(2),
+    );
+    await waitFor(() =>
+      expect(screen.getByText('Load more').closest('button')).toHaveClass(
+        'ant-btn-loading',
+      ),
+    );
+    expect(screen.getByText('First page row')).toBeInTheDocument();
+    expect(screen.queryByText('Loading workflows')).not.toBeInTheDocument();
+
+    act(() =>
+      resolveNextPage(
+        createCatalogueResponse([
+          createCatalogueRow({
+            workflowId: 'wf-second',
+            name: 'Second page row',
+          }),
+        ]),
+      ),
+    );
+    expect(await screen.findByText('Second page row')).toBeInTheDocument();
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+      expect.objectContaining({ cursor: 'page-2', take: 50 }),
+      expect.any(AbortSignal),
+    );
+    const workflowNames = screen
+      .getAllByRole('row')
+      .slice(1)
+      .map((row) => within(row).getAllByRole('cell')[0]?.textContent);
+    expect(workflowNames).toEqual(['First page row', 'Second page row']);
+  });
+
+  it('keeps loaded rows visible and retries after a next-page failure', async () => {
+    let nextPageAttempts = 0;
+    mockScopesApi.queryWorkflowCatalogue.mockImplementation(
+      (input: { cursor?: string }) => {
+        if (input.cursor !== 'page-2') {
+          return Promise.resolve(
+            createCatalogueResponse(
+              [
+                createCatalogueRow({
+                  workflowId: 'wf-first',
+                  name: 'First page row',
+                }),
+              ],
+              'page-2',
+            ),
+          );
+        }
+        nextPageAttempts += 1;
+        return nextPageAttempts === 1
+          ? Promise.reject(new Error('page unavailable'))
+          : Promise.resolve(
+              createCatalogueResponse([
+                createCatalogueRow({
+                  workflowId: 'wf-second',
+                  name: 'Second page row',
+                }),
+              ]),
+            );
+      },
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('First page row')).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Load more' }));
+    expect(
+      await screen.findByText("More workflows couldn't be loaded"),
+    ).toBeInTheDocument();
+    expect(screen.getByText('First page row')).toBeInTheDocument();
+    expect(screen.queryByText('Workflows unavailable')).toBeNull();
+    fireEvent.click(screen.getByRole('button', { name: 'Load more' }));
+    expect(await screen.findByText('Second page row')).toBeInTheDocument();
+    expect(nextPageAttempts).toBe(2);
+  });
+
+  it('uses backend capabilities and the workflow id for row actions', async () => {
+    const identities = {
+      memberId: 'm-alpha',
+      workflowId: 'wf-alpha',
+      publishedServiceId: 'svc-alpha',
+    };
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-unavailable',
+          name: 'Unavailable workflow',
+          capabilities: {
+            open: {
+              available: false,
+              unavailableReason: 'draft_source_missing',
+            },
+            activity: {
+              available: false,
+              unavailableReason: 'committed_source_missing',
+            },
+            rename: {
+              available: false,
+              unavailableReason: 'draft_source_missing',
+            },
+            delete: {
+              available: false,
+              unavailableReason: 'draft_source_missing',
+            },
+          },
+        }),
+        createCatalogueRow({
+          workflowId: identities.workflowId,
+          name: 'Invoice review',
+          committed: {
+            serviceKey: 'opaque-service-key',
+            workflowName: 'invoice_review',
+            actorId: identities.memberId,
+            activeRevisionId: 'rev-alpha',
+            deploymentId: identities.publishedServiceId,
+            deploymentStatus: 'Deactivated',
+          },
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const unavailableRow = (
+      await screen.findByText('Unavailable workflow')
+    ).closest('tr');
+    expect(unavailableRow).not.toBeNull();
+    expect(
+      within(unavailableRow as HTMLElement).getByRole('button', {
+        name: 'Open Unavailable workflow in Workspace',
+      }),
+    ).toBeDisabled();
+    expect(
+      within(unavailableRow as HTMLElement).getByRole('button', {
+        name: 'View activity for Unavailable workflow in Workspace',
+      }),
+    ).toBeDisabled();
+    fireEvent.click(
+      within(unavailableRow as HTMLElement).getByRole('button', {
+        name: 'More actions for Unavailable workflow in Workspace',
+      }),
+    );
+    expect(
+      await screen.findByRole('menuitem', {
+        name: 'Copy workflow reference',
+      }),
+    ).toBeInTheDocument();
+    expect(screen.queryByRole('menuitem', { name: 'Rename' })).toBeNull();
+    expect(screen.queryByRole('menuitem', { name: 'Delete draft' })).toBeNull();
+
+    const actionableRow = screen.getByText('Invoice review').closest('tr');
+    expect(
+      within(actionableRow as HTMLElement).getByRole('link', {
+        name: 'Open Invoice review in Workspace',
+      }),
+    ).toHaveAttribute(
+      'href',
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-alpha',
+    );
+    expect(
+      within(actionableRow as HTMLElement).getByRole('link', {
+        name: 'View activity for Invoice review in Workspace',
+      }),
+    ).toHaveAttribute(
+      'href',
+      '/scopes/scope-alpha/workflow-activity-vnext/activity?workflowId=wf-alpha',
+    );
+    expect(document.body.textContent).not.toContain(identities.memberId);
+    expect(document.body.textContent).not.toContain(
+      identities.publishedServiceId,
+    );
+  });
+
+  it('shows Delete draft without Archive for a draft-only workflow', async () => {
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({ workflowId: 'wf-draft', name: 'Draft workflow' }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const row = (await screen.findByText('Draft workflow')).closest('tr');
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Draft workflow in Workspace',
+      }),
+    );
+    expect(
+      await screen.findByRole('menuitem', { name: 'Delete draft' }),
+    ).toBeInTheDocument();
+    expect(screen.queryByRole('menuitem', { name: 'Archive' })).toBeNull();
+  });
+
+  it('shows Delete draft without Archive when committed history has no active revision', async () => {
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-draft-with-history',
+          name: 'Draft workflow with history',
+          committed: {
+            serviceKey: 'opaque-service-key',
+            workflowName: 'draft_with_history',
+            actorId: 'm-alpha',
+            activeRevisionId: '',
+            deploymentId: '',
+            deploymentStatus: '',
+          },
+          hasDraftSource: true,
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const row = (
+      await screen.findByText('Draft workflow with history')
+    ).closest('tr');
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Draft workflow with history in Workspace',
+      }),
+    );
+    expect(
+      await screen.findByRole('menuitem', { name: 'Delete draft' }),
+    ).toBeInTheDocument();
+    expect(screen.queryByRole('menuitem', { name: 'Archive' })).toBeNull();
+  });
+
+  it('shows Archive without Delete draft for a published workflow that still has a draft', async () => {
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-published-draft',
+          name: 'Published draft workflow',
+          committed: {
+            serviceKey: 'opaque-service-key',
+            workflowName: 'published_draft',
+            actorId: 'm-alpha',
+            activeRevisionId: 'rev-alpha',
+            deploymentId: 'dep-alpha',
+            deploymentStatus: 'Active',
+          },
+          hasDraftSource: true,
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const row = (await screen.findByText('Published draft workflow')).closest(
+      'tr',
+    );
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Published draft workflow in Workspace',
+      }),
+    );
+    expect(
+      await screen.findByRole('menuitem', { name: 'Archive' }),
+    ).toBeInTheDocument();
+    expect(screen.queryByRole('menuitem', { name: 'Delete draft' })).toBeNull();
+  });
+
+  it('shows Archive without Delete draft for a published-only workflow', async () => {
+    mockScopesApi.queryWorkflowCatalogue.mockResolvedValue(
+      createCatalogueResponse([
+        createCatalogueRow({
+          workflowId: 'wf-published',
+          name: 'Published workflow',
+          committed: {
+            serviceKey: 'opaque-service-key',
+            workflowName: 'published',
+            actorId: 'm-alpha',
+            activeRevisionId: 'rev-alpha',
+            deploymentId: 'dep-alpha',
+            deploymentStatus: 'Active',
+          },
+          hasDraftSource: false,
+          capabilities: {
+            open: { available: true, unavailableReason: null },
+            activity: { available: true, unavailableReason: null },
+            rename: {
+              available: false,
+              unavailableReason: 'draft_source_missing',
+            },
+            delete: {
+              available: false,
+              unavailableReason: 'draft_source_missing',
+            },
+          },
+        }),
+      ]),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const row = (await screen.findByText('Published workflow')).closest('tr');
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Published workflow in Workspace',
+      }),
+    );
+    expect(
+      await screen.findByRole('menuitem', { name: 'Archive' }),
+    ).toBeInTheDocument();
+    expect(screen.queryByRole('menuitem', { name: 'Delete draft' })).toBeNull();
+  });
+
+  it('refreshes the catalogue after a successful rename', async () => {
+    const originalYaml = 'name: support_triage\nroles: []\nsteps: []\n';
+    const renamedYaml = 'name: APAC support triage\nroles: []\nsteps: []\n';
+    let renamed = false;
+    mockScopesApi.queryWorkflowCatalogue.mockImplementation(() =>
+      Promise.resolve(
+        createCatalogueResponse([
+          createCatalogueRow({
+            workflowId: 'wf-support',
+            name: renamed ? 'APAC support triage' : 'Support triage',
+          }),
+        ]),
+      ),
+    );
+    mockStudioApi.getWorkflowDraft.mockImplementation(async () => ({
+      workflowId: 'wf-support',
+      name: renamed ? 'APAC support triage' : 'Support triage',
+      fileName: 'support.yaml',
+      filePath: '/support.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: renamed ? renamedYaml : originalYaml,
+      layout: { nodes: [] },
+      updatedAtUtc: '2026-08-05T11:30:00Z',
+    }));
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: { name: 'support_triage', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockResolvedValue({
+      document: { name: 'APAC support triage', roles: [], steps: [] },
+      findings: [],
+      yaml: renamedYaml,
+    });
+    mockStudioApi.updateWorkflowDraft.mockImplementation(async () => {
+      renamed = true;
+      return {};
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const row = (await screen.findByText('Support triage')).closest('tr');
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Support triage in Workspace',
+      }),
+    );
+    fireEvent.click(await screen.findByRole('menuitem', { name: 'Rename' }));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Workflow name' }), {
+      target: { value: 'APAC support triage' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save name' }));
+
+    expect(await screen.findByText('APAC support triage')).toBeInTheDocument();
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(2);
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('Workflow renamed');
+  });
+
+  it('refreshes the catalogue after a successful delete', async () => {
+    let deleted = false;
+    mockScopesApi.queryWorkflowCatalogue.mockImplementation(() =>
+      Promise.resolve(
+        createCatalogueResponse(
+          deleted
+            ? []
+            : [
+                createCatalogueRow({
+                  workflowId: 'wf-support',
+                  name: 'Support triage',
+                }),
+              ],
+        ),
+      ),
+    );
+    mockStudioApi.deleteWorkflowDraft.mockImplementation(async () => {
+      deleted = true;
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const row = (await screen.findByText('Support triage')).closest('tr');
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Support triage in Workspace',
+      }),
+    );
+    fireEvent.click(
+      await screen.findByRole('menuitem', { name: 'Delete draft' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Delete draft' }));
+
+    expect(await screen.findByText('No workflows yet')).toBeInTheDocument();
+    expect(mockStudioApi.deleteWorkflowDraft).toHaveBeenCalledWith(
+      'wf-support',
+      'scope-alpha',
+    );
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(3);
+  });
+
+  it('keeps confirmed deletion distinct from a failed list refresh and retries the list', async () => {
+    mockScopesApi.queryWorkflowCatalogue
+      .mockResolvedValueOnce(
+        createCatalogueResponse([
+          createCatalogueRow({
+            workflowId: 'wf-support',
+            name: 'Support triage',
+          }),
+        ]),
+      )
+      .mockResolvedValueOnce(createCatalogueResponse([]))
+      .mockRejectedValueOnce(new Error('list refresh unavailable'))
+      .mockResolvedValue(createCatalogueResponse([]));
+    mockStudioApi.deleteWorkflowDraft.mockResolvedValue(undefined);
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    const row = (await screen.findByText('Support triage')).closest('tr');
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Support triage in Workspace',
+      }),
+    );
+    fireEvent.click(
+      await screen.findByRole('menuitem', { name: 'Delete draft' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Delete draft' }));
+    expect(
+      await screen.findByText(
+        "The workflow list couldn't refresh. The last loaded list is still shown.",
+      ),
+    ).toBeInTheDocument();
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('Draft deleted');
+    expect(screen.getByText('Support triage')).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
+    expect(await screen.findByText('No workflows yet')).toBeInTheDocument();
+    expect(mockStudioApi.deleteWorkflowDraft).toHaveBeenCalledTimes(1);
+  });
+
+  it('archives by workflow identity and observes the exact row across catalogue pages', async () => {
+    const activeCommitted = {
+      serviceKey: 'svc-alpha',
+      workflowName: 'workflow_alpha',
+      actorId: 'actor-alpha',
+      activeRevisionId: 'rev-alpha',
+      deploymentId: 'dep-alpha',
+      deploymentStatus: 'Active',
+    };
+    const archivedCommitted = {
+      ...activeCommitted,
+      deploymentStatus: 'Deactivated',
+    };
+    let archived = false;
+    mockScopesApi.queryWorkflowCatalogue.mockImplementation(
+      (input: { cursor?: string; query?: string; view?: string }) => {
+        if (
+          input.view === 'archived' &&
+          input.query === 'wf-alpha' &&
+          input.cursor !== 'archive-page-2'
+        ) {
+          return Promise.resolve(
+            createCatalogueResponse(
+              [
+                createCatalogueRow({
+                  workflowId: 'wf-alpha-related',
+                  name: 'Prefix match',
+                  committed: archivedCommitted,
+                }),
+              ],
+              'archive-page-2',
+            ),
+          );
+        }
+        return Promise.resolve(
+          createCatalogueResponse([
+            createCatalogueRow({
+              workflowId: 'wf-alpha',
+              name: 'Workflow Alpha',
+              committed: archived ? archivedCommitted : activeCommitted,
+            }),
+          ]),
+        );
+      },
+    );
+    mockObserveWorkflowArchival.mockImplementation(
+      async (input: { readWorkflows: () => Promise<unknown[]> }) => {
+        archived = true;
+        return {
+          kind: 'observed',
+          workflows: await input.readWorkflows(),
+        };
+      },
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const row = (await screen.findByText('Workflow Alpha')).closest('tr');
+    fireEvent.click(
+      within(row as HTMLElement).getByRole('button', {
+        name: 'More actions for Workflow Alpha in Workspace',
+      }),
+    );
+    fireEvent.click(await screen.findByRole('menuitem', { name: 'Archive' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Archive workflow' }));
+
+    await waitFor(() =>
+      expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+        {
+          scopeId: 'scope-alpha',
+          view: 'archived',
+          query: 'wf-alpha',
+          cursor: undefined,
+          take: 100,
+        },
+        expect.any(AbortSignal),
+      ),
+    );
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+      {
+        scopeId: 'scope-alpha',
+        view: 'archived',
+        query: 'wf-alpha',
+        cursor: 'archive-page-2',
+        take: 100,
+      },
+      expect.any(AbortSignal),
+    );
+    expect(mockScopesApi.listWorkflows).not.toHaveBeenCalled();
+    expect(mockScopesApi.archiveWorkflow).toHaveBeenCalledWith(
+      'scope-alpha',
+      'wf-alpha',
+    );
+    expect(mockScopesApi.getWorkflowDetail).not.toHaveBeenCalled();
+    expect(mockServicesApi.deactivateDeployment).not.toHaveBeenCalled();
+    expect(await screen.findByText('Archived')).toBeInTheDocument();
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('Workflow archived');
+  });
+
+  it('renders one catalogue failure state and retries the same query', async () => {
+    mockScopesApi.queryWorkflowCatalogue
+      .mockRejectedValueOnce(new Error('offline'))
+      .mockResolvedValueOnce(createCatalogueResponse([]));
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByText('Workflows unavailable'),
+    ).toBeInTheDocument();
+    expect(mockConsoleToast.error).toHaveBeenCalledWith(
+      'Workflows unavailable',
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Retry workflows' }));
+    expect(await screen.findByText('No workflows yet')).toBeInTheDocument();
+    expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(2);
+  });
+
+  it('renders the backend empty result without consulting legacy sources', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText('No workflows yet')).toBeInTheDocument();
+    expect(mockStudioApi.listWorkflowDrafts).not.toHaveBeenCalled();
+    expect(mockScopesApi.listWorkflows).not.toHaveBeenCalled();
+  });
+
+  it('keeps language and account actions available inside the mobile navigation drawer', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(screen.getByLabelText('Open navigation'));
+
+    const drawer = await screen.findByRole('dialog');
+    expect(
+      within(drawer).getByRole('button', { name: 'Language' }),
+    ).toBeInTheDocument();
+    expect(
+      within(drawer).getByRole('button', { name: 'Account' }),
+    ).toBeInTheDocument();
+  });
+
+  it('keeps modified brand clicks as native link navigation', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const brand = screen.getByRole('link', { name: 'Aevatar' });
+    let preventedByComponent = false;
+    const preventJsdomNavigation = (event: MouseEvent) => {
+      if (event.target !== brand) return;
+      preventedByComponent = event.defaultPrevented;
+      event.preventDefault();
+    };
+    document.addEventListener('click', preventJsdomNavigation);
+    fireEvent.click(brand, { metaKey: true });
+    document.removeEventListener('click', preventJsdomNavigation);
+
+    expect(preventedByComponent).toBe(false);
+    expect(history.push).not.toHaveBeenCalled();
+  });
+});
+describe('Workflow Activity vNext settings', () => {
+  beforeEach(() => {
+    mockLocation = '/scopes/scope-alpha/workflow-activity-vnext/settings';
+    jest.clearAllMocks();
+    clearStoredAuthSession();
+    mockStudioApi.getUserLlmSettings.mockResolvedValue({
+      savedSelection: null,
+      savedRouteLabel: 'System default',
+      selectionStatus: 'system_default',
+      catalogDiagnostic: 'unspecified',
+      remediation: 'none',
+      routeOptions: [],
+      modelGroupsByRoute: [],
+      catalogStatus: 'empty',
+      capabilities: {
+        canEditRoute: true,
+        canEditModel: true,
+        canSave: true,
+        canRetryCatalog: true,
+      },
+    });
+    mockStudioApi.getAuthSession.mockResolvedValue({
+      enabled: true,
+      authenticated: true,
+      providerDisplayName: 'NyxID',
+      profile: {
+        subject: 'user-subject-alpha',
+        name: 'Ada Operator',
+        email: 'ada@example.test',
+        emailVerified: true,
+        picture: null,
+        roles: ['operator'],
+        groups: ['platform'],
+      },
+      session: {
+        authenticated: true,
+        scopeId: 'scope-alpha',
+        scopeSource: 'nyxid-session',
+        expiresAtUtc: '2099-08-05T10:00:00Z',
+      },
+    });
+    mockStudioApi.getUserConfigRuntime.mockResolvedValue({
+      runtimeMode: 'remote',
+      activeRuntimeBaseUrl: 'https://runtime.example.test',
+      localRuntimeBaseUrl: 'http://localhost:5100',
+      remoteRuntimeBaseUrl: 'https://runtime.example.test',
+      runtimeDefaults: {
+        localRuntimeBaseUrl: 'http://localhost:5100',
+        remoteRuntimeBaseUrl: 'https://runtime.example.test',
+        localMode: 'local',
+        remoteMode: 'remote',
+      },
+    });
+    mockObserveUserLlmSave.mockResolvedValue({ phase: 'observed' });
+  });
+
+  afterEach(() => {
+    clearStoredAuthSession();
+    cleanupTestQueryClients();
+  });
+
+  it('uses the matching NyxID profile when the account endpoint omits header fields', async () => {
+    persistAuthSession({
+      tokens: {
+        accessToken: 'token',
+        expiresAt: Date.now() + 60_000,
+        expiresIn: 60,
+        tokenType: 'Bearer',
+      },
+      user: {
+        email: 'abigail@example.test',
+        name: 'Abigail Deng',
+        picture: 'https://example.test/abigail.png',
+        sub: 'user-abigail',
+      },
+    });
+    mockStudioApi.getAuthSession.mockResolvedValue({
+      enabled: true,
+      authenticated: true,
+      providerDisplayName: 'NyxID',
+      subject: 'user-abigail',
+      profile: null,
+      session: {
+        authenticated: true,
+        scopeId: 'scope-alpha',
+        scopeSource: 'nyxid-session',
+        expiresAtUtc: '2099-08-05T10:00:00Z',
+      },
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByTitle('Abigail Deng')).toBeInTheDocument();
+    expect(screen.getByTitle('Abigail Deng')).toHaveAttribute(
+      'data-picture',
+      'https://example.test/abigail.png',
+    );
+  });
+
+  it('renders authoritative identity and the effective workflow execution target', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    await screen.findByRole('combobox', { name: 'Preferred service' });
+    expect(
+      screen
+        .getByRole('link', { name: 'Settings' })
+        .querySelector('[data-icon-mock="SettingOutlined"]'),
+    ).not.toBeNull();
+    const accountLink = screen.getByRole('link', { name: 'Account' });
+    expect(accountLink).toHaveAttribute(
+      'href',
+      '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account',
+    );
+    fireEvent.click(accountLink);
+    expect(accountLink).toHaveAttribute('aria-current', 'page');
+    expect(await screen.findAllByText('Ada Operator')).toHaveLength(2);
+    expect(screen.getByText('Active')).toBeInTheDocument();
+    expect(screen.getByText('ada@example.test')).toBeInTheDocument();
+    expect(screen.getByText('NyxID')).toBeInTheDocument();
+    expect(screen.getByText('scope-alpha')).toBeInTheDocument();
+    expect(screen.getByText(/GMT|UTC/)).toHaveTextContent(/in .+ days/);
+    expect(screen.getByText('Verified')).toBeInTheDocument();
+    expect(screen.getByText('user-subject-alpha')).toBeVisible();
+    expect(screen.getByText('operator')).toBeVisible();
+    expect(screen.getByText('platform')).toBeVisible();
+    expect(screen.queryByText('Support details')).not.toBeInTheDocument();
+    expect(screen.queryByText('Product access')).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Refresh status' }),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByText('nyxid-session')).not.toBeInTheDocument();
+
+    const advancedLink = screen.getByRole('link', { name: 'Advanced' });
+    fireEvent.click(advancedLink);
+    expect(advancedLink).toHaveAttribute('aria-current', 'page');
+    expect(screen.getByText('Workflow execution')).toBeInTheDocument();
+    expect(screen.getByText('Execution target')).toBeInTheDocument();
+    expect(screen.getByText('Remote runtime')).toBeInTheDocument();
+    expect(screen.getByText('Runtime URL')).toBeInTheDocument();
+    expect(
+      await screen.findAllByText('https://runtime.example.test'),
+    ).toHaveLength(1);
+    expect(screen.queryByText('Local connection URL')).not.toBeInTheDocument();
+    expect(screen.queryByText('Remote connection URL')).not.toBeInTheDocument();
+    expect(screen.queryByText('Technical details')).not.toBeInTheDocument();
+  });
+
+  it.each([
+    {
+      label: 'expired',
+      session: {
+        authenticated: false,
+        scopeId: 'scope-alpha',
+        expiresAtUtc: '2000-01-01T00:00:00Z',
+      },
+      authenticated: false,
+      expected: 'Expired',
+    },
+    {
+      label: 'invalid',
+      session: {
+        authenticated: false,
+        scopeId: 'scope-alpha',
+        expiresAtUtc: '2099-08-05T10:00:00Z',
+      },
+      authenticated: true,
+      expected: 'Invalid',
+    },
+  ])('offers direct sign-in recovery for an $label session', async ({
+    authenticated,
+    expected,
+    session,
+  }) => {
+    mockStudioApi.getAuthSession.mockResolvedValue({
+      enabled: true,
+      authenticated,
+      providerDisplayName: 'NyxID',
+      name: 'Ada Operator',
+      profile: null,
+      session,
+    });
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account';
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText(expected)).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Sign in again' })).toBeEnabled();
+    expect(screen.queryByText('Active')).not.toBeInTheDocument();
+  });
+
+  it('renders optional missing fields without guessing that policy hid them', async () => {
+    mockStudioApi.getAuthSession.mockResolvedValueOnce({
+      enabled: true,
+      authenticated: true,
+      providerDisplayName: 'NyxID',
+      profile: {
+        subject: 'user-subject-alpha',
+        name: 'Ada Operator',
+        email: null,
+        emailVerified: null,
+        picture: null,
+        roles: [],
+        groups: [],
+      },
+      session: {
+        authenticated: true,
+        scopeId: null,
+        expiresAtUtc: null,
+      },
+    });
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account';
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByRole('heading', { name: 'Ada Operator' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('Profile details are unavailable.'),
+    ).toBeInTheDocument();
+    expect(screen.queryByText('Not provided')).not.toBeInTheDocument();
+    expect(screen.queryByText('Hidden by policy')).not.toBeInTheDocument();
+  });
+
+  it.each([
+    {
+      label: 'capability denial',
+      error: Object.assign(new Error('forbidden'), { status: 403 }),
+      expected: 'Unauthorized',
+    },
+    {
+      label: 'transient load failure',
+      error: Object.assign(new Error('temporarily unavailable'), {
+        status: 503,
+      }),
+      expected: 'Not loaded',
+    },
+  ])('keeps $label distinct from absent profile data', async ({
+    error,
+    expected,
+  }) => {
+    mockStudioApi.getAuthSession.mockRejectedValue(error);
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account';
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByText(expected)).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Account' })).toHaveAttribute(
+      'data-auth-source',
+      'account',
+    );
+    if (expected === 'Not loaded') {
+      expect(screen.getByRole('button', { name: 'Retry' })).toBeEnabled();
+    }
+    expect(screen.queryByText('Not provided')).not.toBeInTheDocument();
+  });
+
+  it('keeps an AI defaults decoding failure compact and actionable', async () => {
+    mockStudioApi.getUserLlmSettings.mockRejectedValue(
+      new Error(
+        'StudioUserLlmSettings.savedSelection.modelSelection must be an object.',
+      ),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByText('AI defaults unavailable'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('Try loading this section again.'),
+    ).toBeInTheDocument();
+    expect(screen.getByText('Technical details')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Retry' })).toBeEnabled();
+  });
+
+  it('keeps dirty save actions outside the scrolling AI defaults panel', async () => {
+    mockStudioApi.getUserLlmSettings.mockResolvedValue({
+      savedSelection: null,
+      savedRouteLabel: 'System default',
+      selectionStatus: 'system_default',
+      catalogDiagnostic: 'unspecified',
+      remediation: 'none',
+      catalogStatus: 'ready',
+      capabilities: {
+        canEditRoute: true,
+        canEditModel: true,
+        canSave: true,
+        canRetryCatalog: true,
+      },
+      routeOptions: [
+        {
+          routeValue: '/api/v1/proxy/s/service-alpha',
+          label: 'Service alpha',
+          source: 'user_service',
+          status: 'ready',
+          allowed: true,
+          ready: true,
+          userServiceId: 'us-alpha',
+          serviceSlug: 'service-alpha',
+          modelCatalog: {
+            certainty: 'enumerated',
+            modelIds: ['model-alpha'],
+            defaultModelId: 'model-alpha',
+            diagnostic: 'unspecified',
+          },
+          description: null,
+        },
+      ],
+      modelGroupsByRoute: [],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      screen.queryByRole('region', { name: 'Unsaved settings actions' }),
+    ).not.toBeInTheDocument();
+    const routeSelect = await screen.findByRole('combobox', {
+      name: 'Preferred service',
+    });
+    fireEvent.mouseDown(routeSelect);
+    fireEvent.click(await screen.findByText('Service alpha'));
+
+    expect(routeSelect).toBeInTheDocument();
+    const aiDefaultsPanel = screen.getByRole('region', {
+      name: 'AI defaults',
+    });
+    const saveActions = screen.getByRole('region', {
+      name: 'Unsaved settings actions',
+    });
+    expect(aiDefaultsPanel).not.toContainElement(saveActions);
+    expect(
+      within(saveActions).getByRole('button', { name: 'Save changes' }),
+    ).toBeEnabled();
+
+    fireEvent.click(
+      within(saveActions).getByRole('button', {
+        name: 'Restore saved settings',
+      }),
+    );
+    expect(
+      screen.queryByRole('region', { name: 'Unsaved settings actions' }),
+    ).not.toBeInTheDocument();
+    expect(mockStudioApi.saveUserLlmSettings).not.toHaveBeenCalled();
+  });
+
+  it('only offers backend services that publish at least one model', async () => {
+    mockStudioApi.getUserLlmSettings.mockResolvedValue({
+      savedSelection: null,
+      savedRouteLabel: 'System default',
+      selectionStatus: 'system_default',
+      catalogDiagnostic: 'unspecified',
+      remediation: 'none',
+      catalogStatus: 'ready',
+      capabilities: {
+        canEditRoute: true,
+        canEditModel: true,
+        canSave: true,
+        canRetryCatalog: true,
+      },
+      routeOptions: [
+        {
+          routeValue: '/api/v1/llm/gateway/v1',
+          label: 'Gateway',
+          source: 'gateway_provider',
+          status: 'ready',
+          allowed: true,
+          ready: true,
+          userServiceId: null,
+          serviceSlug: null,
+          modelCatalog: {
+            certainty: 'not_verifiable',
+            modelIds: [],
+            defaultModelId: null,
+            diagnostic: 'not_published',
+          },
+          description: null,
+        },
+        {
+          routeValue: '/api/v1/proxy/s/service-alpha',
+          label: 'Service alpha',
+          source: 'user_service',
+          status: 'ready',
+          allowed: true,
+          ready: true,
+          userServiceId: 'us-alpha',
+          serviceSlug: 'service-alpha',
+          modelCatalog: {
+            certainty: 'enumerated',
+            modelIds: ['model-alpha'],
+            defaultModelId: 'model-alpha',
+            diagnostic: 'unspecified',
+          },
+          description: null,
+        },
+        {
+          routeValue: '/api/v1/proxy/s/storage-alpha',
+          label: 'Storage alpha',
+          source: 'user_service',
+          status: 'ready',
+          allowed: true,
+          ready: true,
+          userServiceId: 'us-storage-alpha',
+          serviceSlug: 'storage-alpha',
+          modelCatalog: {
+            certainty: 'not_verifiable',
+            modelIds: [],
+            defaultModelId: null,
+            diagnostic: 'not_published',
+          },
+          description: null,
+        },
+      ],
+      modelGroupsByRoute: [],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const routeSelect = await screen.findByRole('combobox', {
+      name: 'Preferred service',
+    });
+    fireEvent.mouseDown(routeSelect);
+    expect(await screen.findByText('Service alpha')).toBeInTheDocument();
+    expect(screen.queryByText('System default')).not.toBeInTheDocument();
+    expect(screen.queryByText('Gateway')).not.toBeInTheDocument();
+    expect(screen.queryByText('Storage alpha')).not.toBeInTheDocument();
+  });
+
+  it('guards dirty navigation with Stay and Discard and leave', async () => {
+    mockStudioApi.getUserLlmSettings.mockResolvedValue({
+      savedSelection: null,
+      savedRouteLabel: 'System default',
+      selectionStatus: 'system_default',
+      catalogDiagnostic: 'unspecified',
+      remediation: 'none',
+      catalogStatus: 'ready',
+      capabilities: {
+        canEditRoute: true,
+        canEditModel: true,
+        canSave: true,
+        canRetryCatalog: true,
+      },
+      routeOptions: [
+        {
+          routeValue: '/api/v1/proxy/s/service-alpha',
+          label: 'Service alpha',
+          source: 'user_service',
+          status: 'ready',
+          allowed: true,
+          ready: true,
+          userServiceId: 'us-alpha',
+          serviceSlug: 'service-alpha',
+          modelCatalog: {
+            certainty: 'enumerated',
+            modelIds: ['model-alpha'],
+            defaultModelId: 'model-alpha',
+            diagnostic: 'unspecified',
+          },
+          description: null,
+        },
+      ],
+      modelGroupsByRoute: [],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const routeSelect = await screen.findByRole('combobox', {
+      name: 'Preferred service',
+    });
+    fireEvent.mouseDown(routeSelect);
+    fireEvent.click(await screen.findByText('Service alpha'));
+    fireEvent.click(screen.getAllByRole('link', { name: 'Workflows' })[0]);
+
+    expect(screen.getByText('Unsaved AI default changes')).toBeInTheDocument();
+    expect(history.push).not.toHaveBeenCalled();
+    fireEvent.click(screen.getByRole('button', { name: 'Stay' }));
+    expect(history.push).not.toHaveBeenCalled();
+    expect(screen.getByRole('button', { name: 'Save changes' })).toBeEnabled();
+
+    fireEvent.click(screen.getAllByRole('link', { name: 'Workflows' })[0]);
+    fireEvent.click(screen.getByRole('button', { name: 'Discard and leave' }));
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows',
+    );
+    expect(mockStudioApi.saveUserLlmSettings).not.toHaveBeenCalled();
+  });
+
+  it('waits for authoritative save observation before leaving Settings', async () => {
+    mockStudioApi.getUserLlmSettings.mockResolvedValue({
+      savedSelection: null,
+      savedRouteLabel: 'System default',
+      selectionStatus: 'system_default',
+      catalogDiagnostic: 'unspecified',
+      remediation: 'none',
+      catalogStatus: 'ready',
+      capabilities: {
+        canEditRoute: true,
+        canEditModel: true,
+        canSave: true,
+        canRetryCatalog: true,
+      },
+      routeOptions: [
+        {
+          routeValue: '/api/v1/proxy/s/service-alpha',
+          label: 'Service alpha',
+          source: 'user_service',
+          status: 'ready',
+          allowed: true,
+          ready: true,
+          userServiceId: 'us-alpha',
+          serviceSlug: 'service-alpha',
+          modelCatalog: {
+            certainty: 'enumerated',
+            modelIds: ['model-alpha'],
+            defaultModelId: 'model-alpha',
+            diagnostic: 'unspecified',
+          },
+          description: null,
+        },
+      ],
+      modelGroupsByRoute: [],
+    });
+    mockStudioApi.saveUserLlmSettings.mockResolvedValue({
+      accepted: true,
+      commandId: 'command-alpha',
+      ackStage: 'accepted',
+      actorId: 'config-actor-alpha',
+      correlationId: 'correlation-alpha',
+      ackedAtUtc: '2026-08-05T10:00:00Z',
+    });
+    let observeSaved: ((value: { phase: 'observed' }) => void) | undefined;
+    mockObserveUserLlmSave.mockReturnValue(
+      new Promise((resolve) => {
+        observeSaved = resolve;
+      }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const routeSelect = await screen.findByRole('combobox', {
+      name: 'Preferred service',
+    });
+    fireEvent.mouseDown(routeSelect);
+    fireEvent.click(await screen.findByText('Service alpha'));
+    fireEvent.click(screen.getAllByRole('link', { name: 'Workflows' })[0]);
+    fireEvent.click(screen.getByRole('button', { name: 'Save and leave' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.saveUserLlmSettings).toHaveBeenCalledTimes(1),
+    );
+    expect(history.push).not.toHaveBeenCalled();
+    expect(mockConsoleToast.success).not.toHaveBeenCalled();
+    expect(screen.queryByText('Saving changes…')).not.toBeInTheDocument();
+    expect(document.querySelector('.ant-alert-info')).toBeNull();
+    observeSaved?.({ phase: 'observed' });
+    await waitFor(() =>
+      expect(history.push).toHaveBeenCalledWith(
+        '/scopes/scope-alpha/workflow-activity-vnext/workflows',
+      ),
+    );
+    expect(mockConsoleToast.success).toHaveBeenCalledWith('Settings saved');
+  });
+});
+
+describe('Workflow Activity vNext editor', () => {
+  const unavailableWorkflowDetail = {
+    available: false,
+    scopeId: 'scope-alpha',
+    workflow: null,
+    source: null,
+  } as const;
+
+  beforeEach(() => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-committed-source';
+    mockLocationSubscribers.clear();
+    jest.clearAllMocks();
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue({
+      runtimeBaseUrl: '',
+      directories: [
+        {
+          directoryId: 'directory-alpha',
+          label: 'Workflows',
+          path: '/workflows',
+          isBuiltIn: true,
+        },
+      ],
+    });
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '',
+      directoryId: '',
+      directoryLabel: '',
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n    parameters:\n      prompt_prefix: Original prompt\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [
+          {
+            id: 'step-root',
+            type: 'llm_call',
+            parameters: { prompt_prefix: 'Original prompt' },
+          },
+        ],
+      },
+      draftExists: false,
+      findings: [],
+    });
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: { name: 'committed_source', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockResolvedValue({
+      yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+      document: { name: 'committed_source', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.saveWorkflow.mockResolvedValue({
+      kind: 'materialized',
+      workflow: {
+        workflowId: 'wf-draft-new',
+        name: 'Committed source',
+        fileName: 'committed-source.yaml',
+        filePath: '/workflows/committed-source.yaml',
+        directoryId: 'directory-alpha',
+        directoryLabel: 'Workflows',
+        yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+        updatedAtUtc: '2026-08-04T10:01:00Z',
+        document: { name: 'committed_source', roles: [], steps: [] },
+        draftExists: true,
+        findings: [],
+      },
+    });
+    mockScopesApi.getWorkflowDetail.mockResolvedValue(
+      unavailableWorkflowDetail,
+    );
+  });
+
+  afterEach(() => cleanupTestQueryClients());
+
+  it('keeps the editor header focused on one inline workflow name', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    await screen.findByDisplayValue('Committed source');
+    const workflowNameEditors = screen.getAllByRole('textbox', {
+      name: 'Workflow name',
+    });
+
+    expect(workflowNameEditors).toHaveLength(1);
+    expect(workflowNameEditors[0].closest('h1')).not.toBeNull();
+    expect(
+      screen.queryByText('Build, test, and refine this workflow.'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('enables Save workflow only while the loaded workflow has unsaved changes', async () => {
+    mockStudioApi.serializeYaml.mockImplementationOnce(
+      async ({
+        document: nextDocument,
+      }: {
+        document: SerializableWorkflowDocument;
+      }) => ({
+        yaml: `name: ${nextDocument.name}\nroles: []\nsteps: []\n`,
+        document: nextDocument,
+        findings: [],
+      }),
+    );
+    mockStudioApi.saveWorkflow.mockImplementationOnce(
+      async (input: SaveWorkflowRequestProbe) => ({
+        kind: 'materialized',
+        workflow: {
+          workflowId: 'wf-draft-new',
+          name: input.workflowName,
+          fileName: 'committed-source.yaml',
+          filePath: '/workflows/committed-source.yaml',
+          directoryId: 'directory-alpha',
+          directoryLabel: 'Workflows',
+          yaml: input.yaml,
+          updatedAtUtc: '2026-08-04T10:01:00Z',
+          document: { name: input.workflowName, roles: [], steps: [] },
+          draftExists: true,
+          findings: [],
+        },
+      }),
+    );
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const workflowName = await screen.findByRole('textbox', {
+      name: 'Workflow name',
+    });
+    const saveWorkflowButton = screen.getByRole('button', {
+      name: 'Save workflow',
+    });
+    expect(
+      screen.getByRole('status', { name: 'Workflow save status' }),
+    ).toHaveTextContent('Saved at 2026-08-04 10:00:00 UTC');
+    expect(saveWorkflowButton).toBeDisabled();
+
+    fireEvent.change(workflowName, {
+      target: { value: 'Committed source updated' },
+    });
+    expect(saveWorkflowButton).toBeEnabled();
+    fireEvent.click(saveWorkflowButton);
+
+    await waitFor(() =>
+      expect(mockStudioApi.saveWorkflow).toHaveBeenCalledTimes(1),
+    );
+    expect(mockStudioApi.serializeYaml).toHaveBeenCalledWith({
+      document: expect.objectContaining({
+        name: 'Committed source updated',
+      }),
+    });
+    expect(mockStudioApi.saveWorkflow).toHaveBeenCalledWith(
+      expect.objectContaining({
+        workflowName: 'Committed source updated',
+        yaml: 'name: Committed source updated\nroles: []\nsteps: []\n',
+      }),
+    );
+    await waitFor(() => expect(saveWorkflowButton).toBeDisabled());
+    expect(
+      screen.getByRole('status', { name: 'Workflow save status' }),
+    ).toHaveTextContent('Saved at 2026-08-04 10:01:00 UTC');
+  });
+
+  it('opens an instantiated template draft as already saved', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-committed-source';
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const saveWorkflowButton = await screen.findByRole('button', {
+      name: 'Save workflow',
+    });
+    expect(saveWorkflowButton).toBeDisabled();
+    expect(
+      screen.getByRole('status', { name: 'Workflow save status' }),
+    ).toHaveTextContent('Saved at 2026-08-04 10:00:00 UTC');
+    expect(mockStudioApi.saveWorkflow).not.toHaveBeenCalled();
+    expect(history.replace).not.toHaveBeenCalled();
+  });
+
+  it('preserves template tool set scopes through serialize and save', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-committed-source';
+    const parsedDocument = {
+      name: 'committed_source',
+      roles: [
+        {
+          id: 'studio',
+          toolSets: ['studio.local', 'nyxid.connected_services'],
+        },
+      ],
+      steps: [
+        {
+          id: 'reply',
+          type: 'llm_call',
+          targetRole: 'studio',
+          toolSets: ['nyxid.connected_services'],
+        },
+      ],
+    };
+    mockStudioApi.parseYaml.mockResolvedValueOnce({
+      document: parsedDocument,
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockImplementationOnce(
+      async ({ document }) => ({
+        yaml: 'name: committed_source\nroles:\n  - id: studio\n    tool_sets: [studio.local, nyxid.connected_services]\nsteps:\n  - id: reply\n    type: llm_call\n    target_role: studio\n    tool_sets: [nyxid.connected_services]\n',
+        document,
+        findings: [],
+      }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const workflowName = await screen.findByDisplayValue('Committed source');
+    const saveWorkflowButton = screen.getByRole('button', {
+      name: 'Save workflow',
+    });
+    fireEvent.change(workflowName, {
+      target: { value: 'Committed source updated' },
+    });
+    await waitFor(() => expect(saveWorkflowButton).toBeEnabled());
+    fireEvent.click(saveWorkflowButton);
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledWith({
+        document: expect.objectContaining({
+          roles: [
+            expect.objectContaining({
+              id: 'studio',
+              toolSets: ['studio.local', 'nyxid.connected_services'],
+            }),
+          ],
+          steps: [
+            expect.objectContaining({
+              id: 'reply',
+              toolSets: ['nyxid.connected_services'],
+            }),
+          ],
+        }),
+      }),
+    );
+    await waitFor(() =>
+      expect(mockStudioApi.saveWorkflow).toHaveBeenCalledWith(
+        expect.objectContaining({
+          yaml: expect.stringContaining(
+            'tool_sets: [nyxid.connected_services]',
+          ),
+        }),
+      ),
+    );
+  });
+
+  it('publishes a saved workflow in one click and waits for observed evidence before showing Published', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-alpha';
+    mockCreateWorkflowRevisionIdentityCandidate.mockReturnValue(
+      'rev-preview-alpha',
+    );
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      name: 'Workflow alpha',
+      fileName: 'workflow-alpha.yaml',
+      filePath: '/workflows/workflow-alpha.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: workflow_alpha\nroles: []\nsteps:\n  - id: step-alpha\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-06T10:00:00Z',
+      document: {
+        name: 'workflow_alpha',
+        roles: [],
+        steps: [{ id: 'step-alpha', type: 'llm_call' }],
+      },
+      draftExists: true,
+      findings: [],
+    });
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: {
+        name: 'workflow_alpha',
+        roles: [],
+        steps: [{ id: 'step-alpha', type: 'llm_call' }],
+      },
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockResolvedValue({
+      yaml: 'name: workflow_alpha\nroles: []\nsteps:\n  - id: step-alpha\n    type: llm_call\n',
+      document: {
+        name: 'workflow_alpha',
+        roles: [],
+        steps: [{ id: 'step-alpha', type: 'llm_call' }],
+      },
+      findings: [],
+    });
+    mockStudioApi.previewExplicitRequests.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      revisionId: 'rev-preview-alpha',
+      items: [],
+    });
+    mockStudioApi.publishWorkflow.mockResolvedValue({
+      scopeId: 'scope-alpha',
+      workflowId: 'wf-draft-alpha',
+      serviceKey: 'service-alpha',
+      revisionId: 'rev-preview-alpha',
+      acceptanceStage: 'accepted',
+      propagationStage: 'readmodel_propagating',
+    });
+    const observedWorkflow = {
+      available: true,
+      scopeId: 'scope-alpha',
+      workflow: {
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-draft-alpha',
+        displayName: 'Workflow alpha',
+        serviceKey: 'workflow-alpha',
+        workflowName: 'Workflow alpha',
+        actorId: 'actor-workflow-alpha',
+        activeRevisionId: 'rev-preview-alpha',
+        publishedServiceId: 'svc-alpha',
+        deploymentId: 'deployment-workflow-alpha',
+        deploymentStatus: 'Available',
+        updatedAt: '2026-08-06T10:00:00Z',
+      },
+      source: null,
+    };
+    let resolveWorkflowObservation:
+      | ((workflow: typeof observedWorkflow) => void)
+      | undefined;
+    mockScopesApi.getWorkflowDetail
+      .mockResolvedValueOnce(unavailableWorkflowDetail)
+      .mockImplementation(
+        () =>
+          new Promise((resolve) => {
+            resolveWorkflowObservation = resolve;
+          }),
+      );
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+    expect(
+      screen.queryByRole('dialog', { name: 'Publish workflow' }),
+    ).not.toBeInTheDocument();
+
+    await waitFor(() =>
+      expect(mockStudioApi.previewExplicitRequests).toHaveBeenCalledWith(
+        expect.objectContaining({
+          executionMode: 'interactive',
+          scopeId: 'scope-alpha',
+          workflowId: 'wf-draft-alpha',
+          workflowYaml:
+            'name: workflow_alpha\nroles: []\nsteps:\n  - id: step-alpha\n    type: llm_call\n',
+        }),
+      ),
+    );
+    await waitFor(() =>
+      expect(mockStudioApi.publishWorkflow).toHaveBeenCalledWith(
+        expect.objectContaining({
+          revisionId: 'rev-preview-alpha',
+          scopeId: 'scope-alpha',
+          workflowId: 'wf-draft-alpha',
+          workflowYaml:
+            'name: workflow_alpha\nroles: []\nsteps:\n  - id: step-alpha\n    type: llm_call\n',
+        }),
+      ),
+    );
+    expect(mockStudioApi.saveAndBindWorkflow).not.toHaveBeenCalled();
+    expect(mockScopeRuntimeApi.listServices).not.toHaveBeenCalled();
+    expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
+    expect(screen.getByRole('button', { name: 'Publishing' })).toHaveAttribute(
+      'aria-disabled',
+      'true',
+    );
+    expect(screen.queryByText('Publication accepted')).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('status', {
+        name: 'Workflow publication status',
+      }),
+    ).not.toBeInTheDocument();
+
+    resolveWorkflowObservation?.(observedWorkflow);
+
+    const publicationStatus = await screen.findByRole('status', {
+      name: 'Workflow publication status',
+    });
+    const saveStatus = screen.getByRole('status', {
+      name: 'Workflow save status',
+    });
+    expect(publicationStatus).toHaveTextContent('Published');
+    expect(publicationStatus.parentElement).toBe(saveStatus.parentElement);
+    expect(
+      publicationStatus.compareDocumentPosition(saveStatus) &
+        Node.DOCUMENT_POSITION_FOLLOWING,
+    ).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
+    expect(
+      screen.queryByRole('button', { name: 'Publish' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Published' }),
+    ).not.toBeInTheDocument();
+    await waitFor(() =>
+      expect(mockConsoleToast.success).toHaveBeenCalledWith(
+        'Workflow published',
+        expect.objectContaining({
+          key: expect.stringContaining('workflow-publication:'),
+        }),
+      ),
+    );
+    expect(mockConsoleToast.success).toHaveBeenCalledTimes(1);
+    expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
+  });
+
+  it('publishes saved runtime YAML without reprocessing it through the Studio parser', async () => {
+    arrangeObservedWorkflowPublication();
+    const savedYaml =
+      'name: studio\nroles:\n  - id: studio\n    tool_sets: [studio.local]\nsteps:\n  - id: reply\n    type: llm_call\n    role: studio\n    tool_sets: [studio.local]\n';
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      name: 'studio',
+      fileName: 'studio.yaml',
+      filePath: '/workflows/studio.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: savedYaml,
+      updatedAtUtc: '2026-08-20T15:25:00Z',
+      document: {
+        name: 'studio',
+        roles: [{ id: 'studio', toolSets: ['studio.local'] }],
+        steps: [
+          {
+            id: 'reply',
+            type: 'llm_call',
+            targetRole: 'studio',
+            toolSets: ['studio.local'],
+          },
+        ],
+      },
+      draftExists: true,
+      findings: [
+        {
+          code: 'unknown_field',
+          level: 2,
+          message: "Unknown field 'tool_sets'.",
+        },
+      ],
+    });
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: null,
+      findings: [
+        {
+          code: 'unknown_field',
+          level: 'error',
+          message: "Unknown field 'tool_sets'.",
+        },
+      ],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.previewExplicitRequests).toHaveBeenCalledWith(
+        expect.objectContaining({ workflowYaml: savedYaml }),
+      ),
+    );
+    await waitFor(() =>
+      expect(mockStudioApi.publishWorkflow).toHaveBeenCalledWith(
+        expect.objectContaining({ workflowYaml: savedYaml }),
+      ),
+    );
+    expect(mockStudioApi.parseYaml).not.toHaveBeenCalled();
+    expect(mockStudioApi.serializeYaml).not.toHaveBeenCalled();
+    expect(
+      await screen.findByRole('status', {
+        name: 'Workflow publication status',
+      }),
+    ).toHaveTextContent('Published');
+    expect(screen.getByRole('button', { name: 'Run' })).toBeEnabled();
+  });
+
+  it.each([
+    {
+      returnedRevisionId: 'rev-returned-other',
+      returnedWorkflowId: 'wf-draft-alpha',
+      mismatch: 'revision',
+    },
+    {
+      returnedRevisionId: 'rev-preview-alpha',
+      returnedWorkflowId: 'wf-returned-other',
+      mismatch: 'workflow ID',
+    },
+  ])('keeps a returned $mismatch mismatch visible without starting observation', async ({
+    returnedRevisionId,
+    returnedWorkflowId,
+  }) => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-alpha';
+    mockCreateWorkflowRevisionIdentityCandidate.mockReturnValue(
+      'rev-preview-alpha',
+    );
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      name: 'Workflow alpha',
+      fileName: 'workflow-alpha.yaml',
+      filePath: '/workflows/workflow-alpha.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: workflow_alpha\nroles: []\nsteps:\n  - id: step-alpha\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-06T10:00:00Z',
+      document: {
+        name: 'workflow_alpha',
+        roles: [],
+        steps: [{ id: 'step-alpha', type: 'llm_call' }],
+      },
+      draftExists: true,
+      findings: [],
+    });
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: {
+        name: 'workflow_alpha',
+        roles: [],
+        steps: [{ id: 'step-alpha', type: 'llm_call' }],
+      },
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockResolvedValue({
+      yaml: 'name: workflow_alpha\nroles: []\nsteps:\n  - id: step-alpha\n    type: llm_call\n',
+      document: {
+        name: 'workflow_alpha',
+        roles: [],
+        steps: [{ id: 'step-alpha', type: 'llm_call' }],
+      },
+      findings: [],
+    });
+    mockStudioApi.previewExplicitRequests.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      revisionId: 'rev-preview-alpha',
+      items: [],
+    });
+    mockStudioApi.publishWorkflow.mockResolvedValue({
+      scopeId: 'scope-alpha',
+      workflowId: returnedWorkflowId,
+      revisionId: returnedRevisionId,
+      serviceKey: 'tenant-alpha/app-alpha/scope-alpha/svc-alpha',
+      acceptanceStage: 'accepted',
+      propagationStage: 'readmodel_propagating',
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+
+    expect(
+      await screen.findByText("Workflow couldn't be submitted"),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Retry' })).toBeEnabled();
+    expect(mockStudioApi.publishWorkflow).toHaveBeenCalledTimes(1);
+    expect(mockScopesApi.getWorkflowDetail).toHaveBeenCalledTimes(1);
+    expect(mockScopesApi.getWorkflowDetail).toHaveBeenLastCalledWith(
+      'scope-alpha',
+      'wf-draft-alpha',
+    );
+    expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
+  });
+
+  function arrangeSavedDraftPublication(
+    steps: Array<{ id: string; type: string }> = [
+      { id: 'step-alpha', type: 'llm_call' },
+    ],
+  ): void {
+    const yaml = `name: workflow_alpha\nroles: []\nsteps:\n${steps
+      .map((step) => `  - id: ${step.id}\n    type: ${step.type}\n`)
+      .join('')}`;
+    const document = {
+      name: 'workflow_alpha',
+      roles: [],
+      steps,
+    };
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-alpha';
+    mockCreateWorkflowRevisionIdentityCandidate.mockReturnValue(
+      'rev-preview-alpha',
+    );
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      name: 'Workflow alpha',
+      fileName: 'workflow-alpha.yaml',
+      filePath: '/workflows/workflow-alpha.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml,
+      updatedAtUtc: '2026-08-06T10:00:00Z',
+      document,
+      draftExists: true,
+      findings: [],
+    });
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document,
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockResolvedValue({
+      yaml,
+      document,
+      findings: [],
+    });
+    mockStudioApi.previewExplicitRequests.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      revisionId: 'rev-preview-alpha',
+      items: [],
+    });
+    mockStudioApi.publishWorkflow.mockResolvedValue({
+      scopeId: 'scope-alpha',
+      workflowId: 'wf-draft-alpha',
+      revisionId: 'rev-preview-alpha',
+      serviceKey: 'tenant-alpha/app-alpha/scope-alpha/svc-alpha',
+      acceptanceStage: 'accepted',
+      propagationStage: 'readmodel_propagating',
+    });
+  }
+
+  function arrangeObservedWorkflowPublication(
+    steps?: Array<{ id: string; type: string }>,
+  ): void {
+    arrangeSavedDraftPublication(steps);
+    const observedWorkflow = {
+      available: true,
+      scopeId: 'scope-alpha',
+      workflow: {
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-draft-alpha',
+        displayName: 'Workflow alpha',
+        serviceKey: 'workflow-alpha',
+        workflowName: 'Workflow alpha',
+        actorId: 'actor-workflow-alpha',
+        activeRevisionId: 'rev-preview-alpha',
+        publishedServiceId: 'svc-alpha',
+        deploymentId: 'deployment-workflow-alpha',
+        deploymentStatus: 'Available',
+        updatedAt: '2026-08-06T10:00:00Z',
+      },
+      source: null,
+    };
+    mockScopesApi.getWorkflowDetail
+      .mockResolvedValueOnce(unavailableWorkflowDetail)
+      .mockResolvedValue(observedWorkflow);
+  }
+
+  async function publishObservedWorkflow(): Promise<void> {
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+    await screen.findByRole('status', {
+      name: 'Workflow publication status',
+    });
+  }
+
+  async function renderPublishedWorkflowPage(
+    steps?: Array<{ id: string; type: string }>,
+  ): Promise<void> {
+    arrangeObservedWorkflowPublication(steps);
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    await publishObservedWorkflow();
+  }
+
+  it('shows publish blockers in the standard compact tooltip', async () => {
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '',
+      directoryId: '',
+      directoryLabel: '',
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [{ id: 'step-root', type: 'llm_call' }],
+      },
+      draftExists: false,
+      findings: [
+        {
+          code: 'WORKFLOW_NAME_REQUIRED',
+          level: 'error',
+          message: 'Workflow name is required.',
+          path: '/name',
+        },
+        {
+          code: 'STEP_INSTRUCTION_REQUIRED',
+          level: 'error',
+          message: 'Step instruction is required.',
+          path: '/steps/0/parameters/prompt_prefix',
+        },
+      ],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const publish = await screen.findByRole('button', {
+      name: 'Publish blocked · 3 issues',
+    });
+    expect(publish).toHaveAttribute('aria-disabled', 'true');
+    expect(publish).toBeEnabled();
+
+    fireEvent.click(publish);
+    expect(
+      screen.queryByRole('dialog', { name: 'Publish workflow' }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.focus(publish);
+    const tooltip = await screen.findByRole('tooltip');
+    expect(tooltip.closest('.ant-tooltip')).not.toBeNull();
+    expect(tooltip.closest('.ant-popover')).toBeNull();
+    expect(within(tooltip).getAllByRole('listitem')).toHaveLength(3);
+    expect(within(tooltip).queryByRole('region')).not.toBeInTheDocument();
+    expect(within(tooltip).queryByRole('button')).not.toBeInTheDocument();
+    expect(
+      within(tooltip).getByText('Workflow name is required.'),
+    ).toBeInTheDocument();
+    expect(
+      within(tooltip).getByText('Step instruction is required.'),
+    ).toBeInTheDocument();
+    expect(mockStudioApi.previewExplicitRequests).not.toHaveBeenCalled();
+  });
+
+  it('continues publication observation after a transient read failure without another action', async () => {
+    arrangeSavedDraftPublication();
+    mockScopesApi.getWorkflowDetail
+      .mockResolvedValueOnce(unavailableWorkflowDetail)
+      .mockRejectedValueOnce(
+        Object.assign(new Error('HTTP 503'), { status: 503 }),
+      )
+      .mockResolvedValueOnce({
+        available: true,
+        scopeId: 'scope-alpha',
+        workflow: {
+          scopeId: 'scope-alpha',
+          workflowId: 'wf-draft-alpha',
+          displayName: 'Workflow alpha',
+          serviceKey: 'workflow-alpha',
+          workflowName: 'Workflow alpha',
+          actorId: 'actor-workflow-alpha',
+          activeRevisionId: 'rev-preview-alpha',
+          publishedServiceId: 'svc-alpha',
+          deploymentId: 'deployment-workflow-alpha',
+          deploymentStatus: 'Available',
+          updatedAt: '2026-08-06T10:00:00Z',
+        },
+        source: null,
+      });
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+
+    expect(
+      await screen.findByRole('status', {
+        name: 'Workflow publication status',
+      }),
+    ).toHaveTextContent('Published');
+    expect(
+      screen.queryByText("Publication couldn't be confirmed"),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Check again' }),
+    ).not.toBeInTheDocument();
+    expect(mockScopesApi.getWorkflowDetail).toHaveBeenCalledTimes(3);
+    expect(mockScopesApi.getWorkflowDetail).toHaveBeenLastCalledWith(
+      'scope-alpha',
+      'wf-draft-alpha',
+    );
+    expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
+    expect(mockStudioApi.previewExplicitRequests).toHaveBeenCalledTimes(1);
+    expect(mockStudioApi.publishWorkflow).toHaveBeenCalledTimes(1);
+    expect(mockConsoleToast.error).not.toHaveBeenCalled();
+    expect(mockConsoleToast.success).toHaveBeenCalledTimes(1);
+  });
+
+  it.each([
+    [401, 'Sign in to continue'],
+    [403, "You don't have access to this workspace"],
+  ])('keeps an accepted publication receipt mutation-locked after a %i observation without a manual check action', async (status, message) => {
+    arrangeSavedDraftPublication();
+    mockScopesApi.getWorkflowDetail.mockRejectedValue(
+      Object.assign(new Error(`HTTP ${status}`), { status }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+
+    expect(await screen.findByText(message)).toBeInTheDocument();
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        message,
+        expect.objectContaining({
+          key: expect.stringContaining('workflow-publication:'),
+        }),
+      ),
+    );
+    expect(mockConsoleToast.error).toHaveBeenCalledTimes(1);
+    expect(
+      screen.getByRole('button', { name: 'Publish blocked · 1 issue' }),
+    ).toHaveAttribute('aria-disabled', 'true');
+    expect(
+      screen.queryByRole('button', { name: 'Check again' }),
+    ).not.toBeInTheDocument();
+    expect(mockScopesApi.getWorkflowDetail).toHaveBeenCalledTimes(2);
+    expect(mockScopesApi.getWorkflowDetail).toHaveBeenLastCalledWith(
+      'scope-alpha',
+      'wf-draft-alpha',
+    );
+    expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
+    expect(mockStudioApi.previewExplicitRequests).toHaveBeenCalledTimes(1);
+    expect(mockStudioApi.publishWorkflow).toHaveBeenCalledTimes(1);
+  });
+
+  it('reports one error toast when publication observation reaches a terminal failure', async () => {
+    arrangeSavedDraftPublication();
+    mockScopesApi.getWorkflowDetail.mockRejectedValue(
+      Object.assign(new Error('HTTP 400'), { status: 400 }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+
+    expect(
+      await screen.findByText("Publication couldn't be confirmed"),
+    ).toBeInTheDocument();
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Publication couldn't be confirmed",
+        expect.objectContaining({
+          key: expect.stringContaining('workflow-publication:'),
+        }),
+      ),
+    );
+    expect(mockConsoleToast.error).toHaveBeenCalledTimes(1);
+  });
+
+  it('presents a publication validation rejection as workflow configuration to fix', async () => {
+    arrangeSavedDraftPublication();
+    const validationMessage =
+      "Step 'draft_weekly_report' can invoke llm_call and must declare an explicit allowed_tools scope on the step or its target role.";
+    mockStudioApi.previewExplicitRequests.mockRejectedValue(
+      Object.assign(new Error(validationMessage), {
+        code: 'INVALID_USER_WORKFLOW_REQUEST',
+        status: 400,
+      }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+
+    expect(
+      await screen.findByText("Workflow isn't ready to publish"),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        'Fix the workflow configuration below, then publish again.',
+      ),
+    ).toBeInTheDocument();
+    const technicalDetails = screen.getByText('Technical details');
+    expect(screen.getByText(validationMessage)).not.toBeVisible();
+    fireEvent.click(technicalDetails);
+    expect(screen.getByText(validationMessage)).toBeVisible();
+    expect(
+      screen.queryByText("Publication couldn't be confirmed"),
+    ).not.toBeInTheDocument();
+    expect(mockStudioApi.publishWorkflow).not.toHaveBeenCalled();
+    expect(mockScopesApi.getWorkflowDetail).toHaveBeenCalledTimes(1);
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Workflow isn't ready to publish",
+        expect.objectContaining({
+          key: expect.stringContaining('workflow-publication:'),
+        }),
+      ),
+    );
+  });
+
+  it('creates a fresh revision before retrying a publication that was not accepted', async () => {
+    arrangeSavedDraftPublication();
+    const receiptRevisionId = 'rev-receipt-alpha';
+    const freshRevisionId = 'rev-fresh-beta';
+    mockCreateWorkflowRevisionIdentityCandidate
+      .mockReturnValueOnce(receiptRevisionId)
+      .mockReturnValueOnce(freshRevisionId);
+    mockStudioApi.previewExplicitRequests
+      .mockResolvedValueOnce({
+        workflowId: 'wf-draft-alpha',
+        revisionId: receiptRevisionId,
+        items: [],
+      })
+      .mockResolvedValueOnce({
+        workflowId: 'wf-draft-alpha',
+        revisionId: freshRevisionId,
+        items: [],
+      });
+    mockStudioApi.publishWorkflow
+      .mockRejectedValueOnce(
+        Object.assign(new Error('HTTP 503'), { status: 503 }),
+      )
+      .mockResolvedValueOnce({
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-draft-alpha',
+        revisionId: freshRevisionId,
+        serviceKey: 'tenant-alpha/app-alpha/scope-alpha/svc-alpha',
+        acceptanceStage: 'accepted',
+        propagationStage: 'readmodel_propagating',
+      });
+    const observedWorkflow = {
+      available: true,
+      scopeId: 'scope-alpha',
+      workflow: {
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-draft-alpha',
+        displayName: 'Workflow alpha',
+        serviceKey: 'workflow-alpha',
+        workflowName: 'Workflow alpha',
+        actorId: 'actor-workflow-alpha',
+        activeRevisionId: freshRevisionId,
+        publishedServiceId: 'svc-alpha',
+        deploymentId: 'deployment-workflow-alpha',
+        deploymentStatus: 'Available',
+        updatedAt: '2026-08-06T10:00:00Z',
+      },
+      source: null,
+    };
+    mockScopesApi.getWorkflowDetail
+      .mockResolvedValueOnce(unavailableWorkflowDetail)
+      .mockResolvedValue(observedWorkflow);
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Publish' }));
+
+    expect(
+      await screen.findByText("Workflow couldn't be submitted"),
+    ).toBeInTheDocument();
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Workflow couldn't be submitted",
+        expect.objectContaining({
+          key: expect.stringContaining('workflow-publication:'),
+        }),
+      ),
+    );
+    expect(mockConsoleToast.error).toHaveBeenCalledTimes(1);
+    expect(mockStudioApi.publishWorkflow).toHaveBeenCalledTimes(1);
+    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.previewExplicitRequests).toHaveBeenCalledTimes(2),
+    );
+    await waitFor(() =>
+      expect(mockStudioApi.publishWorkflow).toHaveBeenLastCalledWith(
+        expect.objectContaining({ revisionId: freshRevisionId }),
+      ),
+    );
+    expect(mockStudioApi.publishWorkflow).toHaveBeenCalledTimes(2);
+    expect(
+      await screen.findByRole('status', {
+        name: 'Workflow publication status',
+      }),
+    ).toHaveTextContent('Published');
+    expect(mockConsoleToast.success).toHaveBeenCalledTimes(1);
+  });
+
+  it('continues delayed publication observation automatically without sending a second PUT', async () => {
+    arrangeSavedDraftPublication();
+    mockScopesApi.getWorkflowDetail.mockRejectedValue(
+      Object.assign(new Error('HTTP 404'), { status: 404 }),
+    );
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const publish = await screen.findByRole('button', { name: 'Publish' });
+
+    jest.useFakeTimers();
+    try {
+      fireEvent.click(publish);
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(0);
+      });
+      expect(mockScopesApi.getWorkflowDetail).toHaveBeenCalledTimes(2);
+      expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(5_000);
+      });
+
+      expect(
+        screen.getByRole('button', { name: 'Publishing' }),
+      ).toHaveAttribute('aria-disabled', 'true');
+      expect(
+        screen.queryByText('Publication is taking longer to appear'),
+      ).not.toBeInTheDocument();
+      expect(
+        screen.queryByRole('button', { name: 'Check again' }),
+      ).not.toBeInTheDocument();
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(2_000);
+      });
+
+      expect(mockScopesApi.getWorkflowDetail.mock.calls.length).toBeGreaterThan(
+        5,
+      );
+      expect(mockScopesApi.getWorkflowDetail).toHaveBeenLastCalledWith(
+        'scope-alpha',
+        'wf-draft-alpha',
+      );
+      expect(mockScopeRuntimeApi.getServiceRevisions).not.toHaveBeenCalled();
+      expect(mockStudioApi.previewExplicitRequests).toHaveBeenCalledTimes(1);
+      expect(mockStudioApi.publishWorkflow).toHaveBeenCalledTimes(1);
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('submits only one publication from rapid repeated clicks', async () => {
+    arrangeSavedDraftPublication();
+    let resolvePreview: (preview: unknown) => void = () => undefined;
+    mockStudioApi.previewExplicitRequests.mockImplementation(
+      () =>
+        new Promise((resolve) => {
+          resolvePreview = resolve;
+        }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const publish = await screen.findByRole('button', { name: 'Publish' });
+    await act(async () => {
+      publish.click();
+      publish.click();
+      await Promise.resolve();
+    });
+
+    expect(mockStudioApi.previewExplicitRequests).toHaveBeenCalledTimes(1);
+
+    await act(async () => {
+      resolvePreview({
+        workflowId: 'wf-draft-alpha',
+        revisionId: 'rev-preview-alpha',
+        items: [],
+      });
+      await Promise.resolve();
+    });
+
+    await waitFor(() =>
+      expect(mockStudioApi.publishWorkflow).toHaveBeenCalledTimes(1),
+    );
+  });
+
+  it('creates on first save for committed-only source and adopts the API-returned draft id', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText(
+        'Committed source · first Save creates a scoped draft',
+      ),
+    ).not.toBeInTheDocument();
+    fireEvent.click(screen.getByText('YAML'));
+    fireEvent.change(screen.getByLabelText('Workflow YAML'), {
+      target: { value: 'name: committed_source\nroles: []\nsteps: []\n\n' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.saveWorkflow).toHaveBeenCalledTimes(1),
+    );
+    expect(mockStudioApi.saveWorkflow).toHaveBeenCalledWith(
+      expect.objectContaining({
+        draftExists: false,
+        workflowId: 'wf-committed-source',
+        directoryId: 'directory-alpha',
+      }),
+    );
+    expect(history.replace).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-new',
+    );
+  });
+
+  it('preserves a requested run target when first save adopts a draft id', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-committed-source?run=1#run-panel';
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Committed source saved' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(history.replace).toHaveBeenCalledWith(
+        '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-new?run=1#run-panel',
+      ),
+    );
+  });
+
+  it('confirms a workflow save only after the server returns a readable draft', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Updated source' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(
+        screen.getByRole('status', { name: 'Workflow save status' }),
+      ).toHaveTextContent(/^Saved at /),
+    );
+    expect(mockConsoleToast.success).not.toHaveBeenCalledWith('Workflow saved');
+    expect(mockStudioApi.saveWorkflow).toHaveBeenCalledTimes(1);
+  });
+
+  it('announces one persistent save lifecycle without implying publication', async () => {
+    const parsedDocument = {
+      name: 'committed_source',
+      roles: [],
+      steps: [{ id: 'step-root', type: 'llm_call' }],
+    };
+    let resolveParse: (() => void) | undefined;
+    let resolveSave: (() => void) | undefined;
+    mockStudioApi.parseYaml.mockImplementationOnce(
+      () =>
+        new Promise((resolve) => {
+          resolveParse = () =>
+            resolve({ document: parsedDocument, findings: [] });
+        }),
+    );
+    mockStudioApi.serializeYaml.mockResolvedValue({
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      document: parsedDocument,
+      findings: [],
+    });
+    mockStudioApi.saveWorkflow.mockImplementationOnce(
+      () =>
+        new Promise((resolve) => {
+          resolveSave = () =>
+            resolve({
+              kind: 'materialized',
+              workflow: {
+                workflowId: 'wf-draft-saved',
+                name: 'Updated source',
+                fileName: 'committed-source.yaml',
+                filePath: '/workflows/committed-source.yaml',
+                directoryId: 'directory-alpha',
+                directoryLabel: 'Workflows',
+                yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+                updatedAtUtc: '2026-08-04T10:05:00Z',
+                document: parsedDocument,
+                draftExists: true,
+                findings: [],
+              },
+            });
+        }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const saveStatus = await screen.findByRole('status', {
+      name: 'Workflow save status',
+    });
+    expect(saveStatus).toHaveTextContent('Saved at 2026-08-04 10:00:00 UTC');
+    expect(saveStatus).not.toHaveTextContent('Published');
+
+    fireEvent.change(screen.getByRole('textbox', { name: 'Workflow name' }), {
+      target: { value: 'Updated source' },
+    });
+    expect(saveStatus).toHaveTextContent('Unsaved changes');
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+    expect(saveStatus).toHaveTextContent('Validating workflow…');
+
+    await act(async () => {
+      resolveParse?.();
+      await Promise.resolve();
+    });
+    await waitFor(() => expect(mockStudioApi.saveWorkflow).toHaveBeenCalled());
+    expect(saveStatus).toHaveTextContent('Saving workflow…');
+    expect(document.querySelector('.ant-alert-info')).toBeNull();
+
+    await act(async () => {
+      resolveSave?.();
+      await Promise.resolve();
+    });
+    expect(
+      await screen.findByText('Saved at 2026-08-04 10:05:00 UTC'),
+    ).toBeInTheDocument();
+    expect(mockConsoleToast.success).not.toHaveBeenCalledWith('Workflow saved');
+    expect(
+      screen.queryByRole('status', {
+        name: 'Workflow publication status',
+      }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('keeps later edits while retrying a failed create receipt', async () => {
+    const unavailable = Object.assign(
+      new Error('GET /api/workspace/workflow-drafts/wf-draft-api returned 503'),
+      { status: 503 },
+    );
+    const adoptedDraft = {
+      workflowId: 'wf-draft-api',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '/workflows/committed-source.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:02:00Z',
+      document: { name: 'committed_source', roles: [], steps: [] },
+      draftExists: true,
+      findings: [],
+    };
+    mockStudioApi.saveWorkflow
+      .mockResolvedValueOnce({
+        kind: 'accepted',
+        receipt: {
+          accepted: true,
+          workflowId: 'wf-draft-api',
+          commandId: 'command-draft-api',
+          ackStage: 'accepted',
+          actorId: 'actor-draft-api',
+          workspaceId: 'workspace-alpha',
+          ackedAtUtc: '2026-08-04T10:01:00Z',
+          readiness: {
+            readable: false,
+            stage: 'projection_pending',
+            message: 'pending',
+          },
+        },
+      })
+      .mockResolvedValueOnce({ kind: 'materialized', workflow: adoptedDraft });
+    mockStudioApi.getWorkflowDraftFile
+      .mockRejectedValueOnce(unavailable)
+      .mockResolvedValueOnce(adoptedDraft);
+    mockStudioApi.listWorkflowDrafts.mockResolvedValue([
+      { workflowId: 'wf-draft-api' },
+    ]);
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Updated source' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    expect(
+      await screen.findByText("Workflow was saved but couldn't be reopened"),
+    ).toBeInTheDocument();
+    expect(mockStudioApi.getWorkflowDraftFile).toHaveBeenCalledWith(
+      'wf-draft-api',
+      'scope-alpha',
+    );
+    const workflowName = screen.getByLabelText('Workflow name');
+    expect(workflowName).toBeEnabled();
+    fireEvent.change(workflowName, {
+      target: { value: 'Updated draft' },
+    });
+    expect(workflowName).toHaveValue('Updated draft');
+    expect(
+      screen.getByRole('button', { name: 'Save workflow' }),
+    ).toBeDisabled();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Try again' }));
+    await waitFor(() =>
+      expect(history.replace).toHaveBeenCalledWith(
+        '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-api',
+      ),
+    );
+    expect(workflowName).toHaveValue('Updated draft');
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.saveWorkflow).toHaveBeenCalledTimes(2),
+    );
+    expect(mockStudioApi.saveWorkflow).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        draftExists: true,
+        workflowId: 'wf-draft-api',
+      }),
+    );
+  });
+
+  it('parses authoritative YAML when the workflow response omits its document', async () => {
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-imported',
+      name: 'Imported workflow',
+      fileName: 'imported.yaml',
+      filePath: '/workflows/imported.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: imported\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: null,
+      draftExists: true,
+      findings: [],
+    });
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: {
+        name: 'imported',
+        roles: [],
+        steps: [{ id: 'step-root', type: 'llm_call' }],
+      },
+      findings: [],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    ).toBeInTheDocument();
+    expect(mockStudioApi.parseYaml).toHaveBeenCalledWith({
+      yaml: 'name: imported\nsteps:\n  - id: step-root\n    type: llm_call\n',
+    });
+    expect(screen.getByRole('button', { name: 'Run' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Run' })).toHaveAttribute(
+      'title',
+      'Publish this workflow before running it.',
+    );
+  });
+
+  it('keeps a workflow YAML parser error out of the primary editor message', async () => {
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-imported',
+      name: 'Imported workflow',
+      fileName: 'imported.yaml',
+      filePath: '/workflows/imported.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: imported\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: null,
+      draftExists: true,
+      findings: [
+        {
+          code: 'WORKFLOW_UNKNOWN_STEP',
+          level: 'warning',
+          message: 'A workflow step needs review.',
+        },
+      ],
+    });
+    mockStudioApi.parseYaml.mockRejectedValue(
+      new Error('yaml parser: unexpected token on line 3'),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByText('Workflow YAML could not be read.'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('A workflow step needs review.'),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText('yaml parser: unexpected token on line 3'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('renders workflow validation alerts without deprecated Ant Design props', async () => {
+    const consoleError = jest
+      .spyOn(console, 'error')
+      .mockImplementation(() => undefined);
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-validation-alert',
+      name: 'Validation alert workflow',
+      fileName: 'validation-alert.yaml',
+      filePath: '/workflows/validation-alert.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: validation_alert\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: { name: 'validation_alert', roles: [], steps: [] },
+      draftExists: true,
+      findings: [
+        {
+          code: 'WORKFLOW_UNKNOWN_STEP',
+          level: 'warning',
+          message: 'A workflow step needs review.',
+        },
+      ],
+    });
+
+    try {
+      renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+      expect(
+        await screen.findByText('A workflow step needs review.'),
+      ).toBeInTheDocument();
+      expect(consoleError).not.toHaveBeenCalledWith(
+        expect.stringContaining(
+          '[antd: Alert] `message` is deprecated. Please use `title` instead.',
+        ),
+      );
+    } finally {
+      consoleError.mockRestore();
+    }
+  });
+
+  it('renders loaded nodes inside the sized Workflow Studio canvas region', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const canvasRegion = await screen.findByRole('region', {
+      name: 'Workflow canvas',
+    });
+
+    expect(canvasRegion).toHaveStyle({
+      display: 'flex',
+      minHeight: '440px',
+    });
+    const canvas = within(canvasRegion).getByTestId('workflow-studio-canvas');
+    expect(canvas.parentElement).toHaveStyle({
+      display: 'flex',
+      height: '100%',
+      minHeight: '0',
+      width: '100%',
+    });
+    expect(
+      within(canvas).getByRole('button', {
+        name: 'Select step:step-root',
+      }),
+    ).toBeInTheDocument();
+  });
+
+  it('reuses the complete Studio canvas editing contract', async () => {
+    const sourceDocument = {
+      name: 'committed_source',
+      roles: [],
+      steps: [
+        { id: 'step-root', type: 'conditional' },
+        { id: 'step-next', type: 'transform' },
+      ],
+    };
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '',
+      directoryId: '',
+      directoryLabel: '',
+      yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: sourceDocument,
+      draftExists: false,
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockImplementation(async ({ document }) => ({
+      yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+      document,
+      findings: [],
+    }));
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const canvas = await screen.findByTestId('workflow-studio-canvas');
+    expect(canvas).toHaveAttribute('data-connectable', 'true');
+    expect(canvas).toHaveAttribute('data-deletable', 'true');
+    expect(canvas).toHaveAttribute('data-edge-selectable', 'true');
+    expect(canvas).toHaveAttribute('data-layout-editable', 'true');
+
+    fireEvent.click(
+      within(canvas).getByRole('button', { name: 'Connect first two nodes' }),
+    );
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledWith({
+        document: expect.objectContaining({
+          steps: expect.arrayContaining([
+            expect.objectContaining({
+              id: 'step-root',
+              branches: { true: 'step-next' },
+              next: null,
+            }),
+          ]),
+        }),
+      }),
+    );
+  });
+
+  it('keeps canvas editing callbacks stable when the node library opens', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    await screen.findByTestId('workflow-studio-canvas');
+    const initialProps = mockWorkflowStudioCanvasProps.mock.calls.at(-1)?.[0];
+
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+
+    await waitFor(() =>
+      expect(mockWorkflowStudioCanvasProps).toHaveBeenCalledTimes(2),
+    );
+    const nodeLibraryProps =
+      mockWorkflowStudioCanvasProps.mock.calls.at(-1)?.[0];
+
+    expect(nodeLibraryProps?.onConnectNodes).toBe(initialProps?.onConnectNodes);
+    expect(nodeLibraryProps?.onAddFirstStep).toBe(initialProps?.onAddFirstStep);
+    expect(nodeLibraryProps?.onCanvasSelect).toBe(initialProps?.onCanvasSelect);
+    expect(nodeLibraryProps?.onDeleteEdges).toBe(initialProps?.onDeleteEdges);
+    expect(nodeLibraryProps?.onDeleteNodes).toBe(initialProps?.onDeleteNodes);
+    expect(nodeLibraryProps?.onEdgeSelect).toBe(initialProps?.onEdgeSelect);
+    expect(nodeLibraryProps?.onNodeLayoutChange).toBe(
+      initialProps?.onNodeLayoutChange,
+    );
+    expect(nodeLibraryProps?.onNodeSelect).toBe(initialProps?.onNodeSelect);
+  });
+
+  it('keeps the Canvas/YAML editor view switch discoverable and keyboard operable', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const viewSwitch = await screen.findByRole('radiogroup', {
+      name: 'Canvas / YAML',
+    });
+    const canvas = within(viewSwitch).getByRole('radio', { name: 'Canvas' });
+
+    expect(canvas).toBeChecked();
+    canvas.focus();
+    fireEvent.keyDown(canvas, { key: 'ArrowRight' });
+
+    expect(await screen.findByLabelText('Workflow YAML')).toBeVisible();
+  });
+
+  it('does not honor a requested Run until publication is observed', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-alpha?run=1';
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      name: 'Support triage',
+      fileName: 'support.yaml',
+      filePath: '/support.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: support\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: {
+        name: 'support',
+        roles: [],
+        steps: [{ id: 'step-root', type: 'llm_call' }],
+      },
+      draftExists: true,
+      findings: [],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Support triage'),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByRole('complementary', { name: 'Published run panel' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Run' })).toBeDisabled();
+    expect(mockRuntimeRunsApi.streamChat).not.toHaveBeenCalled();
+  });
+
+  it('does not open or submit a requested run for an invalid draft', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-alpha?run=1';
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-draft-alpha',
+      name: 'Empty draft',
+      fileName: 'empty.yaml',
+      filePath: '/empty.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: empty\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: { name: 'empty', roles: [], steps: [] },
+      draftExists: true,
+      findings: [],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(await screen.findByDisplayValue('Empty draft')).toBeInTheDocument();
+    expect(
+      screen.queryByRole('complementary', { name: 'Published run panel' }),
+    ).not.toBeInTheDocument();
+    expect(mockRuntimeRunsApi.streamChat).not.toHaveBeenCalled();
+  });
+
+  it('reports a save failure with a toast instead of a page alert', async () => {
+    mockStudioApi.saveWorkflow.mockRejectedValue(
+      new Error('PUT /api/studio/workflows/wf-committed-source returned 500'),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Updated source' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Workflow couldn't be saved",
+      ),
+    );
+    expect(
+      screen.queryByText("Workflow couldn't be saved"),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByText(
+        'PUT /api/studio/workflows/wf-committed-source returned 500',
+      ),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('status', { name: 'Workflow save status' }),
+    ).toHaveTextContent('Save failed');
+  });
+
+  it('reports a parse validation save failure instead of failing silently', async () => {
+    mockStudioApi.parseYaml.mockResolvedValueOnce({
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [],
+      },
+      findings: [{ level: 'error', message: 'Workflow steps are invalid.' }],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    await screen.findByDisplayValue('Committed source');
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Updated source' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Workflow couldn't be saved",
+      ),
+    );
+    expect(mockStudioApi.serializeYaml).not.toHaveBeenCalled();
+    expect(mockStudioApi.saveWorkflow).not.toHaveBeenCalled();
+    expect(
+      screen.getByRole('status', { name: 'Workflow save status' }),
+    ).toHaveTextContent('Save failed');
+  });
+
+  it('reports a serialization validation save failure instead of failing silently', async () => {
+    mockStudioApi.serializeYaml.mockResolvedValueOnce({
+      yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [],
+      },
+      findings: [{ level: 'error', message: 'Workflow steps are invalid.' }],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    await screen.findByDisplayValue('Committed source');
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Updated source' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Workflow couldn't be saved",
+      ),
+    );
+    expect(mockStudioApi.saveWorkflow).not.toHaveBeenCalled();
+    expect(
+      screen.getByRole('status', { name: 'Workflow save status' }),
+    ).toHaveTextContent('Save failed');
+  });
+
+  it('puts editable node configuration first and keeps raw JSON advanced', async () => {
+    mockStudioApi.serializeYaml.mockImplementation(async ({ document }) => ({
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n    parameters:\n      prompt_prefix: Updated prompt\n',
+      document,
+      findings: [],
+    }));
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    expect(within(inspector).getByLabelText('Instruction')).toHaveValue(
+      'Original prompt',
+    );
+    expect(
+      within(inspector).queryByLabelText('Raw configuration'),
+    ).not.toBeInTheDocument();
+    expect(within(inspector).getByText('Advanced JSON')).toBeVisible();
+    fireEvent.change(within(inspector).getByLabelText('Instruction'), {
+      target: { value: 'Updated prompt' },
+    });
+    fireEvent.click(
+      within(inspector).getByRole('button', { name: 'Apply step' }),
+    );
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledWith({
+        document: expect.objectContaining({
+          steps: [
+            expect.objectContaining({
+              id: 'step-root',
+              parameters: { prompt_prefix: 'Updated prompt' },
+            }),
+          ],
+        }),
+      }),
+    );
+  });
+
+  it('keeps a raw JSON parser error behind technical details', async () => {
+    const invalidRawConfiguration = '{';
+    let parserError = '';
+    try {
+      JSON.parse(invalidRawConfiguration);
+    } catch (error) {
+      parserError = error instanceof Error ? error.message : String(error);
+    }
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    fireEvent.click(within(inspector).getByText('Advanced JSON'));
+    const rawConfiguration =
+      await within(inspector).findByLabelText('Raw configuration');
+
+    fireEvent.change(rawConfiguration, {
+      target: { value: invalidRawConfiguration },
+    });
+
+    expect(
+      await within(inspector).findByText(
+        'Configuration must be a JSON object.',
+      ),
+    ).toBeVisible();
+    expect(within(inspector).getByText('Error details')).toBeVisible();
+    expect(within(inspector).getByText(parserError)).not.toBeVisible();
+
+    fireEvent.click(within(inspector).getByText('Error details'));
+
+    expect(within(inspector).getByText(parserError)).toBeVisible();
+  });
+
+  it('requires applying or discarding local node changes before saving or running', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    fireEvent.change(within(inspector).getByLabelText('Instruction'), {
+      target: { value: 'Updated prompt' },
+    });
+
+    expect(
+      within(inspector).getByText(
+        'Apply this step before saving the workflow.',
+      ),
+    ).toBeVisible();
+    expect(
+      screen.getByRole('button', { name: 'Save workflow' }),
+    ).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Run' })).toBeDisabled();
+  });
+
+  it('keeps node configuration editable while the current save awaits a readable draft', async () => {
+    const pendingDocument = {
+      name: 'committed_source',
+      roles: [],
+      steps: [
+        {
+          id: 'step-root',
+          type: 'llm_call',
+          parameters: { prompt_prefix: 'Original prompt' },
+        },
+      ],
+    };
+    const unavailable = Object.assign(
+      new Error('GET /api/workspace/workflow-drafts/wf-draft-api returned 503'),
+      { status: 503 },
+    );
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: pendingDocument,
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockImplementation(async ({ document }) => ({
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      document,
+      findings: [],
+    }));
+    mockStudioApi.saveWorkflow.mockResolvedValue({
+      kind: 'accepted',
+      receipt: {
+        accepted: true,
+        workflowId: 'wf-draft-api',
+        commandId: 'command-draft-api',
+        ackStage: 'accepted',
+        actorId: 'actor-draft-api',
+        workspaceId: 'workspace-alpha',
+        ackedAtUtc: '2026-08-04T10:01:00Z',
+        readiness: {
+          readable: false,
+          stage: 'projection_pending',
+          message: 'pending',
+        },
+      },
+    });
+    mockStudioApi.getWorkflowDraftFile.mockRejectedValue(unavailable);
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Updated source' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    expect(
+      await screen.findByText("Workflow was saved but couldn't be reopened"),
+    ).toBeInTheDocument();
+    expect(within(inspector).getByLabelText('Instruction')).toBeEnabled();
+  });
+
+  it('keeps an accepted save quiet while waiting for a readable draft', async () => {
+    mockStudioApi.saveWorkflow.mockResolvedValue({
+      kind: 'accepted',
+      receipt: {
+        accepted: true,
+        workflowId: 'wf-draft-api',
+        commandId: 'command-draft-api',
+        ackStage: 'accepted',
+        actorId: 'actor-draft-api',
+        workspaceId: 'workspace-alpha',
+        ackedAtUtc: '2026-08-04T10:01:00Z',
+        readiness: {
+          readable: false,
+          stage: 'projection_pending',
+          message: 'pending',
+        },
+      },
+    });
+    mockStudioApi.getWorkflowDraftFile.mockReturnValue(new Promise(() => {}));
+    mockStudioApi.listWorkflowDrafts.mockResolvedValue([
+      { workflowId: 'wf-draft-api' },
+    ]);
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    await screen.findByDisplayValue('Committed source');
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Updated source' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.getWorkflowDraftFile).toHaveBeenCalled(),
+    );
+    expect(
+      screen.getByRole('status', { name: 'Workflow save status' }),
+    ).toHaveTextContent('Saving workflow…');
+    expect(document.querySelector('.ant-alert-info')).toBeNull();
+  });
+
+  it('waits for a node insertion to finish before allowing a competing save', async () => {
+    let resolveInsertion:
+      | ((result: {
+          yaml: string;
+          document: unknown;
+          findings: readonly [];
+        }) => void)
+      | undefined;
+    mockStudioApi.serializeYaml.mockImplementationOnce(
+      ({ document }) =>
+        new Promise((resolve) => {
+          resolveInsertion = resolve;
+          void document;
+        }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByRole('button', { name: 'Add node' }),
+    ).toBeEnabled();
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledTimes(1),
+    );
+    expect(mockStudioApi.serializeYaml).toHaveBeenCalledWith({
+      document: expect.objectContaining({
+        steps: expect.arrayContaining([
+          expect.objectContaining({ type: 'llm_call' }),
+        ]),
+      }),
+    });
+    expect(
+      screen.getByRole('button', { name: 'Save workflow' }),
+    ).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Run' })).toBeDisabled();
+
+    resolveInsertion?.({
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [{ id: 'step-root', type: 'llm_call' }],
+      },
+      findings: [],
+    });
+
+    await waitFor(() =>
+      expect(
+        screen.getByRole('button', { name: 'Save workflow' }),
+      ).toBeEnabled(),
+    );
+  });
+
+  it('adds a node after the final step and materializes the existing implicit chain', async () => {
+    const document = {
+      name: 'committed_source',
+      roles: [],
+      steps: [
+        {
+          id: 'draft_step',
+          type: 'llm_call',
+          next: null,
+          branches: {},
+        },
+        {
+          id: 'review_step',
+          type: 'human_approval',
+          next: null,
+          branches: {},
+        },
+      ],
+    };
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '',
+      directoryId: '',
+      directoryLabel: '',
+      yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document,
+      draftExists: false,
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockImplementation(
+      async ({ document: submittedDocument }) => ({
+        yaml: 'serialized',
+        document: submittedDocument,
+        findings: [],
+      }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert Assign node' }),
+    );
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledTimes(1),
+    );
+    expect(mockStudioApi.serializeYaml.mock.calls[0][0].document.steps).toEqual(
+      [
+        expect.objectContaining({ id: 'draft_step', next: 'review_step' }),
+        expect.objectContaining({ id: 'review_step', next: 'assign_step' }),
+        expect.objectContaining({ id: 'assign_step', next: null }),
+      ],
+    );
+  });
+
+  it('inserts a node after the selected middle step and preserves its successor', async () => {
+    const document = {
+      name: 'committed_source',
+      roles: [],
+      steps: [
+        {
+          id: 'draft_step',
+          type: 'llm_call',
+          next: 'review_step',
+          branches: {},
+        },
+        {
+          id: 'review_step',
+          type: 'human_approval',
+          next: 'publish_step',
+          branches: {},
+        },
+        {
+          id: 'publish_step',
+          type: 'emit',
+          next: null,
+          branches: {},
+        },
+      ],
+    };
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '',
+      directoryId: '',
+      directoryLabel: '',
+      yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document,
+      draftExists: false,
+      findings: [],
+    });
+    mockStudioApi.serializeYaml.mockImplementation(
+      async ({ document: submittedDocument }) => ({
+        yaml: 'serialized',
+        document: submittedDocument,
+        findings: [],
+      }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:review_step' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert Assign node' }),
+    );
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledTimes(1),
+    );
+    expect(mockStudioApi.serializeYaml.mock.calls[0][0].document.steps).toEqual(
+      [
+        expect.objectContaining({ id: 'draft_step', next: 'review_step' }),
+        expect.objectContaining({ id: 'review_step', next: 'assign_step' }),
+        expect.objectContaining({ id: 'assign_step', next: 'publish_step' }),
+        expect.objectContaining({ id: 'publish_step', next: null }),
+      ],
+    );
+  });
+
+  it('locks structural editing while a save is still in flight', async () => {
+    let resolveSave: ((result: unknown) => void) | undefined;
+    mockStudioApi.saveWorkflow.mockImplementationOnce(
+      () =>
+        new Promise((resolve) => {
+          resolveSave = resolve;
+        }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByRole('button', { name: 'Add node' }),
+    ).toBeEnabled();
+    fireEvent.click(screen.getByRole('button', { name: 'Add node' }));
+    expect(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    ).toBeVisible();
+
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Committed source updated' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.saveWorkflow).toHaveBeenCalledTimes(1),
+    );
+    expect(screen.getByLabelText('Workflow name')).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Add node' })).toBeDisabled();
+    expect(
+      screen.queryByRole('button', { name: 'Insert LLM call node' }),
+    ).not.toBeInTheDocument();
+
+    resolveSave?.({
+      kind: 'materialized',
+      workflow: {
+        workflowId: 'wf-draft-new',
+        name: 'Committed source',
+        fileName: 'committed-source.yaml',
+        filePath: '/workflows/committed-source.yaml',
+        directoryId: 'directory-alpha',
+        directoryLabel: 'Workflows',
+        yaml: 'name: committed_source\nroles: []\nsteps: []\n',
+        updatedAtUtc: '2026-08-04T10:01:00Z',
+        document: { name: 'committed_source', roles: [], steps: [] },
+        draftExists: true,
+        findings: [],
+      },
+    });
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'Add node' })).toBeEnabled(),
+    );
+  });
+
+  it('reports a failed node insertion with a retryable toast', async () => {
+    const serializeFailure = new Error(
+      'POST /api/editor/serialize-yaml returned 500',
+    );
+    mockStudioApi.serializeYaml
+      .mockRejectedValueOnce(serializeFailure)
+      .mockImplementation(async ({ document }) => ({
+        yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+        document,
+        findings: [],
+      }));
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Add node' }));
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Insert LLM call node' }),
+    );
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledTimes(1),
+    );
+    expect(screen.queryByText("Couldn't add node")).not.toBeInTheDocument();
+    expect(
+      screen.queryByText(serializeFailure.message),
+    ).not.toBeInTheDocument();
+    const [content] = mockConsoleToast.error.mock.calls[0];
+    const toastContent = render(content).container;
+    expect(within(toastContent).getByText("Couldn't add node")).toBeVisible();
+    const retryButton = within(toastContent).getByRole('button', {
+      name: 'Retry',
+    });
+    expect(retryButton).toBeEnabled();
+
+    fireEvent.click(retryButton);
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledTimes(2),
+    );
+  });
+
+  it('locks node configuration fields while Apply is in flight', async () => {
+    let resolveApply: ((result: unknown) => void) | undefined;
+    mockStudioApi.serializeYaml.mockImplementationOnce(
+      () =>
+        new Promise((resolve) => {
+          resolveApply = resolve;
+        }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    const instruction = within(inspector).getByLabelText('Instruction');
+    fireEvent.change(instruction, { target: { value: 'Updated prompt' } });
+    fireEvent.click(
+      within(inspector).getByRole('button', { name: 'Apply step' }),
+    );
+
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledTimes(1),
+    );
+    expect(instruction).toBeDisabled();
+
+    resolveApply?.({
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n    parameters:\n      prompt_prefix: Updated prompt\n',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [
+          {
+            id: 'step-root',
+            type: 'llm_call',
+            parameters: { prompt_prefix: 'Updated prompt' },
+          },
+        ],
+      },
+      findings: [],
+    });
+
+    await waitFor(() => expect(instruction).toBeEnabled());
+  });
+
+  it('requires an observed publication before enabling Run', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const run = await screen.findByRole('button', { name: 'Run' });
+    expect(run).toBeDisabled();
+    expect(run).toHaveAttribute(
+      'title',
+      'Publish this workflow before running it.',
+    );
+  });
+
+  it('restores an authoritative publication when opening a published workflow', async () => {
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '/workflows/committed-source.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-10T03:20:32Z',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [{ id: 'step-root', type: 'llm_call' }],
+      },
+      draftExists: true,
+      findings: [],
+    });
+    mockScopesApi.getWorkflowDetail.mockResolvedValue({
+      available: true,
+      scopeId: 'scope-alpha',
+      workflow: {
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-committed-source',
+        displayName: 'Committed source',
+        serviceKey: 'opaque-service-key',
+        workflowName: 'committed_source',
+        actorId: 'actor-existing',
+        activeRevisionId: 'rev-existing',
+        deploymentId: 'deployment-existing',
+        deploymentStatus: 'Available',
+        updatedAt: '2026-08-10T03:20:32Z',
+        publishedServiceId: 'svc-existing',
+        serviceAppId: 'workflow-app',
+        serviceNamespace: 'workflow-namespace',
+      },
+      source: {
+        workflowYaml:
+          'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n',
+        definitionActorId: 'definition-existing',
+        inlineWorkflowYamls: null,
+      },
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const run = await screen.findByRole('button', { name: 'Run' });
+    await waitFor(() => expect(run).toBeEnabled());
+    expect(run).not.toHaveAttribute('title');
+    expect(
+      screen.queryByRole('button', { name: 'Publish' }),
+    ).not.toBeInTheDocument();
+    fireEvent.click(run);
+
+    const runPanel = await screen.findByRole('complementary', {
+      name: 'Published run panel',
+    });
+    expect(within(runPanel).getByText('Published run')).toBeInTheDocument();
+    expect(
+      within(runPanel).getByRole('textbox', { name: 'Published run input' }),
+    ).toBeInTheDocument();
+    expect(
+      within(runPanel).queryByText('svc-existing'),
+    ).not.toBeInTheDocument();
+    expect(
+      within(runPanel).queryByText('rev-existing'),
+    ).not.toBeInTheDocument();
+    expect(mockStudioApi.publishWorkflow).not.toHaveBeenCalled();
+  });
+
+  it('opens the shared run input panel after publication is observed', async () => {
+    arrangeObservedWorkflowPublication();
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    await publishObservedWorkflow();
+
+    const run = screen.getByRole('button', { name: 'Run' });
+    await waitFor(() => expect(run).toBeEnabled());
+    fireEvent.click(run);
+
+    const runPanel = await screen.findByRole('complementary', {
+      name: 'Published run panel',
+    });
+    expect(runPanel).toBeVisible();
+    expect(
+      within(runPanel).getByRole('button', { name: 'Start published run' }),
+    ).toBeInTheDocument();
+    expect(within(runPanel).queryByText('svc-alpha')).not.toBeInTheDocument();
+    expect(
+      within(runPanel).queryByText('rev-preview-alpha'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('bounds and resizes the published run panel beside the canvas', async () => {
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+
+    const runPanel = await screen.findByRole('complementary', {
+      name: 'Published run panel',
+    });
+    const resizeHandle = screen.getByRole('separator', {
+      name: 'Resize published run panel',
+    });
+    expect(runPanel).toHaveStyle({ height: '100%', width: '420px' });
+    expect(resizeHandle).toHaveAttribute('aria-orientation', 'vertical');
+    expect(resizeHandle).toHaveAttribute('aria-valuemin', '320');
+    expect(resizeHandle).toHaveAttribute('aria-valuemax', '640');
+    expect(resizeHandle).toHaveAttribute('aria-valuenow', '420');
+
+    fireEvent.keyDown(resizeHandle, { key: 'ArrowLeft' });
+    expect(runPanel).toHaveStyle({ width: '444px' });
+    expect(resizeHandle).toHaveAttribute('aria-valuenow', '444');
+
+    const workspace = document.querySelector('.wa-vnext__run-workspace');
+    expect(workspace).toBeInstanceOf(HTMLElement);
+    Object.defineProperty(workspace, 'clientWidth', {
+      configurable: true,
+      value: 700,
+    });
+    fireEvent(window, new Event('resize'));
+
+    await waitFor(() => {
+      expect(runPanel).toHaveStyle({ width: '340px' });
+      expect(resizeHandle).toHaveAttribute('aria-valuemax', '340');
+      expect(resizeHandle).toHaveAttribute('aria-valuenow', '340');
+    });
+  });
+
+  it('keeps Logs collapsed across later SSE frames and restores toggle focus', async () => {
+    const consoleError = jest.spyOn(console, 'error');
+    try {
+      const encoder = new TextEncoder();
+      let streamController:
+        | ReadableStreamDefaultController<Uint8Array>
+        | undefined;
+      mockRuntimeRunsApi.streamChat.mockResolvedValue({
+        body: new ReadableStream({
+          start(controller) {
+            streamController = controller;
+          },
+        }),
+        ok: true,
+      } as Response);
+      await renderPublishedWorkflowPage();
+
+      const initiallyCollapsedToggle = screen.getByRole('button', {
+        name: 'Expand workflow logs',
+      });
+      expect(initiallyCollapsedToggle).toHaveAttribute(
+        'aria-expanded',
+        'false',
+      );
+      expect(initiallyCollapsedToggle).toHaveAttribute(
+        'aria-controls',
+        'workflow-published-run-console',
+      );
+      expect(
+        screen.queryByRole('complementary', { name: 'Workflow run console' }),
+      ).not.toBeInTheDocument();
+
+      fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+      fireEvent.change(
+        await screen.findByRole('textbox', { name: 'Published run input' }),
+        { target: { value: 'Review order 42' } },
+      );
+      fireEvent.click(
+        screen.getByRole('button', { name: 'Start published run' }),
+      );
+
+      await act(async () => {
+        streamController?.enqueue(
+          encoder.encode(
+            'data: {"runStarted":{"runId":"run-resizable-alpha"}}\n\n',
+          ),
+        );
+      });
+
+      const logs = await screen.findByRole('complementary', {
+        name: 'Workflow run console',
+      });
+      const resizeHandle = screen.getByRole('separator', {
+        name: 'Resize workflow run console',
+      });
+      expect(logs).toHaveStyle({ height: '310px' });
+      expect(resizeHandle).toHaveAttribute('aria-orientation', 'horizontal');
+      expect(resizeHandle).toHaveAttribute('aria-valuenow', '310');
+
+      fireEvent.keyDown(resizeHandle, { key: 'ArrowUp' });
+      expect(logs).toHaveStyle({ height: '334px' });
+      expect(resizeHandle).toHaveAttribute('aria-valuenow', '334');
+
+      const collapseToggle = within(logs).getByRole('button', {
+        name: 'Collapse workflow logs',
+      });
+      expect(collapseToggle).toHaveAttribute('aria-expanded', 'true');
+      expect(collapseToggle).toHaveAttribute(
+        'aria-controls',
+        'workflow-published-run-console',
+      );
+      await act(async () => {
+        collapseToggle.focus();
+        fireEvent.click(collapseToggle);
+      });
+
+      const expandToggle = screen.getByRole('button', {
+        name: 'Expand workflow logs',
+      });
+      await waitFor(() => expect(expandToggle).toHaveFocus());
+      expect(
+        screen.queryByRole('complementary', { name: 'Workflow run console' }),
+      ).not.toBeInTheDocument();
+
+      await act(async () => {
+        streamController?.enqueue(
+          encoder.encode(
+            'data: {"custom":{"name":"aevatar.step.request","payload":{"input":"Review order 42","stepId":"step-live","stepType":"llm_call"}}}\n\n',
+          ),
+        );
+        streamController?.enqueue(
+          encoder.encode(
+            'data: {"runFinished":{"runId":"run-resizable-alpha"}}\n\n',
+          ),
+        );
+      });
+      expect(
+        screen.queryByRole('complementary', { name: 'Workflow run console' }),
+      ).not.toBeInTheDocument();
+
+      await act(async () => {
+        fireEvent.click(expandToggle);
+      });
+      await waitFor(() =>
+        expect(
+          screen.getByRole('button', { name: 'Collapse workflow logs' }),
+        ).toHaveFocus(),
+      );
+      expect(
+        await screen.findByTestId('workflow-execution-log-row-node-step-live'),
+      ).toBeInTheDocument();
+
+      await act(async () => {
+        streamController?.close();
+      });
+      expect(consoleError).not.toHaveBeenCalled();
+    } finally {
+      consoleError.mockRestore();
+    }
+  });
+
+  it('locks Run again when the published workflow is edited', async () => {
+    await renderPublishedWorkflowPage();
+
+    const run = screen.getByRole('button', { name: 'Run' });
+    await waitFor(() => expect(run).toBeEnabled());
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Workflow alpha updated' },
+    });
+
+    expect(run).toBeDisabled();
+    expect(run).toHaveAttribute(
+      'title',
+      'Save and publish the latest changes before running.',
+    );
+  });
+
+  it('invokes the exact published service instead of running draft YAML', async () => {
+    arrangeObservedWorkflowPublication();
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(createSseResponse([]));
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    await publishObservedWorkflow();
+
+    const run = screen.getByRole('button', { name: 'Run' });
+    await waitFor(() => expect(run).toBeEnabled());
+    fireEvent.click(run);
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Start published run' }),
+    );
+
+    await waitFor(() =>
+      expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledWith(
+        'scope-alpha',
+        { prompt: 'Review order 42' },
+        expect.any(AbortSignal),
+        { serviceId: 'svc-alpha' },
+      ),
+    );
+    expect(mockRuntimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
+  });
+
+  it('starts the exact published workflow service with empty input', async () => {
+    arrangeObservedWorkflowPublication();
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(createSseResponse([]));
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    await publishObservedWorkflow();
+
+    const run = screen.getByRole('button', { name: 'Run' });
+    await waitFor(() => expect(run).toBeEnabled());
+    fireEvent.click(run);
+
+    const startRun = await screen.findByRole('button', {
+      name: 'Start published run',
+    });
+    expect(startRun).toBeEnabled();
+    fireEvent.click(startRun);
+
+    await waitFor(() =>
+      expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledWith(
+        'scope-alpha',
+        { prompt: '' },
+        expect.any(AbortSignal),
+        { serviceId: 'svc-alpha' },
+      ),
+    );
+    expect(mockRuntimeRunsApi.streamEndpoint).not.toHaveBeenCalled();
+    expect(mockRuntimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
+  });
+
+  it('presents each node start from one SSE chunk before advancing', async () => {
+    const animationFrameCallbacks: FrameRequestCallback[] = [];
+    const originalRequestAnimationFrame = window.requestAnimationFrame;
+    const originalCancelAnimationFrame = window.cancelAnimationFrame;
+    Object.defineProperty(window, 'requestAnimationFrame', {
+      configurable: true,
+      value: jest.fn((callback: FrameRequestCallback) => {
+        animationFrameCallbacks.push(callback);
+        return animationFrameCallbacks.length;
+      }),
+    });
+    Object.defineProperty(window, 'cancelAnimationFrame', {
+      configurable: true,
+      value: jest.fn(),
+    });
+    const releasePaintBoundary = async () => {
+      expect(animationFrameCallbacks).toHaveLength(1);
+      act(() => {
+        animationFrameCallbacks.shift()?.(0);
+      });
+      expect(animationFrameCallbacks).toHaveLength(1);
+      await act(async () => {
+        animationFrameCallbacks.shift()?.(16);
+        await Promise.resolve();
+      });
+    };
+
+    try {
+      mockRuntimeRunsApi.streamChat.mockResolvedValue(
+        createSseResponse([
+          { runStarted: { runId: 'run-paced-alpha' } },
+          {
+            custom: {
+              name: 'aevatar.step.request',
+              payload: {
+                input: 'Alpha input',
+                stepId: 'step-alpha',
+                stepType: 'assign',
+              },
+            },
+          },
+          {
+            custom: {
+              name: 'aevatar.step.completed',
+              payload: {
+                output: 'Alpha output',
+                stepId: 'step-alpha',
+                success: true,
+              },
+            },
+          },
+          {
+            custom: {
+              name: 'aevatar.step.request',
+              payload: {
+                input: 'Beta input',
+                stepId: 'step-beta',
+                stepType: 'transform',
+              },
+            },
+          },
+          { runFinished: { runId: 'run-paced-alpha' } },
+        ]),
+      );
+
+      await renderPublishedWorkflowPage([
+        { id: 'step-alpha', type: 'assign' },
+        { id: 'step-beta', type: 'transform' },
+      ]);
+      fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+      fireEvent.click(
+        await screen.findByRole('button', { name: 'Start published run' }),
+      );
+
+      const logs = await screen.findByRole('complementary', {
+        name: 'Workflow run console',
+      });
+      const alphaRow = await within(logs).findByTestId(
+        'workflow-execution-log-row-node-step-alpha',
+      );
+      expect(alphaRow).toHaveTextContent('Running');
+      const pendingBetaRow = within(logs).getByTestId(
+        'workflow-execution-log-row-node-step-beta',
+      );
+      expect(pendingBetaRow).toHaveTextContent('Pending');
+      expect(pendingBetaRow).toBeDisabled();
+
+      mockStudioApi.serializeYaml.mockImplementationOnce(
+        async ({ document: submittedDocument }) => ({
+          document: submittedDocument,
+          findings: [],
+          yaml: 'serialized',
+        }),
+      );
+      fireEvent.click(await screen.findByRole('button', { name: 'Add node' }));
+      fireEvent.click(
+        await screen.findByRole('button', { name: 'Insert Assign node' }),
+      );
+      await waitFor(() =>
+        expect(mockStudioApi.serializeYaml).toHaveBeenCalledWith({
+          document: expect.objectContaining({
+            steps: expect.arrayContaining([
+              expect.objectContaining({ id: 'assign_step' }),
+            ]),
+          }),
+        }),
+      );
+      expect(
+        within(logs).queryByTestId(
+          'workflow-execution-log-row-node-assign_step',
+        ),
+      ).not.toBeInTheDocument();
+
+      await releasePaintBoundary();
+
+      expect(alphaRow).toHaveTextContent('Success');
+      const betaRow = within(logs).getByTestId(
+        'workflow-execution-log-row-node-step-beta',
+      );
+      expect(betaRow).toHaveTextContent('Running');
+      expect(betaRow).toHaveAttribute('aria-pressed', 'true');
+      expect(betaRow).toBeEnabled();
+      await releasePaintBoundary();
+      await waitFor(() =>
+        expect(within(logs).getByText('succeeded')).toBeInTheDocument(),
+      );
+    } finally {
+      Object.defineProperty(window, 'requestAnimationFrame', {
+        configurable: true,
+        value: originalRequestAnimationFrame,
+      });
+      Object.defineProperty(window, 'cancelAnimationFrame', {
+        configurable: true,
+        value: originalCancelAnimationFrame,
+      });
+    }
+  });
+
+  it('uploads published run files through the exact published service', async () => {
+    arrangeObservedWorkflowPublication();
+    mockRuntimeRunsApi.streamEndpoint.mockResolvedValue(createSseResponse([]));
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    await publishObservedWorkflow();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Run' }));
+    const runPanel = await screen.findByRole('complementary', {
+      name: 'Published run panel',
+    });
+    expect(
+      within(runPanel).getByTestId('workflow-run-file-drop-zone'),
+    ).toBeInTheDocument();
+    const image = new File(['image-bytes'], 'invoice.png', {
+      type: 'image/png',
+    });
+    fireEvent.change(within(runPanel).getByTestId('workflow-run-file-input'), {
+      target: { files: [image] },
+    });
+    expect(
+      await within(runPanel).findByText('invoice.png'),
+    ).toBeInTheDocument();
+
+    const startRun = within(runPanel).getByRole('button', {
+      name: 'Start published run',
+    });
+    expect(startRun).toBeEnabled();
+    fireEvent.click(startRun);
+
+    await waitFor(() =>
+      expect(mockRuntimeRunsApi.streamEndpoint).toHaveBeenCalledWith(
+        'scope-alpha',
+        { endpointId: 'chat', files: [image], prompt: '' },
+        expect.any(AbortSignal),
+        { serviceId: 'svc-alpha' },
+      ),
+    );
+    expect(mockRuntimeRunsApi.streamChat).not.toHaveBeenCalled();
+    expect(mockRuntimeRunsApi.streamDraftRun).not.toHaveBeenCalled();
+  });
+
+  it('keeps live completion facts ahead of a stale running Activity projection', async () => {
+    mockWorkflowActivityApi.getRun.mockResolvedValue(
+      createEditorRunDetail({
+        runId: 'run-observed-alpha',
+        stateVersion: 7,
+        status: 'running',
+      }),
+    );
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(
+      createSseResponse([
+        {
+          runStarted: { runId: 'run-observed-alpha' },
+          timestamp: 1786356000000,
+        },
+        {
+          runFinished: {
+            result: { output: 'Weekly report is ready.' },
+            runId: 'run-observed-alpha',
+          },
+          timestamp: 1786356001000,
+        },
+      ]),
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      { target: { value: 'Review order 42' } },
+    );
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Start published run' }),
+    );
+
+    const logs = await screen.findByRole('complementary', {
+      name: 'Workflow run console',
+    });
+    expect(within(logs).getByText('Logs')).toBeInTheDocument();
+    fireEvent.click(within(logs).getByRole('radio', { name: 'Events' }));
+    await waitFor(() => {
+      expect(within(logs).getByText('Run finished')).toBeInTheDocument();
+      expect(within(logs).getByText('succeeded')).toBeInTheDocument();
+    });
+    fireEvent.click(within(logs).getByText('Run finished'));
+    expect(
+      await within(logs).findByText(/Weekly report is ready\./),
+    ).toBeInTheDocument();
+    expect(within(logs).queryByText('Pending')).not.toBeInTheDocument();
+    expect(within(logs).queryByText('step-verify')).not.toBeInTheDocument();
+    expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledWith(
+      'scope-alpha',
+      'run-observed-alpha',
+    );
+  });
+
+  it('submits only one published run from a rapid double action', async () => {
+    const streamResolvers: Array<(response: Response) => void> = [];
+    mockRuntimeRunsApi.streamChat.mockImplementation(
+      () =>
+        new Promise<Response>((resolve) => {
+          streamResolvers.push(resolve);
+        }),
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    const startRun = await screen.findByRole('button', {
+      name: 'Start published run',
+    });
+
+    await act(async () => {
+      startRun.click();
+      startRun.click();
+      await Promise.resolve();
+    });
+
+    await waitFor(() =>
+      expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(1),
+    );
+
+    streamResolvers[0]?.({
+      ok: true,
+      body: {
+        getReader: () => ({
+          read: async () => ({ done: true, value: undefined }),
+          releaseLock: () => undefined,
+        }),
+      },
+    } as unknown as Response);
+  });
+
+  it('clears the published run console without aborting an active run', async () => {
+    let streamController:
+      | ReadableStreamDefaultController<Uint8Array>
+      | undefined;
+    let runSignal: AbortSignal | undefined;
+    mockRuntimeRunsApi.streamChat.mockImplementation(
+      (_scopeId, _request, signal) => {
+        runSignal = signal;
+        return Promise.resolve({
+          body: new ReadableStream({
+            start(controller) {
+              streamController = controller;
+            },
+          }),
+          ok: true,
+        } as Response);
+      },
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      { target: { value: 'Review order 42' } },
+    );
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Start published run' }),
+    );
+
+    const logs = await screen.findByRole('complementary', {
+      name: 'Workflow run console',
+    });
+    const clearLogs = within(logs).getByRole('button', {
+      name: 'Clear logs',
+    });
+    expect(clearLogs).toBeEnabled();
+    fireEvent.click(clearLogs);
+
+    expect(
+      screen.queryByRole('complementary', { name: 'Workflow run console' }),
+    ).not.toBeInTheDocument();
+    expect(runSignal?.aborted).toBe(false);
+    expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(1);
+
+    await act(async () => {
+      streamController?.close();
+    });
+  });
+
+  it('allows a published workflow to start empty and still submits typed input', async () => {
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(createSseResponse([]));
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    const input = await screen.findByRole('textbox', {
+      name: 'Published run input',
+    });
+    const startRun = screen.getByRole('button', {
+      name: 'Start published run',
+    });
+
+    expect(startRun).toBeEnabled();
+    fireEvent.click(startRun);
+
+    await waitFor(() =>
+      expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledWith(
+        'scope-alpha',
+        { prompt: '' },
+        expect.any(AbortSignal),
+        { serviceId: 'svc-alpha' },
+      ),
+    );
+
+    fireEvent.change(input, { target: { value: 'Review order 42' } });
+    expect(startRun).toBeEnabled();
+
+    fireEvent.click(startRun);
+
+    await waitFor(() =>
+      expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(2),
+    );
+    expect(mockRuntimeRunsApi.streamChat).toHaveBeenLastCalledWith(
+      'scope-alpha',
+      { prompt: 'Review order 42' },
+      expect.any(AbortSignal),
+      { serviceId: 'svc-alpha' },
+    );
+  });
+
+  it('keeps empty files blocked before invoking a published workflow', async () => {
+    mockRuntimeRunsApi.streamEndpoint.mockResolvedValue(createSseResponse([]));
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    const emptyFile = new File([''], 'empty.txt', { type: 'text/plain' });
+    fireEvent.change(await screen.findByTestId('workflow-run-file-input'), {
+      target: { files: [emptyFile] },
+    });
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Start published run' }),
+    );
+
+    expect(
+      await screen.findByText(
+        'Remove empty file empty.txt before starting the published run.',
+      ),
+    ).toBeInTheDocument();
+    expect(mockRuntimeRunsApi.streamChat).not.toHaveBeenCalled();
+    expect(mockRuntimeRunsApi.streamEndpoint).not.toHaveBeenCalled();
+  });
+
+  it('maps backend prompt validation to the run input without losing it', async () => {
+    mockRuntimeRunsApi.streamChat.mockRejectedValue(
+      Object.assign(new Error('The request could not be validated.'), {
+        fieldErrors: { Prompt: ['Use at least three characters.'] },
+      }),
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    const input = await screen.findByRole('textbox', {
+      name: 'Published run input',
+    });
+    fireEvent.change(input, { target: { value: 'x' } });
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Start published run' }),
+    );
+
+    expect(
+      await screen.findByText('Use at least three characters.'),
+    ).toBeInTheDocument();
+    const currentInput = screen.getByRole('textbox', {
+      name: 'Published run input',
+    });
+    expect(currentInput).toHaveValue('x');
+    expect(currentInput).toHaveAttribute('aria-invalid', 'true');
+  });
+
+  it('keeps Logs visible while the run panel closes and refreshes Activity progress', async () => {
+    mockWorkflowActivityApi.getRun
+      .mockResolvedValueOnce(
+        createEditorRunDetail({
+          runId: 'run-observed-alpha',
+          stateVersion: 7,
+          status: 'running',
+        }),
+      )
+      .mockResolvedValueOnce(
+        createEditorRunDetail({
+          finalOutput: 'Order 42 is ready for approval.',
+          runId: 'run-observed-alpha',
+          stateVersion: 8,
+          status: 'completed',
+        }),
+      );
+    mockRuntimeRunsApi.streamChat
+      .mockResolvedValueOnce(
+        createSseResponse([
+          { runStarted: { runId: 'run-observed-alpha' } },
+          { runFinished: { runId: 'run-observed-alpha' } },
+        ]),
+      )
+      .mockResolvedValueOnce(createSseResponse([]));
+
+    await renderPublishedWorkflowPage();
+
+    const runButton = await screen.findByRole('button', { name: 'Run' });
+    fireEvent.click(runButton);
+    const runPanel = await screen.findByRole('complementary', {
+      name: 'Published run panel',
+    });
+    const input = within(runPanel).getByRole('textbox', {
+      name: 'Published run input',
+    });
+    fireEvent.change(input, { target: { value: 'Review order 42' } });
+    fireEvent.click(
+      within(runPanel).getByRole('button', { name: 'Start published run' }),
+    );
+
+    const logs = await screen.findByRole('complementary', {
+      name: 'Workflow run console',
+    });
+    await waitFor(() =>
+      expect(within(logs).getAllByText('step-verify').length).toBeGreaterThan(
+        0,
+      ),
+    );
+
+    fireEvent.click(
+      within(runPanel).getByRole('button', {
+        name: 'Close published run panel',
+      }),
+    );
+    expect(
+      screen.queryByRole('complementary', { name: 'Published run panel' }),
+    ).not.toBeInTheDocument();
+    expect(logs).toBeInTheDocument();
+
+    fireEvent.click(runButton);
+    const reopenedPanel = await screen.findByRole('complementary', {
+      name: 'Published run panel',
+    });
+    const reopenedInput = within(reopenedPanel).getByRole('textbox', {
+      name: 'Published run input',
+    });
+    expect(reopenedInput).toHaveValue('Review order 42');
+
+    expect(
+      await within(logs).findByText('Order 42 is ready for approval.'),
+    ).toBeInTheDocument();
+    fireEvent.click(within(logs).getByRole('button', { name: 'Clear logs' }));
+    expect(
+      screen.queryByRole('complementary', { name: 'Workflow run console' }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.change(reopenedInput, { target: { value: 'A different input' } });
+    fireEvent.click(
+      within(reopenedPanel).getByRole('button', {
+        name: 'Start published run',
+      }),
+    );
+    expect(
+      await screen.findByRole('complementary', {
+        name: 'Workflow run console',
+      }),
+    ).toBeInTheDocument();
+
+    await waitFor(() =>
+      expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(2),
+    );
+    expect(mockRuntimeRunsApi.streamChat.mock.calls[1]).toEqual([
+      'scope-alpha',
+      { prompt: 'A different input' },
+      expect.any(AbortSignal),
+      { serviceId: 'svc-alpha' },
+    ]);
+  });
+
+  it('releases the published run action when live updates end without a run id', async () => {
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(createSseResponse([]));
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    const startRun = await screen.findByRole('button', {
+      name: 'Start published run',
+    });
+    fireEvent.click(startRun);
+
+    await waitFor(() => {
+      expect(startRun).toBeInTheDocument();
+      expect(startRun).toBeEnabled();
+    });
+    expect(
+      screen.queryByText(
+        'Live updates ended. Open Activity to check the latest status.',
+      ),
+    ).not.toBeInTheDocument();
+    expect(document.querySelector('.ant-alert-info')).toBeNull();
+    expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(1);
+  });
+
+  it('ignores a buffered old run event after opening and starting another workflow', async () => {
+    arrangeObservedWorkflowPublication();
+    const otherWorkflow = {
+      workflowId: 'wf-draft-beta',
+      name: 'Other workflow',
+      fileName: 'other-workflow.yaml',
+      filePath: '/workflows/other-workflow.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: other_workflow\nroles: []\nsteps:\n  - id: step-beta\n    type: llm_call\n',
+      updatedAtUtc: '2026-08-05T10:00:00Z',
+      document: {
+        name: 'other_workflow',
+        roles: [],
+        steps: [{ id: 'step-beta', type: 'llm_call' }],
+      },
+      draftExists: true,
+      findings: [],
+    };
+    mockStudioApi.getWorkflow.mockImplementation((requestedWorkflowId) =>
+      Promise.resolve(
+        requestedWorkflowId === otherWorkflow.workflowId
+          ? otherWorkflow
+          : {
+              workflowId: 'wf-draft-alpha',
+              name: 'Workflow alpha',
+              fileName: 'workflow-alpha.yaml',
+              filePath: '/workflows/workflow-alpha.yaml',
+              directoryId: 'directory-alpha',
+              directoryLabel: 'Workflows',
+              yaml: 'name: workflow_alpha\nroles: []\nsteps:\n  - id: step-alpha\n    type: llm_call\n',
+              updatedAtUtc: '2026-08-06T10:00:00Z',
+              document: {
+                name: 'workflow_alpha',
+                roles: [],
+                steps: [{ id: 'step-alpha', type: 'llm_call' }],
+              },
+              draftExists: true,
+              findings: [],
+            },
+      ),
+    );
+
+    const encoder = new TextEncoder();
+    let firstReadStarted = false;
+    let resolveFirstRead:
+      | ((value: ReadableStreamReadResult<Uint8Array>) => void)
+      | undefined;
+    let resolveFirstStreamReleased: (() => void) | undefined;
+    const firstStreamReleased = new Promise<void>((resolve) => {
+      resolveFirstStreamReleased = resolve;
+    });
+    const deferredFirstResponse = {
+      body: {
+        getReader: () => ({
+          read: () => {
+            firstReadStarted = true;
+            return new Promise<ReadableStreamReadResult<Uint8Array>>(
+              (resolve) => {
+                resolveFirstRead = resolve;
+              },
+            );
+          },
+          releaseLock: () => resolveFirstStreamReleased?.(),
+        }),
+      },
+      ok: true,
+    } as unknown as Response;
+    mockRuntimeRunsApi.streamChat.mockResolvedValueOnce(deferredFirstResponse);
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    await publishObservedWorkflow();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Start published run' }),
+    );
+    await waitFor(() => expect(firstReadStarted).toBe(true));
+    expect(screen.queryByText('Run accepted')).not.toBeInTheDocument();
+    expect(document.querySelector('.ant-alert-info')).toBeNull();
+
+    setMockLocation(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-beta',
+    );
+    expect(await screen.findByDisplayValue('Other workflow')).toBeVisible();
+    expect(screen.getByRole('button', { name: 'Run' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Run' })).toHaveAttribute(
+      'title',
+      'Publish this workflow before running it.',
+    );
+    expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(1);
+
+    await act(async () => {
+      resolveFirstRead?.({
+        done: false,
+        value: encoder.encode(
+          'data: {"runError":{"message":"Old workflow failed."}}\n\n',
+        ),
+      });
+      await firstStreamReleased;
+    });
+
+    expect(screen.queryByText('Run failed')).not.toBeInTheDocument();
+    expect(mockRuntimeRunsApi.streamChat).toHaveBeenCalledTimes(1);
+  });
+
+  it('replaces live logs when terminal Activity is observed', async () => {
+    mockWorkflowActivityApi.getRun.mockResolvedValue(
+      createEditorRunDetail({
+        runId: 'run-observed-alpha',
+        stateVersion: 7,
+        status: 'completed',
+      }),
+    );
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(
+      createSseResponse([
+        { runStarted: { runId: 'run-observed-alpha' } },
+        { runFinished: { runId: 'run-observed-alpha' } },
+      ]),
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Start published run' }),
+    );
+
+    const logs = await screen.findByRole('complementary', {
+      name: 'Workflow run console',
+    });
+    await waitFor(() =>
+      expect(within(logs).getAllByText('step-verify').length).toBeGreaterThan(
+        0,
+      ),
+    );
+    expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledWith(
+      'scope-alpha',
+      'run-observed-alpha',
+    );
+  });
+
+  it('keeps activity observation quiet while polling for the run', async () => {
+    mockWorkflowActivityApi.getRun.mockReturnValue(new Promise(() => {}));
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(
+      createSseResponse([
+        { runStarted: { runId: 'run-pending-alpha' } },
+        { runFinished: { runId: 'run-pending-alpha' } },
+      ]),
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Start published run' }),
+    );
+
+    await waitFor(() =>
+      expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledWith(
+        'scope-alpha',
+        'run-pending-alpha',
+      ),
+    );
+    expect(
+      screen.queryByText('Checking Activity for this run…'),
+    ).not.toBeInTheDocument();
+    expect(document.querySelector('.ant-alert-info')).toBeNull();
+  });
+
+  it('does not show an informational fallback for steps without guided fields', async () => {
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '',
+      directoryId: '',
+      directoryLabel: '',
+      yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: vote\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [{ id: 'step-root', type: 'vote' }],
+      },
+      draftExists: false,
+      findings: [],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    expect(
+      within(inspector).queryByText(
+        'Guided options are not available for this step yet.',
+      ),
+    ).not.toBeInTheDocument();
+    expect(inspector.querySelector('.ant-alert-info')).toBeNull();
+  });
+
+  it('keeps a stream run error as an execution failure even when no message is supplied', async () => {
+    const encoder = new TextEncoder();
+    let streamController:
+      | ReadableStreamDefaultController<Uint8Array>
+      | undefined;
+    mockRuntimeRunsApi.streamChat.mockResolvedValue({
+      body: new ReadableStream({
+        start(controller) {
+          streamController = controller;
+        },
+      }),
+      ok: true,
+    } as Response);
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Start published run' }),
+    );
+
+    await act(async () => {
+      streamController?.enqueue(encoder.encode('data: {"runError":{}}\n\n'));
+    });
+    expect(await screen.findByText('Run failed')).toBeInTheDocument();
+    const startRun = screen.getByRole('button', {
+      name: 'Start published run',
+    });
+    expect(startRun).toBeDisabled();
+    expect(
+      screen.queryByText(
+        'Live updates ended. Open Activity to check the latest status.',
+      ),
+    ).not.toBeInTheDocument();
+    await act(async () => {
+      streamController?.close();
+    });
+    await waitFor(() => expect(startRun).toBeEnabled());
+  });
+
+  it('keeps a stopped live run ahead of stale running Activity', async () => {
+    mockWorkflowActivityApi.getRun.mockResolvedValue(
+      createEditorRunDetail({
+        runId: 'run-stopped-alpha',
+        stateVersion: 9,
+        status: 'running',
+      }),
+    );
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(
+      createSseResponse([
+        { runStarted: { runId: 'run-stopped-alpha' } },
+        {
+          runStopped: {
+            reason: 'Stopped by operator.',
+            runId: 'run-stopped-alpha',
+          },
+        },
+      ]),
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Start published run' }),
+    );
+
+    const logs = await screen.findByRole('complementary', {
+      name: 'Workflow run console',
+    });
+    fireEvent.click(within(logs).getByRole('radio', { name: 'Events' }));
+    const stoppedLog = await within(logs).findByText('Run stopped');
+    expect(within(logs).getByText('stopped')).toBeInTheDocument();
+    fireEvent.click(stoppedLog);
+    expect(within(logs).getByLabelText('Log details')).toHaveTextContent(
+      'Stopped by operator.',
+    );
+    expect(within(logs).queryByText('succeeded')).not.toBeInTheDocument();
+    await waitFor(() =>
+      expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledWith(
+        'scope-alpha',
+        'run-stopped-alpha',
+      ),
+    );
+  });
+
+  it('keeps a live transport failure visible ahead of running Activity', async () => {
+    mockWorkflowActivityApi.getRun.mockResolvedValue(
+      createEditorRunDetail({
+        runId: 'run-disconnected-alpha',
+        stateVersion: 10,
+        status: 'running',
+      }),
+    );
+    const encoder = new TextEncoder();
+    let streamController:
+      | ReadableStreamDefaultController<Uint8Array>
+      | undefined;
+    mockRuntimeRunsApi.streamChat.mockResolvedValue({
+      body: new ReadableStream({
+        start(controller) {
+          streamController = controller;
+        },
+      }),
+      ok: true,
+    } as Response);
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Start published run' }),
+    );
+
+    await act(async () => {
+      streamController?.enqueue(
+        encoder.encode(
+          'data: {"runStarted":{"runId":"run-disconnected-alpha"}}\n\n',
+        ),
+      );
+    });
+    await waitFor(() =>
+      expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledWith(
+        'scope-alpha',
+        'run-disconnected-alpha',
+      ),
+    );
+    await act(async () => {
+      streamController?.enqueue(
+        encoder.encode(
+          'data: {"custom":{"name":"aevatar.step.request","payload":{"input":"Review order 42","stepId":"step-live","stepType":"llm_call"}}}\n\n',
+        ),
+      );
+    });
+    const logs = await screen.findByRole('complementary', {
+      name: 'Workflow run console',
+    });
+    await within(logs).findByTestId(
+      'workflow-execution-log-row-node-step-live',
+    );
+
+    await act(async () => {
+      streamController?.error(new Error('Published run stream disconnected.'));
+    });
+
+    expect(
+      within(logs).getByText('Published run stream disconnected.'),
+    ).toBeInTheDocument();
+    expect(
+      within(logs).getByTestId('workflow-execution-log-row-node-step-live'),
+    ).toBeInTheDocument();
+  });
+
+  it('observes the exact failed run when its SSE error includes a run id', async () => {
+    mockWorkflowActivityApi.getRun.mockResolvedValue(
+      createEditorRunDetail({
+        finalError: 'The workflow failed.',
+        runId: 'run-failed-alpha',
+        stateVersion: 8,
+        status: 'failed',
+      }),
+    );
+    mockRuntimeRunsApi.streamChat.mockResolvedValue(
+      createSseResponse([
+        {
+          runError: {
+            message: 'The workflow failed.',
+            runId: 'run-failed-alpha',
+          },
+        },
+      ]),
+    );
+
+    await renderPublishedWorkflowPage();
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Run' }));
+    fireEvent.change(
+      await screen.findByRole('textbox', { name: 'Published run input' }),
+      {
+        target: { value: 'Review order 42' },
+      },
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Start published run' }),
+    );
+
+    await screen.findByRole('complementary', {
+      name: 'Workflow run console',
+    });
+    await waitFor(() =>
+      expect(
+        screen.getAllByText('The workflow failed.').length,
+      ).toBeGreaterThan(0),
+    );
+    expect(mockWorkflowActivityApi.getRun).toHaveBeenCalledWith(
+      'scope-alpha',
+      'run-failed-alpha',
+    );
+  });
+
+  it('keeps a failed node configuration apply retryable without exposing the transport error', async () => {
+    const serializeFailure = new Error(
+      'PUT /api/editor/serialize-yaml returned 500',
+    );
+    mockStudioApi.serializeYaml
+      .mockRejectedValueOnce(serializeFailure)
+      .mockImplementation(async ({ document }) => ({
+        yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n    parameters:\n      prompt_prefix: Updated prompt\n',
+        document,
+        findings: [],
+      }));
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    fireEvent.change(within(inspector).getByLabelText('Instruction'), {
+      target: { value: 'Updated prompt' },
+    });
+    fireEvent.click(
+      within(inspector).getByRole('button', { name: 'Apply step' }),
+    );
+
+    expect(
+      await screen.findByText("Couldn't apply configuration"),
+    ).toBeVisible();
+    expect(screen.getByText(serializeFailure.message)).not.toBeVisible();
+    expect(within(inspector).getByLabelText('Instruction')).toHaveValue(
+      'Updated prompt',
+    );
+    expect(
+      within(inspector).getByRole('button', { name: 'Apply step' }),
+    ).toBeEnabled();
+
+    fireEvent.click(
+      within(inspector).getByRole('button', { name: 'Apply step' }),
+    );
+    await waitFor(() =>
+      expect(mockStudioApi.serializeYaml).toHaveBeenCalledTimes(2),
+    );
+    await waitFor(() =>
+      expect(
+        within(inspector).getByRole('button', { name: 'Apply step' }),
+      ).toBeDisabled(),
+    );
+  });
+
+  it('keeps unapplied node configuration when the selected node is clicked again', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    fireEvent.change(within(inspector).getByLabelText('Instruction'), {
+      target: { value: 'Updated prompt' },
+    });
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Select step:step-root' }),
+    );
+
+    expect(
+      screen.queryByRole('dialog', { name: 'Discard node changes?' }),
+    ).not.toBeInTheDocument();
+    expect(within(inspector).getByLabelText('Instruction')).toHaveValue(
+      'Updated prompt',
+    );
+  });
+
+  it('asks before switching from a node with unapplied configuration', async () => {
+    mockStudioApi.getWorkflow.mockResolvedValue({
+      workflowId: 'wf-committed-source',
+      name: 'Committed source',
+      fileName: 'committed-source.yaml',
+      filePath: '',
+      directoryId: '',
+      directoryLabel: '',
+      yaml: [
+        'name: committed_source',
+        'roles: []',
+        'steps:',
+        '  - id: step-root',
+        '    type: llm_call',
+        '    parameters:',
+        '      prompt_prefix: Original prompt',
+        '  - id: step-second',
+        '    type: transform',
+        '    parameters:',
+        '      operation: trim',
+        '',
+      ].join('\n'),
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: {
+        name: 'committed_source',
+        roles: [],
+        steps: [
+          {
+            id: 'step-root',
+            type: 'llm_call',
+            parameters: { prompt_prefix: 'Original prompt' },
+          },
+          {
+            id: 'step-second',
+            type: 'transform',
+            parameters: { operation: 'trim' },
+          },
+        ],
+      },
+      draftExists: false,
+      findings: [],
+    });
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const rootInspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    fireEvent.change(within(rootInspector).getByLabelText('Instruction'), {
+      target: { value: 'Updated prompt' },
+    });
+    const secondNode = await screen.findByRole('button', {
+      name: 'Select step:step-second',
+    });
+
+    fireEvent.click(secondNode);
+
+    const discardDialog = await screen.findByRole('dialog', {
+      name: 'Discard node changes?',
+    });
+    expect(within(rootInspector).getByLabelText('Instruction')).toHaveValue(
+      'Updated prompt',
+    );
+    fireEvent.click(
+      within(discardDialog).getByRole('button', { name: 'Cancel' }),
+    );
+    await waitFor(() =>
+      expect(
+        screen.queryByRole('dialog', { name: 'Discard node changes?' }),
+      ).not.toBeInTheDocument(),
+    );
+    expect(within(rootInspector).getByLabelText('Instruction')).toHaveValue(
+      'Updated prompt',
+    );
+
+    fireEvent.click(secondNode);
+    fireEvent.click(
+      within(
+        await screen.findByRole('dialog', {
+          name: 'Discard node changes?',
+        }),
+      ).getByRole('button', { name: 'Discard changes' }),
+    );
+
+    expect(
+      await screen.findByRole('complementary', {
+        name: 'Configure step-second',
+      }),
+    ).toBeVisible();
+  });
+
+  it('asks before discarding unapplied node changes during vNext navigation', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Select step:step-root' }),
+    );
+    const inspector = await screen.findByRole('complementary', {
+      name: 'Configure step-root',
+    });
+    fireEvent.change(within(inspector).getByLabelText('Instruction'), {
+      target: { value: 'Updated prompt' },
+    });
+    fireEvent.click(screen.getAllByRole('link', { name: 'Activity' })[0]);
+
+    expect(history.push).not.toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity',
+    );
+    const discardDialog = await screen.findByRole('dialog', {
+      name: 'Discard node changes?',
+    });
+    await waitFor(() =>
+      expect(
+        within(discardDialog).getByText(/unapplied changes/i),
+      ).toBeVisible(),
+    );
+    expect(within(inspector).getByLabelText('Instruction')).toHaveValue(
+      'Updated prompt',
+    );
+
+    fireEvent.click(
+      within(discardDialog).getByRole('button', { name: 'Cancel' }),
+    );
+    expect(within(inspector).getByLabelText('Instruction')).toHaveValue(
+      'Updated prompt',
+    );
+
+    fireEvent.click(screen.getAllByRole('link', { name: 'Activity' })[0]);
+    fireEvent.click(screen.getByRole('button', { name: 'Discard changes' }));
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity',
+    );
+  });
+
+  it('offers Save, Discard, and Stay before vNext navigation with unsaved changes', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Unsaved title' },
+    });
+    fireEvent.click(screen.getAllByRole('link', { name: 'Activity' })[0]);
+
+    expect(history.push).not.toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity',
+    );
+    expect(
+      screen.getByRole('dialog', { name: 'Unsaved workflow changes' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Save and leave' }),
+    ).toBeEnabled();
+    expect(
+      screen.getByRole('button', { name: 'Discard and leave' }),
+    ).toBeEnabled();
+    fireEvent.click(screen.getByRole('button', { name: 'Stay' }));
+    expect(
+      screen.queryByRole('dialog', { name: 'Unsaved workflow changes' }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(screen.getAllByRole('link', { name: 'Activity' })[0]);
+    fireEvent.click(screen.getByRole('button', { name: 'Discard and leave' }));
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/activity',
+    );
+  });
+
+  it('requires an explicit decision before switching a dirty editor to another workflow route', async () => {
+    const otherWorkflow = {
+      workflowId: 'wf-draft-other',
+      name: 'Other workflow',
+      fileName: 'other-workflow.yaml',
+      filePath: '/workflows/other-workflow.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: other_workflow\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:03:00Z',
+      document: { name: 'other_workflow', roles: [], steps: [] },
+      draftExists: true,
+      findings: [],
+    };
+    mockStudioApi.getWorkflow.mockImplementation((requestedWorkflowId) =>
+      Promise.resolve(
+        requestedWorkflowId === otherWorkflow.workflowId
+          ? otherWorkflow
+          : {
+              workflowId: 'wf-committed-source',
+              name: 'Committed source',
+              fileName: 'committed-source.yaml',
+              filePath: '',
+              directoryId: '',
+              directoryLabel: '',
+              yaml: 'name: committed_source\nroles: []\nsteps:\n  - id: step-root\n    type: llm_call\n    parameters:\n      prompt_prefix: Original prompt\n',
+              updatedAtUtc: '2026-08-04T10:00:00Z',
+              document: {
+                name: 'committed_source',
+                roles: [],
+                steps: [
+                  {
+                    id: 'step-root',
+                    type: 'llm_call',
+                    parameters: { prompt_prefix: 'Original prompt' },
+                  },
+                ],
+              },
+              draftExists: false,
+              findings: [],
+            },
+      ),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Unsaved source changes' },
+    });
+
+    setMockLocation(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-other',
+    );
+
+    expect(
+      await screen.findByRole('dialog', { name: 'Unsaved workflow changes' }),
+    ).toBeInTheDocument();
+    expect(screen.getByDisplayValue('Unsaved source changes')).toBeVisible();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Discard and leave' }));
+
+    expect(
+      await screen.findByDisplayValue('Other workflow'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Other workflow saved' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.saveWorkflow).toHaveBeenLastCalledWith(
+        expect.objectContaining({ workflowId: 'wf-draft-other' }),
+      ),
+    );
+  });
+
+  it('requires an explicit decision before switching a dirty editor to another scope', async () => {
+    const scopeBetaWorkflow = {
+      workflowId: 'wf-shared-route',
+      name: 'Scope beta workflow',
+      fileName: 'scope-beta.yaml',
+      filePath: '/workflows/scope-beta.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: scope_beta_workflow\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:03:00Z',
+      document: { name: 'scope_beta_workflow', roles: [], steps: [] },
+      draftExists: true,
+      findings: [],
+    };
+    const scopeAlphaWorkflow = {
+      workflowId: 'wf-shared-route',
+      name: 'Scope alpha workflow',
+      fileName: 'scope-alpha.yaml',
+      filePath: '/workflows/scope-alpha.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: scope_alpha_workflow\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-04T10:00:00Z',
+      document: { name: 'scope_alpha_workflow', roles: [], steps: [] },
+      draftExists: true,
+      findings: [],
+    };
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-shared-route';
+    mockStudioApi.getWorkflow.mockImplementation(
+      (_requestedWorkflowId, requestedScopeId) =>
+        Promise.resolve(
+          requestedScopeId === 'scope-beta'
+            ? scopeBetaWorkflow
+            : scopeAlphaWorkflow,
+        ),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Scope alpha workflow'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Unsaved scope alpha changes' },
+    });
+
+    setMockLocation(
+      '/scopes/scope-beta/workflow-activity-vnext/workflows/wf-shared-route',
+    );
+
+    expect(
+      await screen.findByRole('dialog', { name: 'Unsaved workflow changes' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByDisplayValue('Unsaved scope alpha changes'),
+    ).toBeVisible();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Discard and leave' }));
+
+    expect(
+      await screen.findByDisplayValue('Scope beta workflow'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Scope beta workflow saved' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Save workflow' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.saveWorkflow).toHaveBeenLastCalledWith(
+        expect.objectContaining({
+          scopeId: 'scope-beta',
+          workflowId: 'wf-shared-route',
+        }),
+      ),
+    );
+  });
+
+  it('continues to the requested workflow after saving a committed source creates a draft', async () => {
+    mockStudioApi.getWorkflow.mockImplementation((requestedWorkflowId) =>
+      Promise.resolve({
+        workflowId: requestedWorkflowId,
+        name:
+          requestedWorkflowId === 'wf-draft-other'
+            ? 'Other workflow'
+            : 'Committed source',
+        fileName: 'workflow.yaml',
+        filePath: '',
+        directoryId: 'directory-alpha',
+        directoryLabel: 'Workflows',
+        yaml: 'name: workflow\nroles: []\nsteps: []\n',
+        updatedAtUtc: '2026-08-04T10:00:00Z',
+        document: { name: 'workflow', roles: [], steps: [] },
+        draftExists: requestedWorkflowId === 'wf-draft-other',
+        findings: [],
+      }),
+    );
+    (history.replace as jest.Mock).mockImplementation((target: string) => {
+      setMockLocation(target);
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByDisplayValue('Committed source'),
+    ).toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Committed source updated' },
+    });
+    setMockLocation(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-other?run=1#requested-run',
+    );
+    expect(
+      await screen.findByRole('dialog', { name: 'Unsaved workflow changes' }),
+    ).toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Save and leave' }));
+
+    await waitFor(() =>
+      expect(history.replace).toHaveBeenCalledWith(
+        '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-new?run=1#requested-run',
+      ),
+    );
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-draft-other?run=1#requested-run',
+    );
+  });
+});
+
+describe('Workflow Activity vNext creation', () => {
+  beforeEach(() => {
+    mockLocation = '/scopes/scope-alpha/workflow-activity-vnext/workflows/new';
+    jest.clearAllMocks();
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue({
+      runtimeBaseUrl: '',
+      directories: [
+        {
+          directoryId: 'directory-alpha',
+          label: 'Workflows',
+          path: '/workflows',
+          isBuiltIn: true,
+        },
+      ],
+    });
+    mockStudioApi.listWorkflowDrafts.mockResolvedValue([]);
+    mockScopesApi.listWorkflows.mockResolvedValue([]);
+    mockRuntimeCatalogApi.listWorkflowTemplates.mockResolvedValue({
+      items: [
+        {
+          templateId: 'template-incident-triage',
+          displayName: 'Incident triage',
+          description: 'Classify an incident.',
+          defaultDraftName: 'Incident triage',
+          authorityStateVersion: 7,
+          stepCount: 2,
+          requiredConnections: ['pagerduty'],
+          requiresLlmProvider: true,
+          freshness: {
+            projectionWatermark: '2026-08-18T00:00:00Z',
+            lastEventId: 'event-template-7',
+            versionSemantics: 'workflow-catalog-authority-state-version',
+          },
+        },
+      ],
+      nextCursor: null,
+      freshness: {
+        projectionWatermark: '2026-08-18T00:00:00Z',
+        lastEventId: 'event-template-7',
+        versionSemantics: 'workflow-catalog-authority-state-version',
+      },
+    });
+    mockStudioApi.instantiateWorkflowTemplate.mockResolvedValue({
+      accepted: true,
+      workflowId: 'wf-created-alpha',
+      commandId: 'cmd-template-alpha',
+      ackStage: 'accepted',
+      actorId: 'actor-workspace-alpha',
+      workspaceId: 'workspace-scope-alpha',
+      expectedVersion: 1,
+      ackedAtUtc: '2026-08-18T00:00:00Z',
+      readiness: {
+        readable: false,
+        stage: 'materializing',
+        message: 'Draft accepted.',
+      },
+    });
+    mockStudioApi.getWorkflowDraftFile.mockResolvedValue({
+      workflowId: 'wf-created-alpha',
+      name: 'Incident triage',
+      fileName: 'incident-triage.yaml',
+      filePath: '/workflows/incident-triage.yaml',
+      directoryId: 'directory-alpha',
+      directoryLabel: 'Workflows',
+      yaml: 'name: incident_triage\nroles: []\nsteps: []\n',
+      updatedAtUtc: '2026-08-18T00:00:00Z',
+      document: { name: 'incident_triage', roles: [], steps: [] },
+      draftExists: true,
+      findings: [],
+    });
+  });
+
+  afterEach(() => cleanupTestQueryClients());
+
+  it('warns about a duplicate workflow name without blocking creation', async () => {
+    mockScopesApi.listWorkflows.mockResolvedValue([
+      {
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-existing-incident-review',
+        displayName: 'Incident review',
+        serviceKey: 'svc-incident-review',
+        workflowName: 'incident_review',
+        actorId: 'definition-incident-review',
+        activeRevisionId: 'rev-incident-review-3',
+        deploymentId: 'deployment-incident-review',
+        deploymentStatus: 'active',
+        updatedAt: '2026-08-04T09:00:00Z',
+      },
+    ]);
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const describeButton = await screen.findByRole('button', {
+      name: 'Describe',
+    });
+    await waitFor(() => expect(describeButton).toBeEnabled());
+    fireEvent.click(describeButton);
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: ' incident REVIEW ' },
+    });
+
+    expect(
+      await screen.findByText(
+        'Another workflow already uses this name. Duplicate names are allowed.',
+      ),
+    ).toBeVisible();
+    expect(
+      screen.getByRole('button', { name: 'Generate and open' }),
+    ).toBeEnabled();
+  });
+
+  it('creates a blank draft with a server directory and navigates only after materialization', async () => {
+    mockStudioApi.createWorkflowDraft.mockResolvedValue({
+      kind: 'materialized',
+      workflow: {
+        workflowId: 'wf-created-alpha',
+        name: 'Incident review',
+        fileName: 'incident-review.yaml',
+        filePath: '/workflows/incident-review.yaml',
+        directoryId: 'directory-alpha',
+        directoryLabel: 'Workflows',
+        yaml: 'name: incident_review\nroles: []\nsteps: []\n',
+        updatedAtUtc: '2026-08-04T10:00:00Z',
+        document: { name: 'incident_review', roles: [], steps: [] },
+        draftExists: true,
+        findings: [],
+      },
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    expect(
+      screen.getByText('Choose how you want to start.'),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText(/persisted workflow draft/i),
+    ).not.toBeInTheDocument();
+    const describeButton = await screen.findByRole('button', {
+      name: 'Describe',
+    });
+    await waitFor(() => expect(describeButton).toBeEnabled());
+    fireEvent.click(describeButton);
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Incident review' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledTimes(1),
+    );
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({
+        directoryId: 'directory-alpha',
+        scopeId: 'scope-alpha',
+      }),
+    );
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-created-alpha',
+    );
+  });
+
+  it('does not expose the only built-in save location', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue({
+      runtimeBaseUrl: '',
+      directories: [
+        {
+          directoryId: 'directory-alpha',
+          label: 'scope-alpha',
+          path: '/workflows',
+          isBuiltIn: true,
+        },
+      ],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    const describeButton = await screen.findByRole('button', {
+      name: 'Describe',
+    });
+    await waitFor(() => expect(describeButton).toBeEnabled());
+    fireEvent.click(describeButton);
+
+    expect(screen.queryByLabelText('Save to')).not.toBeInTheDocument();
+    expect(screen.queryByText('Default workspace')).not.toBeInTheDocument();
+    expect(screen.queryByText('scope-alpha')).not.toBeInTheDocument();
+  });
+
+  it('reports a submission failure with a toast and keeps method changes usable', async () => {
+    mockStudioApi.authorWorkflow.mockRejectedValue(
+      new Error('LLM service rejected the request'),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    const describeButton = await screen.findByRole('button', {
+      name: 'Describe',
+    });
+    await waitFor(() => expect(describeButton).toBeEnabled());
+    fireEvent.click(describeButton);
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Weekly review' },
+    });
+    fireEvent.change(screen.getByLabelText('What should this workflow do?'), {
+      target: { value: 'Summarize this week' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        "Workflow couldn't be created",
+      ),
+    );
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      "Workflow couldn't be created",
+    );
+    expect(
+      screen.getByText('LLM service rejected the request'),
+    ).not.toBeVisible();
+    fireEvent.click(screen.getByRole('button', { name: 'Change method' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Describe' }));
+
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+    expect(screen.getByLabelText('Workflow name')).toHaveValue('Weekly review');
+  });
+
+  it('keeps implementation version metadata out of the public template browser', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    const templateButton = await screen.findByRole('button', {
+      name: 'Use template',
+    });
+    await waitFor(() => expect(templateButton).toBeEnabled());
+    fireEvent.click(templateButton);
+
+    expect(screen.queryByText(/2026\.08\.1/)).not.toBeInTheDocument();
+  });
+
+  it('navigates to the canonical template route from the creation chooser', async () => {
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    const templateButton = await screen.findByRole('button', {
+      name: 'Use template',
+    });
+    await waitFor(() => expect(templateButton).toBeEnabled());
+    fireEvent.click(templateButton);
+
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/new/templates',
+    );
+    expect(screen.queryByText('Incident triage')).not.toBeInTheDocument();
+  });
+
+  it('renders the template route with one page heading and returns to the chooser', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/new/templates';
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByRole('heading', { name: 'Start from a template' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getAllByRole('heading', { name: 'Start from a template' }),
+    ).toHaveLength(1);
+    expect(
+      screen.getByText(
+        'Browse public templates, inspect details, or create a draft directly.',
+      ),
+    ).toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Change method' }));
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/new',
+    );
+  });
+
+  it('explains when the template contract is unavailable and keeps the raw error in technical details', async () => {
+    mockLocation =
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/new/templates';
+    mockRuntimeCatalogApi.listWorkflowTemplates.mockRejectedValue(
+      Object.assign(new Error('HTTP 404 Not Found'), { status: 404 }),
+    );
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+
+    expect(
+      await screen.findByText(
+        'Templates are not available in this environment.',
+      ),
+    ).toBeVisible();
+    expect(screen.getByText('HTTP 404 Not Found')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Retry' })).toBeEnabled();
+  });
+
+  it('instantiates a public template with its authority version and opens the materialized draft', async () => {
+    mockStudioApi.listWorkflowDrafts.mockResolvedValue([
+      { workflowId: 'wf-created-alpha' },
+    ]);
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    const templateButton = await screen.findByRole('button', {
+      name: 'Use template',
+    });
+    await waitFor(() => expect(templateButton).toBeEnabled());
+    fireEvent.click(templateButton);
+    setMockLocation(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/new/templates',
+    );
+    fireEvent.click(
+      await screen.findByRole('button', {
+        name: 'Use template Incident triage',
+      }),
+    );
+
+    await waitFor(() =>
+      expect(mockStudioApi.instantiateWorkflowTemplate).toHaveBeenCalledWith({
+        expectedAuthorityStateVersion: 7,
+        scopeId: 'scope-alpha',
+        templateId: 'template-incident-triage',
+      }),
+    );
+    expect(mockStudioApi.parseYaml).not.toHaveBeenCalled();
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-created-alpha',
+    );
+  });
+
+  it('validates imported YAML before creating and preserves invalid input', async () => {
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: null,
+      findings: [
+        { level: 'error', code: 'YAML_INVALID', message: 'Invalid YAML' },
+      ],
+    });
+
+    renderWithQueryClient(<WorkflowActivityVNextPage />);
+    const importButton = await screen.findByRole('button', {
+      name: 'Import YAML',
+    });
+    await waitFor(() => expect(importButton).toBeEnabled());
+    fireEvent.click(importButton);
+    fireEvent.change(screen.getByLabelText('Workflow YAML'), {
+      target: { value: 'name: [broken' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Import and open' }));
+
+    expect(await screen.findByText('Invalid YAML')).toBeInTheDocument();
+    expect(mockStudioApi.createWorkflowDraft).not.toHaveBeenCalled();
+    expect(screen.getByLabelText('Workflow YAML')).toHaveValue('name: [broken');
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.tsx
new file mode 100644
index 0000000000..f765048484
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.tsx
@@ -0,0 +1,126 @@
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import ActivityPage from './activity/ActivityPage';
+import RunDetailPage from './activity/RunDetailPage';
+import ChannelConfigurationPage from './channels/ChannelConfigurationPage';
+import ChannelDetailsPage from './channels/ChannelDetailsPage';
+import ChannelsPage from './channels/ChannelsPage';
+import { useConsoleLocation } from './hooks/useConsoleLocation';
+import SettingsPage from './settings/SettingsPage';
+import WorkflowActivityVNextShell from './WorkflowActivityVNextShell';
+import NewWorkflowPage from './workflows/NewWorkflowPage';
+import WorkflowEditorPage from './workflows/WorkflowEditorPage';
+import WorkflowsPage from './workflows/WorkflowsPage';
+import WorkflowTemplatesPage from './workflows/WorkflowTemplatesPage';
+
+const WorkflowActivityVNextPage: React.FC = () => {
+  const location = useConsoleLocation();
+  const pathname = location.pathname;
+  const scopeMatch = /^\/scopes\/([^/]+)\/workflow-activity-vnext(?:\/|$)/.exec(
+    pathname,
+  );
+  const scopeId = scopeMatch ? decodeURIComponent(scopeMatch[1]) : '';
+
+  if (pathname.endsWith('/workflows/new/templates')) {
+    return <WorkflowTemplatesPage scopeId={scopeId} />;
+  }
+
+  if (pathname.endsWith('/workflows/new')) {
+    return <NewWorkflowPage scopeId={scopeId} />;
+  }
+
+  if (pathname.endsWith('/workflows')) {
+    return <WorkflowsPage scopeId={scopeId} />;
+  }
+
+  const workflowMatch = /\/workflows\/([^/]+)$/.exec(pathname);
+  if (workflowMatch) {
+    return (
+      <WorkflowEditorPage
+        scopeId={scopeId}
+        workflowId={decodeURIComponent(workflowMatch[1])}
+      />
+    );
+  }
+
+  const runMatch = /\/activity\/([^/]+)$/.exec(pathname);
+  if (runMatch) {
+    return (
+      <RunDetailPage
+        runId={decodeURIComponent(runMatch[1])}
+        scopeId={scopeId}
+      />
+    );
+  }
+
+  if (pathname.endsWith('/activity')) {
+    return <ActivityPage scopeId={scopeId} />;
+  }
+
+  const channelBindMatch = /\/channels\/bind\/([^/]+)$/.exec(pathname);
+  if (channelBindMatch) {
+    return (
+      <ChannelConfigurationPage
+        key={`${scopeId}:bind:${channelBindMatch[1]}`}
+        scopeId={scopeId}
+        botId={decodeURIComponent(channelBindMatch[1])}
+      />
+    );
+  }
+  const channelEditMatch = /\/channels\/([^/]+)\/edit$/.exec(pathname);
+  if (channelEditMatch) {
+    return (
+      <ChannelConfigurationPage
+        key={`${scopeId}:${channelEditMatch[1]}`}
+        scopeId={scopeId}
+        registrationId={decodeURIComponent(channelEditMatch[1])}
+      />
+    );
+  }
+  const channelMatch = /\/channels\/([^/]+)$/.exec(pathname);
+  if (channelMatch) {
+    return (
+      <ChannelDetailsPage
+        key={`${scopeId}:${channelMatch[1]}`}
+        scopeId={scopeId}
+        registrationId={decodeURIComponent(channelMatch[1])}
+      />
+    );
+  }
+  if (pathname.endsWith('/channels')) {
+    return <ChannelsPage scopeId={scopeId} />;
+  }
+
+  if (pathname.endsWith('/settings')) {
+    return <SettingsPage scopeId={scopeId} />;
+  }
+
+  return (
+    <WorkflowActivityVNextShell
+      activeSection={
+        pathname.includes('/activity')
+          ? 'activity'
+          : pathname.includes('/settings')
+            ? 'settings'
+            : 'workflows'
+      }
+      description={t(
+        'workflowActivityVNext.unavailable.description',
+        'This vNext surface is not available yet.',
+      )}
+      scopeId={scopeId}
+      title={t('workflowActivityVNext.unavailable.title', 'Unavailable')}
+    >
+      <div className="wa-vnext__state" role="status">
+        <p>
+          {t(
+            'workflowActivityVNext.unavailable.body',
+            'Check the address or return to another section.',
+          )}
+        </p>
+      </div>
+    </WorkflowActivityVNextShell>
+  );
+};
+
+export default WorkflowActivityVNextPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.test.ts
new file mode 100644
index 0000000000..db1df25901
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.test.ts
@@ -0,0 +1,48 @@
+import {
+  buildWorkflowActivityEditorHref,
+  buildWorkflowActivityNewHref,
+  buildWorkflowActivitySettingsHref,
+  buildWorkflowActivityTemplatesHref,
+} from './navigation';
+
+describe('Workflow Activity vNext navigation', () => {
+  it('builds an encoded canonical template creation URL', () => {
+    expect(buildWorkflowActivityTemplatesHref('scope with space')).toBe(
+      '/scopes/scope%20with%20space/workflow-activity-vnext/workflows/new/templates',
+    );
+  });
+
+  it('keeps the template change-method destination on the new workflow route', () => {
+    expect(buildWorkflowActivityNewHref('scope-alpha')).toBe(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/new',
+    );
+  });
+
+  it('builds an encoded canonical workflow editor URL', () => {
+    expect(
+      buildWorkflowActivityEditorHref('scope-alpha', 'workflow alpha'),
+    ).toBe(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/workflow%20alpha',
+    );
+  });
+
+  it.each([
+    [
+      'scope with space',
+      'ai',
+      '/scopes/scope%20with%20space/workflow-activity-vnext/settings',
+    ],
+    [
+      'scope-alpha',
+      'account',
+      '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account',
+    ],
+    [
+      'scope-alpha',
+      'advanced',
+      '/scopes/scope-alpha/workflow-activity-vnext/settings?section=advanced',
+    ],
+  ] as const)('builds the canonical %s settings URL for %s', (scopeId, section, expected) => {
+    expect(buildWorkflowActivitySettingsHref(scopeId, section)).toBe(expected);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.ts
new file mode 100644
index 0000000000..10e0f91fca
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.ts
@@ -0,0 +1,96 @@
+export type WorkflowActivitySection =
+  | 'workflows'
+  | 'activity'
+  | 'channels'
+  | 'settings';
+export type WorkflowActivitySettingsSection = 'ai' | 'account' | 'advanced';
+
+function encode(value: string): string {
+  return encodeURIComponent(value.trim());
+}
+
+function buildQuerySuffix(
+  query?: Readonly<Record<string, string | undefined>>,
+): string {
+  if (!query) {
+    return '';
+  }
+
+  return Object.entries(query)
+    .map(([key, value]) => [key.trim(), value?.trim() ?? ''] as const)
+    .filter(([key, value]) => Boolean(key) && Boolean(value))
+    .map(
+      ([key, value]) =>
+        `${encodeURIComponent(key)}=${encodeURIComponent(value)}`,
+    )
+    .join('&');
+}
+
+export function buildWorkflowActivityBaseHref(scopeId: string): string {
+  return `/scopes/${encode(scopeId)}/workflow-activity-vnext`;
+}
+
+export function buildWorkflowActivitySectionHref(
+  scopeId: string,
+  section: WorkflowActivitySection,
+): string {
+  return `${buildWorkflowActivityBaseHref(scopeId)}/${section}`;
+}
+
+export function buildWorkflowActivitySettingsHref(
+  scopeId: string,
+  section: WorkflowActivitySettingsSection,
+): string {
+  const base = buildWorkflowActivitySectionHref(scopeId, 'settings');
+  return section === 'ai' ? base : `${base}?section=${section}`;
+}
+
+export function buildWorkflowActivityNewHref(scopeId: string): string {
+  return `${buildWorkflowActivitySectionHref(scopeId, 'workflows')}/new`;
+}
+
+export function buildWorkflowActivityTemplatesHref(scopeId: string): string {
+  return `${buildWorkflowActivityNewHref(scopeId)}/templates`;
+}
+
+export function buildWorkflowActivityEditorHref(
+  scopeId: string,
+  workflowId: string,
+): string {
+  return `${buildWorkflowActivitySectionHref(scopeId, 'workflows')}/${encode(workflowId)}`;
+}
+
+export function buildWorkflowActivityEditorRunHref(
+  scopeId: string,
+  workflowId: string,
+): string {
+  return `${buildWorkflowActivityEditorHref(scopeId, workflowId)}?run=1`;
+}
+
+export function buildWorkflowActivityRunHref(
+  scopeId: string,
+  runId: string,
+  query?: Readonly<Record<string, string | undefined>>,
+): string {
+  const base = `${buildWorkflowActivitySectionHref(scopeId, 'activity')}/${encode(runId)}`;
+  const suffix = buildQuerySuffix(query);
+  return suffix ? `${base}?${suffix}` : base;
+}
+
+export function buildChannelDetailsHref(
+  scopeId: string,
+  registrationId: string,
+): string {
+  return `${buildWorkflowActivitySectionHref(scopeId, 'channels')}/${encodeURIComponent(registrationId)}`;
+}
+
+export function buildChannelBindHref(scopeId: string, botId: string): string {
+  return `${buildWorkflowActivitySectionHref(scopeId, 'channels')}/bind/${encodeURIComponent(botId)}`;
+}
+
+export function buildChannelEditHref(
+  scopeId: string,
+  registrationId: string,
+): string {
+  return `${buildChannelDetailsHref(scopeId, registrationId)}/edit`;
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx
new file mode 100644
index 0000000000..21ee2b83dc
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx
@@ -0,0 +1,174 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import * as React from 'react';
+import AccountPanel from './AccountPanel';
+
+const mockLoginWithRedirect = jest.fn();
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/auth/client', () => ({
+  NyxIDAuthClient: jest.fn().mockImplementation(() => ({
+    loginWithRedirect: mockLoginWithRedirect,
+  })),
+}));
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
+const identity = {
+  displayName: { kind: 'value', value: 'Ada Lovelace' },
+  email: { kind: 'value', value: 'ada@example.com' },
+  emailVerified: true,
+  expiry: { kind: 'value', value: 'Aug 7, 2026' },
+  picture: null,
+  provider: { kind: 'value', value: 'NyxID' },
+  scope: { kind: 'value', value: 'scope-alpha' },
+  sessionState: 'active',
+  support: {
+    groups: [],
+    roles: [],
+    subject: 'user-alpha',
+  },
+} as const;
+
+describe('Workflow Activity vNext account panel', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockLoginWithRedirect.mockReset();
+    mockLoginWithRedirect.mockResolvedValue(undefined);
+  });
+
+  it('starts service access review with the canonical Account settings URL', async () => {
+    render(
+      <AccountPanel
+        accountSettingsHref="/scopes/scope-alpha/workflow-activity-vnext/settings?section=account"
+        identity={identity}
+      />,
+    );
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Manage service access' }),
+    );
+
+    await waitFor(() =>
+      expect(mockLoginWithRedirect).toHaveBeenCalledWith({
+        flow: 'serviceAccessReview',
+        returnTo:
+          '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account',
+      }),
+    );
+  });
+
+  it('reports service access review failures with a toast', async () => {
+    mockLoginWithRedirect.mockRejectedValue(
+      new Error('authorization endpoint unavailable'),
+    );
+
+    render(
+      <AccountPanel
+        accountSettingsHref="/scopes/scope-alpha/workflow-activity-vnext/settings?section=account"
+        identity={identity}
+      />,
+    );
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Manage service access' }),
+    );
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Could not start service access review. Try again.',
+      ),
+    );
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Manage service access' }),
+    ).not.toHaveClass('ant-btn-loading');
+  });
+
+  it('keeps identity and access facts primary without placeholder product status', () => {
+    render(
+      <AccountPanel
+        accountSettingsHref="/scopes/scope-alpha/workflow-activity-vnext/settings?section=account"
+        identity={{
+          ...identity,
+          emailVerified: true,
+          support: {
+            groups: ['platform'],
+            roles: ['operator'],
+            subject: 'user-alpha',
+          },
+        }}
+      />,
+    );
+
+    expect(screen.getByText('AL')).toBeInTheDocument();
+    expect(screen.getByText('Ada Lovelace')).toBeInTheDocument();
+    expect(screen.getByText('ada@example.com')).toBeInTheDocument();
+    expect(screen.getByText('NyxID')).toBeInTheDocument();
+    expect(screen.getByText('scope-alpha')).toBeInTheDocument();
+    expect(screen.getByText('user-alpha')).toBeInTheDocument();
+    expect(screen.getByText('operator')).toBeInTheDocument();
+    expect(screen.getByText('platform')).toBeInTheDocument();
+    expect(screen.getByText('Verified')).toBeInTheDocument();
+    expect(screen.queryByText('Product access')).not.toBeInTheDocument();
+    expect(screen.queryByText('Not loaded')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText(
+        'Capability details are not provided by the current account service.',
+      ),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Refresh status' }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('shows provider user IDs when they use a machine identifier shape', () => {
+    render(
+      <AccountPanel
+        accountSettingsHref="/scopes/scope-alpha/workflow-activity-vnext/settings?section=account"
+        identity={{
+          ...identity,
+          support: {
+            groups: [],
+            roles: [],
+            subject: 'ccb108c4-dcb3-473a-a0f7-e9859bb2f2a0',
+          },
+        }}
+      />,
+    );
+
+    expect(screen.getByText('ccb108c4-dcb...9bb2f2a0')).toBeInTheDocument();
+  });
+
+  it('renders a compact signed-in state when optional profile fields are absent', () => {
+    render(
+      <AccountPanel
+        accountSettingsHref="/scopes/scope-alpha/workflow-activity-vnext/settings?section=account"
+        identity={{
+          ...identity,
+          displayName: { kind: 'not_provided' },
+          email: { kind: 'not_provided' },
+          emailVerified: null,
+          expiry: { kind: 'not_provided' },
+          scope: { kind: 'not_provided' },
+          support: { groups: [], roles: [], subject: null },
+        }}
+      />,
+    );
+
+    expect(
+      screen.getByRole('heading', { name: 'Signed in' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('Profile details are unavailable.'),
+    ).toBeInTheDocument();
+    expect(screen.queryByText('Not provided')).not.toBeInTheDocument();
+    expect(screen.getByText('NyxID')).toBeInTheDocument();
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.tsx
new file mode 100644
index 0000000000..edb42b011d
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.tsx
@@ -0,0 +1,283 @@
+import {
+  LoginOutlined,
+  LogoutOutlined,
+  SafetyCertificateOutlined,
+  UserOutlined,
+} from '@ant-design/icons';
+import { Avatar, Button, Descriptions, Space, Typography } from 'antd';
+import React from 'react';
+import { NyxIDAuthClient } from '@/shared/auth/client';
+import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
+import {
+  clearStoredAuthSession,
+  sanitizeReturnTo,
+} from '@/shared/auth/session';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { AevatarCompactText } from '@/shared/ui/compactText';
+import type { AccountField, AccountIdentity } from './accountIdentity';
+
+type AccountPanelProps = {
+  readonly accountSettingsHref: string;
+  readonly identity: AccountIdentity;
+};
+
+function accountFieldValue(field: AccountField): string | null {
+  return field.kind === 'value' ? field.value : null;
+}
+
+function accountInitials(displayName: string): string {
+  const parts = displayName.split(/\s+/).filter(Boolean);
+  if (parts.length > 1) {
+    return parts
+      .slice(0, 2)
+      .map((part) => Array.from(part)[0])
+      .join('')
+      .toUpperCase();
+  }
+  return Array.from(parts[0] ?? '')
+    .slice(0, 2)
+    .join('')
+    .toUpperCase();
+}
+
+function sessionStateLabel(identity: AccountIdentity): string {
+  switch (identity.sessionState) {
+    case 'active':
+      return t('workflowActivityVNext.settings.sessionActive', 'Active');
+    case 'expiring_soon':
+      return t(
+        'workflowActivityVNext.settings.sessionExpiringSoon',
+        'Expiring soon',
+      );
+    case 'expired':
+      return t('workflowActivityVNext.settings.sessionExpired', 'Expired');
+    case 'invalid':
+      return t('workflowActivityVNext.settings.sessionInvalid', 'Invalid');
+  }
+}
+
+function buildLoginHref(returnTo: string): string {
+  return `/login?${new URLSearchParams({
+    redirect: sanitizeReturnTo(returnTo),
+  }).toString()}`;
+}
+
+const AccountPanel: React.FC<AccountPanelProps> = ({
+  accountSettingsHref,
+  identity,
+}) => {
+  const toast = useConsoleToast();
+  const [reviewPending, setReviewPending] = React.useState(false);
+  const recoverable =
+    identity.sessionState === 'expired' || identity.sessionState === 'invalid';
+  const displayName = accountFieldValue(identity.displayName);
+  const email = accountFieldValue(identity.email);
+  const provider = accountFieldValue(identity.provider);
+  const scope = accountFieldValue(identity.scope);
+  const expiry = accountFieldValue(identity.expiry);
+  const identityDetails = [
+    ...(identity.support.subject
+      ? [
+          {
+            key: 'subject',
+            label: t('workflowActivityVNext.settings.userId', 'User ID'),
+            children: (
+              <AevatarCompactText
+                copyable
+                head={12}
+                hideMachineIdentifier={false}
+                monospace
+                tail={8}
+                value={identity.support.subject}
+              />
+            ),
+          },
+        ]
+      : []),
+    ...(identity.support.roles.length
+      ? [
+          {
+            key: 'roles',
+            label: t('workflowActivityVNext.settings.roles', 'Roles'),
+            children: identity.support.roles.join(', '),
+          },
+        ]
+      : []),
+    ...(identity.support.groups.length
+      ? [
+          {
+            key: 'groups',
+            label: t('workflowActivityVNext.settings.groups', 'Groups'),
+            children: identity.support.groups.join(', '),
+          },
+        ]
+      : []),
+    ...(email && identity.emailVerified !== null
+      ? [
+          {
+            key: 'email-verification',
+            label: t(
+              'workflowActivityVNext.settings.emailVerification',
+              'Email verification',
+            ),
+            children: identity.emailVerified
+              ? t('workflowActivityVNext.settings.verified', 'Verified')
+              : t('workflowActivityVNext.settings.notVerified', 'Not verified'),
+          },
+        ]
+      : []),
+  ];
+  const sessionDetails = [
+    {
+      key: 'session',
+      label: t('workflowActivityVNext.settings.sessionState', 'Session state'),
+      children: sessionStateLabel(identity),
+    },
+    ...(provider
+      ? [
+          {
+            key: 'provider',
+            label: t(
+              'workflowActivityVNext.settings.provider',
+              'Sign-in method',
+            ),
+            children: provider,
+          },
+        ]
+      : []),
+    ...(scope
+      ? [
+          {
+            key: 'scope',
+            label: t('workflowActivityVNext.settings.scope', 'Scope'),
+            children: scope,
+          },
+        ]
+      : []),
+    ...(expiry
+      ? [
+          {
+            key: 'expiry',
+            label: t('workflowActivityVNext.settings.expires', 'Expires'),
+            children: expiry,
+          },
+        ]
+      : []),
+  ];
+
+  const signInAgain = () => {
+    clearStoredAuthSession();
+    history.push(buildLoginHref(accountSettingsHref));
+  };
+
+  const signOut = () => {
+    clearStoredAuthSession();
+    window.location.replace('/login');
+  };
+
+  const reviewServiceAccess = async () => {
+    try {
+      setReviewPending(true);
+      await new NyxIDAuthClient(getNyxIDRuntimeConfig()).loginWithRedirect({
+        flow: 'serviceAccessReview',
+        returnTo: accountSettingsHref,
+      });
+    } catch {
+      setReviewPending(false);
+      toast.error(
+        t(
+          'workflowActivityVNext.settings.serviceAccessFailed',
+          'Could not start service access review. Try again.',
+        ),
+      );
+    }
+  };
+
+  return (
+    <div className="wa-vnext__account">
+      <div className="wa-vnext__account-profile">
+        <div className="wa-vnext__account-profile-identity">
+          <Avatar
+            icon={displayName ? undefined : <UserOutlined />}
+            size={56}
+            src={identity.picture}
+          >
+            {displayName ? accountInitials(displayName) : null}
+          </Avatar>
+          <div>
+            <Typography.Title level={3}>
+              {displayName ||
+                t('workflowActivityVNext.settings.authenticated', 'Signed in')}
+            </Typography.Title>
+            <Typography.Text type="secondary">
+              {email ||
+                t(
+                  'workflowActivityVNext.settings.profileUnavailable',
+                  'Profile details are unavailable.',
+                )}
+            </Typography.Text>
+          </div>
+        </div>
+        {!recoverable ? (
+          <Button danger icon={<LogoutOutlined />} onClick={signOut}>
+            {t('workflowActivityVNext.settings.signOut', 'Sign out')}
+          </Button>
+        ) : null}
+      </div>
+
+      {identityDetails.length ? (
+        <section className="wa-vnext__account-section">
+          <h3>{t('workflowActivityVNext.settings.profile', 'Profile')}</h3>
+          <Descriptions
+            bordered
+            column={{ xs: 1, sm: 2, md: 2, lg: 2, xl: 2, xxl: 2 }}
+            items={identityDetails}
+          />
+        </section>
+      ) : null}
+
+      <section className="wa-vnext__account-section">
+        <div className="wa-vnext__account-section-heading">
+          <h3>
+            {t(
+              'workflowActivityVNext.settings.sessionAccess',
+              'Session & access',
+            )}
+          </h3>
+          {!recoverable ? (
+            <Button
+              icon={<SafetyCertificateOutlined />}
+              loading={reviewPending}
+              onClick={() => void reviewServiceAccess()}
+            >
+              {t(
+                'workflowActivityVNext.settings.manageServiceAccess',
+                'Manage service access',
+              )}
+            </Button>
+          ) : null}
+        </div>
+        <Descriptions
+          bordered
+          column={{ xs: 1, sm: 2, md: 2, lg: 2, xl: 2, xxl: 2 }}
+          items={sessionDetails}
+        />
+        {recoverable ? (
+          <Space className="wa-vnext__account-recovery" wrap>
+            <Button
+              icon={<LoginOutlined />}
+              onClick={signInAgain}
+              type="primary"
+            >
+              {t('workflowActivityVNext.settings.signInAgain', 'Sign in again')}
+            </Button>
+          </Space>
+        ) : null}
+      </section>
+    </div>
+  );
+};
+
+export default AccountPanel;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/SettingsPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/SettingsPage.tsx
new file mode 100644
index 0000000000..3527efcbb2
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/SettingsPage.tsx
@@ -0,0 +1,787 @@
+import { ReloadOutlined, SaveOutlined } from '@ant-design/icons';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { getLocale } from '@umijs/max';
+import {
+  Alert,
+  Button,
+  Descriptions,
+  Modal,
+  Select,
+  Space,
+  Typography,
+} from 'antd';
+import React from 'react';
+import { observeUserLlmSave } from '@/pages/settings/userLlmSaveObservation';
+import {
+  buildUserLlmSelectionOptions,
+  cloneUserLlmSelection,
+  decodeUserLlmSelectionValue,
+  encodeUserLlmSelectionValue,
+  resolveSavedUserLlmSelection,
+  type UserLlmSelectionDraft,
+  userLlmSelectionsEqual,
+} from '@/pages/settings/userLlmSelection';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { useWorkflowActivityAccount } from '../account/useWorkflowActivityAccount';
+import { useConsoleLocation } from '../hooks/useConsoleLocation';
+import {
+  buildWorkflowActivitySettingsHref,
+  type WorkflowActivitySettingsSection,
+} from '../navigation';
+import TechnicalDetails from '../TechnicalDetails';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import AccountPanel from './AccountPanel';
+import { buildAccountIdentity } from './accountIdentity';
+
+type SavePhase =
+  | 'idle'
+  | 'saving'
+  | 'accepted'
+  | 'observed'
+  | 'delayed'
+  | 'failed';
+
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
+function readSection(search: string): WorkflowActivitySettingsSection {
+  const value = new URLSearchParams(search).get('section');
+  return value === 'account' || value === 'advanced' ? value : 'ai';
+}
+
+function SettingsLoadingState({ message }: { readonly message: string }) {
+  return (
+    <div
+      aria-live="polite"
+      className="wa-vnext__state wa-vnext__state--compact"
+    >
+      <p>{message}</p>
+    </div>
+  );
+}
+
+function SettingsErrorState({
+  error,
+  onRetry,
+  title,
+}: {
+  readonly error: unknown;
+  readonly onRetry: () => void;
+  readonly title: string;
+}) {
+  return (
+    <div className="wa-vnext__state wa-vnext__state--compact" role="alert">
+      <div>
+        <h3>{title}</h3>
+        <p>
+          {t(
+            'workflowActivityVNext.settings.retryGuidance',
+            'Try loading this section again.',
+          )}
+        </p>
+        <Button icon={<ReloadOutlined />} onClick={onRetry}>
+          {t('workflowActivityVNext.common.retry', 'Retry')}
+        </Button>
+        <TechnicalDetails>{errorMessage(error)}</TechnicalDetails>
+      </div>
+    </div>
+  );
+}
+
+const SettingsPage: React.FC<{ readonly scopeId: string }> = ({ scopeId }) => {
+  const location = useConsoleLocation();
+  const queryClient = useQueryClient();
+  const toast = useConsoleToast();
+  const [section, setSection] = React.useState<WorkflowActivitySettingsSection>(
+    () => readSection(location.search),
+  );
+  const llm = useQuery({
+    queryKey: ['workflow-activity-vnext', 'settings', 'llm'],
+    queryFn: ({ signal }) => studioApi.getUserLlmSettings(signal),
+    retry: false,
+  });
+  const { auth: resolvedAuth, query: auth } = useWorkflowActivityAccount();
+  const runtime = useQuery({
+    queryKey: ['workflow-activity-vnext', 'settings', 'runtime'],
+    queryFn: () => studioApi.getUserConfigRuntime(),
+    retry: false,
+  });
+  const accountIdentity = React.useMemo(
+    () =>
+      resolvedAuth
+        ? buildAccountIdentity(resolvedAuth, Date.now(), getLocale())
+        : null,
+    [resolvedAuth],
+  );
+  const [draft, setDraft] = React.useState<UserLlmSelectionDraft | undefined>(
+    undefined,
+  );
+  const [baseline, setBaseline] = React.useState<
+    UserLlmSelectionDraft | undefined
+  >(undefined);
+  const [savePhase, setSavePhase] = React.useState<SavePhase>('idle');
+  const [saveMessage, setSaveMessage] = React.useState('');
+  const [pendingNavigation, setPendingNavigation] = React.useState('');
+  const saveTokenRef = React.useRef(0);
+  const loadedRef = React.useRef(false);
+
+  React.useEffect(() => {
+    if (!llm.data || loadedRef.current) return;
+    const saved = resolveSavedUserLlmSelection(llm.data);
+    setDraft(saved);
+    setBaseline(saved);
+    loadedRef.current = true;
+  }, [llm.data]);
+  React.useEffect(
+    () => () => {
+      saveTokenRef.current += 1;
+    },
+    [],
+  );
+
+  const options = React.useMemo(
+    () =>
+      buildUserLlmSelectionOptions(llm.data?.routeOptions ?? []).filter(
+        (option) => option.modelCatalog.modelIds.length > 0,
+      ),
+    [llm.data?.routeOptions],
+  );
+  const selectedOption = draft
+    ? options.find((item) => item.value === encodeUserLlmSelectionValue(draft))
+    : undefined;
+  const modelIds = selectedOption?.modelCatalog.modelIds ?? [];
+  const modelValue =
+    draft?.modelSelection.kind === 'explicit_model'
+      ? draft.modelSelection.modelId
+      : 'provider-default';
+  const dirty = !userLlmSelectionsEqual(draft, baseline);
+  const encodedBaseline = baseline ? encodeUserLlmSelectionValue(baseline) : '';
+  const savedSelectionUnavailable = Boolean(
+    baseline && !options.some((item) => item.value === encodedBaseline),
+  );
+  const unavailableSavedModel =
+    draft?.modelSelection.kind === 'explicit_model' &&
+    !modelIds.includes(draft.modelSelection.modelId)
+      ? draft.modelSelection.modelId
+      : '';
+
+  React.useEffect(() => {
+    const warn = (event: BeforeUnloadEvent) => {
+      if (!dirty) return;
+      event.preventDefault();
+      event.returnValue = '';
+    };
+    window.addEventListener('beforeunload', warn);
+    return () => window.removeEventListener('beforeunload', warn);
+  }, [dirty]);
+
+  const selectRoute = (value: string) => {
+    if (!value) {
+      setDraft(undefined);
+      return;
+    }
+    const next = decodeUserLlmSelectionValue(value, options);
+    if (next) setDraft(cloneUserLlmSelection(next));
+  };
+  const selectModel = (value: string) => {
+    if (!draft) return;
+    setDraft({
+      ...draft,
+      modelSelection:
+        value === 'provider-default'
+          ? { kind: 'provider_default' }
+          : { kind: 'explicit_model', modelId: value },
+    } as UserLlmSelectionDraft);
+  };
+
+  const save = async (): Promise<boolean> => {
+    if (!dirty || savePhase === 'saving' || savePhase === 'accepted')
+      return false;
+    const submitted = draft ? cloneUserLlmSelection(draft) : undefined;
+    const token = ++saveTokenRef.current;
+    setSavePhase('saving');
+    setSaveMessage('');
+    try {
+      const receipt = await studioApi.saveUserLlmSettings(
+        !submitted
+          ? { action: 'reset' }
+          : submitted.routeKind === 'gateway'
+            ? {
+                action: 'select_gateway',
+                gateway: { model: submitted.modelSelection },
+              }
+            : {
+                action: 'select_user_service',
+                userService: {
+                  userServiceId: submitted.nyxIdUserServiceId,
+                  model: submitted.modelSelection,
+                },
+              },
+      );
+      if (!receipt.accepted)
+        throw new Error(
+          t(
+            'workflowActivityVNext.settings.notAccepted',
+            'The settings update was not accepted.',
+          ),
+        );
+      setSavePhase('accepted');
+      setSaveMessage('');
+      const observation = await observeUserLlmSave({
+        saveToken: token,
+        isCurrent: (candidate) => candidate === saveTokenRef.current,
+        read: (signal) => studioApi.getUserLlmSettings(signal),
+        isObserved: (sample) =>
+          userLlmSelectionsEqual(
+            resolveSavedUserLlmSelection(sample),
+            submitted,
+          ),
+        onResponse: (sample) =>
+          queryClient.setQueryData(
+            ['workflow-activity-vnext', 'settings', 'llm'],
+            sample,
+          ),
+      });
+      if (token !== saveTokenRef.current) return false;
+      if (observation.phase === 'observed') {
+        setBaseline(submitted ? cloneUserLlmSelection(submitted) : undefined);
+        setSavePhase('observed');
+        toast.success(
+          t('workflowActivityVNext.settings.saveObserved', 'Settings saved'),
+        );
+        return true;
+      } else if (observation.phase === 'accepted_unobserved') {
+        setSavePhase('delayed');
+      }
+    } catch (error) {
+      if (token === saveTokenRef.current) {
+        setSaveMessage(errorMessage(error));
+        setSavePhase('failed');
+      }
+    }
+    return false;
+  };
+
+  const discard = () => {
+    saveTokenRef.current += 1;
+    setDraft(baseline ? cloneUserLlmSelection(baseline) : undefined);
+    setSavePhase('idle');
+    setSaveMessage('');
+  };
+
+  const finishNavigation = (target: string) => {
+    const targetUrl = new URL(target, 'http://console.local');
+    if (targetUrl.pathname === location.pathname) {
+      setSection(readSection(targetUrl.search));
+      history.replace(`${targetUrl.pathname}${targetUrl.search}`);
+      return;
+    }
+    history.push(target);
+  };
+
+  const requestNavigation = (target: string) => {
+    if (dirty) setPendingNavigation(target);
+    else finishNavigation(target);
+  };
+
+  const discardAndLeave = () => {
+    const target = pendingNavigation;
+    discard();
+    setPendingNavigation('');
+    if (target) finishNavigation(target);
+  };
+
+  const saveAndLeave = async () => {
+    if (!(await save())) return;
+    const target = pendingNavigation;
+    setPendingNavigation('');
+    if (target) finishNavigation(target);
+  };
+
+  const aiPanel = llm.isPending ? (
+    <SettingsLoadingState
+      message={t(
+        'workflowActivityVNext.settings.llmLoading',
+        'Loading AI defaults',
+      )}
+    />
+  ) : llm.isError ? (
+    <SettingsErrorState
+      error={llm.error}
+      onRetry={() => void llm.refetch()}
+      title={t(
+        'workflowActivityVNext.settings.llmUnavailable',
+        'AI defaults unavailable',
+      )}
+    />
+  ) : (
+    <div className="wa-vnext__form">
+      {llm.data?.catalogStatus === 'unavailable' ? (
+        <Alert
+          action={
+            <Button onClick={() => void llm.refetch()} size="small">
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+          }
+          description={t(
+            'workflowActivityVNext.settings.catalogUnavailable',
+            'Your saved choice is unchanged. Try again to load available services.',
+          )}
+          message={t(
+            'workflowActivityVNext.settings.catalogUnavailableTitle',
+            'Services unavailable',
+          )}
+          showIcon
+          type="warning"
+        />
+      ) : null}
+      <div className="wa-vnext__settings-fields">
+        <div className="wa-vnext__settings-field">
+          <div className="wa-vnext__settings-field-copy">
+            <strong>
+              {t(
+                'workflowActivityVNext.settings.preferredService',
+                'Preferred service',
+              )}
+            </strong>
+            <span>
+              {t(
+                'workflowActivityVNext.settings.preferredServiceHelp',
+                'Choose which service new sessions use.',
+              )}
+            </span>
+          </div>
+          <Select
+            aria-label={t(
+              'workflowActivityVNext.settings.preferredService',
+              'Preferred service',
+            )}
+            disabled={!llm.data?.capabilities.canEditRoute}
+            onChange={selectRoute}
+            options={[
+              ...options.map((item) => ({
+                disabled: !item.allowed || !item.ready,
+                label: item.label,
+                value: item.value,
+              })),
+              ...(savedSelectionUnavailable && baseline
+                ? [
+                    {
+                      disabled: true,
+                      label: `${llm.data?.savedRouteLabel || baseline.routeValue} (${t(
+                        'workflowActivityVNext.common.unavailable',
+                        'Unavailable',
+                      )})`,
+                      value: encodedBaseline,
+                    },
+                  ]
+                : []),
+            ]}
+            value={draft ? encodeUserLlmSelectionValue(draft) : undefined}
+          />
+        </div>
+        {draft && modelIds.length > 0 ? (
+          <div className="wa-vnext__settings-field">
+            <div className="wa-vnext__settings-field-copy">
+              <strong>
+                {t(
+                  'workflowActivityVNext.settings.defaultModel',
+                  'Default model',
+                )}
+              </strong>
+              <span>
+                {t(
+                  'workflowActivityVNext.settings.defaultModelHelp',
+                  'Leave unset to use the service default.',
+                )}
+              </span>
+            </div>
+            <Select
+              aria-label={t(
+                'workflowActivityVNext.settings.defaultModel',
+                'Default model',
+              )}
+              disabled={
+                !llm.data?.capabilities.canEditModel ||
+                selectedOption?.modelCatalog.certainty === 'unavailable'
+              }
+              onChange={selectModel}
+              options={[
+                {
+                  label: t(
+                    'workflowActivityVNext.settings.providerDefault',
+                    'Provider default',
+                  ),
+                  value: 'provider-default',
+                },
+                ...modelIds.map((modelId) => ({
+                  label: modelId,
+                  value: modelId,
+                })),
+                ...(unavailableSavedModel
+                  ? [
+                      {
+                        disabled: true,
+                        label: `${unavailableSavedModel} (${t(
+                          'workflowActivityVNext.common.unavailable',
+                          'Unavailable',
+                        )})`,
+                        value: unavailableSavedModel,
+                      },
+                    ]
+                  : []),
+              ]}
+              value={modelValue}
+            />
+          </div>
+        ) : (
+          <div className="wa-vnext__settings-field">
+            <div className="wa-vnext__settings-field-copy">
+              <strong>
+                {t(
+                  'workflowActivityVNext.settings.defaultModel',
+                  'Default model',
+                )}
+              </strong>
+              <span>
+                {!draft
+                  ? t(
+                      'workflowActivityVNext.settings.systemDefaultModel',
+                      'Uses the system-selected service and model.',
+                    )
+                  : unavailableSavedModel
+                    ? t(
+                        'workflowActivityVNext.settings.savedModelUnavailable',
+                        'The saved model is unavailable. Your saved value remains unchanged.',
+                      )
+                    : t(
+                        'workflowActivityVNext.settings.serviceDefaultModel',
+                        'Uses the service default model.',
+                      )}
+              </span>
+            </div>
+          </div>
+        )}
+      </div>
+      {savePhase === 'observed' ||
+      savePhase === 'delayed' ||
+      savePhase === 'failed' ? (
+        <Alert
+          message={
+            savePhase === 'observed'
+              ? t('workflowActivityVNext.settings.observed', 'Changes saved')
+              : savePhase === 'delayed'
+                ? t(
+                    'workflowActivityVNext.settings.delayed',
+                    'Changes are taking longer to appear',
+                  )
+                : t(
+                    'workflowActivityVNext.settings.failed',
+                    "Changes couldn't be saved",
+                  )
+          }
+          description={
+            savePhase === 'failed' && saveMessage ? (
+              <TechnicalDetails>{saveMessage}</TechnicalDetails>
+            ) : undefined
+          }
+          showIcon
+          type={
+            savePhase === 'failed'
+              ? 'error'
+              : savePhase === 'delayed'
+                ? 'warning'
+                : 'success'
+          }
+        />
+      ) : null}
+    </div>
+  );
+
+  const accountPanel = auth.isPending ? (
+    <SettingsLoadingState
+      message={t(
+        'workflowActivityVNext.settings.accountLoading',
+        'Loading account session',
+      )}
+    />
+  ) : auth.isError && isStudioApiStatus(auth.error, 403) ? (
+    <div className="wa-vnext__state wa-vnext__state--compact" role="alert">
+      <div>
+        <h3>
+          {t('workflowActivityVNext.settings.unauthorized', 'Unauthorized')}
+        </h3>
+        <p>
+          {t(
+            'workflowActivityVNext.settings.unauthorizedDescription',
+            'Your current session cannot view account or capability details.',
+          )}
+        </p>
+      </div>
+    </div>
+  ) : auth.isError ? (
+    <SettingsErrorState
+      error={auth.error}
+      onRetry={() => void auth.refetch()}
+      title={t('workflowActivityVNext.settings.notLoaded', 'Not loaded')}
+    />
+  ) : resolvedAuth && accountIdentity ? (
+    <AccountPanel
+      accountSettingsHref={buildWorkflowActivitySettingsHref(
+        scopeId,
+        'account',
+      )}
+      identity={accountIdentity}
+    />
+  ) : null;
+
+  const runtimePanel = runtime.isPending ? (
+    <SettingsLoadingState
+      message={t(
+        'workflowActivityVNext.settings.runtimeLoading',
+        'Loading effective runtime',
+      )}
+    />
+  ) : runtime.isError ? (
+    <SettingsErrorState
+      error={runtime.error}
+      onRetry={() => void runtime.refetch()}
+      title={t(
+        'workflowActivityVNext.settings.runtimeUnavailable',
+        'Effective runtime unavailable',
+      )}
+    />
+  ) : (
+    <section className="wa-vnext__settings-facts">
+      <h3 className="wa-vnext__settings-facts-heading">
+        {t(
+          'workflowActivityVNext.settings.workflowExecution',
+          'Workflow execution',
+        )}
+      </h3>
+      <Descriptions
+        bordered
+        column={1}
+        items={[
+          {
+            key: 'mode',
+            label: t(
+              'workflowActivityVNext.settings.executionTarget',
+              'Execution target',
+            ),
+            children:
+              runtime.data?.runtimeMode === 'remote'
+                ? t(
+                    'workflowActivityVNext.settings.remoteRuntimeLabel',
+                    'Remote runtime',
+                  )
+                : t(
+                    'workflowActivityVNext.settings.localRuntimeLabel',
+                    'Local runtime',
+                  ),
+          },
+          {
+            key: 'active',
+            label: t(
+              'workflowActivityVNext.settings.runtimeUrl',
+              'Runtime URL',
+            ),
+            children: (
+              <Typography.Text
+                className="wa-vnext__mono"
+                copyable={{ text: runtime.data?.activeRuntimeBaseUrl }}
+                translate="no"
+              >
+                {runtime.data?.activeRuntimeBaseUrl}
+              </Typography.Text>
+            ),
+          },
+        ]}
+      />
+    </section>
+  );
+
+  const sections = [
+    {
+      key: 'ai' as const,
+      label: t('workflowActivityVNext.settings.ai', 'AI defaults'),
+      description: t(
+        'workflowActivityVNext.settings.aiDescription',
+        'Choose the service and model used by new Chat, Studio, and global tool sessions without an override.',
+      ),
+      panel: aiPanel,
+    },
+    {
+      key: 'account' as const,
+      label: t('workflowActivityVNext.settings.account', 'Account'),
+      description: t(
+        'workflowActivityVNext.settings.accountDescription',
+        'Your profile and access.',
+      ),
+      panel: accountPanel,
+    },
+    {
+      key: 'advanced' as const,
+      label: t('workflowActivityVNext.settings.advanced', 'Advanced'),
+      description: t(
+        'workflowActivityVNext.settings.advancedDescription',
+        'Read-only execution details used when starting workflows.',
+      ),
+      panel: runtimePanel,
+    },
+  ];
+  const active = sections.find((item) => item.key === section) ?? sections[0];
+  const settingsFooter = (
+    <>
+      {dirty ? (
+        <div className="wa-vnext__settings-footer">
+          <section
+            aria-label={t(
+              'workflowActivityVNext.settings.unsavedActionsAria',
+              'Unsaved settings actions',
+            )}
+            className="wa-vnext__settings-savebar"
+          >
+            <div aria-live="polite" role="status">
+              <strong>
+                {t('workflowActivityVNext.settings.unsaved', 'Unsaved changes')}
+              </strong>
+              <span>
+                {t(
+                  'workflowActivityVNext.settings.unsavedDescription',
+                  'Your AI defaults have not been saved.',
+                )}
+              </span>
+            </div>
+            <Space className="wa-vnext__settings-actions" wrap>
+              <Button
+                disabled={savePhase === 'saving' || savePhase === 'accepted'}
+                onClick={discard}
+              >
+                {t(
+                  'workflowActivityVNext.settings.discard',
+                  'Restore saved settings',
+                )}
+              </Button>
+              <Button
+                disabled={
+                  !llm.data?.capabilities.canSave || savePhase === 'accepted'
+                }
+                icon={<SaveOutlined />}
+                loading={savePhase === 'saving'}
+                onClick={() => void save()}
+                type="primary"
+              >
+                {t('workflowActivityVNext.settings.save', 'Save changes')}
+              </Button>
+            </Space>
+          </section>
+        </div>
+      ) : null}
+    </>
+  );
+
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="settings"
+      description={t(
+        'workflowActivityVNext.settings.description',
+        'Personal defaults and access.',
+      )}
+      footer={settingsFooter}
+      scopeId={scopeId}
+      title={t('workflowActivityVNext.settings.title', 'Settings')}
+      onNavigate={requestNavigation}
+    >
+      <div className="wa-vnext__settings-layout">
+        <nav
+          aria-label={t(
+            'workflowActivityVNext.settings.sectionsAria',
+            'Settings sections',
+          )}
+          className="wa-vnext__settings-nav"
+        >
+          {sections.map((item) => (
+            <a
+              aria-current={item.key === section ? 'page' : undefined}
+              className="wa-vnext__settings-nav-link"
+              href={buildWorkflowActivitySettingsHref(scopeId, item.key)}
+              key={item.key}
+              onClick={(event) => {
+                if (
+                  event.button !== 0 ||
+                  event.metaKey ||
+                  event.ctrlKey ||
+                  event.shiftKey ||
+                  event.altKey
+                )
+                  return;
+                event.preventDefault();
+                requestNavigation(
+                  buildWorkflowActivitySettingsHref(scopeId, item.key),
+                );
+              }}
+            >
+              {item.label}
+            </a>
+          ))}
+        </nav>
+        <section
+          aria-labelledby={`wa-vnext-settings-${active.key}`}
+          className="wa-vnext__settings-panel"
+        >
+          <div className="wa-vnext__settings-heading">
+            <h2 id={`wa-vnext-settings-${active.key}`}>{active.label}</h2>
+            <p>{active.description}</p>
+          </div>
+          {active.panel}
+        </section>
+      </div>
+      <Modal
+        aria-label={t(
+          'workflowActivityVNext.settings.unsavedLeaveTitle',
+          'Unsaved AI default changes',
+        )}
+        footer={[
+          <Button key="stay" onClick={() => setPendingNavigation('')}>
+            {t('workflowActivityVNext.settings.stay', 'Stay')}
+          </Button>,
+          <Button key="discard" onClick={discardAndLeave}>
+            {t(
+              'workflowActivityVNext.settings.discardLeave',
+              'Discard and leave',
+            )}
+          </Button>,
+          <Button
+            disabled={!llm.data?.capabilities.canSave}
+            key="save"
+            loading={savePhase === 'saving' || savePhase === 'accepted'}
+            onClick={() => void saveAndLeave()}
+            type="primary"
+          >
+            {t('workflowActivityVNext.settings.saveLeave', 'Save and leave')}
+          </Button>,
+        ]}
+        onCancel={() => setPendingNavigation('')}
+        open={Boolean(pendingNavigation)}
+        title={t(
+          'workflowActivityVNext.settings.unsavedLeaveTitle',
+          'Unsaved AI default changes',
+        )}
+      >
+        <p>
+          {t(
+            'workflowActivityVNext.settings.unsavedLeaveDescription',
+            'Save your changes, discard them, or stay in Settings.',
+          )}
+        </p>
+      </Modal>
+    </WorkflowActivityVNextShell>
+  );
+};
+
+export default SettingsPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/accountIdentity.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/accountIdentity.test.ts
new file mode 100644
index 0000000000..5c708c25df
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/accountIdentity.test.ts
@@ -0,0 +1,129 @@
+import type { StudioAuthSession } from '@/shared/studio/models';
+import { buildAccountIdentity } from './accountIdentity';
+
+const NOW = Date.parse('2026-08-06T08:00:00Z');
+
+function createAuthSession(
+  overrides: Partial<StudioAuthSession> = {},
+): StudioAuthSession {
+  return {
+    enabled: true,
+    authenticated: true,
+    providerDisplayName: 'NyxID',
+    profile: {
+      subject: 'user-alpha',
+      name: 'Ada Operator',
+      email: 'ada@example.test',
+      emailVerified: true,
+      picture: null,
+      roles: ['operator'],
+      groups: ['platform'],
+    },
+    session: {
+      authenticated: true,
+      providerDisplayName: 'NyxID',
+      scopeId: 'scope-alpha',
+      scopeSource: 'nyxid-session',
+      expiresAtUtc: '2026-08-08T08:00:00Z',
+    },
+    ...overrides,
+  };
+}
+
+describe('account identity presentation', () => {
+  it.each([
+    {
+      label: 'active',
+      auth: createAuthSession(),
+      expected: 'active',
+    },
+    {
+      label: 'expiring soon',
+      auth: createAuthSession({
+        session: {
+          authenticated: true,
+          expiresAtUtc: '2026-08-06T12:00:00Z',
+        },
+      }),
+      expected: 'expiring_soon',
+    },
+    {
+      label: 'expired',
+      auth: createAuthSession({
+        authenticated: false,
+        session: {
+          authenticated: false,
+          expiresAtUtc: '2026-08-06T07:59:00Z',
+        },
+      }),
+      expected: 'expired',
+    },
+    {
+      label: 'invalid',
+      auth: createAuthSession({
+        authenticated: true,
+        session: {
+          authenticated: false,
+          expiresAtUtc: '2026-08-08T08:00:00Z',
+        },
+      }),
+      expected: 'invalid',
+    },
+  ])('classifies $label without contradicting authentication facts', ({
+    auth,
+    expected,
+  }) => {
+    expect(buildAccountIdentity(auth, NOW, 'en-US').sessionState).toBe(
+      expected,
+    );
+  });
+
+  it('formats expiry in local time with a timezone and relative time', () => {
+    const presentation = buildAccountIdentity(
+      createAuthSession({
+        session: {
+          authenticated: true,
+          expiresAtUtc: '2026-08-06T12:00:00Z',
+        },
+      }),
+      NOW,
+      'en-US',
+    );
+
+    if (presentation.expiry.kind !== 'value') {
+      throw new Error('Expected a formatted expiry value.');
+    }
+    expect(presentation.expiry.value).toContain('in 4 hours');
+    expect(presentation.expiry.value).toMatch(/UTC|GMT/);
+  });
+
+  it('does not guess that missing profile data was hidden by policy', () => {
+    const missing = buildAccountIdentity(
+      createAuthSession({
+        profile: {
+          subject: 'user-alpha',
+          name: 'Ada Operator',
+          email: null,
+          emailVerified: null,
+          picture: null,
+          roles: [],
+          groups: [],
+        },
+      }),
+      NOW,
+      'en-US',
+    );
+    const missingProfile = buildAccountIdentity(
+      createAuthSession({
+        name: 'Ada Operator',
+        profile: null,
+      }),
+      NOW,
+      'en-US',
+    );
+
+    expect(missing.email.kind).toBe('not_provided');
+    expect(missing.emailVerified).toBeNull();
+    expect(missingProfile.email.kind).toBe('not_provided');
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/accountIdentity.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/accountIdentity.ts
new file mode 100644
index 0000000000..8cee27c573
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/accountIdentity.ts
@@ -0,0 +1,119 @@
+import type { StudioAuthSession } from '@/shared/studio/models';
+
+export type AccountSessionState =
+  | 'active'
+  | 'expiring_soon'
+  | 'expired'
+  | 'invalid';
+
+export type AccountField =
+  | { readonly kind: 'value'; readonly value: string }
+  | { readonly kind: 'not_provided' };
+
+export type AccountIdentity = {
+  readonly displayName: AccountField;
+  readonly email: AccountField;
+  readonly emailVerified: boolean | null;
+  readonly expiry: AccountField;
+  readonly picture: string | null;
+  readonly provider: AccountField;
+  readonly scope: AccountField;
+  readonly sessionState: AccountSessionState;
+  readonly support: {
+    readonly groups: readonly string[];
+    readonly roles: readonly string[];
+    readonly subject: string | null;
+  };
+};
+
+const EXPIRING_SOON_WINDOW_MS = 24 * 60 * 60 * 1000;
+
+function valueOrMissing(value: string | null | undefined): AccountField {
+  const normalized = value?.trim();
+  return normalized
+    ? { kind: 'value', value: normalized }
+    : { kind: 'not_provided' };
+}
+
+function formatRelativeExpiry(
+  expiryMs: number,
+  nowMs: number,
+  locale: string,
+): string {
+  const differenceMs = expiryMs - nowMs;
+  const absoluteDifference = Math.abs(differenceMs);
+  const [divisor, unit] =
+    absoluteDifference >= 24 * 60 * 60 * 1000
+      ? [24 * 60 * 60 * 1000, 'day' as const]
+      : absoluteDifference >= 60 * 60 * 1000
+        ? [60 * 60 * 1000, 'hour' as const]
+        : [60 * 1000, 'minute' as const];
+  const amount = Math.round(differenceMs / divisor);
+  return new Intl.RelativeTimeFormat(locale, { numeric: 'auto' }).format(
+    amount,
+    unit,
+  );
+}
+
+function formatExpiry(
+  value: string | null | undefined,
+  nowMs: number,
+  locale: string,
+): AccountField {
+  if (!value?.trim()) return { kind: 'not_provided' };
+  const expiryMs = Date.parse(value);
+  if (Number.isNaN(expiryMs)) return { kind: 'not_provided' };
+  const localTime = new Intl.DateTimeFormat(locale, {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: '2-digit',
+    timeZoneName: 'short',
+  }).format(expiryMs);
+  return {
+    kind: 'value',
+    value: `${localTime} · ${formatRelativeExpiry(expiryMs, nowMs, locale)}`,
+  };
+}
+
+function resolveSessionState(
+  auth: StudioAuthSession,
+  nowMs: number,
+): AccountSessionState {
+  const expiryValue = auth.session?.expiresAtUtc;
+  const expiryMs = expiryValue ? Date.parse(expiryValue) : Number.NaN;
+  if (!Number.isNaN(expiryMs) && expiryMs <= nowMs) return 'expired';
+  if (!auth.authenticated || auth.session?.authenticated === false)
+    return 'invalid';
+  if (!Number.isNaN(expiryMs) && expiryMs - nowMs <= EXPIRING_SOON_WINDOW_MS)
+    return 'expiring_soon';
+  return 'active';
+}
+
+export function buildAccountIdentity(
+  auth: StudioAuthSession,
+  nowMs: number,
+  locale: string,
+): AccountIdentity {
+  const profileName = auth.profile?.name || auth.name;
+  const profileEmail = auth.profile?.email || auth.email;
+
+  return {
+    displayName: valueOrMissing(profileName),
+    email: valueOrMissing(profileEmail),
+    emailVerified: auth.profile?.emailVerified ?? null,
+    expiry: formatExpiry(auth.session?.expiresAtUtc, nowMs, locale),
+    picture: auth.profile?.picture || auth.picture || null,
+    provider: valueOrMissing(
+      auth.session?.providerDisplayName || auth.providerDisplayName,
+    ),
+    scope: valueOrMissing(auth.session?.scopeId || auth.scopeId),
+    sessionState: resolveSessionState(auth, nowMs),
+    support: {
+      groups: auth.profile?.groups ?? [],
+      roles: auth.profile?.roles ?? [],
+      subject: auth.profile?.subject?.trim() || auth.subject?.trim() || null,
+    },
+  };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts
new file mode 100644
index 0000000000..2f14018670
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts
@@ -0,0 +1,1051 @@
+export const workflowActivityVNextCss = `
+.wa-vnext {
+  --wa-ink: #17202a;
+  --wa-muted: #667085;
+  --wa-faint: #98a2b3;
+  --wa-line: #d0d5dd;
+  --wa-surface: #ffffff;
+  --wa-subtle: #f8fafc;
+  --wa-sidebar: #101828;
+  --wa-sidebar-hover: #1d2939;
+  --wa-blue: #175cd3;
+  --wa-blue-bg: #eff8ff;
+  --wa-green: #067647;
+  --wa-green-bg: #ecfdf3;
+  --wa-amber: #b54708;
+  --wa-amber-bg: #fffaeb;
+  --wa-red: #b42318;
+  --wa-red-bg: #fef3f2;
+  --wa-radius: 8px;
+  color: var(--wa-ink);
+  display: grid;
+  font-family: AlibabaSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-size: 12px;
+  grid-template-columns: 200px minmax(0, 1fr);
+  grid-template-rows: 52px minmax(0, 1fr);
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  width: 100%;
+}
+.wa-vnext * { box-sizing: border-box; letter-spacing: 0; }
+.wa-vnext button, .wa-vnext a, .wa-vnext input, .wa-vnext select { touch-action: manipulation; }
+.wa-vnext .ant-btn, .wa-vnext .ant-input-affix-wrapper, .wa-vnext .ant-select-single { min-height: 32px; }
+.wa-vnext .ant-btn-icon-only { min-width: 32px; width: 32px; }
+.wa-vnext .ant-btn, .wa-vnext .ant-input, .wa-vnext .ant-select, .wa-vnext .ant-segmented { font-size: 12px; }
+.wa-vnext .ant-btn, .wa-vnext .ant-input, .wa-vnext .ant-input-affix-wrapper, .wa-vnext .ant-select-selector, .wa-vnext .ant-segmented, .wa-vnext .ant-alert, .wa-vnext .ant-modal-content { border-radius: var(--wa-radius); }
+.wa-vnext__topbar {
+  align-items: center;
+  background: var(--wa-surface);
+  border-bottom: 1px solid var(--wa-line);
+  display: flex;
+  gap: 16px;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  justify-content: space-between;
+  min-width: 0;
+  padding: 0 16px;
+  z-index: 30;
+}
+.wa-vnext__topbar-leading, .wa-vnext__topbar-actions { align-items: center; display: flex; min-width: 0; }
+.wa-vnext__topbar-leading { gap: 12px; }
+.wa-vnext__topbar-actions { flex: 0 0 auto; gap: 6px; }
+.wa-vnext__brand { color: var(--wa-ink); font-size: 16px; font-weight: 700; line-height: 20px; text-decoration: none; }
+.wa-vnext__brand:hover { color: var(--wa-blue); }
+.wa-vnext__topbar-divider { background: var(--wa-line); height: 18px; width: 1px; }
+.wa-vnext__topbar-context { color: var(--wa-muted); font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.wa-vnext__menu-button { display: none; }
+.wa-vnext__rail {
+  background: var(--wa-sidebar);
+  border-right: 1px solid #344054;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  grid-column: 1;
+  grid-row: 2;
+  min-height: 0;
+  padding: 14px 10px max(16px, env(safe-area-inset-bottom));
+}
+.wa-vnext__nav { display: grid; gap: 4px; }
+.wa-vnext__nav-button {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  color: #d0d5dd;
+  display: flex;
+  font-size: 12px;
+  font-weight: 500;
+  gap: 10px;
+  min-height: 36px;
+  padding: 0 12px;
+  text-decoration: none;
+}
+.wa-vnext__nav-button:hover { background: var(--wa-sidebar-hover); color: #fff; }
+.wa-vnext__nav-button[aria-current="page"] { background: #344054; border-color: #475467; color: #fff; }
+.wa-vnext__main {
+  background: var(--wa-surface);
+  grid-column: 2;
+  grid-row: 2;
+  min-height: 0;
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.wa-vnext__main--with-footer { display: grid; grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; }
+.wa-vnext__main--run-detail { display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
+.wa-vnext__main-scroll { min-height: 0; min-width: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
+.wa-vnext__main-footer { min-width: 0; }
+.wa-vnext__header {
+  align-items: flex-end;
+  display: flex;
+  gap: 20px;
+  justify-content: space-between;
+  padding: 24px 40px 0;
+}
+.wa-vnext__heading-copy { min-width: 0; }
+.wa-vnext__heading-copy--custom { flex: 1 1 auto; max-width: min(560px, 100%); width: 100%; }
+.wa-vnext__heading-copy--custom h1 { min-width: 0; width: 100%; }
+.wa-vnext__header h1 { font-size: 28px; font-weight: 700; line-height: 28px; margin: 0; text-wrap: balance; }
+.wa-vnext__header p { color: var(--wa-muted); font-size: 12px; line-height: 17px; margin: 7px 0 0; max-width: 760px; text-wrap: pretty; }
+.wa-vnext__header-actions { align-items: center; display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
+.wa-vnext__run-detail-refresh { min-width: 132px; }
+.wa-vnext__content { min-width: 0; padding: 18px 40px 48px; }
+.wa-vnext__content--run-detail { display: flex; min-height: 0; overflow: hidden; padding-bottom: 40px; }
+.wa-vnext__activity-filter-context { margin-bottom: 12px; }
+.wa-vnext__toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-bottom: 12px; min-height: 32px; }
+.wa-vnext__toolbar-search { flex: 0 1 320px; max-width: 100%; width: 320px; }
+.wa-vnext__toolbar-filters { justify-content: flex-end; }
+.wa-vnext__toolbar-filters .ant-select { min-width: 150px; }
+.wa-vnext__activity-footer { align-items: center; color: var(--wa-muted); display: flex; font-size: 12px; gap: 12px; justify-content: space-between; min-height: 48px; padding-top: 12px; }
+.wa-vnext__activity-footer .ant-alert { flex: 1 1 auto; }
+.wa-vnext__pagination-actions { align-items: center; display: flex; gap: 12px; justify-content: flex-end; min-height: 32px; padding-top: 16px; }
+.wa-vnext__pagination-actions p { color: var(--wa-danger); font-size: 12px; line-height: 17px; margin: 0; }
+.wa-vnext__table-wrap {
+  border: 1px solid var(--wa-line);
+  border-radius: var(--wa-radius);
+  max-height: min(560px, calc(100dvh - 226px));
+  max-width: 100%;
+  min-height: 0;
+  overscroll-behavior: contain;
+  overflow: auto;
+  scrollbar-gutter: stable;
+}
+.wa-vnext__activity-table-region {
+  height: clamp(420px, calc(100dvh - 300px), 720px);
+}
+.wa-vnext__table { border-collapse: separate; border-spacing: 0; font-size: 12px; line-height: 17px; min-width: 900px; table-layout: fixed; width: 100%; }
+.wa-vnext__table--workflow-catalogue { min-width: 1160px; }
+.wa-vnext__table th {
+  background: var(--wa-subtle);
+  border-bottom: 1px solid var(--wa-line);
+  color: var(--wa-muted);
+  font-size: 10px;
+  font-weight: 600;
+  height: 32px;
+  letter-spacing: 1.5px;
+  line-height: 14px;
+  padding: 0 12px;
+  position: sticky;
+  text-align: left;
+  text-transform: uppercase;
+  top: 0;
+  z-index: 2;
+}
+.wa-vnext__table th:first-child { border-top-left-radius: 7px; }
+.wa-vnext__table th:last-child { border-top-right-radius: 7px; }
+.wa-vnext__activity-column--workflow { width: 22%; }
+.wa-vnext__activity-column--status { width: 18%; }
+.wa-vnext__activity-column--started { width: 170px; }
+.wa-vnext__activity-column--duration { width: 76px; }
+.wa-vnext__activity-column--input { width: auto; }
+.wa-vnext__table-column--status { width: 120px; }
+.wa-vnext__table-column--updated { width: 190px; }
+.wa-vnext__table-column--actions { width: 270px; }
+.wa-vnext__table td { border-bottom: 1px solid var(--wa-line); height: 76px; overflow-wrap: anywhere; padding: 10px 12px; vertical-align: middle; }
+.wa-vnext__table tr:last-child td { border-bottom: 0; }
+.wa-vnext__table tbody tr:hover { background: #f9fafb; }
+.wa-vnext__activity-row { cursor: pointer; }
+.wa-vnext__activity-row:focus-visible { outline: 3px solid rgba(23, 92, 211, .25); outline-offset: -3px; }
+.wa-vnext__table pre { margin: 0; max-width: 100%; white-space: pre-wrap; word-break: break-word; }
+.wa-vnext__workflow-actions-cell { text-align: right; }
+.wa-vnext__workflow-actions { align-items: center; display: inline-flex; white-space: nowrap; }
+.wa-vnext__workflow-actions .ant-btn { flex: 0 0 auto; }
+.wa-vnext__run-link { max-width: 100%; min-width: 0; overflow: hidden; }
+.wa-vnext__title { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.wa-vnext__sub { color: var(--wa-muted); display: block; font-size: 12px; line-height: 17px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.wa-vnext__input-preview {
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  line-height: 17px;
+  max-height: 34px;
+  overflow: hidden;
+  overflow-wrap: anywhere;
+}
+.wa-vnext__workflow-name-trigger { background: transparent; border: 0; color: inherit; cursor: help; display: block; font: inherit; margin: 0; max-width: 100%; padding: 0; text-align: left; }
+.wa-vnext__workflow-description-popover { max-width: calc(100vw - 48px); width: 320px; }
+.wa-vnext__workflow-description { margin: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
+.wa-vnext__status { align-items: center; border: 1px solid currentColor; border-radius: 5px; display: inline-flex; font-size: 11px; font-weight: 600; gap: 6px; min-height: 24px; padding: 0 8px; white-space: nowrap; }
+.wa-vnext__status::before { background: currentColor; border-radius: 50%; content: ""; height: 6px; width: 6px; }
+.wa-vnext__status--draft { background: #f4f3ff; color: #6941c6; }
+.wa-vnext__status--archived { background: var(--wa-subtle); color: var(--wa-muted); }
+.wa-vnext__status--committed, .wa-vnext__status--succeeded { background: var(--wa-green-bg); color: var(--wa-green); }
+.wa-vnext__status--running, .wa-vnext__status--accepted { background: var(--wa-blue-bg); color: var(--wa-blue); }
+.wa-vnext__status--failed { background: var(--wa-red-bg); color: var(--wa-red); }
+.wa-vnext__status--pending, .wa-vnext__status--unknown { background: var(--wa-amber-bg); color: var(--wa-amber); }
+.wa-vnext__state { background: var(--wa-subtle); border: 1px dashed var(--wa-line); border-radius: var(--wa-radius); display: grid; min-height: 240px; padding: 28px; place-items: center; text-align: center; }
+.wa-vnext__state h2 { font-size: 18px; line-height: 24px; margin: 0 0 7px; }
+.wa-vnext__state p { color: var(--wa-muted); font-size: 12px; line-height: 17px; margin: 0 0 16px; }
+.wa-vnext__state--compact { border-style: solid; justify-items: start; min-height: 0; padding: 20px; place-items: initial; text-align: left; }
+.wa-vnext__state--compact h3 { font-size: 16px; margin: 0 0 7px; text-wrap: balance; }
+.wa-vnext__state--compact p { max-width: 560px; text-wrap: pretty; }
+.wa-vnext__list-feedback { color: var(--wa-amber); margin-bottom: 12px; }
+.wa-vnext__notice { background: var(--wa-amber-bg); border: 1px solid #fdb022; border-radius: var(--wa-radius); color: #7a2e0e; margin-bottom: 12px; padding: 10px 12px; }
+.wa-vnext__notice--progress { background: var(--wa-blue-bg); border-color: var(--wa-line); color: var(--wa-ink); }
+.wa-vnext__generation-details pre { max-height: 240px; overflow: auto; overflow-wrap: anywhere; white-space: pre-wrap; }
+.wa-vnext__notice--error { background: var(--wa-red-bg); border-color: #fda29b; color: var(--wa-red); }
+.wa-vnext__panel { border: 1px solid var(--wa-line); border-radius: var(--wa-radius); padding: 20px; }
+.wa-vnext__form { display: grid; gap: 16px; }
+.wa-vnext__form > div > span:first-child { font-size: 12px; font-weight: 600; }
+.wa-vnext__form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
+.wa-vnext__field-control { display: block; margin-top: 6px; width: 100%; }
+.wa-vnext__field-control.ant-select { align-items: center; display: flex; }
+.wa-vnext__field-control.ant-select .ant-select-content { align-items: center; display: flex; flex: 1 1 auto; min-width: 0; }
+.wa-vnext__field-control.ant-select .ant-select-suffix { align-items: center; display: flex; flex: 0 0 auto; }
+.wa-vnext__duplicate-warning { color: var(--wa-amber); font-size: 12px; line-height: 17px; margin: 6px 0 0; }
+.wa-vnext__modal-field { display: grid; font-size: 12px; font-weight: 600; gap: 6px; }
+.wa-vnext__mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
+.wa-vnext__split { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr) minmax(280px, 34%); }
+.wa-vnext__creation-options { border: 0; display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 auto; max-width: 960px; min-width: 0; padding: 0; width: 100%; }
+.wa-vnext__creation-option { background: var(--wa-surface); border: 1px solid var(--wa-line); border-radius: var(--wa-radius); min-height: 142px; padding: 18px; text-align: left; transition: border-color .15s ease, box-shadow .15s ease; }
+.wa-vnext__creation-option:hover:not(:disabled) { border-color: var(--wa-blue); box-shadow: 0 3px 12px rgba(16, 24, 40, .08); }
+.wa-vnext__creation-option-icon { color: var(--wa-blue); display: block; font-size: 20px; line-height: 24px; }
+.wa-vnext__creation-option-title { display: block; font-size: 14px; font-weight: 700; line-height: 20px; margin-top: 13px; }
+.wa-vnext__creation-option-description { color: var(--wa-muted); display: block; font-size: 12px; line-height: 17px; margin-top: 5px; }
+.wa-vnext__creation-surface { margin: 0 auto; max-width: 720px; width: 100%; }
+.wa-vnext__creation-form { display: grid; gap: 22px; padding-block: 4px 28px; }
+.wa-vnext__creation-heading { align-items: center; border-bottom: 1px solid var(--wa-line); display: flex; gap: 10px; padding-bottom: 14px; }
+.wa-vnext__creation-heading .ant-btn { margin-left: -12px; }
+.wa-vnext__creation-field > span:first-child { color: var(--wa-ink); display: block; font-size: 12px; font-weight: 650; line-height: 18px; }
+.wa-vnext__creation-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding-top: 2px; }
+.wa-vnext__creation-actions .ant-btn { min-width: 156px; }
+.wa-vnext__creation-template-preview { border-left: 2px solid var(--wa-blue); padding: 2px 0 2px 14px; }
+.wa-vnext__template-browser { display: grid; gap: 18px; min-width: 0; }
+.wa-vnext__template-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
+.wa-vnext__template-search { flex: 1 1 320px; max-width: 560px; }
+.wa-vnext__template-sort { align-items: center; display: flex; flex: 0 0 auto; gap: 8px; }
+.wa-vnext__template-sort-label { color: var(--wa-muted); font-size: 12px; font-weight: 600; white-space: nowrap; }
+.wa-vnext__template-sort .ant-select { min-width: 224px; }
+.wa-vnext__table-wrap.wa-vnext__template-table-region { border: 0; border-radius: 0; max-height: none; overflow-y: hidden; overscroll-behavior-y: auto; scrollbar-gutter: auto; }
+.wa-vnext__template-table { min-width: 1040px; }
+.wa-vnext__template-table th { background: #f4f6fa; border-bottom: 0; height: 52px; padding-inline: 14px; position: static; }
+.wa-vnext__template-table .wa-vnext__template-cell--left { text-align: left; }
+.wa-vnext__template-table .wa-vnext__template-cell--right { text-align: right; }
+.wa-vnext__template-table th:first-child { border-radius: 8px 0 0 8px; }
+.wa-vnext__template-table th:last-child { border-radius: 0 8px 8px 0; }
+.wa-vnext__template-column--identity { width: 43%; }
+.wa-vnext__template-column--connection { width: 17%; }
+.wa-vnext__template-column--does { width: 14%; }
+.wa-vnext__template-column--updated { width: 110px; }
+.wa-vnext__template-column--actions { width: 210px; }
+.wa-vnext__template-header-label { align-items: center; display: inline-flex; gap: 10px; white-space: nowrap; }
+.wa-vnext__template-header-label .anticon { color: #667085; font-size: 15px; }
+.wa-vnext__template-table td { height: 106px; padding: 18px 14px; }
+.wa-vnext__template-identity { min-width: 0; }
+.wa-vnext__template-copy { min-width: 0; }
+.wa-vnext__template-identity h2 { font-size: 15px; line-height: 20px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.wa-vnext__template-identity p { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--wa-muted); display: -webkit-box; line-height: 18px; margin: 5px 0 0; max-height: 36px; overflow: hidden; overflow-wrap: anywhere; }
+.wa-vnext__template-fact { min-width: 0; }
+.wa-vnext__template-fact strong { font-size: 12px; font-weight: 600; line-height: 17px; overflow-wrap: anywhere; }
+.wa-vnext__template-step-summary { background: none; border: 0; border-radius: 4px; color: inherit; cursor: help; display: inline-block; font: inherit; font-size: 12px; font-weight: 600; line-height: 17px; margin: 0; padding: 0; text-align: left; }
+.wa-vnext__template-step-summary:focus-visible { outline: 2px solid var(--wa-blue); outline-offset: 2px; }
+.wa-vnext__template-step-tooltip { display: grid; gap: 8px; max-width: 320px; min-width: 220px; }
+.wa-vnext__template-step-tooltip > strong { font-size: 12px; line-height: 17px; }
+.wa-vnext__template-step-tooltip > span { line-height: 18px; }
+.wa-vnext__template-step-tooltip ol { display: grid; gap: 5px; margin: 0; max-height: 220px; overflow-y: auto; padding: 0 4px 0 20px; }
+.wa-vnext__template-step-tooltip li { line-height: 17px; padding-left: 2px; }
+.wa-vnext__template-step-tooltip li > span { display: block; overflow-wrap: anywhere; }
+.wa-vnext__template-step-tooltip li > small { color: rgba(255, 255, 255, 0.72); display: block; font-size: 11px; line-height: 15px; }
+.wa-vnext__template-updated { color: var(--wa-muted); white-space: nowrap; }
+.wa-vnext__template-actions-cell { text-align: right; }
+.wa-vnext__template-actions { align-items: center; display: inline-flex; gap: 8px; justify-content: flex-end; white-space: nowrap; }
+.wa-vnext__template-actions .ant-btn:first-child { min-width: 64px; }
+.wa-vnext__template-actions .ant-btn:last-child { min-width: 112px; }
+.wa-vnext__template-detail { display: grid; gap: 16px; padding-top: 4px; }
+.wa-vnext__template-preview-heading { display: grid; gap: 3px; }
+.wa-vnext__template-preview-heading strong { font-size: 14px; line-height: 20px; }
+.wa-vnext__template-preview-heading span { color: var(--wa-muted); font-size: 12px; line-height: 18px; }
+.wa-vnext__template-preview-empty { align-items: center; border: 1px solid var(--wa-line); border-radius: var(--wa-radius); color: var(--wa-muted); display: flex; justify-content: center; min-height: 220px; padding: 24px; text-align: center; }
+.wa-vnext__template-description { border-bottom: 1px solid var(--wa-line); padding-bottom: 14px; }
+.wa-vnext__template-description p { line-height: 19px; margin-bottom: 6px; }
+.wa-vnext__form-title { font-size: 16px; font-weight: 700; line-height: 22px; margin: 0; }
+.wa-vnext__editor-toolbar { flex-wrap: nowrap; justify-content: flex-end; min-width: 0; overflow: visible; }
+.wa-vnext__editor-toolbar > * { flex: 0 1 auto; min-width: 0; }
+.wa-vnext__editor-name.ant-input {
+  color: var(--wa-ink);
+  font-size: 28px;
+  font-weight: 700;
+  height: 36px;
+  line-height: 28px;
+  max-width: 100%;
+  padding: 2px 4px;
+}
+.wa-vnext__editor-toolbar-meta { align-items: center; display: flex; flex: 0 1 auto; gap: 8px; min-width: 0; }
+.wa-vnext__publish-readiness { max-width: min(360px, calc(100vw - 32px)); }
+.wa-vnext__publish-readiness ul { display: grid; gap: 6px; list-style: none; margin: 0; padding: 0; }
+.wa-vnext__publish-readiness li { line-height: 1.4; overflow-wrap: anywhere; }
+.wa-vnext__publication-identities { display: grid; gap: 6px; margin: 12px 0 0; }
+.wa-vnext__publication-identities > div { display: grid; gap: 2px; grid-template-columns: minmax(116px, max-content) minmax(0, 1fr); }
+.wa-vnext__publication-identities dt { color: var(--wa-muted); font-size: 11px; font-weight: 700; }
+.wa-vnext__publication-identities dd { font-family: var(--wa-font-mono); margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__editor-mode-control { flex: 0 1 auto; min-width: 0; }
+.wa-vnext__editor-alerts { display: grid; gap: 6px; margin-bottom: 12px; }
+.wa-vnext__publish-review-item {
+  border-top: 1px solid var(--wa-line, #d0d5dd);
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+  padding: 12px 0;
+}
+.wa-vnext__publish-review-item .ant-typography {
+  display: block;
+  line-height: 17px;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+.wa-vnext__publish-review-item .ant-typography:first-child {
+  color: var(--wa-ink, #17202a);
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+.wa-vnext__editor-surface { min-height: 500px; overflow: hidden; position: relative; }
+.wa-vnext__editor-add { left: 16px; position: absolute; top: 16px; z-index: 5; }
+.wa-vnext__editor-yaml { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; width: 100%; }
+.wa-vnext__run-workspace { display: flex; height: min(620px, calc(100dvh - 248px)); min-height: 440px; min-width: 0; overflow: hidden; width: 100%; }
+.wa-vnext__run-workspace > .wa-vnext__editor-yaml { flex: 1 1 auto; min-width: 0; width: auto; }
+.wa-vnext__logs-dock { background: var(--wa-surface); min-width: 0; }
+.wa-vnext__logs-dock--expanded { display: flex; flex-direction: column; }
+.wa-vnext__logs-dock-bar { align-items: center; background: var(--wa-surface); border-top: 1px solid var(--wa-line); display: flex; height: 44px; justify-content: space-between; padding: 0 14px; }
+.wa-vnext__logs-dock-bar strong { color: var(--wa-ink); font-size: 13px; }
+.wa-vnext__run-panel { margin-top: 16px; }
+.wa-vnext__run-panel-content { width: 100%; }
+.wa-vnext__run-input-field { display: grid; gap: 6px; }
+.wa-vnext__run-input-heading { align-items: center; display: flex; gap: 8px; }
+.wa-vnext__run-input-heading label { font-size: 12px; font-weight: 700; }
+.wa-vnext__run-input-heading span { background: var(--wa-red-bg); border-radius: 3px; color: var(--wa-red); font-size: 10px; font-weight: 700; padding: 1px 5px; }
+.wa-vnext__run-input-field > p { color: var(--wa-muted); font-size: 11px; margin: 0; }
+.wa-vnext__run-input-field > .wa-vnext__field-error { color: var(--wa-red); }
+.wa-vnext__run-result { border-top: 1px solid var(--wa-line); display: grid; gap: 12px; padding-top: 16px; }
+.wa-vnext__run-result-heading { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
+.wa-vnext__run-result p { margin: 0; }
+.wa-vnext__run-snapshot, .wa-vnext__run-outcome { background: var(--wa-subtle); border-left: 3px solid var(--wa-line); display: grid; gap: 4px; min-width: 0; padding: 10px 12px; }
+.wa-vnext__run-snapshot span, .wa-vnext__run-outcome p { overflow-wrap: anywhere; white-space: pre-wrap; }
+.wa-vnext__run-snapshot small, .wa-vnext__run-details-note { color: var(--wa-muted); font-size: 11px; }
+.wa-vnext__run-summary { display: grid; gap: 12px; margin-bottom: 16px; }
+.wa-vnext__run-summary .ant-descriptions { border-radius: var(--wa-radius); overflow: hidden; }
+.wa-vnext__run-tabs { margin-top: 16px; }
+.wa-vnext__run-tabs > .ant-tabs-nav { margin: 0 0 16px; min-height: 32px; }
+.wa-vnext__run-tabs > .ant-tabs-nav::before { border-color: var(--wa-line); }
+.wa-vnext__run-tabs .ant-tabs-tab { font-size: 12px; min-height: 32px; padding: 7px 2px; }
+.wa-vnext__aria-disabled { cursor: not-allowed; opacity: .55; }
+.wa-vnext__recovery-notices { display: grid; gap: 8px; margin-bottom: 12px; }
+.wa-vnext__related-runs { border-top: 1px solid var(--wa-line); margin-top: 16px; padding-top: 16px; }
+.wa-vnext__related-runs h2 { font-size: 16px; margin: 0 0 12px; }
+.wa-vnext__related-runs h3 { font-size: 13px; margin: 0 0 8px; }
+.wa-vnext__related-groups { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.wa-vnext__related-list { display: grid; gap: 6px; list-style: none; margin: 0; padding: 0; }
+.wa-vnext__related-list li { display: grid; gap: 2px; }
+.wa-vnext__settings-layout { margin: 0 auto; max-width: 1120px; min-width: 0; }
+.wa-vnext__settings-nav { border-bottom: 1px solid var(--wa-line); display: flex; gap: 22px; margin-bottom: 16px; min-height: 32px; overflow-x: auto; scrollbar-width: thin; }
+.wa-vnext__settings-nav-link { border-bottom: 2px solid transparent; color: var(--wa-muted); flex: 0 0 auto; font-size: 12px; font-weight: 600; line-height: 17px; min-height: 32px; padding: 7px 2px 6px; text-decoration: none; }
+.wa-vnext__settings-nav-link:hover { color: var(--wa-ink); }
+.wa-vnext__settings-nav-link[aria-current="page"] { border-bottom-color: var(--wa-blue); color: var(--wa-blue); }
+.wa-vnext__settings-panel { border: 1px solid var(--wa-line); border-radius: var(--wa-radius); min-width: 0; padding: 20px; }
+.wa-vnext__settings-heading { border-bottom: 1px solid var(--wa-line); padding: 0 0 14px; }
+.wa-vnext__settings-heading h2 { font-size: 16px; line-height: 22px; margin: 0; text-wrap: balance; }
+.wa-vnext__settings-heading p { color: var(--wa-muted); font-size: 12px; line-height: 17px; margin: 4px 0 0; max-width: 760px; text-wrap: pretty; }
+.wa-vnext__settings-fields { display: grid; }
+.wa-vnext__settings-field { align-items: center; border-bottom: 1px solid #e4e7ec; display: grid; gap: 28px; grid-template-columns: 210px minmax(0, 1fr); min-height: 72px; padding: 14px 0; }
+.wa-vnext__settings-field-copy { min-width: 0; }
+.wa-vnext__settings-field-copy strong { display: block; font-size: 12px; line-height: 17px; }
+.wa-vnext__settings-field-copy span { color: var(--wa-muted); display: block; font-size: 12px; line-height: 17px; margin-top: 3px; text-wrap: pretty; }
+.wa-vnext__settings-field .ant-select { max-width: 520px; width: 100%; }
+.wa-vnext__settings-footer { background: var(--wa-surface); padding: 0 40px max(12px, env(safe-area-inset-bottom)); }
+.wa-vnext__settings-savebar { align-items: center; background: #1d2939; border: 1px solid #344054; border-radius: var(--wa-radius); box-shadow: 0 12px 30px rgba(16, 24, 40, .2); color: #fff; display: flex; gap: 20px; justify-content: space-between; margin: 0 auto; max-width: 1120px; padding: 10px 12px; }
+.wa-vnext__settings-savebar strong { display: block; font-size: 12px; }
+.wa-vnext__settings-savebar span { color: #d0d5dd; display: block; font-size: 11px; margin-top: 2px; }
+.wa-vnext__settings-savebar .ant-btn-default { background: transparent; border-color: #667085; color: #fff; }
+.wa-vnext__settings-facts { padding-top: 16px; }
+.wa-vnext__settings-facts-heading { font-size: 13px; line-height: 18px; margin: 0 0 10px; }
+.wa-vnext__settings-facts .ant-descriptions { border-radius: var(--wa-radius); overflow: hidden; }
+.wa-vnext__settings-facts .ant-descriptions-item-label { color: var(--wa-muted); font-size: 12px; }
+.wa-vnext__settings-facts .ant-descriptions-item-content { color: var(--wa-ink); font-size: 12px; min-width: 0; overflow-wrap: anywhere; }
+.wa-vnext__account { display: flex; flex-direction: column; gap: 18px; padding-top: 16px; }
+.wa-vnext__account-profile { align-items: center; display: flex; gap: 14px; justify-content: space-between; min-width: 0; }
+.wa-vnext__account-profile-identity { align-items: center; display: flex; gap: 14px; min-width: 0; }
+.wa-vnext__account-profile-identity > div { min-width: 0; }
+.wa-vnext__account-profile .ant-typography { margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__account-section { display: grid; gap: 10px; min-width: 0; }
+.wa-vnext__account-section > h3, .wa-vnext__account-section-heading h3 { font-size: 13px; line-height: 18px; margin: 0; }
+.wa-vnext__account-section-heading { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
+.wa-vnext__account-recovery { margin-top: 4px; }
+.wa-vnext__account .ant-descriptions { border-radius: var(--wa-radius); overflow: hidden; }
+.wa-vnext__account .ant-descriptions-item-label { color: var(--wa-muted); font-size: 12px; }
+.wa-vnext__account .ant-descriptions-item-content { color: var(--wa-ink); font-size: 12px; min-width: 0; overflow-wrap: anywhere; }
+.wa-vnext__technical-details { color: var(--wa-muted); font-size: 12px; margin-top: 16px; max-width: 100%; }
+.wa-vnext__technical-details summary { cursor: pointer; font-weight: 600; }
+.wa-vnext__technical-details-body { background: #fff; border: 1px solid var(--wa-line); border-radius: 6px; display: block; margin-top: 8px; max-width: 100%; overflow-wrap: anywhere; padding: 10px; }
+.wa-vnext-run-detail {
+  background: var(--wa-surface);
+  border: 1px solid var(--wa-line);
+  border-radius: var(--wa-radius);
+  color: var(--wa-ink);
+  display: grid;
+  grid-template-columns: minmax(256px, 312px) minmax(0, 1fr);
+  flex: 1 1 auto;
+  height: 100%;
+  max-height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.wa-vnext-run-detail__refresh-content { display: contents; }
+.wa-vnext-run-detail__rail {
+  background: var(--wa-surface);
+  border-right: 1px solid var(--wa-line);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+}
+.wa-vnext-run-detail__rail-header {
+  align-items: center;
+  border-bottom: 1px solid var(--wa-line);
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+  min-width: 0;
+  padding: 12px 16px;
+}
+.wa-vnext-run-detail__rail-title {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+.wa-vnext-run-detail__rail-title h5.ant-typography {
+  font-size: 14px;
+  line-height: 20px;
+}
+.wa-vnext-run-detail__rail-title .ant-typography {
+  font-size: 12px;
+  line-height: 17px;
+}
+.wa-vnext-run-detail__rail-list {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: 10px;
+  scrollbar-gutter: stable;
+}
+.wa-vnext-run-detail__run {
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  color: inherit;
+  cursor: pointer;
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+  padding: 8px 10px;
+  text-align: left;
+  transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
+  width: 100%;
+}
+.wa-vnext-run-detail__run:hover {
+  background: var(--wa-subtle);
+  border-color: var(--wa-line);
+}
+.wa-vnext-run-detail__run--selected { background: var(--wa-blue-bg); border-color: color-mix(in srgb, var(--wa-blue) 35%, var(--wa-line)); box-shadow: inset 2px 0 0 var(--wa-blue); }
+.wa-vnext-run-detail__run-title {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  min-width: 0;
+}
+.wa-vnext-run-detail__run .ant-typography {
+  font-size: 12px;
+  line-height: 17px;
+}
+.wa-vnext-run-detail__stage {
+  display: grid;
+  grid-template-rows: auto minmax(280px, 1fr) minmax(220px, 32vh);
+  min-height: 0;
+  min-width: 0;
+}
+.wa-vnext-run-detail__stage-header {
+  align-items: center;
+  background: var(--wa-surface);
+  border-bottom: 1px solid var(--wa-line);
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+  min-width: 0;
+  padding: 12px 16px;
+}
+.wa-vnext-run-detail__stage-title {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+.wa-vnext-run-detail__stage-title h4.ant-typography {
+  font-size: 16px;
+  line-height: 22px;
+}
+.wa-vnext-run-detail__stage-title .ant-typography {
+  font-size: 12px;
+  line-height: 17px;
+}
+.wa-vnext-run-detail__stage-actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+}
+.wa-vnext-run-detail__graph {
+  background: var(--wa-subtle);
+  min-height: 0;
+  min-width: 0;
+  padding: 12px;
+}
+.wa-vnext-run-detail__graph > * {
+  height: 100%;
+  min-height: 0;
+}
+.wa-vnext-run-detail__details {
+  background: var(--wa-surface);
+  border-top: 1px solid var(--wa-line);
+  display: grid;
+  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
+  min-height: 0;
+  min-width: 0;
+}
+.wa-vnext-run-detail__logs {
+  border-right: 1px solid var(--wa-line);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+}
+.wa-vnext-run-detail__logs-header,
+.wa-vnext-run-detail__inspector-header {
+  align-items: center;
+  border-bottom: 1px solid var(--wa-line);
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  min-width: 0;
+  padding: 10px 12px;
+}
+.wa-vnext-run-detail__step-list {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: 8px;
+  scrollbar-gutter: stable;
+}
+.wa-vnext-run-detail__step {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  color: inherit;
+  cursor: pointer;
+  display: grid;
+  gap: 8px;
+  grid-template-columns: 18px minmax(0, 1fr) auto;
+  min-width: 0;
+  padding: 8px 10px;
+  text-align: left;
+  width: 100%;
+}
+.wa-vnext-run-detail__step:hover { background: var(--wa-subtle); border-color: var(--wa-line); }
+.wa-vnext-run-detail__step--selected { background: var(--wa-blue-bg); border-color: color-mix(in srgb, var(--wa-blue) 30%, var(--wa-line)); }
+.wa-vnext-run-detail__inspector {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.wa-vnext-run-detail__inspector-body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  overflow: auto;
+  padding: 14px;
+}
+.wa-vnext-run-detail__inspector-body > .ant-tabs {
+  min-height: 0;
+}
+.wa-vnext-run-detail__inspector-body > .ant-tabs > .ant-tabs-content-holder {
+  min-height: 0;
+}
+.wa-vnext-run-detail__inspector-body .ant-tabs-tabpane {
+  min-height: 0;
+}
+.wa-vnext-run-detail__pre,
+.wa-vnext-run-detail__kv,
+.wa-vnext-run-detail__timeline {
+  background: var(--wa-subtle);
+  border: 1px solid var(--wa-line);
+  border-radius: var(--wa-radius);
+  margin: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+.wa-vnext-run-detail__pre {
+  padding: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.wa-vnext-run-detail__kv {
+  display: grid;
+  gap: 8px;
+  padding: 12px;
+}
+.wa-vnext-run-detail__kv-row {
+  display: grid;
+  gap: 4px;
+}
+.wa-vnext-run-detail__kv-key { color: var(--wa-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
+.wa-vnext-run-detail__kv-value { color: var(--wa-ink); font-size: 12px; overflow-wrap: anywhere; white-space: pre-wrap; }
+.wa-vnext-run-detail__timeline {
+  display: grid;
+  gap: 8px;
+  padding: 12px;
+}
+.wa-vnext-run-detail__timeline-row {
+  display: grid;
+  gap: 4px;
+  grid-template-columns: 120px minmax(0, 1fr);
+}
+.wa-vnext-run-detail__timeline-key {
+  color: var(--wa-muted);
+  font-size: 11px;
+  font-weight: 700;
+  overflow-wrap: anywhere;
+}
+.wa-vnext-run-detail__timeline-value {
+  overflow-wrap: anywhere;
+}
+.wa-vnext-run-detail .wa-vnext__status {
+  white-space: nowrap;
+}
+.wa-vnext-run-detail .ant-tag {
+  margin-inline-end: 0;
+}
+@keyframes wa-vnext-run-detail-skeleton-pulse {
+  0%, 100% { opacity: .55; }
+  50% { opacity: 1; }
+}
+.wa-vnext-run-detail--loading {
+  cursor: progress;
+}
+.wa-vnext-run-detail__stage--loading {
+  cursor: progress;
+}
+.wa-vnext-run-detail--loading .wa-vnext-run-detail__rail-header,
+.wa-vnext-run-detail__stage--loading .wa-vnext-run-detail__stage-header,
+.wa-vnext-run-detail__stage--loading .wa-vnext-run-detail__logs-header,
+.wa-vnext-run-detail__stage--loading .wa-vnext-run-detail__inspector-header {
+  min-height: 54px;
+}
+.wa-vnext-run-detail__skeleton-line,
+.wa-vnext-run-detail__skeleton-dot,
+.wa-vnext-run-detail__skeleton-node {
+  animation: wa-vnext-run-detail-skeleton-pulse 1.5s ease-in-out infinite;
+}
+.wa-vnext-run-detail__skeleton-line {
+  background: color-mix(in srgb, var(--wa-line) 64%, var(--wa-subtle));
+  border-radius: 4px;
+  display: block;
+  height: 10px;
+  max-width: 100%;
+}
+.wa-vnext-run-detail__skeleton-line--title { height: 14px; width: 112px; }
+.wa-vnext-run-detail__skeleton-line--short { width: 72px; }
+.wa-vnext-run-detail__skeleton-line--run { width: 76%; }
+.wa-vnext-run-detail__skeleton-line--meta { height: 9px; width: 48%; }
+.wa-vnext-run-detail__skeleton-line--heading { height: 16px; width: 148px; }
+.wa-vnext-run-detail__skeleton-line--pill { border-radius: 10px; height: 20px; width: 64px; }
+.wa-vnext-run-detail__skeleton-line--subtitle { width: 196px; }
+.wa-vnext-run-detail__skeleton-line--node-title { height: 12px; width: 62%; }
+.wa-vnext-run-detail__skeleton-line--node-meta { height: 9px; width: 42%; }
+.wa-vnext-run-detail__skeleton-line--label { height: 12px; width: 44px; }
+.wa-vnext-run-detail__skeleton-line--duration { height: 9px; width: 42px; }
+.wa-vnext-run-detail__skeleton-line--step { width: 68%; }
+.wa-vnext-run-detail__skeleton-line--step-meta { height: 8px; width: 44%; }
+.wa-vnext-run-detail__skeleton-line--inspector-title { height: 12px; width: 132px; }
+.wa-vnext-run-detail__skeleton-line--tabs { height: 12px; margin-bottom: 10px; width: 180px; }
+.wa-vnext-run-detail__skeleton-line--content { width: 82%; }
+.wa-vnext-run-detail__skeleton-line--content-short { width: 58%; }
+.wa-vnext-run-detail__skeleton-heading {
+  align-items: center;
+  display: flex;
+  gap: 10px;
+}
+.wa-vnext-run-detail__run--loading {
+  cursor: progress;
+  min-height: 53px;
+}
+.wa-vnext-run-detail__graph--loading {
+  overflow: hidden;
+  position: relative;
+}
+.wa-vnext-run-detail__skeleton-node {
+  background: var(--wa-surface);
+  border: 1px solid var(--wa-line);
+  border-radius: 6px;
+  display: grid;
+  gap: 9px;
+  left: 50%;
+  padding: 14px;
+  position: absolute;
+  transform: translateX(-50%);
+  width: clamp(160px, 28%, 220px);
+  z-index: 1;
+}
+.wa-vnext-run-detail__skeleton-node--1 { top: 10%; }
+.wa-vnext-run-detail__skeleton-node--2 { top: 42%; }
+.wa-vnext-run-detail__skeleton-node--3 { top: 74%; }
+.wa-vnext-run-detail__skeleton-connector {
+  background: var(--wa-line);
+  height: 18%;
+  left: 50%;
+  position: absolute;
+  top: 27%;
+  width: 1px;
+}
+.wa-vnext-run-detail__skeleton-connector--second { top: 59%; }
+.wa-vnext-run-detail__step--loading { cursor: progress; }
+.wa-vnext-run-detail__skeleton-dot {
+  background: color-mix(in srgb, var(--wa-line) 72%, var(--wa-subtle));
+  border-radius: 50%;
+  height: 12px;
+  justify-self: center;
+  width: 12px;
+}
+.wa-vnext-run-detail__skeleton-step-copy {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+}
+.wa-vnext-run-detail__inspector-body--loading { gap: 10px; }
+.wa-vnext__node-inspector { background: var(--wa-surface); border: 1px solid var(--wa-line); border-radius: var(--wa-radius); bottom: 16px; box-shadow: 0 16px 36px rgba(16, 24, 40, .16); display: flex; flex-direction: column; max-width: calc(100% - 32px); min-height: 0; overflow: hidden; position: absolute; right: 16px; top: 16px; width: min(440px, calc(100% - 32px)); z-index: 20; }
+.wa-vnext__node-inspector-header { align-items: flex-start; border-bottom: 1px solid var(--wa-line); display: flex; gap: 12px; justify-content: space-between; padding: 16px 16px 14px; }
+.wa-vnext__node-inspector-title.ant-typography { font-size: 15px; line-height: 1.35; margin: 0; }
+.wa-vnext__node-inspector-subtitle { color: var(--wa-muted); display: block; font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; margin-top: 4px; overflow-wrap: anywhere; }
+.wa-vnext__node-inspector-body { display: grid; gap: 14px; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 16px; }
+.wa-vnext__node-inspector-settings { display: grid; gap: 12px; }
+.wa-vnext__node-inspector-section-title.ant-typography { font-size: 14px; line-height: 1.4; margin: 0; }
+.wa-vnext__node-inspector-description.ant-typography { color: var(--wa-muted); font-size: 12px; line-height: 1.5; margin: 5px 0 14px; text-wrap: pretty; }
+.wa-vnext__node-inspector-purpose.ant-typography { color: var(--wa-muted); font-size: 13px; line-height: 1.55; margin: 0; text-wrap: pretty; }
+.wa-vnext__node-inspector-fields { display: grid; gap: 14px; }
+.wa-vnext__node-inspector-field { display: grid; gap: 6px; min-width: 0; }
+.wa-vnext__node-inspector-field-heading { align-items: baseline; display: flex; gap: 10px; justify-content: space-between; }
+.wa-vnext__node-inspector-field-heading > span { color: var(--wa-ink); font-size: 12px; font-weight: 650; }
+.wa-vnext__node-inspector-field-heading > small { color: var(--wa-muted); flex: 0 0 auto; font-size: 10px; font-weight: 600; }
+.wa-vnext__node-inspector-field small { color: var(--wa-muted); font-size: 11px; line-height: 1.45; }
+.wa-vnext__arguments-editor { display: grid; gap: 10px; min-width: 0; }
+.wa-vnext__arguments-collection { border-left: 1px solid var(--wa-line); display: grid; gap: 10px; min-width: 0; padding-left: 10px; }
+.wa-vnext__arguments-entry { display: grid; gap: 7px; min-width: 0; }
+.wa-vnext__arguments-entry + .wa-vnext__arguments-entry { border-top: 1px solid var(--wa-line); padding-top: 10px; }
+.wa-vnext__arguments-entry-heading, .wa-vnext__arguments-array-heading { align-items: center; display: grid; gap: 6px; grid-template-columns: minmax(88px, 1fr) minmax(92px, .72fr) 32px; min-width: 0; }
+.wa-vnext__arguments-column-labels { color: var(--wa-muted); display: grid; font-size: 10px; font-weight: 650; gap: 6px; grid-template-columns: minmax(88px, 1fr) minmax(92px, .72fr) 32px; line-height: 1.2; min-width: 0; }
+.wa-vnext__arguments-array-heading > .ant-typography { color: var(--wa-muted); font-size: 11px; font-weight: 650; }
+.wa-vnext__arguments-entry-heading .ant-select, .wa-vnext__arguments-array-heading .ant-select, .wa-vnext__arguments-entry-value > .ant-input-number { width: 100%; }
+.wa-vnext__arguments-entry-value { min-width: 0; }
+.wa-vnext__arguments-entry-value > .wa-vnext__arguments-collection { margin-left: 4px; }
+.wa-vnext__arguments-empty.ant-typography, .wa-vnext__arguments-null.ant-typography { color: var(--wa-muted); font-size: 11px; }
+.wa-vnext__arguments-json { display: grid; gap: 6px; }
+.wa-vnext__arguments-json .ant-input { font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
+.wa-vnext__arguments-error.ant-typography { font-size: 11px; line-height: 1.45; }
+.wa-vnext__node-inspector-empty { font-size: 12px; line-height: 1.5; }
+.wa-vnext__node-inspector-error { margin-top: 14px; }
+.wa-vnext__node-inspector-disclosure.ant-collapse { background: var(--wa-subtle); border: 1px solid var(--wa-line); border-radius: 4px; }
+.wa-vnext__node-inspector-disclosure .ant-collapse-header { align-items: center; color: var(--wa-ink); font-size: 12px; font-weight: 650; min-height: 42px; }
+.wa-vnext__node-inspector-disclosure .ant-collapse-content { border-top-color: var(--wa-line); }
+.wa-vnext__node-inspector-disclosure .ant-collapse-content-box { padding-top: 12px; }
+.wa-vnext__node-inspector-details { display: grid; gap: 12px; margin: 0; }
+.wa-vnext__node-inspector-details div { display: grid; gap: 3px; min-width: 0; }
+.wa-vnext__node-inspector-details dt { color: var(--wa-muted); font-size: 11px; font-weight: 650; }
+.wa-vnext__node-inspector-details dd { color: var(--wa-ink); font-size: 12px; margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__node-inspector-advanced { display: grid; gap: 10px; }
+.wa-vnext__node-inspector-advanced .ant-input { font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
+.wa-vnext__node-inspector-actions { align-items: center; border-top: 1px solid var(--wa-line); display: flex; gap: 8px; justify-content: flex-end; padding: 12px 16px max(12px, env(safe-area-inset-bottom)); }
+.wa-vnext-schedule-modal, .wa-vnext-schedule-drawer {
+  --wa-ink: #17202a;
+  --wa-muted: #667085;
+  --wa-line: #d0d5dd;
+  --wa-surface: #ffffff;
+  --wa-subtle: #f8fafc;
+  --wa-blue: #175cd3;
+  --wa-blue-bg: #eff8ff;
+  --wa-red: #b42318;
+  --wa-red-bg: #fef3f2;
+  --wa-radius: 8px;
+  color: var(--wa-ink);
+  font-family: AlibabaSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-size: 12px;
+}
+.wa-vnext-schedule-modal .ant-modal-content { border-radius: var(--wa-radius); }
+.wa-vnext-schedule-modal .ant-btn, .wa-vnext-schedule-drawer .ant-btn { font-size: 12px; }
+.wa-vnext__schedule-surface-title { color: var(--wa-ink); font-size: 16px; font-weight: 650; line-height: 22px; margin: 0; }
+.wa-vnext__schedule-form-title { color: var(--wa-ink); font-size: 15px; line-height: 21px; margin: 0; }
+.wa-vnext__schedule-surface { display: grid; gap: 16px; min-width: 0; position: relative; }
+.wa-vnext__schedule-toolbar { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; }
+.wa-vnext__schedule-toolbar--actions { justify-content: flex-end; }
+.wa-vnext__schedule-refresh-overlay { grid-column: 1; grid-row: 2; }
+.wa-vnext__schedule-failure { max-width: 100%; min-width: 0; width: 100%; }
+.wa-vnext__schedule-failure .ant-alert-section, .wa-vnext__schedule-failure .ant-alert-content, .wa-vnext__schedule-failure .ant-alert-description { max-width: 100%; min-width: 0; }
+.wa-vnext__schedule-failure-copy { display: grid; gap: 10px; max-width: 100%; min-width: 0; }
+.wa-vnext__schedule-failure-copy > p { margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__schedule-failure-copy .wa-vnext__technical-details { margin-top: 0; min-width: 0; }
+.wa-vnext__schedule-failure-copy .wa-vnext__technical-details-body { max-height: 132px; overflow: auto; white-space: pre-wrap; }
+.wa-vnext__schedule-list { display: grid; gap: 10px; }
+.wa-vnext__schedule-row { align-items: center; appearance: none; background: var(--wa-subtle); border: 1px solid var(--wa-line); border-radius: var(--wa-radius); color: var(--wa-ink); cursor: pointer; display: flex; font: inherit; gap: 16px; justify-content: space-between; min-width: 0; padding: 14px; text-align: left; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; width: 100%; }
+.wa-vnext__schedule-row:hover { background: #f2f4f7; border-color: #98a2b3; box-shadow: 0 2px 8px rgba(16, 24, 40, .06); }
+.wa-vnext__schedule-row:focus-visible { outline: 3px solid rgba(23, 92, 211, .25); outline-offset: 2px; }
+.wa-vnext__schedule-row-main { display: grid; gap: 5px; min-width: 0; }
+.wa-vnext__schedule-row-heading { align-items: center; display: flex; gap: 8px; min-width: 0; }
+.wa-vnext__schedule-row-heading strong { overflow-wrap: anywhere; }
+.wa-vnext__schedule-row-main code { color: var(--wa-ink); font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
+.wa-vnext__schedule-row-main > span { color: var(--wa-muted); font-size: 11px; overflow-wrap: anywhere; }
+.wa-vnext__schedule-row-arrow { color: var(--wa-muted); flex: 0 0 auto; font-size: 22px; line-height: 1; }
+.wa-vnext__schedule-selected-title { align-items: center; display: flex; gap: 8px; min-width: 0; }
+.wa-vnext__schedule-selected-title > .ant-btn { flex: 0 0 auto; margin-inline-start: -8px; }
+.wa-vnext__schedule-selected-heading { align-items: baseline; display: flex; font-weight: inherit; margin: 0; min-width: 0; overflow: hidden; white-space: nowrap; }
+.wa-vnext__schedule-selected-title strong { color: var(--wa-ink); font-size: 16px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.wa-vnext__schedule-selected-title span { color: var(--wa-muted); font-size: 11px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.wa-vnext__schedule-selected-heading strong, .wa-vnext__schedule-selected-heading .wa-vnext__schedule-selected-heading-context { flex: 0 1 auto; min-width: 0; }
+.wa-vnext__schedule-selected-heading > span[aria-hidden="true"] { flex: 0 0 auto; font-size: 13px; line-height: 21px; }
+.wa-vnext__schedule-selected-heading .wa-vnext__schedule-selected-heading-context { font-size: 13px; line-height: 21px; }
+.wa-vnext__schedule-detail { display: grid; gap: 18px; min-width: 0; position: relative; }
+.wa-vnext__schedule-detail > .ant-tabs { margin-bottom: -2px; }
+.wa-vnext__schedule-overview { display: grid; gap: 14px; min-width: 0; }
+.wa-vnext__schedule-overview-summary { background: var(--wa-subtle); border: 1px solid var(--wa-line); border-radius: var(--wa-radius); display: grid; gap: 8px; padding: 16px; }
+.wa-vnext__schedule-overview-summary .ant-tag { justify-self: start; margin-inline-end: 0; }
+.wa-vnext__schedule-overview-summary h2 { color: var(--wa-ink); font-size: 18px; line-height: 24px; margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__schedule-overview-summary p { color: var(--wa-muted); font-size: 12px; line-height: 17px; margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__schedule-overview-summary p span { font-weight: 650; }
+.wa-vnext__schedule-overview-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
+.wa-vnext__schedule-detail-facts { background: var(--wa-surface); border: 1px solid var(--wa-line); border-radius: var(--wa-radius); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; overflow: hidden; }
+.wa-vnext__schedule-detail-facts div { display: grid; gap: 4px; min-width: 0; padding: 12px 14px; }
+.wa-vnext__schedule-detail-facts div:nth-child(odd) { border-right: 1px solid var(--wa-line); }
+.wa-vnext__schedule-detail-facts div:nth-child(n + 3) { border-top: 1px solid var(--wa-line); }
+.wa-vnext__schedule-detail-facts dt { color: var(--wa-muted); font-size: 11px; font-weight: 650; }
+.wa-vnext__schedule-detail-facts dd { color: var(--wa-ink); font-size: 12px; margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__schedule-detail-facts code { font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
+.wa-vnext__schedule-run-input { display: grid; gap: 6px; }
+.wa-vnext__schedule-run-input h3 { color: var(--wa-ink); font-size: 12px; line-height: 17px; margin: 0; }
+.wa-vnext__schedule-run-input p { background: var(--wa-subtle); border: 1px solid var(--wa-line); border-radius: 6px; color: var(--wa-ink); line-height: 18px; margin: 0; max-height: 120px; overflow: auto; padding: 10px 12px; white-space: pre-wrap; }
+.wa-vnext__schedule-advanced-details { color: var(--wa-muted); padding: 2px; }
+.wa-vnext__schedule-advanced-details summary { cursor: pointer; font-size: 11px; font-weight: 650; }
+.wa-vnext__schedule-advanced-details dl { display: grid; gap: 8px; margin: 10px 0 0; }
+.wa-vnext__schedule-advanced-details div { align-items: baseline; display: grid; gap: 10px; grid-template-columns: max-content minmax(0, 1fr); }
+.wa-vnext__schedule-advanced-details dt { font-size: 11px; }
+.wa-vnext__schedule-advanced-details dd { color: var(--wa-ink); margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__schedule-advanced-details code { background: var(--wa-subtle); border-radius: 4px; font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; padding: 2px 5px; }
+.wa-vnext__schedule-history { display: grid; gap: 14px; min-width: 0; }
+.wa-vnext__schedule-history-header { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; }
+.wa-vnext__schedule-history-header h2 { color: var(--wa-ink); font-size: 15px; line-height: 21px; margin: 0; }
+.wa-vnext__schedule-history-header p { color: var(--wa-muted); line-height: 17px; margin: 4px 0 0; max-width: 520px; }
+.wa-vnext__schedule-history-header a { flex: 0 0 auto; font-size: 12px; line-height: 17px; }
+.wa-vnext__schedule-history-table-wrap { border: 1px solid var(--wa-line); border-radius: var(--wa-radius); max-height: min(440px, calc(100dvh - 320px)); max-width: 100%; overflow: auto; scrollbar-gutter: stable; }
+.wa-vnext__schedule-history-table { border-collapse: separate; border-spacing: 0; font-size: 12px; min-width: 720px; table-layout: fixed; width: 100%; }
+.wa-vnext__schedule-history-table th { background: var(--wa-subtle); border-bottom: 1px solid var(--wa-line); color: var(--wa-muted); font-size: 10px; font-weight: 650; letter-spacing: 1px; padding: 9px 12px; position: sticky; text-align: left; text-transform: uppercase; top: 0; z-index: 1; }
+.wa-vnext__schedule-history-table td { border-bottom: 1px solid var(--wa-line); color: var(--wa-ink); line-height: 17px; padding: 11px 12px; vertical-align: top; }
+.wa-vnext__schedule-history-table tbody tr:last-child td { border-bottom: 0; }
+.wa-vnext__schedule-history-table tbody tr { position: relative; }
+.wa-vnext__schedule-history-row--linked { cursor: pointer; }
+.wa-vnext__schedule-history-row--linked td { transition: background-color .15s ease; }
+.wa-vnext__schedule-history-row--linked:hover td { background: var(--wa-blue-bg); }
+.wa-vnext__schedule-history-row--linked:focus-within td { background: var(--wa-blue-bg); }
+.wa-vnext__schedule-history-row-link { border-radius: var(--wa-radius); inset: 0; position: absolute; z-index: 1; }
+.wa-vnext__schedule-history-row-link:focus-visible { outline: 3px solid rgba(23, 92, 211, .3); outline-offset: -3px; }
+.wa-vnext__schedule-history-row--linked details { position: relative; z-index: 2; }
+.wa-vnext__schedule-history-table th:nth-child(1), .wa-vnext__schedule-history-table td:nth-child(1) { width: 28%; }
+.wa-vnext__schedule-history-table th:nth-child(2), .wa-vnext__schedule-history-table td:nth-child(2) { width: 14%; }
+.wa-vnext__schedule-history-table th:nth-child(3), .wa-vnext__schedule-history-table td:nth-child(3) { width: 28%; }
+.wa-vnext__schedule-history-table th:nth-child(4), .wa-vnext__schedule-history-table td:nth-child(4) { width: 30%; }
+.wa-vnext__schedule-history-result { display: grid; gap: 6px; min-width: 0; }
+.wa-vnext__schedule-history-result .ant-tag { justify-self: start; margin-inline-end: 0; }
+.wa-vnext__schedule-history-failure { color: var(--wa-red); font-size: 11px; margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__schedule-history-result details { color: var(--wa-muted); }
+.wa-vnext__schedule-history-result summary { cursor: pointer; font-size: 11px; font-weight: 650; }
+.wa-vnext__schedule-history-result code { background: var(--wa-red-bg); border-radius: 4px; color: #7a271a; display: block; font: 11px/16px ui-monospace, SFMono-Regular, Menlo, monospace; margin-top: 6px; max-height: 96px; overflow: auto; overflow-wrap: anywhere; padding: 7px 8px; white-space: pre-wrap; }
+.wa-vnext__schedule-history-completed { white-space: nowrap; }
+.wa-vnext__schedule-empty--history { padding: 14px; }
+.wa-vnext__schedule-empty { background: var(--wa-subtle); border: 1px solid var(--wa-line); border-radius: var(--wa-radius); padding: 20px 22px; }
+.wa-vnext__schedule-empty-title { font-size: 15px; line-height: 22px; margin: 0 0 6px; }
+.wa-vnext__schedule-empty p { color: var(--wa-muted); margin: 0; max-width: 560px; }
+.wa-vnext__schedule-form { display: grid; gap: 14px; }
+.wa-vnext__schedule-enabled { align-items: center; display: flex; gap: 10px; justify-content: space-between; }
+.wa-vnext__schedule-preview-list { margin: 0; padding-left: 18px; }
+.wa-vnext__schedule-preview-list li { margin: 3px 0; }
+.wa-vnext__schedule-create, .wa-vnext__schedule-review, .wa-vnext__schedule-accepted { display: grid; gap: 18px; min-width: 0; }
+.wa-vnext__schedule-context { align-items: center; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 6px; display: flex; gap: 10px; justify-content: space-between; padding: 12px 14px; }
+.wa-vnext__schedule-context strong { color: #172554; font-size: 13px; overflow-wrap: anywhere; text-align: right; }
+.wa-vnext__schedule-section { border-bottom: 1px solid var(--wa-line); display: grid; gap: 12px; padding-bottom: 18px; }
+.wa-vnext__schedule-section:last-of-type { border-bottom: 0; padding-bottom: 0; }
+.wa-vnext__schedule-section h3 { color: var(--wa-ink); font-size: 13px; line-height: 18px; margin: 0; }
+.wa-vnext__schedule-repeat-grid { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) minmax(120px, .7fr) minmax(0, 1fr); }
+.wa-vnext__schedule-cron-grid { display: grid; gap: 12px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
+.wa-vnext__schedule-repeat-grid .ant-select { width: 100%; }
+.wa-vnext__schedule-repeat-detail { grid-column: 1 / -1; max-width: 260px; }
+.wa-vnext__schedule-cron-toggle { justify-self: start; padding-inline: 0; }
+.wa-vnext__schedule-previewing { color: #166534; font-size: 12px; font-weight: 650; }
+.wa-vnext__schedule-footer { align-items: center; border-top: 1px solid var(--wa-line); display: flex; gap: 8px; justify-content: flex-end; padding-top: 14px; }
+.wa-vnext__schedule-review-panel { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px; display: grid; gap: 16px; padding: 16px; }
+.wa-vnext__schedule-review-panel h2, .wa-vnext__schedule-accepted-panel h2 { color: var(--wa-ink); font-size: 15px; line-height: 21px; margin: 0; }
+.wa-vnext__schedule-review-details { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
+.wa-vnext__schedule-review-details div { display: grid; gap: 3px; min-width: 0; }
+.wa-vnext__schedule-review-details dt { color: var(--wa-muted); font-size: 11px; font-weight: 650; }
+.wa-vnext__schedule-review-details dd { color: var(--wa-ink); font-size: 12px; margin: 0; overflow-wrap: anywhere; }
+.wa-vnext__schedule-fire-preview { border-top: 1px solid #bbf7d0; display: grid; gap: 8px; padding-top: 14px; }
+.wa-vnext__schedule-fire-preview strong { color: #166534; font-size: 12px; }
+.wa-vnext__schedule-accepted-panel { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px; display: grid; gap: 8px; padding: 18px; }
+.wa-vnext__schedule-accepted-panel p { color: #166534; font-size: 13px; font-weight: 650; margin: 0; }
+.wa-vnext__schedule-accepted-panel span { color: #475467; font-size: 12px; line-height: 18px; }
+.wa-vnext-schedule-drawer .ant-drawer-content { background: var(--wa-surface); }
+.wa-vnext-schedule-drawer .ant-drawer-header { border-bottom-color: var(--wa-line); }
+.wa-vnext-schedule-drawer .ant-drawer-title, .wa-vnext-schedule-drawer .ant-drawer-close { color: var(--wa-ink); }
+.wa-vnext-schedule-drawer .ant-drawer-body { padding: 20px; }
+.wa-vnext-schedule-modal .ant-modal-close { color: var(--wa-muted); }
+.wa-vnext-schedule-modal .ant-modal-close:hover { background: var(--wa-subtle); color: var(--wa-ink); }
+.wa-vnext-schedule-modal .ant-modal-close:focus-visible { outline: 2px solid color-mix(in srgb, var(--wa-blue) 45%, transparent); outline-offset: 1px; }
+.wa-vnext button:focus-visible, .wa-vnext a:focus-visible, .wa-vnext input:focus-visible, .wa-vnext textarea:focus-visible, .wa-vnext select:focus-visible, .wa-vnext__table-wrap:focus-visible { outline: 3px solid rgba(23, 92, 211, .25); outline-offset: 2px; }
+.wa-vnext-drawer .ant-drawer-content { background: var(--wa-sidebar, #101828); color: #fff; }
+.wa-vnext-drawer .ant-drawer-header { border-bottom-color: #344054; min-height: 52px; padding: 0 16px; }
+.wa-vnext-drawer .ant-drawer-title, .wa-vnext-drawer .ant-drawer-close { color: #fff; }
+.wa-vnext-drawer .ant-drawer-body { padding: 14px 10px; }
+.wa-vnext-drawer .ant-drawer-content-wrapper { width: 240px !important; }
+.wa-vnext-drawer .wa-vnext__nav { display: grid; gap: 4px; }
+.wa-vnext-drawer .wa-vnext__nav-button { align-items: center; border: 1px solid transparent; border-radius: 6px; color: #d0d5dd; display: flex; font-size: 12px; gap: 10px; min-height: 36px; padding: 0 12px; text-decoration: none; }
+.wa-vnext-drawer .wa-vnext__nav-button[aria-current="page"] { background: #344054; border-color: #475467; color: #fff; }
+.wa-vnext__drawer-actions { border-top: 1px solid #344054; display: grid; gap: 4px; margin: 16px 2px 0; padding: 12px 0 0; }
+.wa-vnext-drawer .wa-vnext__drawer-actions .console-header-actions__language { color: #f2f4f7; justify-content: flex-start; padding-inline: 12px; width: 100%; }
+.wa-vnext-drawer .wa-vnext__drawer-actions .console-header-actions__login { color: #f2f4f7; justify-content: flex-start; padding-inline: 12px; }
+.wa-vnext-drawer .wa-vnext__drawer-actions .console-header-actions__user { background: #1d2939 !important; border-color: #475467 !important; color: #f2f4f7; max-width: none !important; width: 100%; }
+.wa-vnext-drawer .wa-vnext__drawer-actions .console-header-actions__user-name { color: #f2f4f7 !important; }
+@media (max-width: 1100px) {
+  .wa-vnext__header { padding-inline: 32px; }
+  .wa-vnext__content { padding-inline: 32px; }
+  .wa-vnext__settings-footer { padding-inline: 32px; }
+  .wa-vnext__creation-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .wa-vnext__split { grid-template-columns: 1fr; }
+}
+@media (max-width: 767px) {
+  .wa-vnext { grid-template-columns: minmax(0, 1fr); }
+  .wa-vnext__topbar { padding-inline: 8px 12px; }
+  .wa-vnext__menu-button { display: inline-flex; }
+  .wa-vnext__topbar-leading { gap: 8px; }
+  .wa-vnext__topbar-divider, .wa-vnext__topbar-context { display: none; }
+  .wa-vnext__topbar-actions { display: none; }
+  .wa-vnext__rail { display: none; }
+  .wa-vnext__main { grid-column: 1; }
+  .wa-vnext__header { align-items: flex-start; gap: 14px; padding: 16px 16px 0; }
+  .wa-vnext__header h1 { font-size: 22px; line-height: 22px; }
+  .wa-vnext__editor-name.ant-input { font-size: 22px; height: 32px; line-height: 22px; }
+  .wa-vnext__header-actions { max-width: 50%; }
+  .wa-vnext__content { padding: 16px 16px 40px; }
+  .wa-vnext__settings-footer { padding-inline: 16px; }
+  .wa-vnext__table-wrap { max-height: min(560px, calc(100dvh - 240px)); }
+  .wa-vnext__workflow-actions .ant-btn { min-height: 44px; }
+  .wa-vnext__workflow-actions .ant-btn-icon-only { min-width: 44px; width: 44px; }
+  .wa-vnext__settings-layout { max-width: none; }
+  .wa-vnext__node-inspector { bottom: 56px; left: 12px; max-height: calc(100dvh - 120px); max-width: none; position: fixed; right: 12px; top: auto; width: auto; }
+}
+@media (max-width: 600px) {
+  .wa-vnext__header { flex-direction: column; }
+  .wa-vnext__header-actions { justify-content: flex-start; max-width: 100%; width: 100%; }
+  .wa-vnext__toolbar { align-items: stretch; flex-direction: column; }
+  .wa-vnext__related-groups { grid-template-columns: 1fr; }
+  .wa-vnext__editor-toolbar { align-items: stretch; flex-direction: row; flex-wrap: wrap; overflow: visible; }
+  .wa-vnext__editor-toolbar > * { flex: 1 1 100%; }
+  .wa-vnext__editor-toolbar-meta { display: grid; gap: 8px; grid-template-columns: max-content minmax(0, 1fr); width: 100%; }
+  .wa-vnext__run-workspace { display: grid; grid-template-columns: minmax(0, 1fr); height: auto; min-height: 0; overflow: visible; }
+  .wa-vnext__run-workspace > section:first-child, .wa-vnext__run-workspace > .wa-vnext__editor-yaml { height: min(620px, calc(100dvh - 248px)) !important; min-height: 440px !important; }
+  .wa-vnext__run-workspace > aside { height: auto !important; max-width: 100%; width: 100% !important; }
+  .wa-vnext__panel-resize-handle { display: none; }
+  .wa-vnext__editor-mode-control { grid-column: 1 / -1; width: 100%; }
+  .wa-vnext__editor-mode-control .ant-segmented-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
+  .wa-vnext__editor-mode-control .ant-segmented-item { min-width: 0; }
+  .wa-vnext__editor-mode-control .ant-segmented-item-label { display: flex; justify-content: center; min-width: 0; }
+  .wa-vnext__toolbar-search { flex-basis: auto; width: 100%; }
+  .wa-vnext__toolbar-filters { display: grid; grid-template-columns: 1fr; width: 100%; }
+  .wa-vnext__toolbar-filters .ant-space-item, .wa-vnext__toolbar-filters .ant-picker, .wa-vnext__toolbar-filters .ant-select, .wa-vnext__toolbar-filters .ant-btn { width: 100%; }
+  .wa-vnext__activity-footer { align-items: stretch; flex-direction: column; }
+  .wa-vnext__activity-footer > .ant-btn { width: 100%; }
+  .wa-vnext__pagination-actions { align-items: stretch; flex-direction: column; }
+  .wa-vnext__pagination-actions .ant-btn { width: 100%; }
+  .wa-vnext__creation-options { grid-template-columns: 1fr; }
+  .wa-vnext__creation-option { min-height: 118px; }
+  .wa-vnext__creation-form { gap: 18px; }
+  .wa-vnext__creation-actions { justify-content: stretch; }
+  .wa-vnext__creation-actions .ant-btn { width: 100%; }
+  .wa-vnext__settings-panel { padding: 16px; }
+  .wa-vnext__settings-nav { gap: 18px; }
+  .wa-vnext__settings-field { align-items: stretch; gap: 8px; grid-template-columns: 1fr; min-height: 0; padding: 16px 0; }
+  .wa-vnext__settings-field .ant-select { max-width: none; }
+  .wa-vnext__settings-savebar { align-items: stretch; flex-direction: column; gap: 10px; }
+  .wa-vnext__settings-actions.ant-space { display: grid; gap: 8px !important; grid-template-columns: 1fr 1fr; width: 100%; }
+  .wa-vnext__settings-savebar .ant-btn { width: 100%; }
+  .wa-vnext__account-profile, .wa-vnext__account-section-heading { align-items: stretch; flex-direction: column; }
+  .wa-vnext__account-profile > .ant-btn, .wa-vnext__account-section-heading > .ant-btn { width: 100%; }
+  .wa-vnext__state--compact { padding: 18px; }
+  .wa-vnext__schedule-toolbar, .wa-vnext__schedule-row { align-items: stretch; flex-direction: column; }
+  .wa-vnext__schedule-toolbar--actions { align-items: flex-end; flex-direction: row; }
+  .wa-vnext__schedule-toolbar .ant-space, .wa-vnext__schedule-row .ant-space { width: 100%; }
+  .wa-vnext__schedule-toolbar--actions .ant-space { width: auto; }
+  .wa-vnext__schedule-toolbar .ant-btn, .wa-vnext__schedule-row .ant-btn { flex: 1 1 auto; }
+  .wa-vnext__template-toolbar { align-items: stretch; flex-direction: column; }
+  .wa-vnext__template-search { flex-basis: auto; max-width: none; width: 100%; }
+  .wa-vnext__template-sort { align-items: stretch; display: grid; gap: 6px; width: 100%; }
+  .wa-vnext__template-sort .ant-select { min-width: 0; width: 100%; }
+  .wa-vnext__publish-review-item { gap: 6px; padding-block: 10px; }
+}
+@media (max-width: 767px) {
+  .wa-vnext-schedule-modal .ant-modal-content { padding: 18px; }
+  .wa-vnext__schedule-failure { align-items: flex-start; display: grid; grid-template-columns: auto minmax(0, 1fr); }
+  .wa-vnext__schedule-failure .ant-alert-icon { grid-column: 1; grid-row: 1; }
+  .wa-vnext__schedule-failure .ant-alert-section, .wa-vnext__schedule-failure .ant-alert-content { grid-column: 2; grid-row: 1; }
+  .wa-vnext__schedule-failure .ant-alert-action, .wa-vnext__schedule-failure .ant-alert-actions { grid-column: 2; margin-inline-start: 0; margin-top: 10px; }
+  .wa-vnext__schedule-repeat-grid, .wa-vnext__schedule-cron-grid, .wa-vnext__schedule-review-details, .wa-vnext__schedule-detail-facts { grid-template-columns: 1fr; }
+  .wa-vnext__schedule-context { align-items: flex-start; flex-direction: column; }
+  .wa-vnext__schedule-context strong { text-align: left; }
+  .wa-vnext__schedule-history-header { flex-direction: column; }
+  .wa-vnext__schedule-history-header a { align-self: flex-start; }
+  .wa-vnext__schedule-footer { align-items: stretch; flex-direction: column-reverse; }
+  .wa-vnext__schedule-footer .ant-btn { width: 100%; }
+}
+@media (max-width: 360px) {
+  .wa-vnext__settings-actions.ant-space { grid-template-columns: 1fr; }
+  .wa-vnext__state--compact .ant-alert { align-items: flex-start; }
+  .wa-vnext__state--compact .ant-alert-action { margin-inline-start: 0; margin-top: 8px; }
+}
+@media (prefers-reduced-motion: reduce) { .wa-vnext *, .wa-vnext *::before, .wa-vnext *::after { animation: none !important; scroll-behavior: auto !important; transition: none !important; } }
+`;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx
new file mode 100644
index 0000000000..1cdf1ecf71
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx
@@ -0,0 +1,1318 @@
+import {
+  act,
+  fireEvent,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import * as React from 'react';
+import { history } from '@/shared/navigation/history';
+import {
+  cleanupTestQueryClients,
+  renderWithQueryClient,
+} from '../../../../tests/reactQueryTestUtils';
+import NewWorkflowPage, {
+  WORKFLOW_GENERATION_TIMEOUT_MS,
+} from './NewWorkflowPage';
+import WorkflowTemplatesPage from './WorkflowTemplatesPage';
+
+jest.mock('@umijs/max', () => ({
+  getIntl: () => ({
+    formatMessage: (
+      { defaultMessage, id }: { defaultMessage?: string; id: string },
+      values?: Record<string, unknown>,
+    ) =>
+      (defaultMessage ?? id).replace(
+        /\{(\w+)\}/g,
+        (_match: string, key: string) => String(values?.[key] ?? ''),
+      ),
+  }),
+  getLocale: () => 'en-US',
+  history: {},
+  setLocale: jest.fn(),
+  useIntl: () => ({
+    formatMessage: ({
+      defaultMessage,
+      id,
+    }: {
+      defaultMessage?: string;
+      id: string;
+    }) => defaultMessage ?? id,
+  }),
+  useModel: () => ({ initialState: { auth: { authenticated: true } } }),
+}));
+
+jest.mock('@/shared/studio/api', () => ({
+  isStudioApiErrorCode: jest.fn(),
+  isStudioApiStatus: (error: unknown, status: number) =>
+    Boolean(
+      error &&
+        typeof error === 'object' &&
+        'status' in error &&
+        error.status === status,
+    ),
+  studioApi: {
+    authorWorkflow: jest.fn(),
+    createWorkflowDraft: jest.fn(),
+    instantiateWorkflowTemplate: jest.fn(),
+    getWorkspaceSettings: jest.fn(),
+    listWorkflowDrafts: jest.fn(),
+    parseYaml: jest.fn(),
+  },
+}));
+
+jest.mock('@/shared/api/runtimeCatalogApi', () => ({
+  runtimeCatalogApi: {
+    listWorkflowTemplates: jest.fn(async () => ({
+      items: [
+        {
+          templateId: 'template-incident-triage',
+          displayName: 'Incident triage',
+          description: 'Classify an incident.',
+          defaultDraftName: 'Incident triage',
+          authorityStateVersion: 7,
+          stepCount: 2,
+          requiredConnections: ['pagerduty'],
+          requiresLlmProvider: true,
+          freshness: {
+            projectionWatermark: '2026-08-18T00:00:00Z',
+            lastEventId: 'event-template-7',
+            versionSemantics: 'workflow-catalog-authority-state-version',
+          },
+        },
+      ],
+      nextCursor: null,
+      freshness: {
+        projectionWatermark: '2026-08-18T00:00:00Z',
+        lastEventId: 'event-template-7',
+        versionSemantics: 'workflow-catalog-authority-state-version',
+      },
+    })),
+    getWorkflowTemplate: jest.fn(),
+  },
+}));
+
+jest.mock('@/shared/api/scopesApi', () => ({
+  scopesApi: { listWorkflows: jest.fn() },
+}));
+
+jest.mock('@/shared/navigation/history', () => ({
+  history: { push: jest.fn(), replace: jest.fn() },
+}));
+
+jest.mock('../hooks/useDraftMaterialization', () => ({
+  useDraftMaterialization: jest.fn(),
+}));
+
+jest.mock('@/shared/ui/ConsoleHeaderActions', () => ({
+  ConsoleAuthActions: () => <button type="button">Account</button>,
+  ConsoleLanguageSwitch: () => <button type="button">Language</button>,
+}));
+
+const mockStudioApi = jest.requireMock('@/shared/studio/api').studioApi as {
+  authorWorkflow: jest.Mock;
+  createWorkflowDraft: jest.Mock;
+  instantiateWorkflowTemplate: jest.Mock;
+  getWorkspaceSettings: jest.Mock;
+  listWorkflowDrafts: jest.Mock;
+  parseYaml: jest.Mock;
+};
+const mockIsStudioApiErrorCode = jest.requireMock('@/shared/studio/api')
+  .isStudioApiErrorCode as jest.Mock;
+
+const mockRuntimeCatalogApi = jest.requireMock('@/shared/api/runtimeCatalogApi')
+  .runtimeCatalogApi as {
+  getWorkflowTemplate: jest.Mock;
+  listWorkflowTemplates: jest.Mock;
+};
+
+const mockScopesApi = jest.requireMock('@/shared/api/scopesApi').scopesApi as {
+  listWorkflows: jest.Mock;
+};
+
+const mockUseDraftMaterialization = jest.requireMock(
+  '../hooks/useDraftMaterialization',
+).useDraftMaterialization as jest.Mock;
+
+const readyWorkspace = {
+  runtimeBaseUrl: '',
+  directories: [
+    {
+      directoryId: 'directory-alpha',
+      isBuiltIn: true,
+      label: 'Workflows',
+      path: '/workflows',
+    },
+  ],
+};
+
+const materializedWorkflow = {
+  kind: 'materialized',
+  workflow: {
+    directoryId: 'directory-alpha',
+    directoryLabel: 'Workflows',
+    document: { name: 'incident_review', roles: [], steps: [] },
+    draftExists: true,
+    fileName: 'incident-review.yaml',
+    filePath: '/workflows/incident-review.yaml',
+    findings: [],
+    name: 'Incident review',
+    updatedAtUtc: '2026-08-06T10:00:00Z',
+    workflowId: 'wf-created-alpha',
+    yaml: 'name: incident_review\nroles: []\nsteps: []\n',
+  },
+} as const;
+
+const acceptedTemplateReceipt = {
+  accepted: true,
+  workflowId: 'wf-created-alpha',
+  commandId: 'cmd-template-alpha',
+  ackStage: 'accepted',
+  actorId: 'actor-workspace-alpha',
+  workspaceId: 'workspace-scope-alpha',
+  expectedVersion: 1,
+  ackedAtUtc: '2026-08-18T00:00:00Z',
+  readiness: {
+    readable: false,
+    stage: 'materializing',
+    message: 'Draft accepted.',
+  },
+} as const;
+
+describe('New workflow save-target recovery', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockIsStudioApiErrorCode.mockReturnValue(false);
+    mockUseDraftMaterialization.mockReturnValue({
+      error: null,
+      observe: jest.fn(async () => ({ workflowId: 'wf-created-alpha' })),
+      phase: 'idle',
+      receipt: null,
+      reset: jest.fn(),
+      retry: jest.fn(),
+    });
+    mockStudioApi.listWorkflowDrafts.mockResolvedValue([]);
+    mockScopesApi.listWorkflows.mockResolvedValue([]);
+  });
+
+  afterEach(() => cleanupTestQueryClients());
+
+  it('keeps the creation chooser quiet and usable while save locations load', () => {
+    mockStudioApi.getWorkspaceSettings.mockReturnValue(new Promise(() => {}));
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('Loading save locations…'),
+    ).not.toBeInTheDocument();
+    expect(document.querySelector('.ant-alert-info')).toBeNull();
+    const importYaml = screen.getByRole('button', { name: 'Import YAML' });
+    expect(importYaml).toBeEnabled();
+    fireEvent.click(importYaml);
+    fireEvent.change(screen.getByLabelText('Workflow YAML'), {
+      target: { value: 'name: prepared_workflow' },
+    });
+    expect(screen.getByLabelText('Workflow YAML')).toHaveValue(
+      'name: prepared_workflow',
+    );
+  });
+
+  it('hides the only save target while still using its directory id', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+    expect(screen.queryByLabelText('Save to')).not.toBeInTheDocument();
+    expect(screen.queryByLabelText('Save location')).not.toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Incident review' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+        expect.objectContaining({
+          directoryId: 'directory-alpha',
+          workflowName: 'Incident review',
+          yaml: 'name: Incident_review\ndescription: \nroles: []\nsteps: []\n',
+        }),
+      ),
+    );
+    expect(mockStudioApi.authorWorkflow).not.toHaveBeenCalled();
+    expect(mockStudioApi.parseYaml).not.toHaveBeenCalled();
+  });
+
+  it('shows Save to only when the workspace has multiple directories', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue({
+      runtimeBaseUrl: '',
+      directories: [
+        readyWorkspace.directories[0],
+        {
+          directoryId: 'directory-beta',
+          isBuiltIn: false,
+          label: 'Operations',
+          path: '/operations',
+        },
+      ],
+    });
+    mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+    const directorySelect = screen.getByLabelText('Save to');
+    fireEvent.mouseDown(directorySelect);
+    fireEvent.click(await screen.findByText('Operations'));
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Incident review' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+        expect.objectContaining({ directoryId: 'directory-beta' }),
+      ),
+    );
+  });
+
+  it('uses the first available YAML filename without changing the display name', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockStudioApi.listWorkflowDrafts.mockResolvedValue([
+      {
+        directoryId: 'directory-alpha',
+        fileName: 'incident-review.yaml',
+        name: 'Other workflow',
+      },
+      {
+        directoryId: 'directory-alpha',
+        fileName: 'incident-review-2.yaml',
+        name: 'Another workflow',
+      },
+      {
+        directoryId: 'directory-beta',
+        fileName: 'incident-review-3.yaml',
+        name: 'Different directory workflow',
+      },
+    ]);
+    mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Incident review' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+        expect.objectContaining({
+          fileName: 'incident-review-3.yaml',
+          workflowName: 'Incident review',
+        }),
+      ),
+    );
+  });
+
+  it('generates, saves, and opens a described workflow with one action', async () => {
+    const generatedYaml =
+      'name: weekly_review\ndescription: Summarize the week.\nroles: []\nsteps: []\n';
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockStudioApi.authorWorkflow.mockResolvedValue(generatedYaml);
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: { name: 'weekly_review', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+    const workflowName = screen.getByLabelText('Workflow name');
+    expect(screen.queryByLabelText('Generated YAML')).not.toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('What should this workflow do?'), {
+      target: { value: 'Summarize this week' },
+    });
+    const generateAndOpen = screen.getByRole('button', {
+      name: 'Generate and open',
+    });
+    expect(generateAndOpen).toBeDisabled();
+    fireEvent.change(workflowName, { target: { value: 'Weekly review' } });
+    expect(generateAndOpen).toBeEnabled();
+    fireEvent.click(generateAndOpen);
+
+    await waitFor(() =>
+      expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith({
+        directoryId: 'directory-alpha',
+        fileName: 'weekly-review.yaml',
+        scopeId: 'scope-alpha',
+        workflowName: 'Weekly review',
+        yaml: generatedYaml,
+      }),
+    );
+    expect(mockStudioApi.authorWorkflow).toHaveBeenCalledWith(
+      { prompt: 'Summarize this week' },
+      expect.any(Object),
+    );
+    expect(mockStudioApi.parseYaml).toHaveBeenCalledWith({
+      yaml: generatedYaml,
+    });
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-created-alpha',
+    );
+  });
+
+  it('preserves the name and description and retries generation without an earlier save', async () => {
+    const generatedYaml = 'name: weekly_review\nroles: []\nsteps: []\n';
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockStudioApi.authorWorkflow
+      .mockRejectedValueOnce(new Error('Generation unavailable'))
+      .mockResolvedValueOnce(generatedYaml);
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: { name: 'weekly_review', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+    const workflowName = screen.getByLabelText('Workflow name');
+    const description = screen.getByLabelText('What should this workflow do?');
+    fireEvent.change(workflowName, {
+      target: { value: 'Weekly review' },
+    });
+    fireEvent.change(description, {
+      target: { value: 'Summarize this week' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+
+    expect(
+      await screen.findByText("Workflow couldn't be created"),
+    ).toBeVisible();
+    expect(screen.getByText('Generation unavailable')).not.toBeVisible();
+    expect(workflowName).toHaveValue('Weekly review');
+    expect(description).toHaveValue('Summarize this week');
+    expect(mockStudioApi.createWorkflowDraft).not.toHaveBeenCalled();
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Generate and open' }),
+    );
+    await waitFor(() =>
+      expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledTimes(1),
+    );
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({ workflowName: 'Weekly review' }),
+    );
+  });
+
+  it('imports and opens YAML using the parsed document name', async () => {
+    const importedYaml = 'name: imported_review\nroles: []\nsteps: []\n';
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: { name: 'imported_review', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Import YAML' }));
+    expect(screen.queryByLabelText('Workflow name')).not.toBeInTheDocument();
+    fireEvent.change(screen.getByLabelText('Workflow YAML'), {
+      target: { value: importedYaml },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Import and open' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+        expect.objectContaining({
+          fileName: 'imported-review.yaml',
+          workflowName: 'imported_review',
+          yaml: importedYaml,
+        }),
+      ),
+    );
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-created-alpha',
+    );
+  });
+
+  it('treats a draft-create timeout as unconfirmed without resubmitting or guessing an identity', async () => {
+    const importedYaml = 'name: imported_review\nroles: []\nsteps: []\n';
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockStudioApi.listWorkflowDrafts
+      .mockResolvedValueOnce([])
+      .mockResolvedValueOnce([
+        {
+          directoryId: 'directory-alpha',
+          fileName: 'imported-review.yaml',
+          name: 'imported_review',
+          workflowId: 'wf-created-after-timeout',
+        },
+      ]);
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: { name: 'imported_review', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.createWorkflowDraft.mockRejectedValue({
+      message: 'POST workflow-drafts returned 504',
+      status: 504,
+    });
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(await screen.findByRole('button', { name: 'Import YAML' }));
+    const yamlInput = screen.getByLabelText('Workflow YAML');
+    fireEvent.change(yamlInput, { target: { value: importedYaml } });
+    fireEvent.click(screen.getByRole('button', { name: 'Import and open' }));
+
+    expect(
+      await screen.findByText(
+        "Workflow creation couldn't be confirmed. Check Workflows before trying again.",
+      ),
+    ).toBeVisible();
+    expect(
+      screen.queryByText("Workflow couldn't be created"),
+    ).not.toBeInTheDocument();
+    expect(yamlInput).toHaveValue(importedYaml);
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledTimes(1);
+    await waitFor(() =>
+      expect(mockStudioApi.listWorkflowDrafts).toHaveBeenCalledTimes(2),
+    );
+    expect(history.push).not.toHaveBeenCalled();
+  });
+
+  it('navigates to the template browser from the creation chooser', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Use template' }),
+    );
+
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/workflows/new/templates',
+    );
+    expect(screen.queryByText('Incident triage')).not.toBeInTheDocument();
+  });
+
+  it('uses the Activity pagination control for template pages', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+
+    const pagination = await screen.findByTestId('activity-pagination');
+
+    expect(pagination).toHaveClass('ant-pagination');
+    expect(
+      screen.queryByRole('button', { name: 'Previous' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Next' }),
+    ).not.toBeInTheDocument();
+    expect(
+      pagination.querySelector('.ant-pagination-options-quick-jumper input'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('renders only decision-useful template facts with step help', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockRuntimeCatalogApi.getWorkflowTemplate.mockResolvedValue({
+      template: {
+        templateId: 'template-incident-triage',
+        displayName: 'Incident triage',
+        description: 'Classify an incident.',
+        defaultDraftName: 'Incident triage',
+        authorityStateVersion: 7,
+        stepCount: 2,
+        requiredConnections: ['pagerduty'],
+        requiresLlmProvider: true,
+        freshness: {
+          projectionWatermark: '2026-08-18T00:00:00Z',
+          lastEventId: 'event-template-7',
+          versionSemantics: 'workflow-catalog-authority-state-version',
+        },
+      },
+      yaml: 'name: incident_triage\nsteps: []\n',
+      definition: {
+        name: 'incident_triage',
+        description: 'Classify an incident.',
+        closedWorldMode: true,
+        roles: [],
+        steps: [
+          {
+            id: 'classify',
+            type: 'llm_call',
+            targetRole: '',
+            parameters: {},
+            next: 'notify',
+            branches: {},
+            children: [],
+          },
+          {
+            id: 'notify',
+            type: 'connector_call',
+            targetRole: '',
+            parameters: {},
+            next: '',
+            branches: {},
+            children: [],
+          },
+        ],
+      },
+      edges: [],
+      authorityStateVersion: 7,
+      freshness: {
+        projectionWatermark: '2026-08-18T00:00:00Z',
+        lastEventId: 'event-template-7',
+        versionSemantics: 'workflow-catalog-authority-state-version',
+      },
+    });
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+
+    const browser = await screen.findByRole('region', {
+      name: 'Workflow templates',
+    });
+    const table = await within(browser).findByRole('table', {
+      name: 'Workflow template catalogue',
+    });
+    const headers = within(table).getAllByRole('columnheader');
+    const row = within(table).getByRole('row', { name: /Incident triage/ });
+    const cells = within(row).getAllByRole('cell');
+
+    expect(headers).toHaveLength(5);
+    expect(
+      ['Template', 'Connection', 'Does', 'Updated', 'Actions'].map((name) =>
+        within(table).getByRole('columnheader', { name }),
+      ),
+    ).toEqual(headers);
+    expect(headers[0]).toHaveClass('wa-vnext__template-cell--left');
+    expect(headers[1]).toHaveClass('wa-vnext__template-cell--left');
+    expect(headers[2]).toHaveClass('wa-vnext__template-cell--left');
+    expect(headers[3]).toHaveClass('wa-vnext__template-cell--right');
+    expect(headers[4]).toHaveClass('wa-vnext__template-cell--right');
+    expect(cells).toHaveLength(5);
+    expect(screen.queryByText('Reads')).not.toBeInTheDocument();
+    expect(screen.queryByText('Workflow inputs')).not.toBeInTheDocument();
+    expect(screen.getAllByText('Connection')).toHaveLength(1);
+    expect(screen.getAllByText('Does')).toHaveLength(1);
+    expect(within(cells[0]).getByText('Incident triage')).toBeInTheDocument();
+    expect(
+      cells[0].querySelector('.wa-vnext__template-marker'),
+    ).not.toBeInTheDocument();
+    expect(
+      within(cells[1]).getByText('LLM provider, pagerduty'),
+    ).toBeInTheDocument();
+    expect(cells[0]).toHaveClass('wa-vnext__template-cell--left');
+    expect(cells[1]).toHaveClass('wa-vnext__template-cell--left');
+    expect(cells[2]).toHaveClass('wa-vnext__template-cell--left');
+    expect(cells[3]).toHaveClass('wa-vnext__template-cell--right');
+    expect(cells[4]).toHaveClass('wa-vnext__template-cell--right');
+    const stepSummary = within(cells[2]).getByRole('button', {
+      name: 'Runs 2 steps',
+    });
+    expect(mockRuntimeCatalogApi.getWorkflowTemplate).not.toHaveBeenCalled();
+    fireEvent.mouseEnter(stepSummary);
+    await waitFor(() => {
+      expect(mockRuntimeCatalogApi.getWorkflowTemplate).toHaveBeenCalledWith(
+        'template-incident-triage',
+      );
+      const tooltip = screen.getByRole('tooltip');
+      expect(tooltip).toHaveTextContent('Workflow steps (2)');
+      expect(tooltip).toHaveTextContent('classify');
+      expect(tooltip).toHaveTextContent('LLM call');
+      expect(tooltip).toHaveTextContent('notify');
+      expect(tooltip).toHaveTextContent('Connector call');
+    });
+    expect(within(cells[3]).getByText('2026/08/18')).toBeInTheDocument();
+    expect(
+      within(cells[4]).getByRole('button', {
+        name: 'View Incident triage',
+      }),
+    ).toBeInTheDocument();
+    expect(
+      within(cells[4]).getByRole('button', {
+        name: 'Use template Incident triage',
+      }),
+    ).toBeInTheDocument();
+  });
+
+  it('shows an actionable tooltip state when step details are unavailable', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockRuntimeCatalogApi.getWorkflowTemplate.mockRejectedValue(
+      new Error('Template details unavailable'),
+    );
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+
+    const stepSummary = await screen.findByRole('button', {
+      name: 'Runs 2 steps',
+    });
+    fireEvent.mouseEnter(stepSummary);
+
+    await waitFor(() => {
+      const tooltip = screen.getByRole('tooltip');
+      expect(tooltip).toHaveTextContent(
+        'Step details are unavailable. Open View to inspect this template.',
+      );
+      expect(tooltip).not.toHaveTextContent('Loading step details');
+    });
+  });
+
+  it('lets vertical wheel input over the template table reach the page scroller', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+
+    const catalogue = await screen.findByRole('region', {
+      name: 'Workflow template catalogue',
+    });
+    const shellStyles = Array.from(document.querySelectorAll('style')).find(
+      (style) => style.textContent?.includes('wa-vnext__template-table-region'),
+    );
+
+    expect(catalogue).toBeInTheDocument();
+    expect(shellStyles?.textContent).toMatch(
+      /\.wa-vnext__table-wrap\.wa-vnext__template-table-region \{[^}]*overscroll-behavior-y: auto;[^}]*\}/,
+    );
+  });
+
+  it('opens a known template page with its saved cursor', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockRuntimeCatalogApi.listWorkflowTemplates
+      .mockResolvedValueOnce({
+        items: [
+          {
+            templateId: 'template-page-one',
+            displayName: 'Page one template',
+            description: 'First page.',
+            defaultDraftName: 'Page one template',
+            authorityStateVersion: 1,
+            stepCount: 1,
+            requiredConnections: [],
+            requiresLlmProvider: false,
+            freshness: {
+              projectionWatermark: '2026-08-18T00:00:00Z',
+              lastEventId: 'event-template-one',
+              versionSemantics: 'workflow-catalog-authority-state-version',
+            },
+          },
+        ],
+        nextCursor: 'cursor-two',
+        freshness: {
+          projectionWatermark: '2026-08-18T00:00:00Z',
+          lastEventId: 'event-template-one',
+          versionSemantics: 'workflow-catalog-authority-state-version',
+        },
+      })
+      .mockResolvedValueOnce({
+        items: [
+          {
+            templateId: 'template-page-two',
+            displayName: 'Page two template',
+            description: 'Second page.',
+            defaultDraftName: 'Page two template',
+            authorityStateVersion: 2,
+            stepCount: 1,
+            requiredConnections: [],
+            requiresLlmProvider: false,
+            freshness: {
+              projectionWatermark: '2026-08-18T00:00:00Z',
+              lastEventId: 'event-template-two',
+              versionSemantics: 'workflow-catalog-authority-state-version',
+            },
+          },
+        ],
+        nextCursor: null,
+        freshness: {
+          projectionWatermark: '2026-08-18T00:00:00Z',
+          lastEventId: 'event-template-two',
+          versionSemantics: 'workflow-catalog-authority-state-version',
+        },
+      });
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+    expect(await screen.findByText('Page one template')).toBeInTheDocument();
+
+    fireEvent.click(
+      within(await screen.findByTestId('activity-pagination')).getByTitle('2'),
+    );
+
+    expect(await screen.findByText('Page two template')).toBeInTheDocument();
+    expect(screen.queryByText('Page one template')).not.toBeInTheDocument();
+    expect(
+      mockRuntimeCatalogApi.listWorkflowTemplates,
+    ).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        cursor: 'cursor-two',
+        take: 12,
+      }),
+    );
+  });
+
+  it('views template details without creating, then uses the same instantiate action from the modal', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockRuntimeCatalogApi.getWorkflowTemplate.mockResolvedValue({
+      template: {
+        templateId: 'template-incident-triage',
+        displayName: 'Incident triage',
+        description: 'Classify an incident.',
+        defaultDraftName: 'Incident triage',
+        authorityStateVersion: 7,
+        stepCount: 1,
+        requiredConnections: [],
+        requiresLlmProvider: false,
+        freshness: {
+          projectionWatermark: '2026-08-18T00:00:00Z',
+          lastEventId: 'event-template-7',
+          versionSemantics: 'workflow-catalog-authority-state-version',
+        },
+      },
+      yaml: 'name: incident_triage\nsteps: []\n',
+      definition: {
+        name: 'incident_triage',
+        description: 'Classify an incident.',
+        closedWorldMode: true,
+        roles: [],
+        steps: [
+          {
+            id: 'classify',
+            type: 'llm_call',
+            targetRole: '',
+            parameters: {},
+            next: '',
+            branches: {},
+            children: [],
+          },
+        ],
+      },
+      edges: [],
+      authorityStateVersion: 7,
+      freshness: {
+        projectionWatermark: '2026-08-18T00:00:00Z',
+        lastEventId: 'event-template-7',
+        versionSemantics: 'workflow-catalog-authority-state-version',
+      },
+    });
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Incident triage' }),
+    );
+
+    expect(await screen.findByText('Workflow preview')).toBeInTheDocument();
+    expect(
+      screen.queryByRole('tab', { name: 'Overview' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getByTitle('classify')).toBeInTheDocument();
+    expect(screen.queryByText('Step details')).not.toBeInTheDocument();
+    expect(mockStudioApi.instantiateWorkflowTemplate).not.toHaveBeenCalled();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Use this template' }));
+    await waitFor(() =>
+      expect(mockStudioApi.instantiateWorkflowTemplate).toHaveBeenCalledWith({
+        expectedAuthorityStateVersion: 7,
+        scopeId: 'scope-alpha',
+        templateId: 'template-incident-triage',
+      }),
+    );
+  });
+
+  it('uses clear sort labels instead of exposing backend sort syntax', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+
+    const sort = await screen.findByRole('combobox', {
+      name: 'Sort templates',
+    });
+    fireEvent.mouseDown(sort);
+
+    expect(screen.getByText('Sort by')).toBeInTheDocument();
+    expect(await screen.findByText('Name: A to Z')).toBeInTheDocument();
+    expect(screen.getByText('Name: Z to A')).toBeInTheDocument();
+    expect(screen.getByText('Last updated: oldest first')).toBeInTheDocument();
+  });
+
+  it('refreshes stale modal details before retrying template instantiation', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockIsStudioApiErrorCode.mockImplementation(
+      (_error: unknown, status: number, code: string) =>
+        status === 409 && code === 'WORKFLOW_TEMPLATE_VERSION_CONFLICT',
+    );
+    const detailVersion7 = {
+      template: {
+        templateId: 'template-incident-triage',
+        displayName: 'Incident triage',
+        description: 'Classify an incident.',
+        defaultDraftName: 'Incident triage',
+        authorityStateVersion: 7,
+        stepCount: 1,
+        requiredConnections: [],
+        requiresLlmProvider: false,
+        freshness: {
+          projectionWatermark: '2026-08-18T00:00:00Z',
+          lastEventId: 'event-template-7',
+          versionSemantics: 'workflow-catalog-authority-state-version',
+        },
+      },
+      yaml: 'name: incident_triage\nsteps: []\n',
+      definition: {
+        name: 'incident_triage',
+        description: 'Classify an incident.',
+        closedWorldMode: true,
+        roles: [],
+        steps: [],
+      },
+      edges: [],
+      authorityStateVersion: 7,
+      freshness: {
+        projectionWatermark: '2026-08-18T00:00:00Z',
+        lastEventId: 'event-template-7',
+        versionSemantics: 'workflow-catalog-authority-state-version',
+      },
+    };
+    const detailVersion8 = {
+      ...detailVersion7,
+      authorityStateVersion: 8,
+      template: {
+        ...detailVersion7.template,
+        authorityStateVersion: 8,
+        freshness: {
+          ...detailVersion7.template.freshness,
+          lastEventId: 'event-template-8',
+        },
+      },
+      freshness: {
+        ...detailVersion7.freshness,
+        lastEventId: 'event-template-8',
+      },
+    };
+    mockRuntimeCatalogApi.getWorkflowTemplate
+      .mockResolvedValueOnce(detailVersion7)
+      .mockResolvedValueOnce(detailVersion8);
+    mockStudioApi.instantiateWorkflowTemplate
+      .mockRejectedValueOnce({
+        status: 409,
+        code: 'WORKFLOW_TEMPLATE_VERSION_CONFLICT',
+      })
+      .mockResolvedValueOnce(acceptedTemplateReceipt);
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Incident triage' }),
+    );
+
+    const dialog = await screen.findByRole('dialog');
+    const useThisTemplate = within(dialog).getByRole('button', {
+      name: 'Use this template',
+    });
+    await waitFor(() => expect(useThisTemplate).toBeEnabled());
+    fireEvent.click(useThisTemplate);
+    await waitFor(() =>
+      expect(mockStudioApi.instantiateWorkflowTemplate).toHaveBeenCalledWith({
+        expectedAuthorityStateVersion: 7,
+        scopeId: 'scope-alpha',
+        templateId: 'template-incident-triage',
+      }),
+    );
+
+    expect(
+      await within(dialog).findByText('Template is out of date'),
+    ).toBeVisible();
+    expect(
+      within(dialog).getByRole('button', { name: 'Use this template' }),
+    ).toBeDisabled();
+
+    fireEvent.click(
+      within(dialog).getByRole('button', { name: 'Refresh catalog' }),
+    );
+    await waitFor(() =>
+      expect(mockRuntimeCatalogApi.getWorkflowTemplate).toHaveBeenCalledTimes(
+        2,
+      ),
+    );
+    await waitFor(() =>
+      expect(
+        within(dialog).getByRole('button', { name: 'Use this template' }),
+      ).toBeEnabled(),
+    );
+    fireEvent.click(
+      within(dialog).getByRole('button', { name: 'Use this template' }),
+    );
+
+    await waitFor(() =>
+      expect(
+        mockStudioApi.instantiateWorkflowTemplate,
+      ).toHaveBeenLastCalledWith({
+        expectedAuthorityStateVersion: 8,
+        scopeId: 'scope-alpha',
+        templateId: 'template-incident-triage',
+      }),
+    );
+  });
+
+  it('keeps stale template submission disabled when detail refresh fails', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockIsStudioApiErrorCode.mockImplementation(
+      (_error: unknown, status: number, code: string) =>
+        status === 409 && code === 'WORKFLOW_TEMPLATE_VERSION_CONFLICT',
+    );
+    const detailVersion7 = {
+      template: {
+        templateId: 'template-incident-triage',
+        displayName: 'Incident triage',
+        description: 'Classify an incident.',
+        defaultDraftName: 'Incident triage',
+        authorityStateVersion: 7,
+        stepCount: 1,
+        requiredConnections: [],
+        requiresLlmProvider: false,
+        freshness: {
+          projectionWatermark: '2026-08-18T00:00:00Z',
+          lastEventId: 'event-template-7',
+          versionSemantics: 'workflow-catalog-authority-state-version',
+        },
+      },
+      yaml: 'name: incident_triage\nsteps: []\n',
+      definition: {
+        name: 'incident_triage',
+        description: 'Classify an incident.',
+        closedWorldMode: true,
+        roles: [],
+        steps: [],
+      },
+      edges: [],
+      authorityStateVersion: 7,
+      freshness: {
+        projectionWatermark: '2026-08-18T00:00:00Z',
+        lastEventId: 'event-template-7',
+        versionSemantics: 'workflow-catalog-authority-state-version',
+      },
+    };
+    mockRuntimeCatalogApi.getWorkflowTemplate
+      .mockResolvedValueOnce(detailVersion7)
+      .mockRejectedValueOnce(new Error('Catalog refresh unavailable'));
+    mockStudioApi.instantiateWorkflowTemplate.mockRejectedValueOnce({
+      status: 409,
+      code: 'WORKFLOW_TEMPLATE_VERSION_CONFLICT',
+    });
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Incident triage' }),
+    );
+
+    const dialog = await screen.findByRole('dialog');
+    const useThisTemplate = within(dialog).getByRole('button', {
+      name: 'Use this template',
+    });
+    await waitFor(() => expect(useThisTemplate).toBeEnabled());
+    fireEvent.click(useThisTemplate);
+    expect(
+      await within(dialog).findByText('Template is out of date'),
+    ).toBeVisible();
+
+    fireEvent.click(
+      within(dialog).getByRole('button', { name: 'Refresh catalog' }),
+    );
+    await waitFor(() =>
+      expect(mockRuntimeCatalogApi.getWorkflowTemplate).toHaveBeenCalledTimes(
+        2,
+      ),
+    );
+    expect(
+      within(dialog).getByRole('button', { name: 'Use this template' }),
+    ).toBeDisabled();
+  });
+
+  it.each([
+    'delayed',
+    'failed',
+  ] as const)('prevents duplicate template instantiation while the accepted draft is %s', async (phase) => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockUseDraftMaterialization.mockReturnValue({
+      error: phase === 'failed' ? new Error('Observation unavailable') : null,
+      observe: jest.fn(),
+      phase,
+      receipt: acceptedTemplateReceipt,
+      reset: jest.fn(),
+      retry: jest.fn(),
+    });
+
+    renderWithQueryClient(<WorkflowTemplatesPage scopeId="scope-alpha" />);
+
+    const instantiate = await screen.findByRole('button', {
+      name: 'Use template Incident triage',
+    });
+    expect(instantiate).toBeDisabled();
+    expect(instantiate).not.toHaveClass('ant-btn-loading');
+    fireEvent.click(instantiate);
+    expect(mockStudioApi.instantiateWorkflowTemplate).not.toHaveBeenCalled();
+    expect(screen.getByRole('button', { name: 'Try again' })).toBeEnabled();
+  });
+
+  it('keeps all three creation methods available after a network failure', async () => {
+    mockStudioApi.getWorkspaceSettings.mockRejectedValue(
+      new TypeError('Failed to fetch'),
+    );
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    expect(
+      await screen.findByText(
+        "The current workspace's save location couldn't be loaded.",
+      ),
+    ).toBeVisible();
+    expect(
+      screen.getByText(
+        'Choose a creation method now. Your input stays on this page while you restore access.',
+      ),
+    ).toBeVisible();
+    for (const name of ['Describe', 'Import YAML', 'Use template']) {
+      expect(screen.getByRole('button', { name })).toBeEnabled();
+    }
+    expect(
+      screen.queryByRole('button', { name: 'Start blank' }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('names an unauthorized save target and provides access recovery', async () => {
+    mockStudioApi.getWorkspaceSettings.mockRejectedValue({ status: 403 });
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    expect(
+      await screen.findByText(
+        "You don't have access to a save location in the current workspace.",
+      ),
+    ).toBeVisible();
+    fireEvent.click(screen.getByRole('button', { name: 'Review access' }));
+    expect(history.push).toHaveBeenCalledWith(
+      '/scopes/scope-alpha/workflow-activity-vnext/settings',
+    );
+  });
+
+  it('keeps preparation available but prevents implicit ownership when no directory exists', async () => {
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue({
+      runtimeBaseUrl: '',
+      directories: [],
+    });
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    expect(
+      await screen.findByText(
+        'No save location is available in the current workspace.',
+      ),
+    ).toBeVisible();
+    fireEvent.click(screen.getByRole('button', { name: 'Describe' }));
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Prepared workflow' },
+    });
+    expect(
+      screen.getByRole('button', { name: 'Generate and open' }),
+    ).toBeDisabled();
+    expect(mockStudioApi.createWorkflowDraft).not.toHaveBeenCalled();
+  });
+
+  it('preserves the selected method and input when retry discovers a save location', async () => {
+    mockStudioApi.getWorkspaceSettings
+      .mockRejectedValueOnce(new TypeError('Failed to fetch'))
+      .mockResolvedValueOnce(readyWorkspace);
+
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+
+    expect(
+      await screen.findByText(
+        "The current workspace's save location couldn't be loaded.",
+      ),
+    ).toBeVisible();
+    fireEvent.click(screen.getByRole('button', { name: 'Import YAML' }));
+    fireEvent.change(screen.getByLabelText('Workflow YAML'), {
+      target: { value: 'name: prepared_workflow' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
+
+    await waitFor(() =>
+      expect(mockStudioApi.getWorkspaceSettings).toHaveBeenCalledTimes(2),
+    );
+    await waitFor(() =>
+      expect(
+        screen.queryByText(
+          "The current workspace's save location couldn't be loaded.",
+        ),
+      ).not.toBeInTheDocument(),
+    );
+    expect(screen.getByRole('heading', { name: 'Import YAML' })).toBeVisible();
+    expect(screen.getByLabelText('Workflow YAML')).toHaveValue(
+      'name: prepared_workflow',
+    );
+  });
+});
+
+function deferred<T>() {
+  let resolve!: (value: T) => void;
+  const promise = new Promise<T>((done) => {
+    resolve = done;
+  });
+  return { promise, resolve };
+}
+
+async function describeWorkflow() {
+  fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+  fireEvent.change(screen.getByLabelText('Workflow name'), {
+    target: { value: 'Incident review' },
+  });
+  fireEvent.change(screen.getByLabelText('What should this workflow do?'), {
+    target: { value: 'Review an incident' },
+  });
+  await waitFor(() =>
+    expect(
+      screen.getByRole('button', { name: 'Generate and open' }),
+    ).toBeEnabled(),
+  );
+  fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+}
+
+describe('Workflow generation feedback and cancellation', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    for (const mock of Object.values(mockStudioApi)) mock.mockReset();
+    mockScopesApi.listWorkflows.mockReset();
+    mockStudioApi.getWorkspaceSettings.mockResolvedValue(readyWorkspace);
+    mockStudioApi.listWorkflowDrafts.mockResolvedValue([]);
+    mockScopesApi.listWorkflows.mockResolvedValue([]);
+    mockStudioApi.parseYaml.mockResolvedValue({
+      document: { name: 'incident_review', roles: [], steps: [] },
+      findings: [],
+    });
+    mockStudioApi.createWorkflowDraft.mockResolvedValue(materializedWorkflow);
+    mockUseDraftMaterialization.mockReturnValue({
+      phase: 'idle',
+      receipt: null,
+      observe: jest.fn(),
+      retry: jest.fn(),
+    });
+  });
+
+  it('shows real generation updates, preserves input on cancel and saves only the next attempt', async () => {
+    const oldAttempt = deferred<string>();
+    mockStudioApi.authorWorkflow
+      .mockReturnValueOnce(oldAttempt.promise)
+      .mockResolvedValueOnce('name: fresh_workflow');
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+    await describeWorkflow();
+    expect(screen.getByText('Generating workflow…')).toBeInTheDocument();
+    const options = mockStudioApi.authorWorkflow.mock.calls[0][1];
+    act(() => options.onReasoning('Validating workflow attempt 1'));
+    expect(
+      screen.getByText(
+        'Generation updates received. Waiting for the completed workflow.',
+      ),
+    ).toBeInTheDocument();
+    fireEvent.click(screen.getByText('Generation details'));
+    expect(screen.getByText('Validating workflow attempt 1')).toBeVisible();
+    fireEvent.click(screen.getByRole('button', { name: 'Cancel generation' }));
+    expect(options.signal.aborted).toBe(true);
+    expect(screen.getByLabelText('What should this workflow do?')).toHaveValue(
+      'Review an incident',
+    );
+    expect(screen.getByLabelText('Workflow name')).toHaveValue(
+      'Incident review',
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Generate and open' }));
+    await waitFor(() =>
+      expect(history.push).toHaveBeenCalledWith(
+        '/scopes/scope-alpha/workflow-activity-vnext/workflows/wf-created-alpha',
+      ),
+    );
+    await act(async () => {
+      oldAttempt.resolve('name: stale_workflow');
+    });
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledTimes(1);
+    expect(mockStudioApi.createWorkflowDraft).toHaveBeenCalledWith(
+      expect.objectContaining({ yaml: 'name: fresh_workflow' }),
+    );
+  });
+
+  it('times out during validation and prevents a late valid document from being saved', async () => {
+    const validation = deferred<{
+      document: { name: string };
+      findings: never[];
+    }>();
+    mockStudioApi.authorWorkflow.mockResolvedValue('name: incident_review');
+    mockStudioApi.parseYaml.mockReturnValue(validation.promise);
+    renderWithQueryClient(<NewWorkflowPage scopeId="scope-alpha" />);
+    // Resolve workspace queries before controlling only the generation deadline.
+    fireEvent.click(await screen.findByRole('button', { name: 'Describe' }));
+    fireEvent.change(screen.getByLabelText('Workflow name'), {
+      target: { value: 'Incident review' },
+    });
+    fireEvent.change(screen.getByLabelText('What should this workflow do?'), {
+      target: { value: 'Review an incident' },
+    });
+    await waitFor(() =>
+      expect(
+        screen.getByRole('button', { name: 'Generate and open' }),
+      ).toBeEnabled(),
+    );
+    jest.useFakeTimers();
+    try {
+      await act(async () => {
+        fireEvent.click(
+          screen.getByRole('button', { name: 'Generate and open' }),
+        );
+      });
+      expect(
+        screen.getByText('Checking generated workflow…'),
+      ).toBeInTheDocument();
+      await act(async () => {
+        await jest.advanceTimersByTimeAsync(WORKFLOW_GENERATION_TIMEOUT_MS);
+      });
+      expect(
+        screen.getByText(
+          'Generation took longer than two minutes. No draft was saved. You can try again.',
+        ),
+      ).toBeInTheDocument();
+      expect(
+        screen.getByRole('button', { name: 'Generate and open' }),
+      ).toBeEnabled();
+      await act(async () => {
+        validation.resolve({
+          document: { name: 'incident_review' },
+          findings: [],
+        });
+      });
+      expect(mockStudioApi.createWorkflowDraft).not.toHaveBeenCalled();
+      expect(history.push).not.toHaveBeenCalled();
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('aborts generation on unmount and ignores its late completion', async () => {
+    const oldAttempt = deferred<string>();
+    mockStudioApi.authorWorkflow.mockReturnValue(oldAttempt.promise);
+    const { rerender } = renderWithQueryClient(
+      <NewWorkflowPage scopeId="scope-alpha" />,
+    );
+    await describeWorkflow();
+    const signal = mockStudioApi.authorWorkflow.mock.calls[0][1].signal;
+    // Unmount exercises the same cleanup used by scope/method transitions.
+    rerender(<div>Different workspace</div>);
+    expect(signal.aborted).toBe(true);
+    await act(async () => {
+      oldAttempt.resolve('name: stale_workflow');
+    });
+    expect(mockStudioApi.parseYaml).not.toHaveBeenCalled();
+    expect(mockStudioApi.createWorkflowDraft).not.toHaveBeenCalled();
+    expect(history.push).not.toHaveBeenCalled();
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx
new file mode 100644
index 0000000000..d55c8faaec
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx
@@ -0,0 +1,781 @@
+import {
+  ArrowLeftOutlined,
+  FileTextOutlined,
+  ImportOutlined,
+  RobotOutlined,
+} from '@ant-design/icons';
+import { useQuery } from '@tanstack/react-query';
+import { Alert, Button, Input, Select, Space, Typography } from 'antd';
+import React from 'react';
+import { scopesApi } from '@/shared/api/scopesApi';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
+import type {
+  StudioValidationFinding,
+  StudioWorkflowSaveResult,
+} from '@/shared/studio/models';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { useDraftMaterialization } from '../hooks/useDraftMaterialization';
+import {
+  buildWorkflowActivityEditorHref,
+  buildWorkflowActivitySectionHref,
+  buildWorkflowActivityTemplatesHref,
+} from '../navigation';
+import TechnicalDetails from '../TechnicalDetails';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import {
+  createBlankWorkflowYaml,
+  hasBlockingFindings,
+  resolveAvailableWorkflowFileName,
+  type WorkflowCreationMode,
+} from './workflowCreation';
+
+export const WORKFLOW_GENERATION_TIMEOUT_MS = 120_000;
+
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
+function isWorkflowCreateResultUnknown(error: unknown): boolean {
+  return (
+    isStudioApiStatus(error, 408) ||
+    isStudioApiStatus(error, 504) ||
+    error instanceof TypeError ||
+    (typeof DOMException !== 'undefined' &&
+      error instanceof DOMException &&
+      error.name === 'AbortError')
+  );
+}
+
+const NewWorkflowPage: React.FC<{ readonly scopeId: string }> = ({
+  scopeId,
+}) => {
+  const modeItems: readonly {
+    readonly key: WorkflowCreationMode;
+    readonly icon: React.ReactNode;
+    readonly label: string;
+    readonly description: string;
+  }[] = [
+    {
+      key: 'describe',
+      icon: <RobotOutlined />,
+      label: t('workflowActivityVNext.new.mode.describe', 'Describe'),
+      description: t(
+        'workflowActivityVNext.new.mode.describe.description',
+        'Turn a goal into a workflow you can review and edit.',
+      ),
+    },
+    {
+      key: 'import',
+      icon: <ImportOutlined />,
+      label: t('workflowActivityVNext.new.mode.import', 'Import YAML'),
+      description: t(
+        'workflowActivityVNext.new.mode.import.description',
+        'Bring in an existing YAML workflow.',
+      ),
+    },
+    {
+      key: 'template',
+      icon: <FileTextOutlined />,
+      label: t('workflowActivityVNext.new.mode.template', 'Use template'),
+      description: t(
+        'workflowActivityVNext.new.mode.template.description',
+        'Start from a ready-made workflow and customize it.',
+      ),
+    },
+  ];
+  const [mode, setMode] = React.useState<WorkflowCreationMode | null>(null);
+  const [name, setName] = React.useState('');
+  const [prompt, setPrompt] = React.useState('');
+  const [yaml, setYaml] = React.useState('');
+  const [directoryId, setDirectoryId] = React.useState('');
+  const [findings, setFindings] = React.useState<
+    readonly StudioValidationFinding[]
+  >([]);
+  const [submitting, setSubmitting] = React.useState(false);
+  const [failure, setFailure] = React.useState('');
+  const [generationPhase, setGenerationPhase] = React.useState<
+    'idle' | 'generating' | 'validating' | 'saving' | 'cancelled' | 'timedOut'
+  >('idle');
+  const [generationText, setGenerationText] = React.useState('');
+  const [generationReasoning, setGenerationReasoning] = React.useState('');
+  const generation = React.useRef<AbortController | null>(null);
+  const generationTimer = React.useRef<number | undefined>(undefined);
+  const stopGeneration = React.useCallback(() => {
+    window.clearTimeout(generationTimer.current);
+    generation.current?.abort();
+    generation.current = null;
+  }, []);
+  React.useEffect(() => {
+    setSubmitting(false);
+    setGenerationPhase('idle');
+    setGenerationText('');
+    setGenerationReasoning('');
+    return stopGeneration;
+  }, [scopeId, stopGeneration]);
+  const cancelGeneration = () => {
+    stopGeneration();
+    setGenerationPhase('cancelled');
+    setSubmitting(false);
+  };
+  const toast = useConsoleToast();
+  const materialization = useDraftMaterialization(scopeId);
+  const workspace = useQuery({
+    queryKey: ['workflow-activity-vnext', 'workspace', scopeId],
+    queryFn: () => studioApi.getWorkspaceSettings(scopeId),
+    retry: false,
+  });
+  const existingWorkflows = useQuery({
+    queryKey: ['workflow-activity-vnext', 'drafts', scopeId],
+    queryFn: () => studioApi.listWorkflowDrafts(scopeId),
+    retry: false,
+  });
+  const existingCommittedWorkflows = useQuery({
+    queryKey: ['workflow-activity-vnext', 'committed', scopeId],
+    queryFn: () => scopesApi.listWorkflows(scopeId),
+    retry: false,
+  });
+
+  React.useEffect(() => {
+    if (!workspace.data) return;
+    if (
+      directoryId &&
+      workspace.data.directories.some(
+        (item) => item.directoryId === directoryId,
+      )
+    ) {
+      return;
+    }
+    setDirectoryId(workspace.data.directories[0]?.directoryId ?? '');
+  }, [directoryId, workspace.data]);
+
+  React.useEffect(() => {
+    if (!failure) return;
+    toast.error(
+      t(
+        'workflowActivityVNext.new.createFailed',
+        "Workflow couldn't be created",
+      ),
+    );
+  }, [failure, toast]);
+
+  const navigateToWorkflow = React.useCallback(
+    (workflowId: string) =>
+      history.push(buildWorkflowActivityEditorHref(scopeId, workflowId)),
+    [scopeId],
+  );
+
+  const finishSave = React.useCallback(
+    async (
+      result: StudioWorkflowSaveResult,
+      isCurrent: () => boolean = () => true,
+    ) => {
+      if (!isCurrent()) return;
+      if (result.kind === 'materialized') {
+        navigateToWorkflow(result.workflow.workflowId);
+        return;
+      }
+      const readable = await materialization.observe(result.receipt);
+      if (readable && isCurrent()) navigateToWorkflow(readable.workflowId);
+    },
+    [materialization.observe, navigateToWorkflow],
+  );
+
+  const persistDraft = async (
+    nextYaml: string,
+    workflowName: string,
+    isCurrent: () => boolean = () => true,
+  ) => {
+    if (!directoryId) {
+      setFailure(
+        t(
+          'workflowActivityVNext.new.saveTargetRequired',
+          'Choose an available save location before creating the workflow.',
+        ),
+      );
+      return;
+    }
+    let result: StudioWorkflowSaveResult;
+    try {
+      result = await studioApi.createWorkflowDraft({
+        directoryId,
+        fileName: resolveAvailableWorkflowFileName(
+          workflowName,
+          directoryId,
+          existingWorkflows.data ?? [],
+        ),
+        scopeId,
+        workflowName,
+        yaml: nextYaml,
+      });
+    } catch (error) {
+      if (!isCurrent()) return;
+      if (!isWorkflowCreateResultUnknown(error)) throw error;
+      toast.warning(
+        t(
+          'workflowActivityVNext.new.createUnconfirmed',
+          "Workflow creation couldn't be confirmed. Check Workflows before trying again.",
+        ),
+      );
+      void existingWorkflows.refetch();
+      return;
+    }
+    await finishSave(result, isCurrent);
+  };
+
+  const createBlank = async () => {
+    const workflowName = name.trim();
+    if (!workflowName || submitting) return;
+    setGenerationPhase('idle');
+    setGenerationText('');
+    setGenerationReasoning('');
+    setSubmitting(true);
+    setFailure('');
+    setFindings([]);
+    try {
+      await persistDraft(createBlankWorkflowYaml(workflowName), workflowName);
+    } catch (error) {
+      setFailure(errorMessage(error));
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  const validateAndPersist = async (
+    nextYaml: string,
+    preferredName?: string,
+  ) => {
+    if (!nextYaml.trim() || submitting) return;
+    setSubmitting(true);
+    setFailure('');
+    setFindings([]);
+    try {
+      const parsed = await studioApi.parseYaml({ yaml: nextYaml });
+      setFindings(parsed.findings);
+      if (hasBlockingFindings(parsed.document, parsed.findings)) return;
+      const workflowName = (
+        preferredName || String(parsed.document?.name ?? '')
+      ).trim();
+      if (!workflowName) return;
+      await persistDraft(nextYaml, workflowName);
+    } catch (error) {
+      setFailure(errorMessage(error));
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  const generateAndOpen = async () => {
+    const workflowName = name.trim();
+    if (!workflowName || !prompt.trim() || submitting || generation.current)
+      return;
+    const controller = new AbortController();
+    generation.current = controller;
+    const current = () =>
+      generation.current === controller && !controller.signal.aborted;
+    setSubmitting(true);
+    setFailure('');
+    setFindings([]);
+    setGenerationPhase('generating');
+    setGenerationText('');
+    setGenerationReasoning('');
+    generationTimer.current = window.setTimeout(() => {
+      if (!current()) return;
+      stopGeneration();
+      setGenerationPhase('timedOut');
+      setSubmitting(false);
+    }, WORKFLOW_GENERATION_TIMEOUT_MS);
+    try {
+      const generated = await studioApi.authorWorkflow(
+        { prompt },
+        {
+          signal: controller.signal,
+          onText: (text) => {
+            if (current()) setGenerationText(text.slice(-12000));
+          },
+          onReasoning: (text) => {
+            if (current()) setGenerationReasoning(text.slice(-12000));
+          },
+        },
+      );
+      if (!current()) return;
+      setGenerationPhase('validating');
+      const parsed = await studioApi.parseYaml({ yaml: generated });
+      if (!current()) return;
+      setFindings(parsed.findings);
+      if (hasBlockingFindings(parsed.document, parsed.findings)) return;
+      // Cancellation is available until saving begins. An accepted save has its
+      // own observation/recovery flow and must not be labelled cancelled.
+      window.clearTimeout(generationTimer.current);
+      setGenerationPhase('saving');
+      await persistDraft(generated, workflowName, current);
+    } catch (error) {
+      if (current()) setFailure(errorMessage(error));
+    } finally {
+      if (current()) {
+        stopGeneration();
+        setGenerationPhase('idle');
+        setSubmitting(false);
+      }
+    }
+  };
+
+  const retryObservation = async () => {
+    const readable = await materialization.retry();
+    if (readable) navigateToWorkflow(readable.workflowId);
+  };
+
+  const normalizedName = name.trim().toLocaleLowerCase();
+  const duplicateName = Boolean(
+    normalizedName &&
+      (existingWorkflows.data?.some(
+        (workflow) =>
+          workflow.name.trim().toLocaleLowerCase() === normalizedName,
+      ) ||
+        existingCommittedWorkflows.data?.some(
+          (workflow) =>
+            (workflow.displayName || workflow.workflowName)
+              .trim()
+              .toLocaleLowerCase() === normalizedName,
+        )),
+  );
+  const saveTargetUnavailable = !directoryId;
+  const workspaceAccessDenied =
+    isStudioApiStatus(workspace.error, 401) ||
+    isStudioApiStatus(workspace.error, 403);
+  const reviewAccess = () =>
+    history.push(buildWorkflowActivitySectionHref(scopeId, 'settings'));
+  const selectMode = (nextMode: WorkflowCreationMode) => {
+    setGenerationPhase('idle');
+    setFailure('');
+    setFindings([]);
+    if (nextMode === 'template') {
+      history.push(buildWorkflowActivityTemplatesHref(scopeId));
+      return;
+    }
+    setMode(nextMode);
+  };
+
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="workflows"
+      description={t(
+        'workflowActivityVNext.new.description',
+        'Choose how you want to start.',
+      )}
+      headerActions={
+        <Button
+          icon={<ArrowLeftOutlined />}
+          onClick={() =>
+            history.push(buildWorkflowActivitySectionHref(scopeId, 'workflows'))
+          }
+        >
+          {t('workflowActivityVNext.new.back', 'Back to workflows')}
+        </Button>
+      }
+      scopeId={scopeId}
+      title={t('workflowActivityVNext.new.title', 'New workflow')}
+    >
+      {workspace.isError ? (
+        <Alert
+          action={
+            <Space wrap>
+              <Button onClick={() => void workspace.refetch()}>
+                {t('workflowActivityVNext.common.retry', 'Retry')}
+              </Button>
+              <Button onClick={reviewAccess}>
+                {t('workflowActivityVNext.new.reviewAccess', 'Review access')}
+              </Button>
+            </Space>
+          }
+          description={t(
+            'workflowActivityVNext.new.workspaceUnavailableDescription',
+            'Choose a creation method now. Your input stays on this page while you restore access.',
+          )}
+          message={t(
+            workspaceAccessDenied
+              ? 'workflowActivityVNext.new.workspaceUnauthorized'
+              : 'workflowActivityVNext.new.workspaceUnavailable',
+            workspaceAccessDenied
+              ? "You don't have access to a save location in the current workspace."
+              : "The current workspace's save location couldn't be loaded.",
+          )}
+          showIcon
+          type="error"
+        />
+      ) : null}
+      {workspace.data?.directories.length === 0 ? (
+        <Alert
+          action={
+            <Space wrap>
+              <Button onClick={() => void workspace.refetch()}>
+                {t('workflowActivityVNext.common.retry', 'Retry')}
+              </Button>
+              <Button onClick={reviewAccess}>
+                {t('workflowActivityVNext.new.reviewAccess', 'Review access')}
+              </Button>
+            </Space>
+          }
+          description={t(
+            'workflowActivityVNext.new.noDirectoriesDescription',
+            'A save location is required to own the workflow. You can prepare your input here while access is restored.',
+          )}
+          message={t(
+            'workflowActivityVNext.new.noDirectories',
+            'No save location is available in the current workspace.',
+          )}
+          showIcon
+          type="warning"
+        />
+      ) : null}
+
+      {!mode ? (
+        <fieldset
+          aria-label={t(
+            'workflowActivityVNext.new.chooserAria',
+            'Workflow creation methods',
+          )}
+          className="wa-vnext__creation-options"
+        >
+          {modeItems.map((item) => (
+            <button
+              aria-label={item.label}
+              className="wa-vnext__creation-option"
+              key={item.key}
+              onClick={() => selectMode(item.key)}
+              type="button"
+            >
+              <span className="wa-vnext__creation-option-icon">
+                {item.icon}
+              </span>
+              <strong className="wa-vnext__creation-option-title">
+                {item.label}
+              </strong>
+              <span className="wa-vnext__creation-option-description">
+                {item.description}
+              </span>
+            </button>
+          ))}
+        </fieldset>
+      ) : (
+        <section className="wa-vnext__creation-surface">
+          <div className="wa-vnext__creation-form">
+            <div className="wa-vnext__creation-heading">
+              <Button
+                icon={<ArrowLeftOutlined />}
+                disabled={
+                  submitting &&
+                  generationPhase !== 'generating' &&
+                  generationPhase !== 'validating'
+                }
+                onClick={() => {
+                  stopGeneration();
+                  setSubmitting(false);
+                  setGenerationPhase('idle');
+                  setMode(null);
+                }}
+                type="text"
+              >
+                {t('workflowActivityVNext.new.changeMethod', 'Change method')}
+              </Button>
+              <Typography.Title className="wa-vnext__form-title" level={3}>
+                {modeItems.find((item) => item.key === mode)?.label ?? mode}
+              </Typography.Title>
+            </div>
+            {(workspace.data?.directories.length ?? 0) > 1 ? (
+              <div className="wa-vnext__creation-field">
+                <span>
+                  {t('workflowActivityVNext.new.directory', 'Save to')}
+                </span>
+                <Select
+                  aria-label={t(
+                    'workflowActivityVNext.new.directory',
+                    'Save to',
+                  )}
+                  onChange={setDirectoryId}
+                  options={(workspace.data?.directories ?? []).map((item) => ({
+                    label:
+                      item.isBuiltIn && item.label.trim() === scopeId
+                        ? t(
+                            'workflowActivityVNext.new.defaultWorkspace',
+                            'Default workspace',
+                          )
+                        : item.label,
+                    value: item.directoryId,
+                  }))}
+                  className="wa-vnext__field-control"
+                  disabled={saveTargetUnavailable || submitting}
+                  loading={workspace.isPending}
+                  value={directoryId || undefined}
+                />
+              </div>
+            ) : null}
+            {mode === 'describe' ? (
+              <div className="wa-vnext__creation-field">
+                <span>
+                  {t('workflowActivityVNext.new.name', 'Workflow name')}
+                </span>
+                <Input
+                  aria-label={t(
+                    'workflowActivityVNext.new.name',
+                    'Workflow name',
+                  )}
+                  disabled={submitting}
+                  onChange={(event) => setName(event.target.value)}
+                  className="wa-vnext__field-control"
+                  value={name}
+                />
+                {duplicateName ? (
+                  <p className="wa-vnext__duplicate-warning" role="status">
+                    {t(
+                      'workflowActivityVNext.workflows.duplicateNameWarning',
+                      'Another workflow already uses this name. Duplicate names are allowed.',
+                    )}
+                  </p>
+                ) : null}
+              </div>
+            ) : null}
+
+            {mode === 'describe' ? (
+              <>
+                <div className="wa-vnext__creation-field">
+                  <span>
+                    {t(
+                      'workflowActivityVNext.new.goal',
+                      'What should this workflow do?',
+                    )}
+                  </span>
+                  <Input.TextArea
+                    aria-label={t(
+                      'workflowActivityVNext.new.goal',
+                      'What should this workflow do?',
+                    )}
+                    disabled={submitting}
+                    onChange={(event) => setPrompt(event.target.value)}
+                    rows={5}
+                    className="wa-vnext__field-control"
+                    value={prompt}
+                  />
+                </div>
+                <div className="wa-vnext__creation-actions">
+                  <Button
+                    disabled={
+                      !name.trim() ||
+                      saveTargetUnavailable ||
+                      materialization.phase !== 'idle'
+                    }
+                    loading={submitting}
+                    onClick={() =>
+                      void (prompt.trim() ? generateAndOpen() : createBlank())
+                    }
+                    type="primary"
+                  >
+                    {t(
+                      'workflowActivityVNext.new.generate',
+                      'Generate and open',
+                    )}
+                  </Button>
+                  {generationPhase === 'generating' ||
+                  generationPhase === 'validating' ? (
+                    <Button onClick={cancelGeneration}>
+                      {t(
+                        'workflowActivityVNext.new.cancelGeneration',
+                        'Cancel generation',
+                      )}
+                    </Button>
+                  ) : null}
+                </div>
+                {generationPhase !== 'idle' ? (
+                  <div
+                    className="wa-vnext__notice wa-vnext__notice--progress"
+                    role="status"
+                  >
+                    <strong>
+                      {generationPhase === 'generating'
+                        ? t(
+                            'workflowActivityVNext.new.generating',
+                            'Generating workflow…',
+                          )
+                        : generationPhase === 'validating'
+                          ? t(
+                              'workflowActivityVNext.new.validating',
+                              'Checking generated workflow…',
+                            )
+                          : generationPhase === 'saving'
+                            ? t(
+                                'workflowActivityVNext.new.savingGenerated',
+                                'Saving workflow…',
+                              )
+                            : generationPhase === 'timedOut'
+                              ? t(
+                                  'workflowActivityVNext.new.generationTimedOut',
+                                  'Generation took longer than two minutes. No draft was saved. You can try again.',
+                                )
+                              : t(
+                                  'workflowActivityVNext.new.generationCancelled',
+                                  'Generation cancelled. Your name and description are kept; no draft was saved.',
+                                )}
+                    </strong>
+                    {generationPhase === 'generating' ? (
+                      <p>
+                        {generationReasoning || generationText
+                          ? t(
+                              'workflowActivityVNext.new.generationReceiving',
+                              'Generation updates received. Waiting for the completed workflow.',
+                            )
+                          : t(
+                              'workflowActivityVNext.new.generationWaiting',
+                              'Waiting for generation updates. You can cancel while you wait.',
+                            )}
+                      </p>
+                    ) : null}
+                  </div>
+                ) : null}
+                {generationReasoning || generationText ? (
+                  <div className="wa-vnext__generation-details">
+                    <TechnicalDetails
+                      summary={t(
+                        'workflowActivityVNext.new.generationDetails',
+                        'Generation details',
+                      )}
+                    >
+                      {generationReasoning ? (
+                        <pre>{generationReasoning}</pre>
+                      ) : null}
+                      {generationText ? <pre>{generationText}</pre> : null}
+                    </TechnicalDetails>
+                  </div>
+                ) : null}
+              </>
+            ) : null}
+
+            {mode === 'import' ? (
+              <>
+                <div className="wa-vnext__creation-field">
+                  <span>
+                    {t('workflowActivityVNext.new.yaml', 'Workflow YAML')}
+                  </span>
+                  <Input.TextArea
+                    aria-label={t(
+                      'workflowActivityVNext.new.yaml',
+                      'Workflow YAML',
+                    )}
+                    onChange={(event) => setYaml(event.target.value)}
+                    rows={16}
+                    className="wa-vnext__editor-yaml wa-vnext__field-control"
+                    value={yaml}
+                  />
+                </div>
+                <div className="wa-vnext__creation-actions">
+                  <Button
+                    disabled={!yaml.trim() || saveTargetUnavailable}
+                    loading={submitting}
+                    onClick={() => void validateAndPersist(yaml)}
+                    type="primary"
+                  >
+                    {t(
+                      'workflowActivityVNext.new.validateCreate',
+                      'Import and open',
+                    )}
+                  </Button>
+                </div>
+              </>
+            ) : null}
+
+            {failure ? (
+              <div
+                className="wa-vnext__notice wa-vnext__notice--error"
+                role="alert"
+              >
+                <strong>
+                  {t(
+                    'workflowActivityVNext.new.createFailed',
+                    "Workflow couldn't be created",
+                  )}
+                </strong>
+                <TechnicalDetails>{failure}</TechnicalDetails>
+              </div>
+            ) : null}
+            {findings.length > 0 ? (
+              <div aria-live="polite">
+                {findings.map((finding) => (
+                  <Alert
+                    key={[
+                      finding.code,
+                      finding.path,
+                      finding.level,
+                      finding.message,
+                    ].join('|')}
+                    message={finding.message}
+                    showIcon
+                    type={
+                      String(finding.level).toLowerCase() === 'error'
+                        ? 'error'
+                        : 'warning'
+                    }
+                  />
+                ))}
+              </div>
+            ) : null}
+            {materialization.phase !== 'idle' && materialization.receipt ? (
+              <div
+                className={
+                  materialization.phase === 'failed'
+                    ? 'wa-vnext__notice wa-vnext__notice--error'
+                    : 'wa-vnext__notice'
+                }
+                role="status"
+              >
+                <strong>
+                  {materialization.phase === 'delayed'
+                    ? t(
+                        'workflowActivityVNext.new.projectionDelayed',
+                        'This is taking longer than expected',
+                      )
+                    : materialization.phase === 'failed'
+                      ? t(
+                          'workflowActivityVNext.new.observationFailed',
+                          "Workflow couldn't be opened",
+                        )
+                      : t(
+                          'workflowActivityVNext.new.observing',
+                          'Creating workflow…',
+                        )}
+                </strong>
+                <p>
+                  {materialization.phase === 'delayed' ||
+                  materialization.phase === 'failed'
+                    ? t(
+                        'workflowActivityVNext.new.retryDescription',
+                        'Your work is safe. Try again to finish opening the workflow.',
+                      )
+                    : t(
+                        'workflowActivityVNext.new.creatingDescription',
+                        'This usually takes only a moment.',
+                      )}
+                </p>
+                {materialization.error ? (
+                  <TechnicalDetails>
+                    {errorMessage(materialization.error)}
+                  </TechnicalDetails>
+                ) : null}
+                {materialization.phase === 'delayed' ||
+                materialization.phase === 'failed' ? (
+                  <Button onClick={() => void retryObservation()}>
+                    {t(
+                      'workflowActivityVNext.new.retryObservation',
+                      'Try again',
+                    )}
+                  </Button>
+                ) : null}
+              </div>
+            ) : null}
+          </div>
+        </section>
+      )}
+    </WorkflowActivityVNextShell>
+  );
+};
+
+export default NewWorkflowPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/StructuredJsonArgumentsEditor.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/StructuredJsonArgumentsEditor.test.tsx
new file mode 100644
index 0000000000..a5df0a5815
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/StructuredJsonArgumentsEditor.test.tsx
@@ -0,0 +1,368 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import StructuredJsonArgumentsEditor from './StructuredJsonArgumentsEditor';
+
+function renderEditor(initialValue: string) {
+  function Harness() {
+    const [value, setValue] = React.useState(initialValue);
+    const [error, setError] = React.useState('');
+    return (
+      <>
+        <StructuredJsonArgumentsEditor
+          disabled={false}
+          onChange={setValue}
+          onErrorChange={setError}
+          value={value}
+        />
+        <output data-testid="editor-error">{error}</output>
+      </>
+    );
+  }
+
+  render(<Harness />);
+}
+
+describe('StructuredJsonArgumentsEditor', () => {
+  it('opens in Fields mode and renders nested values with matching controls', () => {
+    renderEditor('{"query":{"request":"$input"},"limit":3,"enabled":true}');
+
+    expect(screen.getByRole('radio', { name: 'Fields' })).toBeChecked();
+    expect(screen.getAllByText('Property').length).toBeGreaterThan(0);
+    expect(screen.getAllByText('Type').length).toBeGreaterThan(0);
+    expect(
+      screen.getByRole('textbox', { name: 'Value for query.request' }),
+    ).toHaveValue('$input');
+    expect(
+      screen.getByRole('spinbutton', { name: 'Value for limit' }),
+    ).toHaveValue('3');
+    expect(
+      screen.getByRole('switch', { name: 'Value for enabled' }),
+    ).toBeChecked();
+  });
+
+  it('parses safe numbers when native JSON.parse omits source context', () => {
+    const nativeParse = JSON.parse;
+    const parseSpy = jest
+      .spyOn(JSON, 'parse')
+      .mockImplementation((text, reviver) =>
+        nativeParse(
+          text,
+          reviver
+            ? function (this: unknown, key: string, parsedValue: unknown) {
+                return reviver.call(this, key, parsedValue);
+              }
+            : undefined,
+        ),
+      );
+
+    try {
+      renderEditor('{"count":2}');
+
+      expect(screen.getByRole('radio', { name: 'Fields' })).toBeChecked();
+      expect(
+        screen.getByRole('spinbutton', { name: 'Value for count' }),
+      ).toHaveValue('2');
+    } finally {
+      parseSpy.mockRestore();
+    }
+  });
+
+  it('synchronizes field edits to JSON while preserving the object shape', () => {
+    renderEditor('{"query":{"request":"$input"}}');
+
+    fireEvent.change(
+      screen.getByRole('textbox', { name: 'Value for query.request' }),
+      { target: { value: '$result' } },
+    );
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+
+    expect(
+      JSON.parse(
+        (
+          screen.getByRole('textbox', {
+            name: 'Arguments JSON',
+          }) as HTMLTextAreaElement
+        ).value,
+      ),
+    ).toEqual({ query: { request: '$result' } });
+  });
+
+  it('keeps array items structured instead of falling back to a JSON textarea', () => {
+    renderEditor('{"tags":["alpha",false]}');
+
+    expect(
+      screen.getByRole('textbox', { name: 'Value for tags[1]' }),
+    ).toHaveValue('alpha');
+    expect(
+      screen.getByRole('switch', { name: 'Value for tags[2]' }),
+    ).not.toBeChecked();
+    expect(
+      screen.getByRole('button', { name: 'Add item to tags' }),
+    ).toBeVisible();
+  });
+
+  it('adds, types, and removes properties without requiring raw JSON', () => {
+    renderEditor('{}');
+
+    fireEvent.click(screen.getByRole('button', { name: 'Add property' }));
+    fireEvent.change(
+      screen.getByRole('textbox', { name: 'Property name for property' }),
+      { target: { value: 'timeout' } },
+    );
+    fireEvent.mouseDown(
+      screen.getByRole('combobox', { name: 'Value type for timeout' }),
+    );
+    const numberOptions = screen.getAllByText('Number');
+    fireEvent.click(numberOptions[numberOptions.length - 1]);
+    fireEvent.change(
+      screen.getByRole('spinbutton', { name: 'Value for timeout' }),
+      { target: { value: '30' } },
+    );
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+
+    expect(
+      JSON.parse(
+        (
+          screen.getByRole('textbox', {
+            name: 'Arguments JSON',
+          }) as HTMLTextAreaElement
+        ).value,
+      ),
+    ).toEqual({ timeout: 30 });
+
+    fireEvent.click(screen.getByRole('radio', { name: 'Fields' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Remove timeout' }));
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+    expect(screen.getByRole('textbox', { name: 'Arguments JSON' })).toHaveValue(
+      '{}',
+    );
+  });
+
+  it('rebuilds fields from valid JSON and preserves invalid JSON for correction', () => {
+    renderEditor('{"query":"$input"}');
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+
+    const jsonInput = screen.getByRole('textbox', { name: 'Arguments JSON' });
+    fireEvent.change(jsonInput, {
+      target: { value: '{"request":"$result"}' },
+    });
+    fireEvent.click(screen.getByRole('radio', { name: 'Fields' }));
+    expect(
+      screen.getByRole('textbox', { name: 'Value for request' }),
+    ).toHaveValue('$result');
+
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Arguments JSON' }), {
+      target: { value: '{"request":' },
+    });
+    fireEvent.click(screen.getByRole('radio', { name: 'Fields' }));
+
+    expect(screen.getByRole('radio', { name: 'JSON' })).toBeChecked();
+    expect(screen.getByRole('textbox', { name: 'Arguments JSON' })).toHaveValue(
+      '{"request":',
+    );
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'Enter a valid JSON object before switching to Fields.',
+    );
+  });
+
+  it('treats a child emission as a one-shot echo before later external updates', () => {
+    const onChange = jest.fn();
+    const onErrorChange = jest.fn();
+    const props = { disabled: false, onChange, onErrorChange };
+    const { rerender } = render(
+      <StructuredJsonArgumentsEditor {...props} value='{"initial":"A"}' />,
+    );
+
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+    const invalidValue = '{"request":';
+    fireEvent.change(screen.getByRole('textbox', { name: 'Arguments JSON' }), {
+      target: { value: invalidValue },
+    });
+
+    rerender(<StructuredJsonArgumentsEditor {...props} value={invalidValue} />);
+    rerender(
+      <StructuredJsonArgumentsEditor {...props} value='{"external":"C"}' />,
+    );
+    rerender(<StructuredJsonArgumentsEditor {...props} value={invalidValue} />);
+
+    expect(screen.getByRole('textbox', { name: 'Arguments JSON' })).toHaveValue(
+      invalidValue,
+    );
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'Enter a valid JSON object before switching to Fields.',
+    );
+    expect(onErrorChange).toHaveBeenLastCalledWith(
+      'Enter a valid JSON object before switching to Fields.',
+    );
+  });
+
+  it('rejects duplicate property names without discarding either root value', () => {
+    renderEditor('{"name":"Ada","count":2}');
+
+    fireEvent.change(
+      screen.getByRole('textbox', { name: 'Property name for count' }),
+      { target: { value: 'name' } },
+    );
+
+    expect(
+      screen.getByRole('textbox', { name: 'Property name for count' }),
+    ).toHaveValue('count');
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'Property names must be unique. "name" already exists in this object.',
+    );
+    expect(screen.getByTestId('editor-error')).toHaveTextContent(
+      'Property names must be unique.',
+    );
+
+    fireEvent.change(
+      screen.getByRole('textbox', { name: 'Property name for count' }),
+      { target: { value: 'total' } },
+    );
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  });
+
+  it('rejects duplicate property names within the same nested object', () => {
+    renderEditor('{"query":{"request":"$input","format":"json"}}');
+
+    fireEvent.change(
+      screen.getByRole('textbox', { name: 'Property name for query.format' }),
+      { target: { value: 'request' } },
+    );
+
+    expect(
+      screen.getByRole('textbox', { name: 'Property name for query.format' }),
+    ).toHaveValue('format');
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'Property names must be unique. "request" already exists in this object.',
+    );
+  });
+
+  it('keeps unsafe integer JSON exact and prevents switching to Fields', () => {
+    const unsafeJson = '{"id":9007199254740993,"label":"old"}';
+    renderEditor(unsafeJson);
+
+    expect(screen.getByRole('radio', { name: 'JSON' })).toBeChecked();
+    expect(screen.getByRole('textbox', { name: 'Arguments JSON' })).toHaveValue(
+      unsafeJson,
+    );
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'This JSON contains a number that Fields mode cannot represent safely. Edit it in JSON or use a string.',
+    );
+
+    fireEvent.click(screen.getByRole('radio', { name: 'Fields' }));
+
+    expect(screen.getByRole('radio', { name: 'JSON' })).toBeChecked();
+    expect(screen.getByRole('textbox', { name: 'Arguments JSON' })).toHaveValue(
+      unsafeJson,
+    );
+  });
+
+  it('keeps overflowing exponent notation in JSON mode', () => {
+    const overflowingJson = '{"amount":1e400}';
+    renderEditor(overflowingJson);
+
+    expect(screen.getByRole('radio', { name: 'JSON' })).toBeChecked();
+    expect(screen.getByRole('textbox', { name: 'Arguments JSON' })).toHaveValue(
+      overflowingJson,
+    );
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'This JSON contains a number that Fields mode cannot represent safely.',
+    );
+  });
+
+  it.each([
+    ['underflowing exponent', '{"amount":1e-400}'],
+    ['high-precision decimal', '{"amount":0.1234567890123456789}'],
+  ])('keeps a lossy %s exact in JSON mode', (_label, lossyJson) => {
+    renderEditor(lossyJson);
+
+    expect(screen.getByRole('radio', { name: 'JSON' })).toBeChecked();
+    expect(screen.getByRole('textbox', { name: 'Arguments JSON' })).toHaveValue(
+      lossyJson,
+    );
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'This JSON contains a number that Fields mode cannot represent safely.',
+    );
+  });
+
+  it.each([
+    ['decimal zero', '{"amount":0.0}'],
+    ['exponent zero', '{"amount":0e5}'],
+  ])('opens a safely representable %s in Fields mode', (_label, safeJson) => {
+    renderEditor(safeJson);
+
+    expect(screen.getByRole('radio', { name: 'Fields' })).toBeChecked();
+    expect(
+      screen.getByRole('spinbutton', { name: 'Value for amount' }),
+    ).toHaveValue('0');
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  });
+
+  it('blocks unsafe integers entered through a number field', () => {
+    renderEditor('{"id":1}');
+
+    fireEvent.change(screen.getByRole('spinbutton', { name: 'Value for id' }), {
+      target: { value: '9007199254740993' },
+    });
+
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'This JSON contains a number that Fields mode cannot represent safely. Edit it in JSON or use a string.',
+    );
+    expect(screen.getByTestId('editor-error')).toHaveTextContent(
+      'cannot represent safely',
+    );
+  });
+
+  it('blocks non-finite exponent values entered through a number field', () => {
+    renderEditor('{"amount":1}');
+
+    fireEvent.change(
+      screen.getByRole('spinbutton', { name: 'Value for amount' }),
+      { target: { value: '1e400' } },
+    );
+
+    expect(screen.getByRole('alert')).toHaveTextContent(
+      'This JSON contains a number that Fields mode cannot represent safely.',
+    );
+    expect(screen.getByTestId('editor-error')).toHaveTextContent(
+      'cannot represent safely',
+    );
+  });
+
+  it('accepts a safely representable zero entered through a number field', () => {
+    renderEditor('{"amount":1}');
+
+    fireEvent.input(
+      screen.getByRole('spinbutton', { name: 'Value for amount' }),
+      { target: { value: '0.0' } },
+    );
+
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+    expect(screen.getByTestId('editor-error')).toBeEmptyDOMElement();
+  });
+
+  it('associates JSON errors with the textarea', () => {
+    renderEditor('{"query":"$input"}');
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+    const jsonInput = screen.getByRole('textbox', { name: 'Arguments JSON' });
+
+    fireEvent.change(jsonInput, { target: { value: '{"query":' } });
+
+    const error = screen.getByRole('alert');
+    expect(jsonInput).toHaveAttribute('aria-invalid', 'true');
+    expect(jsonInput).toHaveAttribute('aria-describedby', error.id);
+  });
+
+  it('gives nested add actions contextual accessible names', () => {
+    renderEditor('{"query":{},"tags":[]}');
+
+    expect(
+      screen.getByRole('button', { name: 'Add property to query' }),
+    ).toBeVisible();
+    expect(
+      screen.getByRole('button', { name: 'Add item to tags' }),
+    ).toBeVisible();
+    expect(screen.getByRole('button', { name: 'Add property' })).toBeVisible();
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/StructuredJsonArgumentsEditor.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/StructuredJsonArgumentsEditor.tsx
new file mode 100644
index 0000000000..e2c6b3e413
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/StructuredJsonArgumentsEditor.tsx
@@ -0,0 +1,882 @@
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
+import {
+  Button,
+  Input,
+  InputNumber,
+  Segmented,
+  Select,
+  Switch,
+  Typography,
+} from 'antd';
+import jsonParse from 'core-js-pure/actual/json/parse';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+
+type EditorMode = 'fields' | 'json';
+type JsonNodeType =
+  | 'array'
+  | 'boolean'
+  | 'null'
+  | 'number'
+  | 'object'
+  | 'string';
+
+type JsonObjectEntry = {
+  readonly id: string;
+  readonly key: string;
+  readonly value: JsonNode;
+};
+
+type JsonNode = {
+  readonly arrayItems?: readonly JsonNode[];
+  readonly booleanValue?: boolean;
+  readonly id: string;
+  readonly numberValue?: string;
+  readonly objectEntries?: readonly JsonObjectEntry[];
+  readonly stringValue?: string;
+  readonly type: JsonNodeType;
+};
+
+type StructuredJsonArgumentsEditorProps = {
+  readonly disabled: boolean;
+  readonly onChange: (value: string) => void;
+  readonly onErrorChange?: (error: string) => void;
+  readonly value: string;
+};
+
+type EditorNotice = {
+  readonly controlId?: string;
+  readonly kind: 'error' | 'warning';
+  readonly message: string;
+  readonly source: 'field' | 'json';
+};
+
+type ParseObjectResult =
+  | { readonly kind: 'invalid' }
+  | { readonly kind: 'unsafe-number' }
+  | { readonly kind: 'valid'; readonly root: JsonNode };
+
+type DecimalValue = {
+  readonly coefficient: bigint;
+  readonly exponent: bigint;
+  readonly negativeZero: boolean;
+};
+
+type JsonParseWithSource = (
+  text: string,
+  reviver: (
+    this: unknown,
+    key: string,
+    value: unknown,
+    context?: { readonly source?: string },
+  ) => unknown,
+) => unknown;
+
+let nextEditorNodeId = 0;
+
+function createNodeId(): string {
+  nextEditorNodeId += 1;
+  return `argument-node-${nextEditorNodeId}`;
+}
+
+function createNode(type: JsonNodeType): JsonNode {
+  const base = { id: createNodeId(), type } as const;
+  switch (type) {
+    case 'array':
+      return { ...base, arrayItems: [] };
+    case 'boolean':
+      return { ...base, booleanValue: false };
+    case 'null':
+      return base;
+    case 'number':
+      return { ...base, numberValue: '0' };
+    case 'object':
+      return { ...base, objectEntries: [] };
+    case 'string':
+      return { ...base, stringValue: '' };
+  }
+}
+
+function nodeFromValue(value: unknown): JsonNode {
+  if (value === null) return createNode('null');
+  if (Array.isArray(value)) {
+    return {
+      ...createNode('array'),
+      arrayItems: value.map(nodeFromValue),
+    };
+  }
+  switch (typeof value) {
+    case 'boolean':
+      return { ...createNode('boolean'), booleanValue: value };
+    case 'number':
+      return { ...createNode('number'), numberValue: String(value) };
+    case 'object':
+      return {
+        ...createNode('object'),
+        objectEntries: Object.entries(value as Record<string, unknown>).map(
+          ([key, entryValue]) => ({
+            id: createNodeId(),
+            key,
+            value: nodeFromValue(entryValue),
+          }),
+        ),
+      };
+    default:
+      return { ...createNode('string'), stringValue: String(value ?? '') };
+  }
+}
+
+function valueFromNode(node: JsonNode): unknown {
+  switch (node.type) {
+    case 'array':
+      return (node.arrayItems ?? []).map(valueFromNode);
+    case 'boolean':
+      return node.booleanValue ?? false;
+    case 'null':
+      return null;
+    case 'number': {
+      const parsed = Number(node.numberValue ?? '0');
+      return Number.isFinite(parsed) ? parsed : 0;
+    }
+    case 'object':
+      return Object.fromEntries(
+        (node.objectEntries ?? []).map((entry) => [
+          entry.key,
+          valueFromNode(entry.value),
+        ]),
+      );
+    case 'string':
+      return node.stringValue ?? '';
+  }
+}
+
+function decimalValue(source: string): DecimalValue | null {
+  const match = source.match(
+    /^(-?)(0|[1-9]\d*)(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/,
+  );
+  if (!match) return null;
+  const [, sign, integer, fraction = '', sourceExponent = '0'] = match;
+  const zero = BigInt(0);
+  const one = BigInt(1);
+  const ten = BigInt(10);
+  let coefficient = BigInt(`${integer}${fraction}`);
+  let exponent = BigInt(sourceExponent) - BigInt(fraction.length);
+  while (coefficient !== zero && coefficient % ten === zero) {
+    coefficient /= ten;
+    exponent += one;
+  }
+  if (coefficient === zero) exponent = zero;
+  return {
+    coefficient: sign === '-' ? -coefficient : coefficient,
+    exponent,
+    negativeZero: sign === '-' && coefficient === zero,
+  };
+}
+
+function numberSourceRoundTrips(source: string, value: number): boolean {
+  if (!Number.isFinite(value)) return false;
+  if (Number.isInteger(value) && !Number.isSafeInteger(value)) return false;
+  const serialized = JSON.stringify(value);
+  if (!serialized) return false;
+  const originalValue = decimalValue(source);
+  const serializedValue = decimalValue(serialized);
+  return (
+    originalValue !== null &&
+    serializedValue !== null &&
+    originalValue.coefficient === serializedValue.coefficient &&
+    originalValue.exponent === serializedValue.exponent &&
+    originalValue.negativeZero === serializedValue.negativeZero
+  );
+}
+
+function parseObject(value: string): ParseObjectResult {
+  try {
+    let hasUnsupportedNumber = false;
+    const parsed = value.trim()
+      ? (jsonParse as JsonParseWithSource)(
+          value,
+          (_key, parsedValue, context) => {
+            if (
+              typeof parsedValue === 'number' &&
+              (!context?.source ||
+                !numberSourceRoundTrips(context.source, parsedValue))
+            ) {
+              hasUnsupportedNumber = true;
+            }
+            return parsedValue;
+          },
+        )
+      : {};
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return { kind: 'invalid' };
+    }
+    if (hasUnsupportedNumber) return { kind: 'unsafe-number' };
+    return { kind: 'valid', root: nodeFromValue(parsed) };
+  } catch {
+    return { kind: 'invalid' };
+  }
+}
+
+function findUnsupportedNumberNode(node: JsonNode): JsonNode | null {
+  if (node.type === 'number') {
+    const numberSource = node.numberValue ?? '0';
+    return numberSourceRoundTrips(numberSource, Number(numberSource))
+      ? null
+      : node;
+  }
+  if (node.type === 'array') {
+    for (const item of node.arrayItems ?? []) {
+      const unsafeNode = findUnsupportedNumberNode(item);
+      if (unsafeNode) return unsafeNode;
+    }
+  }
+  if (node.type === 'object') {
+    for (const entry of node.objectEntries ?? []) {
+      const unsafeNode = findUnsupportedNumberNode(entry.value);
+      if (unsafeNode) return unsafeNode;
+    }
+  }
+  return null;
+}
+
+function hasSiblingProperty(
+  node: JsonNode,
+  entryId: string,
+  nextKey: string,
+): boolean {
+  if (node.type === 'object') {
+    const entries = node.objectEntries ?? [];
+    if (entries.some((entry) => entry.id === entryId)) {
+      return entries.some(
+        (entry) => entry.id !== entryId && entry.key === nextKey,
+      );
+    }
+    return entries.some((entry) =>
+      hasSiblingProperty(entry.value, entryId, nextKey),
+    );
+  }
+  if (node.type === 'array') {
+    return (node.arrayItems ?? []).some((item) =>
+      hasSiblingProperty(item, entryId, nextKey),
+    );
+  }
+  return false;
+}
+
+function updateNode(
+  node: JsonNode,
+  nodeId: string,
+  update: (current: JsonNode) => JsonNode,
+): JsonNode {
+  if (node.id === nodeId) return update(node);
+  if (node.type === 'object') {
+    return {
+      ...node,
+      objectEntries: (node.objectEntries ?? []).map((entry) => ({
+        ...entry,
+        value: updateNode(entry.value, nodeId, update),
+      })),
+    };
+  }
+  if (node.type === 'array') {
+    return {
+      ...node,
+      arrayItems: (node.arrayItems ?? []).map((item) =>
+        updateNode(item, nodeId, update),
+      ),
+    };
+  }
+  return node;
+}
+
+function updateObjectEntry(
+  node: JsonNode,
+  entryId: string,
+  update: (current: JsonObjectEntry) => JsonObjectEntry,
+): JsonNode {
+  if (node.type === 'object') {
+    return {
+      ...node,
+      objectEntries: (node.objectEntries ?? []).map((entry) => ({
+        ...(entry.id === entryId ? update(entry) : entry),
+        value: updateObjectEntry(entry.value, entryId, update),
+      })),
+    };
+  }
+  if (node.type === 'array') {
+    return {
+      ...node,
+      arrayItems: (node.arrayItems ?? []).map((item) =>
+        updateObjectEntry(item, entryId, update),
+      ),
+    };
+  }
+  return node;
+}
+
+function removeObjectEntry(node: JsonNode, entryId: string): JsonNode {
+  if (node.type === 'object') {
+    return {
+      ...node,
+      objectEntries: (node.objectEntries ?? [])
+        .filter((entry) => entry.id !== entryId)
+        .map((entry) => ({
+          ...entry,
+          value: removeObjectEntry(entry.value, entryId),
+        })),
+    };
+  }
+  if (node.type === 'array') {
+    return {
+      ...node,
+      arrayItems: (node.arrayItems ?? []).map((item) =>
+        removeObjectEntry(item, entryId),
+      ),
+    };
+  }
+  return node;
+}
+
+function removeArrayItem(node: JsonNode, itemId: string): JsonNode {
+  if (node.type === 'array') {
+    return {
+      ...node,
+      arrayItems: (node.arrayItems ?? [])
+        .filter((item) => item.id !== itemId)
+        .map((item) => removeArrayItem(item, itemId)),
+    };
+  }
+  if (node.type === 'object') {
+    return {
+      ...node,
+      objectEntries: (node.objectEntries ?? []).map((entry) => ({
+        ...entry,
+        value: removeArrayItem(entry.value, itemId),
+      })),
+    };
+  }
+  return node;
+}
+
+function uniquePropertyName(entries: readonly JsonObjectEntry[]): string {
+  const existing = new Set(entries.map((entry) => entry.key));
+  if (!existing.has('property')) return 'property';
+  let suffix = 2;
+  while (existing.has(`property${suffix}`)) suffix += 1;
+  return `property${suffix}`;
+}
+
+function noticeForParseResult(
+  result: Exclude<ParseObjectResult, { readonly kind: 'valid' }>,
+): EditorNotice {
+  if (result.kind === 'unsafe-number') {
+    return {
+      kind: 'warning',
+      message: t(
+        'workflowActivityVNext.arguments.unsupportedNumber',
+        'This JSON contains a number that Fields mode cannot represent safely. Edit it in JSON or use a string.',
+      ),
+      source: 'json',
+    };
+  }
+  return {
+    kind: 'error',
+    message: t(
+      'workflowActivityVNext.arguments.invalidObject',
+      'Enter a valid JSON object before switching to Fields.',
+    ),
+    source: 'json',
+  };
+}
+
+const StructuredJsonArgumentsEditor: React.FC<
+  StructuredJsonArgumentsEditorProps
+> = ({ disabled, onChange, onErrorChange, value }) => {
+  const [initialParse] = React.useState(() => parseObject(value));
+  const initialRoot =
+    initialParse.kind === 'valid' ? initialParse.root : createNode('object');
+  const [mode, setMode] = React.useState<EditorMode>(
+    initialParse.kind === 'valid' ? 'fields' : 'json',
+  );
+  const [root, setRoot] = React.useState<JsonNode>(initialRoot);
+  const [rawText, setRawText] = React.useState(value.trim() ? value : '{}');
+  const [notice, setNotice] = React.useState<EditorNotice | null>(() => {
+    if (initialParse.kind === 'invalid') {
+      return {
+        kind: 'error',
+        message: t(
+          'workflowActivityVNext.arguments.invalidObject',
+          'Enter a valid JSON object before switching to Fields.',
+        ),
+        source: 'json',
+      };
+    }
+    if (initialParse.kind === 'unsafe-number') {
+      return {
+        kind: 'warning',
+        message: t(
+          'workflowActivityVNext.arguments.unsupportedNumber',
+          'This JSON contains a number that Fields mode cannot represent safely. Edit it in JSON or use a string.',
+        ),
+        source: 'json',
+      };
+    }
+    return null;
+  });
+  const lastEmittedValueRef = React.useRef<string | null>(null);
+  const noticeId = React.useId();
+  const editorError = notice?.kind === 'error' ? notice.message : '';
+
+  React.useEffect(() => {
+    onErrorChange?.(editorError);
+  }, [editorError, onErrorChange]);
+
+  React.useEffect(() => {
+    if (value === lastEmittedValueRef.current) {
+      lastEmittedValueRef.current = null;
+      return;
+    }
+    lastEmittedValueRef.current = null;
+    const nextParse = parseObject(value);
+    setRawText(value.trim() ? value : '{}');
+    if (nextParse.kind !== 'valid') {
+      setMode('json');
+      setNotice(noticeForParseResult(nextParse));
+      return;
+    }
+    setRoot(nextParse.root);
+    setNotice(null);
+  }, [value]);
+
+  const commitRoot = (nextRoot: JsonNode) => {
+    if (disabled) return;
+    const unsafeNode = findUnsupportedNumberNode(nextRoot);
+    if (unsafeNode) {
+      setRoot(nextRoot);
+      setNotice({
+        controlId: unsafeNode.id,
+        kind: 'error',
+        message: t(
+          'workflowActivityVNext.arguments.unsupportedNumber',
+          'This JSON contains a number that Fields mode cannot represent safely. Edit it in JSON or use a string.',
+        ),
+        source: 'field',
+      });
+      return;
+    }
+    const nextText = JSON.stringify(valueFromNode(nextRoot), null, 2);
+    setRoot(nextRoot);
+    setRawText(nextText);
+    setNotice(null);
+    lastEmittedValueRef.current = nextText === value ? null : nextText;
+    onChange(nextText);
+  };
+
+  const changeMode = (nextMode: EditorMode) => {
+    if (nextMode === 'json') {
+      if (notice?.source === 'field') {
+        const currentParse = parseObject(rawText);
+        if (currentParse.kind === 'valid') {
+          setRoot(currentParse.root);
+          setNotice(null);
+        } else {
+          setNotice(noticeForParseResult(currentParse));
+        }
+      }
+      setMode('json');
+      return;
+    }
+    const nextParse = parseObject(rawText);
+    if (nextParse.kind !== 'valid') {
+      setNotice(noticeForParseResult(nextParse));
+      return;
+    }
+    setRoot(nextParse.root);
+    setNotice(null);
+    setMode('fields');
+  };
+
+  const changeRawText = (nextText: string) => {
+    if (disabled) return;
+    setRawText(nextText);
+    lastEmittedValueRef.current = nextText === value ? null : nextText;
+    onChange(nextText);
+    const nextParse = parseObject(nextText);
+    if (nextParse.kind === 'valid') {
+      setRoot(nextParse.root);
+      setNotice(null);
+      return;
+    }
+    setNotice(noticeForParseResult(nextParse));
+  };
+
+  const typeOptions = (
+    [
+      ['string', 'String'],
+      ['number', 'Number'],
+      ['boolean', 'Boolean'],
+      ['object', 'Object'],
+      ['array', 'Array'],
+      ['null', 'Null'],
+    ] as const
+  ).map(([optionValue, defaultMessage]) => ({
+    label: t(
+      `workflowActivityVNext.arguments.type.${optionValue}`,
+      defaultMessage,
+    ),
+    value: optionValue,
+  }));
+
+  const renderValue = (node: JsonNode, path: string): React.ReactNode => {
+    const valueLabel = t(
+      'workflowActivityVNext.arguments.valueAria',
+      'Value for {path}',
+      { path },
+    );
+    switch (node.type) {
+      case 'string':
+        return (
+          <Input
+            aria-label={valueLabel}
+            disabled={disabled}
+            onChange={(event) =>
+              commitRoot(
+                updateNode(root, node.id, (current) => ({
+                  ...current,
+                  stringValue: event.target.value,
+                })),
+              )
+            }
+            value={node.stringValue ?? ''}
+          />
+        );
+      case 'number':
+        return (
+          <InputNumber
+            aria-describedby={
+              notice?.controlId === node.id ? noticeId : undefined
+            }
+            aria-invalid={notice?.controlId === node.id}
+            aria-label={valueLabel}
+            disabled={disabled}
+            onInput={(nextText) =>
+              commitRoot(
+                updateNode(root, node.id, (current) => ({
+                  ...current,
+                  numberValue: nextText.trim() ? nextText : '0',
+                })),
+              )
+            }
+            onChange={(nextValue) =>
+              commitRoot(
+                updateNode(root, node.id, (current) => ({
+                  ...current,
+                  numberValue: String(nextValue ?? 0),
+                })),
+              )
+            }
+            stringMode
+            value={node.numberValue ?? '0'}
+          />
+        );
+      case 'boolean':
+        return (
+          <Switch
+            aria-label={valueLabel}
+            checked={node.booleanValue ?? false}
+            disabled={disabled}
+            onChange={(checked) =>
+              commitRoot(
+                updateNode(root, node.id, (current) => ({
+                  ...current,
+                  booleanValue: checked,
+                })),
+              )
+            }
+          />
+        );
+      case 'null':
+        return (
+          <Typography.Text
+            className="wa-vnext__arguments-null"
+            type="secondary"
+          >
+            {t('workflowActivityVNext.arguments.nullValue', 'No value')}
+          </Typography.Text>
+        );
+      case 'object':
+        return renderObject(node, path);
+      case 'array':
+        return renderArray(node, path);
+    }
+  };
+
+  const renderTypeSelect = (node: JsonNode, path: string) => (
+    <Select<JsonNodeType>
+      aria-label={t(
+        'workflowActivityVNext.arguments.valueTypeAria',
+        'Value type for {path}',
+        { path },
+      )}
+      disabled={disabled}
+      onChange={(nextType) =>
+        commitRoot(updateNode(root, node.id, () => createNode(nextType)))
+      }
+      options={typeOptions}
+      value={node.type}
+    />
+  );
+
+  const renderObject = (node: JsonNode, path: string): React.ReactNode => {
+    const entries = node.objectEntries ?? [];
+    return (
+      <div className="wa-vnext__arguments-collection">
+        {entries.length === 0 ? (
+          <Typography.Text
+            className="wa-vnext__arguments-empty"
+            type="secondary"
+          >
+            {t(
+              'workflowActivityVNext.arguments.emptyObject',
+              'No properties yet',
+            )}
+          </Typography.Text>
+        ) : null}
+        {entries.length > 0 ? (
+          <div className="wa-vnext__arguments-column-labels">
+            <span>
+              {t('workflowActivityVNext.arguments.columnProperty', 'Property')}
+            </span>
+            <span>
+              {t('workflowActivityVNext.arguments.columnType', 'Type')}
+            </span>
+            <span />
+          </div>
+        ) : null}
+        {entries.map((entry) => {
+          const entryPath = path ? `${path}.${entry.key}` : entry.key;
+          const displayPath =
+            entryPath ||
+            t(
+              'workflowActivityVNext.arguments.unnamedProperty',
+              'unnamed property',
+            );
+          return (
+            <div className="wa-vnext__arguments-entry" key={entry.id}>
+              <div className="wa-vnext__arguments-entry-heading">
+                <Input
+                  aria-describedby={
+                    notice?.controlId === entry.id ? noticeId : undefined
+                  }
+                  aria-invalid={notice?.controlId === entry.id}
+                  aria-label={t(
+                    'workflowActivityVNext.arguments.propertyNameAria',
+                    'Property name for {path}',
+                    { path: displayPath },
+                  )}
+                  disabled={disabled}
+                  onChange={(event) => {
+                    const nextKey = event.target.value;
+                    if (hasSiblingProperty(root, entry.id, nextKey)) {
+                      setNotice({
+                        controlId: entry.id,
+                        kind: 'error',
+                        message: t(
+                          'workflowActivityVNext.arguments.duplicateProperty',
+                          'Property names must be unique. "{property}" already exists in this object.',
+                          { property: nextKey },
+                        ),
+                        source: 'field',
+                      });
+                      return;
+                    }
+                    commitRoot(
+                      updateObjectEntry(root, entry.id, (current) => ({
+                        ...current,
+                        key: nextKey,
+                      })),
+                    );
+                  }}
+                  placeholder={t(
+                    'workflowActivityVNext.arguments.propertyName',
+                    'Property name',
+                  )}
+                  value={entry.key}
+                />
+                {renderTypeSelect(entry.value, displayPath)}
+                <Button
+                  aria-label={t(
+                    'workflowActivityVNext.arguments.removePropertyAria',
+                    'Remove {path}',
+                    { path: displayPath },
+                  )}
+                  danger
+                  disabled={disabled}
+                  icon={<DeleteOutlined />}
+                  onClick={() => commitRoot(removeObjectEntry(root, entry.id))}
+                  type="text"
+                />
+              </div>
+              <div className="wa-vnext__arguments-entry-value">
+                {renderValue(entry.value, displayPath)}
+              </div>
+            </div>
+          );
+        })}
+        <Button
+          aria-label={
+            path
+              ? t(
+                  'workflowActivityVNext.arguments.addPropertyAria',
+                  'Add property to {path}',
+                  { path },
+                )
+              : t('workflowActivityVNext.arguments.addProperty', 'Add property')
+          }
+          disabled={disabled}
+          icon={<PlusOutlined />}
+          onClick={() =>
+            commitRoot(
+              updateNode(root, node.id, (current) => ({
+                ...current,
+                objectEntries: [
+                  ...(current.objectEntries ?? []),
+                  {
+                    id: createNodeId(),
+                    key: uniquePropertyName(current.objectEntries ?? []),
+                    value: createNode('string'),
+                  },
+                ],
+              })),
+            )
+          }
+          type="dashed"
+        >
+          {t('workflowActivityVNext.arguments.addProperty', 'Add property')}
+        </Button>
+      </div>
+    );
+  };
+
+  const renderArray = (node: JsonNode, path: string): React.ReactNode => {
+    const items = node.arrayItems ?? [];
+    return (
+      <div className="wa-vnext__arguments-collection">
+        {items.length === 0 ? (
+          <Typography.Text
+            className="wa-vnext__arguments-empty"
+            type="secondary"
+          >
+            {t('workflowActivityVNext.arguments.emptyArray', 'No items yet')}
+          </Typography.Text>
+        ) : null}
+        {items.map((item, index) => {
+          const itemPath = `${path}[${index + 1}]`;
+          return (
+            <div className="wa-vnext__arguments-entry" key={item.id}>
+              <div className="wa-vnext__arguments-array-heading">
+                <Typography.Text>
+                  {t('workflowActivityVNext.arguments.item', 'Item {number}', {
+                    number: index + 1,
+                  })}
+                </Typography.Text>
+                {renderTypeSelect(item, itemPath)}
+                <Button
+                  aria-label={t(
+                    'workflowActivityVNext.arguments.removeItemAria',
+                    'Remove item {number}',
+                    { number: index + 1 },
+                  )}
+                  danger
+                  disabled={disabled}
+                  icon={<DeleteOutlined />}
+                  onClick={() => commitRoot(removeArrayItem(root, item.id))}
+                  type="text"
+                />
+              </div>
+              <div className="wa-vnext__arguments-entry-value">
+                {renderValue(item, itemPath)}
+              </div>
+            </div>
+          );
+        })}
+        <Button
+          aria-label={t(
+            'workflowActivityVNext.arguments.addItemAria',
+            'Add item to {path}',
+            { path },
+          )}
+          disabled={disabled}
+          icon={<PlusOutlined />}
+          onClick={() =>
+            commitRoot(
+              updateNode(root, node.id, (current) => ({
+                ...current,
+                arrayItems: [
+                  ...(current.arrayItems ?? []),
+                  createNode('string'),
+                ],
+              })),
+            )
+          }
+          type="dashed"
+        >
+          {t('workflowActivityVNext.arguments.addItem', 'Add item')}
+        </Button>
+      </div>
+    );
+  };
+
+  return (
+    <div className="wa-vnext__arguments-editor">
+      <Segmented<EditorMode>
+        block
+        disabled={disabled}
+        onChange={changeMode}
+        options={[
+          {
+            label: t('workflowActivityVNext.arguments.mode.fields', 'Fields'),
+            value: 'fields',
+          },
+          {
+            label: t('workflowActivityVNext.arguments.mode.json', 'JSON'),
+            value: 'json',
+          },
+        ]}
+        value={mode}
+      />
+      {mode === 'fields' ? (
+        renderObject(root, '')
+      ) : (
+        <div className="wa-vnext__arguments-json">
+          <Input.TextArea
+            aria-describedby={notice ? noticeId : undefined}
+            aria-invalid={notice?.kind === 'error'}
+            aria-label={t(
+              'workflowActivityVNext.arguments.jsonAria',
+              'Arguments JSON',
+            )}
+            autoSize={{ maxRows: 14, minRows: 7 }}
+            disabled={disabled}
+            onChange={(event) => changeRawText(event.target.value)}
+            spellCheck={false}
+            status={notice?.kind === 'error' ? 'error' : undefined}
+            value={rawText}
+          />
+        </div>
+      )}
+      {notice ? (
+        <Typography.Text
+          className="wa-vnext__arguments-error"
+          id={noticeId}
+          role="alert"
+          type={notice.kind === 'error' ? 'danger' : 'warning'}
+        >
+          {notice.message}
+        </Typography.Text>
+      ) : null}
+    </div>
+  );
+};
+
+export default StructuredJsonArgumentsEditor;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx
new file mode 100644
index 0000000000..61ec42b093
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx
@@ -0,0 +1,1521 @@
+import {
+  ArrowLeftOutlined,
+  CalendarOutlined,
+  CodeOutlined,
+  NodeIndexOutlined,
+  PlayCircleOutlined,
+  PlusOutlined,
+  RocketOutlined,
+  SaveOutlined,
+  UpOutlined,
+} from '@ant-design/icons';
+import { useQuery } from '@tanstack/react-query';
+import { Alert, Button, Input, Modal, Segmented, Space } from 'antd';
+import React from 'react';
+import WorkflowStudioEditorSurface from '@/pages/team-member-workflow-studio/components/WorkflowStudioEditorSurface';
+import { scopesApi } from '@/shared/api/scopesApi';
+import { formatUtcDateTime } from '@/shared/datetime/dateTime';
+import { t } from '@/shared/i18n/messages';
+import { getLocationSnapshot, history } from '@/shared/navigation/history';
+import { isStudioApiErrorCode, studioApi } from '@/shared/studio/api';
+import {
+  buildWorkflowExecutionNodeSnapshots,
+  type WorkflowExecutionNodeSnapshot,
+} from '@/shared/studio/execution';
+import { createWorkflowRevisionIdentityCandidate } from '@/shared/studio/explicitRequestConfirmation';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import {
+  adaptActivityRunToExecutionLogs,
+  isTerminalActivityRunStatus,
+} from '@/shared/workflows/activityExecution';
+import { adaptExecutionDetailToLogs } from '@/shared/workflows/executionDetail';
+import { useWorkflowPanelResize } from '@/shared/workflows/useWorkflowPanelResize';
+import WorkflowExecutionLogsPanel, {
+  type WorkflowExecutionLogsModel,
+} from '@/shared/workflows/WorkflowExecutionLogsPanel';
+import WorkflowPanelResizeHandle from '@/shared/workflows/WorkflowPanelResizeHandle';
+import WorkflowRunInputPanel from '@/shared/workflows/WorkflowRunInputPanel';
+import { useConsoleLocation } from '../hooks/useConsoleLocation';
+import {
+  useWorkflowEditor,
+  type WorkflowPublishedInvocationTarget,
+} from '../hooks/useWorkflowEditor';
+import {
+  useWorkflowPublication,
+  type WorkflowPublicationReceipt,
+} from '../hooks/useWorkflowPublication';
+import {
+  buildWorkflowActivityEditorHref,
+  buildWorkflowActivitySectionHref,
+} from '../navigation';
+import TechnicalDetails from '../TechnicalDetails';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import WorkflowNodeInspector, {
+  type WorkflowNodeInspectorHandle,
+} from './WorkflowNodeInspector';
+import WorkflowScheduleSurface from './WorkflowScheduleSurface';
+
+const PUBLISHED_RUN_CONSOLE_ID = 'workflow-published-run-console';
+
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
+type PendingNavigation = {
+  readonly routeScopeId?: string;
+  readonly routeWorkflowId?: string;
+  readonly target: string;
+};
+
+type ActiveEditorRoute = {
+  readonly scopeId: string;
+  readonly target: string;
+  readonly workflowId: string;
+};
+
+type PublicationStage = 'idle' | 'submitting' | 'accepted' | 'failed';
+
+type PublishReadinessIssue = {
+  readonly id: string;
+  readonly message: string;
+};
+
+function hasNonBlankIdentifier(value: unknown): value is string {
+  return typeof value === 'string' && Boolean(value.trim());
+}
+
+function restorePublishedInvocationTarget(
+  scopeId: string,
+  workflowId: string,
+  detail: Awaited<ReturnType<typeof scopesApi.getWorkflowDetail>> | undefined,
+): WorkflowPublishedInvocationTarget | null {
+  const published = detail?.workflow;
+  if (
+    detail?.available !== true ||
+    detail.scopeId !== scopeId ||
+    !published ||
+    published.scopeId !== scopeId ||
+    published.workflowId !== workflowId ||
+    !hasNonBlankIdentifier(published.activeRevisionId) ||
+    !hasNonBlankIdentifier(published.publishedServiceId)
+  ) {
+    return null;
+  }
+
+  return {
+    publishedServiceId: published.publishedServiceId,
+    revisionId: published.activeRevisionId,
+    workflowId: published.workflowId,
+  };
+}
+
+const WorkflowEditorPage: React.FC<{
+  readonly scopeId: string;
+  readonly workflowId: string;
+}> = ({ scopeId, workflowId }) => {
+  const location = useConsoleLocation();
+  const [activeEditorRoute, setActiveEditorRoute] =
+    React.useState<ActiveEditorRoute>(() => ({
+      scopeId,
+      target:
+        getLocationSnapshot() ||
+        buildWorkflowActivityEditorHref(scopeId, workflowId),
+      workflowId,
+    }));
+  const activeScopeId = activeEditorRoute.scopeId;
+  const activeWorkflowId = activeEditorRoute.workflowId;
+  const editor = useWorkflowEditor(activeScopeId, activeWorkflowId);
+  const restoredPublication = useQuery({
+    queryKey: [
+      'workflow-activity-vnext',
+      'workflow-publication-current',
+      activeScopeId,
+      activeWorkflowId,
+    ],
+    queryFn: () => scopesApi.getWorkflowDetail(activeScopeId, activeWorkflowId),
+    retry: false,
+  });
+  const toast = useConsoleToast();
+  const [mode, setMode] = React.useState<'canvas' | 'yaml'>('canvas');
+  const [nodeLibraryOpen, setNodeLibraryOpen] = React.useState(false);
+  const [publicationStage, setPublicationStage] =
+    React.useState<PublicationStage>('idle');
+  const [publicationError, setPublicationError] = React.useState<unknown>(null);
+  const [publicationReceipt, setPublicationReceipt] =
+    React.useState<WorkflowPublicationReceipt | null>(null);
+  const [publishedDocumentVersion, setPublishedDocumentVersion] =
+    React.useState<number | null>(null);
+  const [runPanelOpen, setRunPanelOpen] = React.useState(false);
+  const [schedulePanelOpen, setSchedulePanelOpen] = React.useState(false);
+  const [runConsoleVisible, setRunConsoleVisible] = React.useState(false);
+  const [runConsoleExpanded, setRunConsoleExpanded] = React.useState(false);
+  const [activeRunLogIndex, setActiveRunLogIndex] = React.useState<
+    number | null
+  >(null);
+  const [runWorkflowNodes, setRunWorkflowNodes] = React.useState<
+    readonly WorkflowExecutionNodeSnapshot[]
+  >([]);
+  const [pendingNavigation, setPendingNavigation] =
+    React.useState<PendingNavigation | null>(null);
+  const [hasUnappliedNodeChanges, setHasUnappliedNodeChanges] =
+    React.useState(false);
+  const workflowNameRef = React.useRef<React.ElementRef<typeof Input>>(null);
+  const collapseRunConsoleButtonRef =
+    React.useRef<React.ElementRef<typeof Button>>(null);
+  const expandRunConsoleButtonRef =
+    React.useRef<React.ElementRef<typeof Button>>(null);
+  const pendingRunConsoleFocusRef = React.useRef<'collapse' | 'expand' | null>(
+    null,
+  );
+  const workflowMainRef = React.useRef<HTMLElement | null>(null);
+  const runWorkspaceRef = React.useRef<HTMLDivElement | null>(null);
+  const saveStatusRef = React.useRef<HTMLSpanElement>(null);
+  const inspectorRef = React.useRef<WorkflowNodeInspectorHandle>(null);
+  const publicationGenerationRef = React.useRef(0);
+  const publicationInFlightRef = React.useRef(false);
+  const shownPublicationToastKeysRef = React.useRef(new Set<string>());
+  const {
+    executionPanelHandleProps,
+    executionPanelHeight,
+    sidePanelHandleProps,
+    sidePanelWidth,
+  } = useWorkflowPanelResize({
+    editorRegionRef: runWorkspaceRef,
+    executionPanelMaxHeight: 640,
+    executionPanelMaxHeightRatio: 0.72,
+    initialExecutionPanelHeight: 310,
+    mainRef: workflowMainRef,
+  });
+  const runRequested = new URLSearchParams(location.search).get('run') === '1';
+  const editorWriteLocked = editor.saving || editor.structuralMutationPending;
+  const publication = useWorkflowPublication(publicationReceipt);
+  const publicationPhase = publicationReceipt
+    ? publication.phase
+    : publicationStage;
+  const publicationValidationRejected =
+    publicationReceipt === null &&
+    publicationStage === 'failed' &&
+    isStudioApiErrorCode(
+      publicationError,
+      400,
+      'INVALID_USER_WORKFLOW_REQUEST',
+    );
+  React.useEffect(() => {
+    const pendingFocus = pendingRunConsoleFocusRef.current;
+    if (!pendingFocus) return;
+    pendingRunConsoleFocusRef.current = null;
+    let cancelled = false;
+    // Focusing can close an Ant Design popup via flushSync. Wait until this
+    // React commit finishes before dispatching the resulting focus events.
+    queueMicrotask(() => {
+      if (cancelled) return;
+      const button =
+        pendingFocus === 'collapse'
+          ? collapseRunConsoleButtonRef.current
+          : expandRunConsoleButtonRef.current;
+      button?.focus();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [runConsoleExpanded]);
+
+  React.useEffect(() => {
+    let toastIntent: 'error' | 'success' | null = null;
+    let toastMessage: string | null = null;
+    let toastKey: string | null = null;
+
+    if (publicationReceipt) {
+      switch (publication.phase) {
+        case 'observed':
+          toastIntent = 'success';
+          toastMessage = t(
+            'workflowActivityVNext.publish.success',
+            'Workflow published',
+          );
+          break;
+        case 'unauthorized':
+          toastIntent = 'error';
+          toastMessage = t(
+            'workflowActivityVNext.state.unauthorized',
+            'Sign in to continue',
+          );
+          break;
+        case 'forbidden':
+          toastIntent = 'error';
+          toastMessage = t(
+            'workflowActivityVNext.state.forbidden',
+            "You don't have access to this workspace",
+          );
+          break;
+        case 'failed':
+          toastIntent = 'error';
+          toastMessage = t(
+            'workflowActivityVNext.publish.failed',
+            "Publication couldn't be confirmed",
+          );
+          break;
+        default:
+          return;
+      }
+      toastKey = [
+        'workflow-publication',
+        publicationGenerationRef.current,
+        publicationReceipt.scopeId,
+        publicationReceipt.workflowId,
+        publicationReceipt.revisionId,
+        publication.phase,
+      ].join(':');
+    } else if (publicationStage === 'failed') {
+      toastIntent = 'error';
+      toastMessage = publicationValidationRejected
+        ? t(
+            'workflowActivityVNext.publish.validationRejected',
+            "Workflow isn't ready to publish",
+          )
+        : t(
+            'workflowActivityVNext.publish.submissionFailed',
+            "Workflow couldn't be submitted",
+          );
+      toastKey = [
+        'workflow-publication',
+        publicationGenerationRef.current,
+        'submission',
+        'failed',
+      ].join(':');
+    }
+
+    if (!toastIntent || !toastMessage || !toastKey) return;
+    if (shownPublicationToastKeysRef.current.has(toastKey)) return;
+
+    shownPublicationToastKeysRef.current.add(toastKey);
+    if (toastIntent === 'success')
+      toast.success(toastMessage, { key: toastKey });
+    else toast.error(toastMessage, { key: toastKey });
+  }, [
+    publication.phase,
+    publicationReceipt,
+    publicationStage,
+    publicationValidationRejected,
+    toast,
+  ]);
+  const publicationObserved = publication.phase === 'observed';
+  const restoredPublishedInvocationTarget = restorePublishedInvocationTarget(
+    activeScopeId,
+    activeWorkflowId,
+    restoredPublication.data,
+  );
+  const observedPublishedInvocationTarget =
+    publicationReceipt &&
+    publicationObserved &&
+    hasNonBlankIdentifier(publication.publishedServiceId)
+      ? {
+          publishedServiceId: publication.publishedServiceId,
+          revisionId: publicationReceipt.revisionId,
+          workflowId: publicationReceipt.workflowId,
+        }
+      : null;
+  const publishedTargetDocumentVersion = publicationReceipt
+    ? publishedDocumentVersion
+    : restoredPublishedInvocationTarget
+      ? 0
+      : null;
+  const publicationStale = Boolean(
+    publishedTargetDocumentVersion !== null &&
+      publishedTargetDocumentVersion !== editor.documentVersion,
+  );
+  const publishedInvocationTarget =
+    !publicationStale && publicationReceipt
+      ? observedPublishedInvocationTarget
+      : !publicationStale && publicationStage !== 'submitting'
+        ? restoredPublishedInvocationTarget
+        : null;
+  const canOpenPublishedRun = Boolean(
+    publishedInvocationTarget &&
+      editor.canRun &&
+      !editor.dirty &&
+      !editorWriteLocked &&
+      !hasUnappliedNodeChanges,
+  );
+
+  const invalidatePublication = React.useCallback(() => {
+    publicationGenerationRef.current += 1;
+    publicationInFlightRef.current = false;
+  }, []);
+
+  const clearPublication = React.useCallback(() => {
+    invalidatePublication();
+    setPublicationError(null);
+    setPublicationReceipt(null);
+    setPublishedDocumentVersion(null);
+    setPublicationStage('idle');
+  }, [invalidatePublication]);
+
+  React.useEffect(() => {
+    if (runRequested && canOpenPublishedRun) setRunPanelOpen(true);
+  }, [canOpenPublishedRun, runRequested]);
+
+  React.useEffect(() => {
+    if (editorWriteLocked) setNodeLibraryOpen(false);
+  }, [editorWriteLocked]);
+
+  const acceptRouteWorkflowChange = React.useCallback(
+    (nextScopeId: string, nextWorkflowId: string, nextTarget: string) => {
+      editor.discardForRouteChange(nextWorkflowId);
+      clearPublication();
+      setHasUnappliedNodeChanges(false);
+      setNodeLibraryOpen(false);
+      setRunPanelOpen(false);
+      setSchedulePanelOpen(false);
+      setRunConsoleVisible(false);
+      setRunConsoleExpanded(false);
+      setActiveRunLogIndex(null);
+      setRunWorkflowNodes([]);
+      setActiveEditorRoute({
+        scopeId: nextScopeId,
+        target: nextTarget,
+        workflowId: nextWorkflowId,
+      });
+    },
+    [clearPublication, editor.discardForRouteChange],
+  );
+
+  const publicationRouteKey = `${activeScopeId}\u0000${activeWorkflowId}`;
+  const previousPublicationRouteRef = React.useRef(publicationRouteKey);
+  React.useEffect(() => {
+    if (previousPublicationRouteRef.current === publicationRouteKey) return;
+    previousPublicationRouteRef.current = publicationRouteKey;
+    clearPublication();
+  }, [clearPublication, publicationRouteKey]);
+
+  React.useEffect(() => {
+    const incomingRouteTarget =
+      getLocationSnapshot() ||
+      buildWorkflowActivityEditorHref(scopeId, workflowId);
+    const isActiveRoute =
+      scopeId === activeScopeId && workflowId === activeWorkflowId;
+    if (isActiveRoute || editorWriteLocked) return;
+
+    // A receipt can replace a committed source route with the newly materialized
+    // draft. That transition retains the same in-memory document by design.
+    if (
+      scopeId === activeScopeId &&
+      editor.workflow?.workflowId === workflowId
+    ) {
+      setActiveEditorRoute({
+        scopeId,
+        target: incomingRouteTarget,
+        workflowId,
+      });
+      return;
+    }
+
+    if (editor.dirty || hasUnappliedNodeChanges) {
+      setPendingNavigation((current) =>
+        current?.routeScopeId === scopeId &&
+        current.routeWorkflowId === workflowId
+          ? current
+          : {
+              routeScopeId: scopeId,
+              routeWorkflowId: workflowId,
+              target: incomingRouteTarget,
+            },
+      );
+      return;
+    }
+
+    acceptRouteWorkflowChange(scopeId, workflowId, incomingRouteTarget);
+  }, [
+    acceptRouteWorkflowChange,
+    activeScopeId,
+    activeWorkflowId,
+    editor.dirty,
+    editor.workflow?.workflowId,
+    editorWriteLocked,
+    hasUnappliedNodeChanges,
+    scopeId,
+    workflowId,
+  ]);
+
+  const continueNavigation = React.useCallback(
+    (target: string) => {
+      if (editorWriteLocked) return;
+      if (editor.dirty) setPendingNavigation({ target });
+      else history.push(target);
+    },
+    [editor.dirty, editorWriteLocked],
+  );
+
+  const requestInspectorDiscard = React.useCallback((proceed: () => void) => {
+    const inspector = inspectorRef.current;
+    if (inspector) {
+      inspector.requestDiscardOrProceed(proceed);
+      return;
+    }
+    proceed();
+  }, []);
+
+  const requestNavigation = React.useCallback(
+    (target: string) => {
+      requestInspectorDiscard(() => continueNavigation(target));
+    },
+    [continueNavigation, requestInspectorDiscard],
+  );
+
+  const requestCanvasSelect = React.useCallback(() => {
+    requestInspectorDiscard(editor.selectCanvas);
+  }, [editor.selectCanvas, requestInspectorDiscard]);
+
+  const requestNodeSelect = React.useCallback(
+    (nodeId: string) => {
+      if (nodeId === editor.selectedNodeId) return;
+      requestInspectorDiscard(() => editor.selectNode(nodeId));
+    },
+    [editor.selectNode, editor.selectedNodeId, requestInspectorDiscard],
+  );
+
+  const openNodeLibrary = React.useCallback(() => {
+    if (!editorWriteLocked) setNodeLibraryOpen(true);
+  }, [editorWriteLocked]);
+
+  const closeNodeLibrary = React.useCallback(() => {
+    setNodeLibraryOpen(false);
+  }, []);
+
+  const requestConnectNodes = React.useCallback(
+    (sourceNodeId: string, targetNodeId: string) => {
+      requestInspectorDiscard(() => {
+        void editor.connectNodes(sourceNodeId, targetNodeId);
+      });
+    },
+    [editor.connectNodes, requestInspectorDiscard],
+  );
+
+  const requestDeleteEdges = React.useCallback(
+    (edgeIds: string[]) => {
+      requestInspectorDiscard(() => {
+        void editor.deleteEdges(edgeIds);
+      });
+    },
+    [editor.deleteEdges, requestInspectorDiscard],
+  );
+
+  const requestDeleteNodes = React.useCallback(
+    (nodeIds: string[]) => {
+      requestInspectorDiscard(() => {
+        void editor.deleteNodes(nodeIds);
+      });
+    },
+    [editor.deleteNodes, requestInspectorDiscard],
+  );
+
+  const requestEdgeSelect = React.useCallback(
+    (edgeId: string) => {
+      requestInspectorDiscard(() => editor.selectEdge(edgeId));
+    },
+    [editor.selectEdge, requestInspectorDiscard],
+  );
+
+  const requestInsertNode = React.useCallback(
+    (stepType: string) => {
+      requestInspectorDiscard(() => {
+        void editor.addNode(stepType);
+        setNodeLibraryOpen(false);
+      });
+    },
+    [editor.addNode, requestInspectorDiscard],
+  );
+
+  const requestEditorMode = React.useCallback(
+    (nextMode: 'canvas' | 'yaml') => {
+      if (nextMode === mode) return;
+      requestInspectorDiscard(() => setMode(nextMode));
+    },
+    [mode, requestInspectorDiscard],
+  );
+
+  React.useEffect(() => {
+    const warn = (event: BeforeUnloadEvent) => {
+      if (!hasUnappliedNodeChanges && !editorWriteLocked) return;
+      event.preventDefault();
+      event.returnValue = '';
+    };
+    window.addEventListener('beforeunload', warn);
+    return () => window.removeEventListener('beforeunload', warn);
+  }, [editorWriteLocked, hasUnappliedNodeChanges]);
+
+  const saveWorkflow = React.useCallback(async () => {
+    return editor.save();
+  }, [editor.save]);
+
+  React.useEffect(() => {
+    if (!editor.saveError) return;
+    toast.error(
+      t(
+        'workflowActivityVNext.editor.saveFailed',
+        "Workflow couldn't be saved",
+      ),
+    );
+  }, [editor.saveError, toast]);
+
+  React.useEffect(() => {
+    if (!editor.nodeInsertionError) return;
+    toast.error(
+      <Space size="small">
+        <span>
+          {t('workflowActivityVNext.editor.addNodeFailed', "Couldn't add node")}
+        </span>
+        <Button
+          onClick={() => void editor.retryNodeInsertion()}
+          size="small"
+          type="link"
+        >
+          {t('workflowActivityVNext.common.retry', 'Retry')}
+        </Button>
+      </Space>,
+    );
+  }, [editor.nodeInsertionError, editor.retryNodeInsertion, toast]);
+
+  React.useEffect(() => {
+    if (!editor.canvasMutationError) return;
+    toast.error(
+      t(
+        'workflowActivityVNext.editor.canvasUpdateFailed',
+        "Couldn't update workflow",
+      ),
+    );
+  }, [editor.canvasMutationError, toast]);
+
+  const retryMaterialization = React.useCallback(async () => {
+    await editor.retryMaterialization();
+  }, [editor.retryMaterialization]);
+
+  const publishWorkflow = React.useCallback(async (): Promise<void> => {
+    if (publicationInFlightRef.current) return;
+
+    publicationInFlightRef.current = true;
+    const publicationGeneration = ++publicationGenerationRef.current;
+    const isCurrentPublication = () =>
+      publicationGeneration === publicationGenerationRef.current;
+    setPublicationError(null);
+    setPublicationReceipt(null);
+    setPublishedDocumentVersion(null);
+    setPublicationStage('submitting');
+
+    try {
+      const preparation = await editor.preparePublication();
+      if (!isCurrentPublication()) return;
+
+      const revisionId = createWorkflowRevisionIdentityCandidate();
+      if (!hasNonBlankIdentifier(revisionId)) {
+        throw new Error('A publication revision could not be prepared.');
+      }
+
+      const preview = await studioApi.previewExplicitRequests({
+        executionMode: 'interactive',
+        revisionId,
+        scopeId: activeScopeId,
+        workflowId: preparation.workflowId,
+        workflowYaml: preparation.workflowYaml,
+      });
+      if (!isCurrentPublication()) return;
+      if (
+        editor.documentVersion !== preparation.documentVersion ||
+        preview.workflowId !== preparation.workflowId ||
+        preview.revisionId !== revisionId
+      ) {
+        throw new Error(
+          'The publication preparation does not match the saved workflow.',
+        );
+      }
+      if (
+        preview.items.some(
+          (item) => !item.allowedExecutionModes.includes('interactive'),
+        )
+      ) {
+        throw new Error(
+          'An external request is unavailable for interactive publication.',
+        );
+      }
+
+      const explicitRequestConfirmations = preview.items.map((item) => ({
+        workflowId: preview.workflowId,
+        revisionId: preview.revisionId,
+        callSiteId: item.callSiteId,
+        requestContractDigest: item.requestContractDigest,
+        attestedRisk: item.effectiveRisk,
+      }));
+      const result = await studioApi.publishWorkflow({
+        displayName: preparation.workflowName,
+        explicitRequestConfirmations,
+        inlineWorkflowYamls: {},
+        revisionId: preview.revisionId,
+        scopeId: activeScopeId,
+        workflowId: preparation.workflowId,
+        workflowName: preparation.workflowName,
+        workflowYaml: preparation.workflowYaml,
+      });
+      if (!isCurrentPublication()) return;
+
+      if (
+        result.acceptanceStage !== 'accepted' ||
+        result.scopeId !== activeScopeId ||
+        !hasNonBlankIdentifier(result.workflowId) ||
+        result.workflowId !== preparation.workflowId ||
+        !hasNonBlankIdentifier(result.revisionId) ||
+        result.revisionId !== preview.revisionId
+      ) {
+        throw new Error(
+          'The accepted publication response does not match the submitted workflow.',
+        );
+      }
+
+      setPublicationReceipt({
+        scopeId: result.scopeId,
+        revisionId: result.revisionId,
+        workflowId: result.workflowId,
+      });
+      setPublishedDocumentVersion(preparation.documentVersion);
+      setPublicationStage('accepted');
+    } catch (error) {
+      if (!isCurrentPublication()) return;
+      setPublicationError(error);
+      setPublicationStage('failed');
+    } finally {
+      if (isCurrentPublication()) publicationInFlightRef.current = false;
+    }
+  }, [activeScopeId, editor.documentVersion, editor.preparePublication]);
+
+  const saveAndLeave = async () => {
+    if (await saveWorkflow()) {
+      const pending = pendingNavigation;
+      setPendingNavigation(null);
+      if (!pending) return;
+      if (pending.routeScopeId && pending.routeWorkflowId) {
+        acceptRouteWorkflowChange(
+          pending.routeScopeId,
+          pending.routeWorkflowId,
+          pending.target,
+        );
+        if (getLocationSnapshot() !== pending.target)
+          history.push(pending.target);
+        return;
+      }
+      history.push(pending.target);
+    }
+  };
+
+  const discardAndLeave = () => {
+    const pending = pendingNavigation;
+    setPendingNavigation(null);
+    if (!pending) return;
+    if (pending.routeScopeId && pending.routeWorkflowId) {
+      acceptRouteWorkflowChange(
+        pending.routeScopeId,
+        pending.routeWorkflowId,
+        pending.target,
+      );
+      if (getLocationSnapshot() !== pending.target)
+        history.push(pending.target);
+      return;
+    }
+    history.push(pending.target);
+  };
+
+  const stayInEditor = () => {
+    const pending = pendingNavigation;
+    setPendingNavigation(null);
+    if (
+      pending?.routeScopeId === scopeId &&
+      pending.routeWorkflowId === workflowId
+    ) {
+      if (getLocationSnapshot() !== activeEditorRoute.target)
+        history.push(activeEditorRoute.target);
+    }
+  };
+
+  if (editor.loading) {
+    return (
+      <WorkflowActivityVNextShell
+        activeSection="workflows"
+        description={t(
+          'workflowActivityVNext.editor.loadingDescription',
+          'Preparing the editor…',
+        )}
+        scopeId={activeScopeId}
+        title={t('workflowActivityVNext.editor.loading', 'Loading workflow…')}
+      >
+        <div className="wa-vnext__state">
+          <p>
+            {t('workflowActivityVNext.editor.loading', 'Loading workflow…')}
+          </p>
+        </div>
+      </WorkflowActivityVNextShell>
+    );
+  }
+  if (editor.loadError || !editor.workflow) {
+    return (
+      <WorkflowActivityVNextShell
+        activeSection="workflows"
+        description={t(
+          'workflowActivityVNext.editor.unavailableDescription',
+          "This workflow couldn't be loaded.",
+        )}
+        scopeId={activeScopeId}
+        title={t(
+          'workflowActivityVNext.editor.unavailable',
+          'Workflow unavailable',
+        )}
+      >
+        <div className="wa-vnext__state" role="alert">
+          <div>
+            <p>
+              {t(
+                'workflowActivityVNext.editor.unavailableGuidance',
+                'Try again to reopen the workflow.',
+              )}
+            </p>
+            <Button onClick={() => window.location.reload()}>
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+            {editor.loadError ? (
+              <TechnicalDetails>
+                {errorMessage(editor.loadError)}
+              </TechnicalDetails>
+            ) : null}
+          </div>
+        </div>
+      </WorkflowActivityVNextShell>
+    );
+  }
+
+  const runBusy = editor.runRequestActive;
+  const observedRun = editor.runObservation.run;
+  const liveRunExecution = adaptExecutionDetailToLogs(editor.liveRunExecution);
+  const observedRunExecution = observedRun
+    ? adaptActivityRunToExecutionLogs(observedRun)
+    : null;
+  const observedRunTerminal = Boolean(
+    observedRun && isTerminalActivityRunStatus(observedRun.summary.status),
+  );
+  const runExecution: WorkflowExecutionLogsModel | null = runConsoleVisible
+    ? observedRunTerminal
+      ? observedRunExecution
+      : liveRunExecution || observedRunExecution
+    : null;
+  const runConsoleError =
+    runConsoleVisible && editor.runPhase === 'failed' && !observedRunTerminal
+      ? editor.runError ||
+        t('workflowActivityVNext.editor.runFailed', 'Run failed')
+      : undefined;
+  const publicationObservationPending =
+    publicationReceipt !== null && publication.phase !== 'observed';
+  const publicationActionPending =
+    publicationStage === 'submitting' ||
+    (publicationReceipt !== null &&
+      (publication.phase === 'observing' || publication.phase === 'delayed'));
+  const canRetryPublicationSubmission =
+    publicationReceipt === null && publicationStage === 'failed';
+  const blockingFindings = editor.findings.filter(
+    (finding) => String(finding.level).toLowerCase() === 'error',
+  );
+  const publishReadinessIssues: PublishReadinessIssue[] = [];
+  if (!editor.workflow.draftExists) {
+    publishReadinessIssues.push({
+      id: 'draft',
+      message: t(
+        'workflowActivityVNext.publish.saveBeforePublishing',
+        'Save this workflow before publishing.',
+      ),
+    });
+  }
+  if (editor.dirty) {
+    publishReadinessIssues.push({
+      id: 'dirty',
+      message: t(
+        'workflowActivityVNext.publish.saveChangesBeforePublishing',
+        'Save your changes before publishing.',
+      ),
+    });
+  }
+  if (hasUnappliedNodeChanges) {
+    publishReadinessIssues.push({
+      id: 'node-configuration',
+      message: t(
+        'workflowActivityVNext.publish.applyNodeChanges',
+        'Apply or discard node configuration before publishing.',
+      ),
+    });
+  }
+  for (const [findingIndex, finding] of blockingFindings.entries()) {
+    publishReadinessIssues.push({
+      id: `finding-${finding.code}-${finding.path ?? findingIndex}`,
+      message: finding.message,
+    });
+  }
+  if (!editor.document?.steps?.length && blockingFindings.length === 0) {
+    publishReadinessIssues.push({
+      id: 'steps',
+      message: t(
+        'workflowActivityVNext.publish.addExecutableStep',
+        'Add at least one executable step before publishing.',
+      ),
+    });
+  }
+  if (editor.validating || editor.saving) {
+    publishReadinessIssues.push({
+      id: 'save-in-progress',
+      message: t(
+        'workflowActivityVNext.publish.waitForSave',
+        'Wait for workflow validation and saving to finish.',
+      ),
+    });
+  } else if (editor.structuralMutationPending) {
+    publishReadinessIssues.push({
+      id: 'editor-update-in-progress',
+      message: t(
+        'workflowActivityVNext.publish.waitForEditorUpdate',
+        'Wait for the workflow step update to finish.',
+      ),
+    });
+  } else if (editor.receiptPending) {
+    publishReadinessIssues.push({
+      id: 'save-observation',
+      message: t(
+        'workflowActivityVNext.publish.waitForSavedDraft',
+        'Wait for the saved draft to become readable.',
+      ),
+    });
+  }
+  if (publicationActionPending) {
+    publishReadinessIssues.push({
+      id: 'publication-in-progress',
+      message: t(
+        'workflowActivityVNext.publish.waitForPublication',
+        'Wait for the current publication to finish.',
+      ),
+    });
+  } else if (publicationObservationPending) {
+    publishReadinessIssues.push({
+      id: 'publication-unresolved',
+      message: t(
+        'workflowActivityVNext.publish.resolvePublication',
+        'Resolve the current publication status before publishing again.',
+      ),
+    });
+  }
+  const publicationCurrent = Boolean(publishedInvocationTarget);
+  const canPublish = publishReadinessIssues.length === 0 && !publicationCurrent;
+  const publishLabel = publicationActionPending
+    ? t('workflowActivityVNext.publish.publishing', 'Publishing')
+    : publishReadinessIssues.length > 0
+      ? publishReadinessIssues.length === 1
+        ? t(
+            'workflowActivityVNext.publish.blockedOne',
+            'Publish blocked · 1 issue',
+          )
+        : t(
+            'workflowActivityVNext.publish.blocked',
+            'Publish blocked · {count} issues',
+            { count: publishReadinessIssues.length },
+          )
+      : t('workflowActivityVNext.editor.publish', 'Publish');
+  const publishedTargetResolving =
+    publicationReceipt !== null ||
+    publicationStage === 'submitting' ||
+    restoredPublication.isPending;
+  const runDisabledReason = publicationStale
+    ? t(
+        'workflowActivityVNext.editor.publishLatestBeforeRun',
+        'Save and publish the latest changes before running.',
+      )
+    : !publishedInvocationTarget
+      ? publishedTargetResolving
+        ? t(
+            'workflowActivityVNext.editor.waitForPublishedRun',
+            'Wait for the published revision to become available.',
+          )
+        : t(
+            'workflowActivityVNext.editor.publishBeforeRun',
+            'Publish this workflow before running it.',
+          )
+      : editor.dirty || hasUnappliedNodeChanges
+        ? t(
+            'workflowActivityVNext.editor.publishLatestBeforeRun',
+            'Save and publish the latest changes before running.',
+          )
+        : !editor.canRun
+          ? t(
+              'workflowActivityVNext.editor.runUnavailable',
+              'Add at least one valid step before running.',
+            )
+          : editorWriteLocked
+            ? t(
+                'workflowActivityVNext.editor.waitForEditorBeforeRun',
+                'Wait for the workflow update to finish.',
+              )
+            : undefined;
+  const saveStatus = editor.validating
+    ? t('workflowActivityVNext.editor.validating', 'Validating workflow…')
+    : editor.saving || editor.receiptPending
+      ? t('workflowActivityVNext.editor.savingProgress', 'Saving workflow…')
+      : editor.saveError
+        ? t('workflowActivityVNext.editor.saveStatusFailed', 'Save failed')
+        : editor.dirty
+          ? t('workflowActivityVNext.editor.unsavedChanges', 'Unsaved changes')
+          : t('workflowActivityVNext.editor.savedAt', 'Saved at {updatedAt}', {
+              updatedAt: formatUtcDateTime(editor.workflow.updatedAtUtc),
+            });
+  const publishButton = (
+    <Button
+      aria-disabled={!canPublish}
+      icon={<RocketOutlined />}
+      onClick={() => {
+        if (canPublish) void publishWorkflow();
+      }}
+    >
+      {publishLabel}
+    </Button>
+  );
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="workflows"
+      footer={
+        runConsoleExpanded && (runExecution || runConsoleError) ? (
+          <div className="wa-vnext__logs-dock wa-vnext__logs-dock--expanded">
+            <WorkflowPanelResizeHandle
+              ariaLabel={t(
+                'workflowActivityVNext.editor.resizeRunConsole',
+                'Resize workflow run console',
+              )}
+              className="wa-vnext__panel-resize-handle"
+              orientation="horizontal"
+              {...executionPanelHandleProps}
+            />
+            <WorkflowExecutionLogsPanel
+              activeLogIndex={activeRunLogIndex}
+              collapseButtonRef={collapseRunConsoleButtonRef}
+              collapseControlsId={PUBLISHED_RUN_CONSOLE_ID}
+              error={runConsoleError}
+              execution={runExecution}
+              height={executionPanelHeight}
+              id={PUBLISHED_RUN_CONSOLE_ID}
+              onClear={() => {
+                setRunConsoleVisible(false);
+                setRunConsoleExpanded(false);
+                setActiveRunLogIndex(null);
+              }}
+              onCollapse={() => {
+                pendingRunConsoleFocusRef.current = 'expand';
+                setRunConsoleExpanded(false);
+              }}
+              onSelectLog={setActiveRunLogIndex}
+              workflowNodes={runWorkflowNodes}
+            />
+          </div>
+        ) : (
+          <div className="wa-vnext__logs-dock-bar">
+            <strong>
+              {t('teamMemberWorkflowStudio.executionPanel.logs', 'Logs')}
+            </strong>
+            <Button
+              aria-label={t(
+                'workflowActivityVNext.editor.expandRunConsole',
+                'Expand workflow logs',
+              )}
+              aria-controls={PUBLISHED_RUN_CONSOLE_ID}
+              aria-expanded={false}
+              disabled={!runConsoleVisible}
+              icon={<UpOutlined />}
+              onClick={() => {
+                pendingRunConsoleFocusRef.current = 'collapse';
+                setRunConsoleExpanded(true);
+              }}
+              ref={expandRunConsoleButtonRef}
+              size="small"
+              type="text"
+            />
+          </div>
+        )
+      }
+      heading={
+        <Input
+          aria-label={t('workflowActivityVNext.new.name', 'Workflow name')}
+          className="wa-vnext__editor-name"
+          disabled={editorWriteLocked}
+          onChange={(event) => editor.updateTitle(event.target.value)}
+          ref={workflowNameRef}
+          value={editor.workflowTitle}
+          variant="borderless"
+        />
+      }
+      headerActions={
+        <>
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.editor.backAria',
+              'Back to workflows',
+            )}
+            disabled={editorWriteLocked}
+            icon={<ArrowLeftOutlined />}
+            onClick={() =>
+              requestNavigation(
+                buildWorkflowActivitySectionHref(activeScopeId, 'workflows'),
+              )
+            }
+          />
+          <Button
+            disabled={
+              !editor.dirty ||
+              editorWriteLocked ||
+              editor.receiptPending ||
+              hasUnappliedNodeChanges
+            }
+            icon={<SaveOutlined />}
+            loading={editor.saving}
+            onClick={() => void saveWorkflow()}
+            title={
+              hasUnappliedNodeChanges
+                ? t(
+                    'workflowActivityVNext.nodeInspector.applyBeforeSave',
+                    'Apply changes before saving this workflow.',
+                  )
+                : undefined
+            }
+            type="primary"
+          >
+            {t('workflowActivityVNext.editor.save', 'Save workflow')}
+          </Button>
+          <Button
+            disabled={!canOpenPublishedRun}
+            icon={<PlayCircleOutlined />}
+            onClick={() => setRunPanelOpen(true)}
+            title={runDisabledReason}
+          >
+            {t('workflowActivityVNext.common.run', 'Run')}
+          </Button>
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.schedule.openAria',
+              'Manage schedules for {name}',
+              { name: editor.workflowTitle },
+            )}
+            disabled={!publicationCurrent}
+            icon={<CalendarOutlined />}
+            onClick={() => setSchedulePanelOpen(true)}
+            title={
+              publicationCurrent
+                ? undefined
+                : t(
+                    'workflowActivityVNext.schedule.publishBeforeOpen',
+                    'Publish this Workflow before managing schedules.',
+                  )
+            }
+          >
+            {t('workflowActivityVNext.schedule.open', 'Schedules')}
+          </Button>
+          {!publicationCurrent &&
+            (publishReadinessIssues.length > 0 ? (
+              <AevatarTooltip
+                placement="bottomRight"
+                title={
+                  <div className="wa-vnext__publish-readiness">
+                    <ul>
+                      {publishReadinessIssues.map((issue) => (
+                        <li key={issue.id}>{issue.message}</li>
+                      ))}
+                    </ul>
+                  </div>
+                }
+                trigger={['hover', 'focus']}
+              >
+                {publishButton}
+              </AevatarTooltip>
+            ) : (
+              publishButton
+            ))}
+        </>
+      }
+      mainRef={workflowMainRef}
+      onNavigate={requestNavigation}
+      scopeId={activeScopeId}
+      title={
+        editor.workflowTitle ||
+        t('workflowActivityVNext.editor.untitled', 'Untitled workflow')
+      }
+    >
+      <div className="wa-vnext__toolbar wa-vnext__editor-toolbar">
+        <div className="wa-vnext__editor-toolbar-meta">
+          {publicationCurrent ? (
+            <span
+              aria-label={t(
+                'workflowActivityVNext.editor.publicationStatusAria',
+                'Workflow publication status',
+              )}
+              aria-live="polite"
+              className="wa-vnext__status wa-vnext__status--succeeded"
+              role="status"
+            >
+              {t('workflowActivityVNext.publish.published', 'Published')}
+            </span>
+          ) : null}
+          <span
+            aria-atomic="true"
+            aria-label={t(
+              'workflowActivityVNext.editor.saveStatusAria',
+              'Workflow save status',
+            )}
+            aria-live="polite"
+            className={`wa-vnext__status wa-vnext__status--${editor.saveError ? 'failed' : editor.dirty || editor.validating || editor.saving || editor.receiptPending ? 'pending' : 'succeeded'}`}
+            ref={saveStatusRef}
+            role="status"
+            tabIndex={-1}
+          >
+            {saveStatus}
+          </span>
+          <Segmented
+            aria-label={`${t('workflowActivityVNext.editor.canvas', 'Canvas')} / ${t(
+              'workflowActivityVNext.editor.yaml',
+              'YAML',
+            )}`}
+            className="wa-vnext__editor-mode-control"
+            disabled={editorWriteLocked}
+            onChange={(value) => requestEditorMode(value as 'canvas' | 'yaml')}
+            options={[
+              {
+                label: t('workflowActivityVNext.editor.canvas', 'Canvas'),
+                value: 'canvas',
+                icon: <NodeIndexOutlined />,
+              },
+              {
+                label: t('workflowActivityVNext.editor.yaml', 'YAML'),
+                value: 'yaml',
+                icon: <CodeOutlined />,
+              },
+            ]}
+            value={mode}
+          />
+        </div>
+      </div>
+      {(editor.materialization.phase === 'readable' ||
+        editor.materialization.phase === 'delayed' ||
+        editor.materialization.phase === 'failed') &&
+      editor.materialization.receipt ? (
+        <Alert
+          action={
+            editor.materialization.phase === 'delayed' ||
+            editor.materialization.phase === 'failed' ? (
+              <Button onClick={() => void retryMaterialization()}>
+                {t('workflowActivityVNext.new.retryObservation', 'Try again')}
+              </Button>
+            ) : undefined
+          }
+          description={
+            editor.materialization.error ? (
+              <TechnicalDetails>
+                {errorMessage(editor.materialization.error)}
+              </TechnicalDetails>
+            ) : undefined
+          }
+          title={
+            editor.materialization.phase === 'delayed'
+              ? t(
+                  'workflowActivityVNext.editor.saveDelayed',
+                  'Save is taking longer than expected',
+                )
+              : editor.materialization.phase === 'failed'
+                ? t(
+                    'workflowActivityVNext.editor.saveOpenFailed',
+                    "Workflow was saved but couldn't be reopened",
+                  )
+                : t('workflowActivityVNext.editor.saved', 'Saved')
+          }
+          showIcon
+          type={
+            editor.materialization.phase === 'failed'
+              ? 'error'
+              : editor.materialization.phase === 'delayed'
+                ? 'warning'
+                : 'success'
+          }
+        />
+      ) : null}
+      {publicationPhase === 'failed' ||
+      publicationPhase === 'unauthorized' ||
+      publicationPhase === 'forbidden' ? (
+        <Alert
+          action={
+            canRetryPublicationSubmission ? (
+              <Button onClick={() => void publishWorkflow()}>
+                {t('workflowActivityVNext.common.retry', 'Retry')}
+              </Button>
+            ) : undefined
+          }
+          description={
+            publicationValidationRejected && publicationError ? (
+              <>
+                {t(
+                  'workflowActivityVNext.publish.validationRejectedDescription',
+                  'Fix the workflow configuration below, then publish again.',
+                )}
+                <TechnicalDetails>
+                  {errorMessage(publicationError)}
+                </TechnicalDetails>
+              </>
+            ) : (
+              <>
+                {publicationPhase === 'unauthorized'
+                  ? t(
+                      'workflowActivityVNext.publish.unauthorizedDescription',
+                      'Sign in again to check this publication.',
+                    )
+                  : publicationPhase === 'forbidden'
+                    ? t(
+                        'workflowActivityVNext.publish.forbiddenDescription',
+                        "You don't have access to check this publication.",
+                      )
+                    : publicationReceipt
+                      ? t(
+                          'workflowActivityVNext.publish.failedDescription',
+                          'Resolve the error or try publishing again.',
+                        )
+                      : t(
+                          'workflowActivityVNext.publish.submissionFailedDescription',
+                          'Review the error and try publishing again.',
+                        )}
+                {publicationError || publication.error ? (
+                  <TechnicalDetails>
+                    {errorMessage(publicationError ?? publication.error)}
+                  </TechnicalDetails>
+                ) : null}
+              </>
+            )
+          }
+          title={
+            publicationPhase === 'unauthorized'
+              ? t(
+                  'workflowActivityVNext.state.unauthorized',
+                  'Sign in to continue',
+                )
+              : publicationPhase === 'forbidden'
+                ? t(
+                    'workflowActivityVNext.state.forbidden',
+                    "You don't have access to this workspace",
+                  )
+                : publicationValidationRejected
+                  ? t(
+                      'workflowActivityVNext.publish.validationRejected',
+                      "Workflow isn't ready to publish",
+                    )
+                  : publicationReceipt
+                    ? t(
+                        'workflowActivityVNext.publish.failed',
+                        "Publication couldn't be confirmed",
+                      )
+                    : t(
+                        'workflowActivityVNext.publish.submissionFailed',
+                        "Workflow couldn't be submitted",
+                      )
+          }
+          id="workflow-publication-status"
+          showIcon
+          type="error"
+        />
+      ) : null}
+      {editor.findings.length > 0 ? (
+        <div aria-live="polite" className="wa-vnext__editor-alerts">
+          {editor.findings.map((finding) => (
+            <Alert
+              key={[
+                finding.code,
+                finding.path,
+                finding.level,
+                finding.message,
+              ].join('|')}
+              title={finding.message}
+              showIcon
+              type={
+                String(finding.level).toLowerCase() === 'error'
+                  ? 'error'
+                  : 'warning'
+              }
+            />
+          ))}
+        </div>
+      ) : null}
+      <div className="wa-vnext__run-workspace" ref={runWorkspaceRef}>
+        {mode === 'canvas' ? (
+          <WorkflowStudioEditorSurface
+            ariaLabel={t(
+              'workflowActivityVNext.editor.canvasAria',
+              'Workflow canvas',
+            )}
+            edges={editor.graph.edges}
+            emptyDescription={t(
+              'workflowActivityVNext.editor.emptyCanvas',
+              'Add the first executable node to make this workflow runnable.',
+            )}
+            addFirstStepDisabled={editorWriteLocked}
+            nodes={editor.graph.nodes}
+            nodeLibraryOpen={nodeLibraryOpen && !editorWriteLocked}
+            onAddFirstStep={openNodeLibrary}
+            onCanvasSelect={requestCanvasSelect}
+            onConnectNodes={requestConnectNodes}
+            onCloseNodeLibrary={closeNodeLibrary}
+            onDeleteEdges={requestDeleteEdges}
+            onDeleteNodes={requestDeleteNodes}
+            onEdgeSelect={requestEdgeSelect}
+            onInsertNode={requestInsertNode}
+            onNodeLayoutChange={editor.moveNodes}
+            onNodeSelect={requestNodeSelect}
+            selectedEdgeId={editor.selectedEdgeId}
+            selectedNodeId={editor.selectedNodeId}
+            style={{
+              border: '1px solid var(--wa-line)',
+              flex: '1 1 auto',
+              height: '100%',
+              minHeight: 440,
+              minWidth: 0,
+            }}
+          >
+            <Button
+              className="wa-vnext__editor-add"
+              disabled={editorWriteLocked}
+              icon={<PlusOutlined />}
+              onClick={openNodeLibrary}
+            >
+              {t('workflowActivityVNext.editor.addNode', 'Add node')}
+            </Button>
+            <WorkflowNodeInspector
+              disabled={editorWriteLocked}
+              error={editor.selectedStepConfigurationError}
+              ref={inspectorRef}
+              onClose={editor.selectCanvas}
+              onConfigurationChange={editor.updateSelectedStepConfiguration}
+              onConfigurationErrorChange={
+                editor.setSelectedStepConfigurationError
+              }
+              onUnappliedChangesChange={setHasUnappliedNodeChanges}
+              stepDraft={editor.selectedStepDraft}
+            />
+          </WorkflowStudioEditorSurface>
+        ) : (
+          <Input.TextArea
+            aria-label={t('workflowActivityVNext.new.yaml', 'Workflow YAML')}
+            className="wa-vnext__editor-yaml"
+            disabled={editorWriteLocked}
+            onChange={(event) => editor.updateYaml(event.target.value)}
+            style={{
+              border: '1px solid var(--wa-line)',
+              height: '100%',
+              minHeight: 440,
+              resize: 'none',
+            }}
+            value={editor.yaml}
+          />
+        )}
+        {runPanelOpen && publishedInvocationTarget ? (
+          <WorkflowPanelResizeHandle
+            ariaLabel={t(
+              'workflowActivityVNext.editor.resizePublishedRunPanel',
+              'Resize published run panel',
+            )}
+            className="wa-vnext__panel-resize-handle"
+            orientation="vertical"
+            {...sidePanelHandleProps}
+          />
+        ) : null}
+        <WorkflowRunInputPanel
+          canRun={
+            !runBusy &&
+            Boolean(publishedInvocationTarget) &&
+            editor.canRun &&
+            !editorWriteLocked
+          }
+          height="100%"
+          inputDisabled={runBusy || editorWriteLocked}
+          onClose={() => setRunPanelOpen(false)}
+          onRun={() => {
+            if (!publishedInvocationTarget) return;
+            setRunConsoleVisible(true);
+            setRunConsoleExpanded(true);
+            setActiveRunLogIndex(null);
+            setRunWorkflowNodes(
+              editor.document
+                ? buildWorkflowExecutionNodeSnapshots(editor.document)
+                : [],
+            );
+            void editor.run(publishedInvocationTarget);
+          }}
+          onRunMessageChange={editor.setRunInput}
+          open={runPanelOpen && publishedInvocationTarget !== null}
+          pending={editor.runPhase === 'submitting'}
+          runMessage={editor.runInput}
+          variant={{
+            files: editor.runFiles,
+            inputError: editor.runInputError,
+            kind: 'published',
+            onFilesAdd: editor.addRunFiles,
+            onFileRemove: editor.removeRunFile,
+          }}
+          width={sidePanelWidth}
+        />
+      </div>
+      <WorkflowScheduleSurface
+        available={publicationCurrent}
+        mode="panel"
+        onClose={() => setSchedulePanelOpen(false)}
+        open={schedulePanelOpen}
+        scopeId={activeScopeId}
+        workflowId={activeWorkflowId}
+        workflowName={editor.workflowTitle}
+      />
+      <Modal
+        aria-label={t(
+          'workflowActivityVNext.editor.unsavedTitle',
+          'Unsaved workflow changes',
+        )}
+        footer={[
+          <Button key="stay" onClick={stayInEditor}>
+            {t('workflowActivityVNext.editor.stay', 'Stay')}
+          </Button>,
+          <Button key="discard" onClick={discardAndLeave}>
+            {t(
+              'workflowActivityVNext.editor.discardLeave',
+              'Discard and leave',
+            )}
+          </Button>,
+          <Button
+            disabled={
+              editorWriteLocked ||
+              editor.receiptPending ||
+              hasUnappliedNodeChanges
+            }
+            key="save"
+            loading={editor.saving}
+            onClick={() => void saveAndLeave()}
+            type="primary"
+          >
+            {t('workflowActivityVNext.editor.saveLeave', 'Save and leave')}
+          </Button>,
+        ]}
+        onCancel={stayInEditor}
+        open={Boolean(pendingNavigation)}
+        title={t(
+          'workflowActivityVNext.editor.unsavedTitle',
+          'Unsaved workflow changes',
+        )}
+      >
+        <p>
+          {t(
+            'workflowActivityVNext.editor.unsavedDescription',
+            'Save your changes, discard them, or stay in the editor.',
+          )}
+        </p>
+      </Modal>
+    </WorkflowActivityVNextShell>
+  );
+};
+
+export default WorkflowEditorPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowMutationDialog.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowMutationDialog.test.tsx
new file mode 100644
index 0000000000..1077653a8a
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowMutationDialog.test.tsx
@@ -0,0 +1,162 @@
+import { act, fireEvent, screen } from '@testing-library/react';
+import * as React from 'react';
+import { renderWithQueryClient } from '../../../../tests/reactQueryTestUtils';
+import WorkflowMutationDialog from './WorkflowMutationDialog';
+
+jest.mock('@/shared/api/scopesApi', () => ({
+  scopesApi: {
+    archiveWorkflow: jest.fn(),
+    queryWorkflowCatalogue: jest.fn(),
+  },
+}));
+jest.mock('@/shared/studio/api', () => ({
+  isStudioApiStatus: () => false,
+  studioApi: { deleteWorkflowDraft: jest.fn() },
+}));
+const scopes = jest.requireMock('@/shared/api/scopesApi').scopesApi as {
+  archiveWorkflow: jest.Mock;
+  queryWorkflowCatalogue: jest.Mock;
+};
+const studio = jest.requireMock('@/shared/studio/api').studioApi as {
+  deleteWorkflowDraft: jest.Mock;
+};
+const row = (deploymentStatus = 'Active') => ({
+  workflowId: 'wf-alpha',
+  hasCommittedSource: true,
+  committed: {
+    deploymentStatus,
+    activeRevisionId: 'rev-alpha',
+    deploymentId: 'dep-alpha',
+  },
+});
+const catalogue = (items: ReturnType<typeof row>[]) => ({
+  items,
+  nextPageToken: null,
+});
+function deferred<T>() {
+  let resolve!: (value: T) => void;
+  const promise = new Promise<T>((done) => {
+    resolve = done;
+  });
+  return { promise, resolve };
+}
+const onObserved = jest.fn();
+const onClose = jest.fn();
+function Harness({ kind }: { kind: 'archive' | 'delete' }) {
+  const [open, setOpen] = React.useState(true);
+  return (
+    <>
+      <button type="button" onClick={() => setOpen(true)}>
+        Reopen
+      </button>
+      <WorkflowMutationDialog
+        kind={kind}
+        scopeId="scope-alpha"
+        workflowId="wf-alpha"
+        workflowName="My workflow"
+        open={open}
+        onObserved={onObserved}
+        onClose={() => {
+          setOpen(false);
+          onClose();
+        }}
+      />
+    </>
+  );
+}
+
+beforeEach(() => {
+  jest.clearAllMocks();
+  scopes.archiveWorkflow.mockResolvedValue({ accepted: true });
+  studio.deleteWorkflowDraft.mockResolvedValue(undefined);
+  jest.useFakeTimers();
+});
+afterEach(() => {
+  jest.useRealTimers();
+});
+
+it('automatically confirms archival after the old observation window without another command', async () => {
+  let archived = false;
+  scopes.queryWorkflowCatalogue.mockImplementation(async () =>
+    catalogue(archived ? [row('Deactivated')] : []),
+  );
+  renderWithQueryClient(<Harness kind="archive" />);
+  await act(async () => {
+    fireEvent.click(screen.getByRole('button', { name: 'Archive workflow' }));
+  });
+  await act(async () => {
+    await jest.advanceTimersByTimeAsync(4500);
+  });
+  expect(
+    screen.getByText('Request accepted. Checking for completion…'),
+  ).toBeInTheDocument();
+  expect(onObserved).not.toHaveBeenCalled();
+  archived = true;
+  await act(async () => {
+    await jest.advanceTimersByTimeAsync(3000);
+  });
+  expect(onObserved).toHaveBeenCalledTimes(1);
+  expect(onClose).toHaveBeenCalledTimes(1);
+  expect(scopes.archiveWorkflow).toHaveBeenCalledTimes(1);
+});
+
+it('keeps a failed deletion check distinct from failure to delete and retries only the read', async () => {
+  scopes.queryWorkflowCatalogue
+    .mockRejectedValueOnce(new Error('network offline'))
+    .mockResolvedValue(catalogue([]));
+  renderWithQueryClient(<Harness kind="delete" />);
+  await act(async () => {
+    fireEvent.click(screen.getByRole('button', { name: 'Delete draft' }));
+  });
+  expect(screen.getByRole('dialog')).toHaveTextContent(
+    "Couldn't check whether the change has finished",
+  );
+  expect(onObserved).not.toHaveBeenCalled();
+  await act(async () => {
+    fireEvent.click(screen.getByRole('button', { name: 'Check again' }));
+  });
+  expect(onObserved).toHaveBeenCalledTimes(1);
+  expect(studio.deleteWorkflowDraft).toHaveBeenCalledTimes(1);
+  expect(scopes.queryWorkflowCatalogue).toHaveBeenCalledTimes(2);
+});
+
+it('bounds a hung check and ignores its late result after closing and reopening the accepted operation', async () => {
+  const oldRead = deferred<ReturnType<typeof catalogue>>();
+  const newRead = deferred<ReturnType<typeof catalogue>>();
+  scopes.queryWorkflowCatalogue
+    .mockReturnValueOnce(oldRead.promise)
+    .mockReturnValueOnce(newRead.promise);
+  renderWithQueryClient(<Harness kind="delete" />);
+  await act(async () => {
+    fireEvent.click(screen.getByRole('button', { name: 'Delete draft' }));
+  });
+  const signal = scopes.queryWorkflowCatalogue.mock.calls[0][1];
+  await act(async () => {
+    await jest.advanceTimersByTimeAsync(30_000);
+  });
+  expect(signal.aborted).toBe(true);
+  expect(
+    screen.getByText(
+      'This is taking longer than expected. Completion is still unconfirmed.',
+    ),
+  ).toBeInTheDocument();
+  fireEvent.click(
+    screen.getAllByRole('button', { name: 'Close' }).slice(-1)[0],
+  );
+  fireEvent.click(screen.getByRole('button', { name: 'Reopen' }));
+  await act(async () => {
+    fireEvent.click(screen.getByRole('button', { name: 'Check again' }));
+  });
+  await act(async () => {
+    oldRead.resolve(catalogue([]));
+  });
+  expect(onObserved).not.toHaveBeenCalled();
+  expect(
+    screen.getByText('Request accepted. Checking for completion…'),
+  ).toBeInTheDocument();
+  await act(async () => {
+    newRead.resolve(catalogue([]));
+  });
+  expect(onObserved).toHaveBeenCalledTimes(1);
+  expect(studio.deleteWorkflowDraft).toHaveBeenCalledTimes(1);
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowMutationDialog.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowMutationDialog.tsx
new file mode 100644
index 0000000000..3ba40c476f
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowMutationDialog.tsx
@@ -0,0 +1,297 @@
+import { Modal } from 'antd';
+import React from 'react';
+import { scopesApi } from '@/shared/api/scopesApi';
+import { t } from '@/shared/i18n/messages';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import TechnicalDetails from '../TechnicalDetails';
+import { observeWorkflowArchival } from './workflowArchival';
+import {
+  ensureWorkflowObservationActive,
+  WORKFLOW_OBSERVATION_DELAYS_MS,
+  WORKFLOW_OBSERVATION_TIMEOUT_MS,
+} from './workflowObservation';
+import { observeWorkflowRemoval } from './workflowRemoval';
+
+type Phase =
+  | 'idle'
+  | 'submitting'
+  | 'observing'
+  | 'delayed'
+  | 'readFailed'
+  | 'failed';
+
+async function readWorkflowMatch(
+  scopeId: string,
+  workflowId: string,
+  archive: boolean,
+  signal: AbortSignal,
+) {
+  let cursor: string | undefined;
+  const visitedCursors = new Set<string>();
+  do {
+    ensureWorkflowObservationActive(signal);
+    const response = await scopesApi.queryWorkflowCatalogue(
+      {
+        scopeId,
+        view: archive ? 'archived' : 'all',
+        query: workflowId,
+        cursor,
+        take: 100,
+      },
+      signal,
+    );
+    ensureWorkflowObservationActive(signal);
+    const target = response.items.find(
+      (item) => item.workflowId === workflowId,
+    );
+    if (target)
+      return [
+        {
+          workflowId: target.workflowId,
+          activeRevisionId: target.committed?.activeRevisionId ?? '',
+          deploymentId: target.committed?.deploymentId ?? '',
+          deploymentStatus: target.committed?.deploymentStatus ?? '',
+          hasCommittedSource: target.hasCommittedSource,
+        },
+      ];
+    const nextCursor = response.nextPageToken ?? undefined;
+    if (!nextCursor) return [];
+    if (visitedCursors.has(nextCursor))
+      throw new Error('Workflow catalogue returned a repeated page cursor.');
+    visitedCursors.add(nextCursor);
+    cursor = nextCursor;
+  } while (cursor);
+  return [];
+}
+
+// Key by scope, operation and workflow in the owner. Closing preserves acceptance
+// for the selected operation; reopening can only check that same result.
+const WorkflowMutationDialog: React.FC<{
+  readonly kind: 'archive' | 'delete';
+  readonly scopeId: string;
+  readonly workflowId: string;
+  readonly workflowName: string;
+  readonly open: boolean;
+  readonly onClose: () => void;
+  readonly onObserved: () => void;
+}> = ({
+  kind,
+  scopeId,
+  workflowId,
+  workflowName,
+  open,
+  onClose,
+  onObserved,
+}) => {
+  const archive = kind === 'archive';
+  const toast = useConsoleToast();
+  const [phase, setPhase] = React.useState<Phase>('idle');
+  const [error, setError] = React.useState<unknown>(null);
+  const accepted = React.useRef(false);
+  const active = React.useRef<AbortController | null>(null);
+  const timer = React.useRef<number | undefined>(undefined);
+  const stop = React.useCallback(() => {
+    window.clearTimeout(timer.current);
+    active.current?.abort();
+    active.current = null;
+  }, []);
+  React.useEffect(() => {
+    if (!open && accepted.current) setPhase('delayed');
+    return stop;
+  }, [open, stop]);
+
+  const confirm = async () => {
+    if (active.current) return;
+    const controller = new AbortController();
+    active.current = controller;
+    const current = () =>
+      active.current === controller && !controller.signal.aborted;
+    setError(null);
+    setPhase(accepted.current ? 'observing' : 'submitting');
+    try {
+      if (!accepted.current) {
+        if (archive) await scopesApi.archiveWorkflow(scopeId, workflowId);
+        else {
+          try {
+            await studioApi.deleteWorkflowDraft(workflowId, scopeId);
+          } catch (cause) {
+            if (!isStudioApiStatus(cause, 404)) throw cause;
+          }
+        }
+        if (!current()) return;
+        accepted.current = true;
+      }
+      setPhase('observing');
+      timer.current = window.setTimeout(() => {
+        if (!current()) return;
+        stop();
+        setPhase('delayed');
+      }, WORKFLOW_OBSERVATION_TIMEOUT_MS);
+      const input = {
+        workflowId,
+        signal: controller.signal,
+        delaysMs: WORKFLOW_OBSERVATION_DELAYS_MS,
+        readWorkflows: () =>
+          readWorkflowMatch(scopeId, workflowId, archive, controller.signal),
+      };
+      const result = archive
+        ? await observeWorkflowArchival(input)
+        : await observeWorkflowRemoval(input);
+      if (!current()) return;
+      if (result.kind === 'delayed') {
+        setPhase('delayed');
+        return;
+      }
+      onObserved();
+      onClose();
+      toast.success(
+        archive
+          ? t(
+              'workflowActivityVNext.workflows.archiveSuccess',
+              'Workflow archived',
+            )
+          : t('workflowActivityVNext.workflows.deleteSuccess', 'Draft deleted'),
+      );
+    } catch (cause) {
+      if (!current()) return;
+      setError(cause);
+      setPhase(accepted.current ? 'readFailed' : 'failed');
+      toast.error(
+        accepted.current
+          ? t(
+              'workflowActivityVNext.workflows.checkFailed',
+              "Couldn't check whether the change has finished",
+            )
+          : archive
+            ? t(
+                'workflowActivityVNext.workflows.archiveFailed',
+                "Workflow couldn't be archived",
+              )
+            : t(
+                'workflowActivityVNext.workflows.deleteFailed',
+                "Draft couldn't be deleted",
+              ),
+      );
+    } finally {
+      if (active.current === controller) stop();
+    }
+  };
+
+  const busy = phase === 'submitting' || phase === 'observing';
+  const pending =
+    phase === 'observing' || phase === 'delayed' || phase === 'readFailed';
+  return (
+    <Modal
+      open={open}
+      title={
+        archive
+          ? t(
+              'workflowActivityVNext.workflows.archiveTitle',
+              'Archive this workflow?',
+            )
+          : t(
+              'workflowActivityVNext.workflows.deleteTitle',
+              'Delete editable draft?',
+            )
+      }
+      cancelText={
+        accepted.current
+          ? t('workflowActivityVNext.common.close', 'Close')
+          : t('workflowActivityVNext.common.cancel', 'Cancel')
+      }
+      cancelButtonProps={{ disabled: phase === 'submitting' }}
+      closable={phase !== 'submitting'}
+      keyboard={phase !== 'submitting'}
+      mask={{ closable: false }}
+      confirmLoading={busy}
+      okButtonProps={{ danger: !accepted.current, disabled: busy }}
+      okText={
+        pending
+          ? t(
+              'workflowActivityVNext.workflows.archiveCheckAgain',
+              'Check again',
+            )
+          : phase === 'failed'
+            ? t('workflowActivityVNext.workflows.archiveTryAgain', 'Try again')
+            : archive
+              ? t(
+                  'workflowActivityVNext.workflows.archiveConfirm',
+                  'Archive workflow',
+                )
+              : t('workflowActivityVNext.workflows.deleteDraft', 'Delete draft')
+      }
+      onOk={() => void confirm()}
+      onCancel={() => {
+        if (phase !== 'submitting') {
+          stop();
+          onClose();
+        }
+      }}
+    >
+      <strong>{workflowName}</strong>
+      <p>
+        {archive
+          ? t(
+              'workflowActivityVNext.workflows.archiveDescription',
+              'This stops new runs for the published workflow. Its editable draft, published revisions, and Activity history remain available. Publishing it again restores it.',
+            )
+          : t(
+              'workflowActivityVNext.workflows.deleteDescription',
+              'This deletes only the editable draft. Published versions and run history remain available.',
+            )}
+      </p>
+      {pending ? (
+        <div className="wa-vnext__notice" role="status">
+          <strong>
+            {phase === 'observing'
+              ? t(
+                  'workflowActivityVNext.workflows.changeObserving',
+                  'Request accepted. Checking for completion…',
+                )
+              : phase === 'readFailed'
+                ? t(
+                    'workflowActivityVNext.workflows.checkFailed',
+                    "Couldn't check whether the change has finished",
+                  )
+                : t(
+                    'workflowActivityVNext.workflows.changeDelayed',
+                    'This is taking longer than expected. Completion is still unconfirmed.',
+                  )}
+          </strong>
+          <p>
+            {phase === 'observing'
+              ? t(
+                  'workflowActivityVNext.workflows.checkingDescription',
+                  'We will keep checking for up to 30 seconds. Closing this dialog does not undo the request.',
+                )
+              : t(
+                  'workflowActivityVNext.workflows.checkAgainDescription',
+                  'Check again to see the result. This only checks the status and does not submit another request.',
+                )}
+          </p>
+        </div>
+      ) : null}
+      {phase === 'failed' ? (
+        <p role="alert">
+          {archive
+            ? t(
+                'workflowActivityVNext.workflows.archiveFailed',
+                "Workflow couldn't be archived",
+              )
+            : t(
+                'workflowActivityVNext.workflows.deleteFailed',
+                "Draft couldn't be deleted",
+              )}
+        </p>
+      ) : null}
+      {error ? (
+        <TechnicalDetails>
+          {error instanceof Error ? error.message : String(error)}
+        </TechnicalDetails>
+      ) : null}
+    </Modal>
+  );
+};
+
+export default WorkflowMutationDialog;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.test.tsx
new file mode 100644
index 0000000000..60eadbe091
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.test.tsx
@@ -0,0 +1,212 @@
+import {
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import React from 'react';
+import { createIntl } from 'react-intl';
+import enUSMessages from '@/locales/en-US';
+import zhCNMessages from '@/locales/zh-CN';
+import type { StudioStepInspectorDraft } from '@/shared/studio/document';
+import { getStudioNodeConfigurationSchema } from '@/shared/studio/nodeConfigFieldSchemas';
+import { workflowActivityVNextCss } from '../styles';
+import WorkflowNodeInspector from './WorkflowNodeInspector';
+
+const llmDraft: StudioStepInspectorDraft = {
+  kind: 'step',
+  id: 'summarize_result',
+  type: 'llm_call',
+  targetRole: 'analyst',
+  next: '',
+  branchesText: '{}',
+  parametersText: '{\n  "prompt_prefix": "Summarize the input"\n}',
+};
+
+const toolDraft: StudioStepInspectorDraft = {
+  kind: 'step',
+  id: 'fetch_dashboard',
+  type: 'tool_call',
+  targetRole: 'analyst',
+  next: 'summarize_result',
+  branchesText: '{}',
+  parametersText:
+    '{\n  "tool": "nyxid_proxy",\n  "arguments": "{\\"query\\":{\\"request\\":\\"$input\\"}}"\n}',
+};
+
+const voteDraft: StudioStepInspectorDraft = {
+  kind: 'step',
+  id: 'choose_result',
+  type: 'vote',
+  targetRole: '',
+  next: '',
+  branchesText: '{}',
+  parametersText: '{}',
+};
+
+function renderInspector(
+  stepDraft: StudioStepInspectorDraft,
+  onConfigurationChange = jest.fn().mockReturnValue(true),
+) {
+  render(
+    <WorkflowNodeInspector
+      onClose={jest.fn()}
+      onConfigurationChange={onConfigurationChange}
+      onConfigurationErrorChange={jest.fn()}
+      stepDraft={stepDraft}
+    />,
+  );
+  return { onConfigurationChange };
+}
+
+describe('WorkflowNodeInspector', () => {
+  it('leads with purpose and keeps technical details secondary', () => {
+    renderInspector(llmDraft);
+
+    const inspector = screen.getByRole('complementary', {
+      name: 'Configure summarize_result',
+    });
+    const purpose = within(inspector).getByText(
+      'Send an instruction and workflow input to an AI model.',
+    );
+    const settings = within(inspector).getByRole('heading', {
+      name: 'Settings',
+    });
+
+    expect(
+      purpose.compareDocumentPosition(settings) &
+        Node.DOCUMENT_POSITION_FOLLOWING,
+    ).toBeTruthy();
+    expect(within(inspector).getByText('Technical details')).toBeVisible();
+    expect(within(inspector).getByText('Advanced JSON')).toBeVisible();
+    expect(
+      within(inspector).getByRole('button', { name: 'Apply step' }),
+    ).toBeVisible();
+  });
+
+  it('explains existing tool-call parameters without capability discovery', () => {
+    renderInspector(toolDraft);
+
+    expect(screen.getByRole('textbox', { name: 'Tool name' })).toHaveValue(
+      'nyxid_proxy',
+    );
+    expect(screen.getByRole('radio', { name: 'Fields' })).toBeChecked();
+    expect(
+      screen.getByRole('textbox', { name: 'Value for query.request' }),
+    ).toHaveValue('$input');
+    expect(screen.getByText('Arguments')).toBeVisible();
+    expect(screen.getByText('Required')).toBeVisible();
+    expect(screen.getByText('Optional')).toBeVisible();
+    expect(
+      screen.getByText(
+        "Property names and value types must match the tool's expected input.",
+      ),
+    ).toBeVisible();
+  });
+
+  it('keeps edited tool arguments string-shaped when applying the step', async () => {
+    const onConfigurationChange = jest.fn().mockReturnValue(true);
+    renderInspector(toolDraft, onConfigurationChange);
+
+    fireEvent.change(
+      screen.getByRole('textbox', { name: 'Value for query.request' }),
+      { target: { value: '$result' } },
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Apply step' }));
+
+    await waitFor(() => expect(onConfigurationChange).toHaveBeenCalledTimes(1));
+    const parametersText = onConfigurationChange.mock.calls[0][0] as string;
+    const parameters = JSON.parse(parametersText) as Record<string, unknown>;
+    expect(parameters.tool).toBe('nyxid_proxy');
+    expect(typeof parameters.arguments).toBe('string');
+    expect(JSON.parse(parameters.arguments as string)).toEqual({
+      query: { request: '$result' },
+    });
+  });
+
+  it('does not apply a tool call while its arguments JSON is invalid', async () => {
+    const onConfigurationChange = jest.fn().mockReturnValue(true);
+    renderInspector(toolDraft, onConfigurationChange);
+
+    fireEvent.click(screen.getByRole('radio', { name: 'JSON' }));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Arguments JSON' }), {
+      target: { value: '{"query":' },
+    });
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'Apply step' })).toBeDisabled(),
+    );
+    expect(onConfigurationChange).not.toHaveBeenCalled();
+  });
+
+  it('does not apply a tool call after a duplicate argument name is rejected', async () => {
+    const onConfigurationChange = jest.fn().mockReturnValue(true);
+    const duplicateDraft = {
+      ...toolDraft,
+      parametersText:
+        '{\n  "tool": "nyxid_proxy",\n  "arguments": "{\\"name\\":\\"Ada\\",\\"count\\":2}"\n}',
+    };
+    renderInspector(duplicateDraft, onConfigurationChange);
+
+    fireEvent.change(
+      screen.getByRole('textbox', { name: 'Property name for count' }),
+      { target: { value: 'name' } },
+    );
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'Apply step' })).toBeDisabled(),
+    );
+    expect(
+      screen
+        .getAllByRole('alert')
+        .every((alert) =>
+          alert.textContent?.includes('Property names must be unique.'),
+        ),
+    ).toBe(true);
+    expect(onConfigurationChange).not.toHaveBeenCalled();
+  });
+
+  it('states when a step has no settings instead of leaving an empty panel', () => {
+    renderInspector(voteDraft);
+
+    expect(
+      screen.getByText('No settings are needed for this step.'),
+    ).toBeVisible();
+  });
+
+  it('keeps the mobile inspector between the top bar and logs dock', () => {
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__node-inspector { bottom: 56px; left: 12px; max-height: calc(100dvh - 120px); max-width: none; position: fixed; right: 12px; top: auto; width: auto; }',
+    );
+  });
+
+  it('formats the JSON arguments example without ICU errors', () => {
+    const argumentsPlaceholder = getStudioNodeConfigurationSchema(
+      'tool_call',
+      {},
+    ).fields.find((field) => field.name === 'arguments')?.placeholder;
+
+    expect(argumentsPlaceholder).toBeDefined();
+    if (!argumentsPlaceholder) throw new Error('Arguments placeholder missing');
+
+    for (const [locale, messages] of [
+      [
+        'en-US',
+        {
+          [argumentsPlaceholder.id]: argumentsPlaceholder.defaultMessage,
+        },
+      ],
+      ['en-US', enUSMessages],
+      ['zh-CN', zhCNMessages],
+    ] as const) {
+      const onError = jest.fn();
+      const intl = createIntl({ locale, messages, onError });
+
+      expect(intl.formatMessage(argumentsPlaceholder)).toBe(
+        '{"query":"$input"}',
+      );
+      expect(onError).not.toHaveBeenCalled();
+    }
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.tsx
new file mode 100644
index 0000000000..4a245cb236
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.tsx
@@ -0,0 +1,913 @@
+import { CloseOutlined } from '@ant-design/icons';
+import {
+  Alert,
+  Button,
+  Collapse,
+  Input,
+  Modal,
+  Select,
+  Switch,
+  Typography,
+} from 'antd';
+import React from 'react';
+import {
+  type ConsoleMessageDescriptor,
+  formatConsoleMessage,
+  t,
+} from '@/shared/i18n/messages';
+import {
+  parseInspectorParameters,
+  type StudioStepInspectorDraft,
+} from '@/shared/studio/document';
+import { formatStudioStepTypeLabel } from '@/shared/studio/graph';
+import {
+  applyRawStudioNodeConfiguration,
+  applyStudioNodeConfigurationValuesWithValidation,
+  formatRawStudioNodeConfiguration,
+  getStudioNodeConfigurationSchema,
+  readStudioNodeConfigurationValues,
+  type StudioStructuredNodeConfigField,
+} from '@/shared/studio/nodeConfigFields';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import TechnicalDetails from '../TechnicalDetails';
+import StructuredJsonArgumentsEditor from './StructuredJsonArgumentsEditor';
+
+export type WorkflowNodeInspectorHandle = {
+  requestDiscardOrProceed: (proceed: () => void) => void;
+};
+
+type WorkflowNodeInspectorProps = {
+  readonly disabled?: boolean;
+  readonly error?: string;
+  readonly onClose: () => void;
+  readonly onConfigurationChange: (
+    parametersText: string,
+  ) => Promise<boolean> | boolean;
+  readonly onConfigurationErrorChange: (error: string) => void;
+  readonly onUnappliedChangesChange?: (hasUnappliedChanges: boolean) => void;
+  readonly stepDraft: StudioStepInspectorDraft | null;
+};
+
+const STEP_PURPOSES: Readonly<Record<string, ConsoleMessageDescriptor>> = {
+  assign: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.assign',
+    defaultMessage: 'Store a value for later steps in this workflow.',
+  },
+  cache: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.cache',
+    defaultMessage: 'Reuse a previous result when the same cache key appears.',
+  },
+  checkpoint: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.checkpoint',
+    defaultMessage: 'Record a named recovery point in this workflow.',
+  },
+  conditional: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.conditional',
+    defaultMessage: 'Continue only when the configured condition is true.',
+  },
+  connector_call: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.connectorCall',
+    defaultMessage: 'Call an operation provided by a configured connector.',
+  },
+  delay: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.delay',
+    defaultMessage: 'Pause this workflow before the next step continues.',
+  },
+  dynamic_workflow: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.dynamicWorkflow',
+    defaultMessage: 'Create and run workflow steps from generated YAML.',
+  },
+  emit: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.emit',
+    defaultMessage: 'Publish an event for another workflow or system listener.',
+  },
+  evaluate: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.evaluate',
+    defaultMessage: 'Score the current result against clear criteria.',
+  },
+  foreach: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.foreach',
+    defaultMessage: 'Run the same child step for every input item.',
+  },
+  guard: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.guard',
+    defaultMessage: 'Check the input before allowing the workflow to continue.',
+  },
+  human_approval: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.humanApproval',
+    defaultMessage: 'Pause until a person approves or rejects the next action.',
+  },
+  human_input: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.humanInput',
+    defaultMessage: 'Pause and collect information from a person.',
+  },
+  llm_call: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.llmCall',
+    defaultMessage: 'Send an instruction and workflow input to an AI model.',
+  },
+  map_reduce: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.mapReduce',
+    defaultMessage:
+      'Process input chunks separately, then combine the results.',
+  },
+  parallel: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.parallel',
+    defaultMessage:
+      'Run several workers at the same time and combine their work.',
+  },
+  race: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.race',
+    defaultMessage: 'Run several workers and continue with the first results.',
+  },
+  reflect: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.reflect',
+    defaultMessage:
+      'Review and improve a result for a limited number of rounds.',
+  },
+  retrieve_facts: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.retrieveFacts',
+    defaultMessage: 'Find relevant facts to use in later workflow steps.',
+  },
+  switch: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.switch',
+    defaultMessage: 'Choose the next branch by matching the current value.',
+  },
+  tool_call: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.toolCall',
+    defaultMessage: 'Run a registered tool with the input you provide.',
+  },
+  transform: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.transform',
+    defaultMessage: 'Transform the current value before the next step uses it.',
+  },
+  vote: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.vote',
+    defaultMessage: 'Choose a result from the available worker responses.',
+  },
+  wait_signal: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.waitSignal',
+    defaultMessage: 'Pause until the expected signal arrives or time runs out.',
+  },
+  while: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.while',
+    defaultMessage: 'Repeat a child step while the condition remains true.',
+  },
+  workflow_call: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.workflowCall',
+    defaultMessage: 'Run another workflow and use its result here.',
+  },
+  workflow_yaml_validate: {
+    id: 'workflowActivityVNext.nodeInspector.purpose.workflowYamlValidate',
+    defaultMessage: 'Check generated workflow YAML before it is used.',
+  },
+};
+
+function stepPurpose(stepType: string): string {
+  const purpose = STEP_PURPOSES[stepType.trim().toLowerCase()];
+  return purpose
+    ? formatConsoleMessage(purpose)
+    : t(
+        'workflowActivityVNext.nodeInspector.purpose.default',
+        'Configure how this step behaves when the workflow runs.',
+      );
+}
+
+function readDraftParameters(
+  stepDraft: StudioStepInspectorDraft,
+): Record<string, unknown> {
+  try {
+    return parseInspectorParameters(stepDraft.parametersText);
+  } catch {
+    return {};
+  }
+}
+
+function readCurrentParameters(
+  stepDraft: StudioStepInspectorDraft,
+  rawConfigurationText: string,
+): Record<string, unknown> {
+  try {
+    return parseInspectorParameters(rawConfigurationText);
+  } catch {
+    return readDraftParameters(stepDraft);
+  }
+}
+
+function mergeSchemaParameters(
+  current: Record<string, unknown>,
+  next: Record<string, unknown>,
+): Record<string, unknown> {
+  return { ...current, ...next };
+}
+
+function displayValue(value: string): string {
+  return (
+    value.trim() || t('workflowActivityVNext.nodeInspector.notSet', 'Not set')
+  );
+}
+
+function summarizeBranches(branchesText: string): string {
+  try {
+    const parsed = JSON.parse(branchesText) as unknown;
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return t('workflowActivityVNext.nodeInspector.noBranches', 'No branches');
+    }
+    const entries = Object.entries(parsed)
+      .map(([label, target]) => [label.trim(), String(target ?? '').trim()])
+      .filter(([label, target]) => Boolean(label) && Boolean(target));
+    return entries.length > 0
+      ? entries.map(([label, target]) => `${label} -> ${target}`).join(', ')
+      : t('workflowActivityVNext.nodeInspector.noBranches', 'No branches');
+  } catch {
+    return t(
+      'workflowActivityVNext.nodeInspector.branchesUnavailable',
+      'Branches unavailable',
+    );
+  }
+}
+
+function useConfigurationDraft(stepDraft: StudioStepInspectorDraft | null) {
+  const [configurationValues, setConfigurationValues] = React.useState<
+    Record<string, string>
+  >({});
+  const [rawConfigurationText, setRawConfigurationText] = React.useState('');
+  const [schemaParameters, setSchemaParameters] = React.useState<
+    Record<string, unknown>
+  >({});
+  const [rawError, setRawError] = React.useState('');
+  const [rawErrorDetails, setRawErrorDetails] = React.useState('');
+  const [structuredError, setStructuredError] = React.useState('');
+  const [hasUnappliedChanges, setHasUnappliedChanges] = React.useState(false);
+  const schemaParametersRef = React.useRef<Record<string, unknown>>({});
+  const stepKeyRef = React.useRef('');
+
+  const rememberSchemaParameters = React.useCallback(
+    (parameters: Record<string, unknown>): Record<string, unknown> => {
+      const nextSchemaParameters = mergeSchemaParameters(
+        schemaParametersRef.current,
+        parameters,
+      );
+      schemaParametersRef.current = nextSchemaParameters;
+      setSchemaParameters(nextSchemaParameters);
+      return nextSchemaParameters;
+    },
+    [],
+  );
+
+  React.useEffect(() => {
+    if (!stepDraft) {
+      setConfigurationValues({});
+      setRawConfigurationText('');
+      schemaParametersRef.current = {};
+      stepKeyRef.current = '';
+      setSchemaParameters({});
+      setRawError('');
+      setRawErrorDetails('');
+      setStructuredError('');
+      setHasUnappliedChanges(false);
+      return;
+    }
+
+    const parameters = readDraftParameters(stepDraft);
+    const stepKey = `${stepDraft.id}\u0000${stepDraft.type}`;
+    const nextSchemaParameters =
+      stepKeyRef.current === stepKey
+        ? mergeSchemaParameters(schemaParametersRef.current, parameters)
+        : parameters;
+    schemaParametersRef.current = nextSchemaParameters;
+    stepKeyRef.current = stepKey;
+    setConfigurationValues(
+      readStudioNodeConfigurationValues(
+        stepDraft.type,
+        parameters,
+        nextSchemaParameters,
+      ),
+    );
+    setRawConfigurationText(formatRawStudioNodeConfiguration(parameters));
+    setSchemaParameters(nextSchemaParameters);
+    setRawError('');
+    setRawErrorDetails('');
+    setStructuredError('');
+    setHasUnappliedChanges(false);
+  }, [stepDraft?.id, stepDraft?.parametersText, stepDraft?.type]);
+
+  return {
+    configurationValues,
+    hasUnappliedChanges,
+    rawConfigurationText,
+    rawError,
+    rawErrorDetails,
+    rememberSchemaParameters,
+    schemaParameters,
+    setConfigurationValues,
+    setHasUnappliedChanges,
+    setRawConfigurationText,
+    setRawError,
+    setRawErrorDetails,
+    setStructuredError,
+    structuredError,
+  } as const;
+}
+
+const WorkflowNodeInspector = React.forwardRef<
+  WorkflowNodeInspectorHandle,
+  WorkflowNodeInspectorProps
+>(
+  (
+    {
+      disabled = false,
+      error,
+      onClose,
+      onConfigurationChange,
+      onConfigurationErrorChange,
+      onUnappliedChangesChange,
+      stepDraft,
+    },
+    ref,
+  ) => {
+    const [applying, setApplying] = React.useState(false);
+    const [discardConfirmationOpen, setDiscardConfirmationOpen] =
+      React.useState(false);
+    const [argumentsEditorError, setArgumentsEditorError] = React.useState('');
+    const [pendingDiscardAction, setPendingDiscardAction] = React.useState<
+      (() => void) | null
+    >(null);
+    const {
+      configurationValues,
+      hasUnappliedChanges,
+      rawConfigurationText,
+      rawError,
+      rawErrorDetails,
+      rememberSchemaParameters,
+      schemaParameters,
+      setConfigurationValues,
+      setHasUnappliedChanges,
+      setRawConfigurationText,
+      setRawError,
+      setRawErrorDetails,
+      setStructuredError,
+      structuredError,
+    } = useConfigurationDraft(stepDraft);
+
+    React.useEffect(() => {
+      onConfigurationErrorChange(
+        structuredError || argumentsEditorError || rawError,
+      );
+    }, [
+      argumentsEditorError,
+      onConfigurationErrorChange,
+      rawError,
+      structuredError,
+    ]);
+
+    React.useEffect(() => {
+      setArgumentsEditorError('');
+    }, [stepDraft?.id, stepDraft?.type]);
+
+    React.useEffect(() => {
+      onUnappliedChangesChange?.(hasUnappliedChanges);
+      return () => onUnappliedChangesChange?.(false);
+    }, [hasUnappliedChanges, onUnappliedChangesChange]);
+
+    const requestDiscardOrProceed = React.useCallback(
+      (proceed: () => void) => {
+        if (applying) return;
+        if (hasUnappliedChanges) {
+          setPendingDiscardAction(() => proceed);
+          setDiscardConfirmationOpen(true);
+          return;
+        }
+        proceed();
+      },
+      [applying, hasUnappliedChanges],
+    );
+
+    React.useImperativeHandle(ref, () => ({ requestDiscardOrProceed }), [
+      requestDiscardOrProceed,
+    ]);
+
+    if (!stepDraft) return null;
+
+    const parameters = readCurrentParameters(stepDraft, rawConfigurationText);
+    const schema = getStudioNodeConfigurationSchema(
+      stepDraft.type,
+      schemaParameters,
+    );
+    const validationError = structuredError || argumentsEditorError || rawError;
+    const nodeTypeLabel = formatStudioStepTypeLabel(stepDraft.type);
+    const controlsDisabled = disabled || applying;
+
+    const setRawConfigurationError = (nextError: unknown) => {
+      setRawError(
+        t(
+          'workflowActivityVNext.nodeInspector.rawConfigurationError',
+          'Configuration must be a JSON object.',
+        ),
+      );
+      setRawErrorDetails(nextError instanceof Error ? nextError.message : '');
+    };
+
+    const updateFieldValue = (fieldName: string, value: string) => {
+      if (controlsDisabled) return;
+      const nextValues = { ...configurationValues, [fieldName]: value };
+      const result = applyStudioNodeConfigurationValuesWithValidation(
+        stepDraft.type,
+        parameters,
+        nextValues,
+        schemaParameters,
+      );
+      setConfigurationValues(nextValues);
+      setStructuredError(result.errors[0] ?? '');
+      setRawError('');
+      setRawErrorDetails('');
+      setHasUnappliedChanges(true);
+      if (result.valid) {
+        setRawConfigurationText(
+          formatRawStudioNodeConfiguration(result.parameters),
+        );
+        rememberSchemaParameters(result.parameters);
+      }
+    };
+
+    const applyParametersText = async (parametersText: string) => {
+      if (controlsDisabled) return;
+      setApplying(true);
+      try {
+        const applied = await onConfigurationChange(parametersText);
+        if (applied) {
+          setHasUnappliedChanges(false);
+          onConfigurationErrorChange('');
+        }
+      } catch (configurationError) {
+        onConfigurationErrorChange(
+          configurationError instanceof Error
+            ? configurationError.message
+            : String(configurationError),
+        );
+      } finally {
+        setApplying(false);
+      }
+    };
+
+    const applyConfiguration = () => {
+      if (controlsDisabled || argumentsEditorError) return;
+      const result = applyStudioNodeConfigurationValuesWithValidation(
+        stepDraft.type,
+        parameters,
+        configurationValues,
+        schemaParameters,
+      );
+      const nextError = result.errors[0] ?? '';
+      setStructuredError(nextError);
+      setRawError('');
+      setRawErrorDetails('');
+      if (!result.valid) return;
+
+      const nextRawText = formatRawStudioNodeConfiguration(result.parameters);
+      setRawConfigurationText(nextRawText);
+      rememberSchemaParameters(result.parameters);
+      void applyParametersText(nextRawText);
+    };
+
+    const updateRawConfiguration = (value: string) => {
+      if (controlsDisabled) return;
+      setRawConfigurationText(value);
+      setHasUnappliedChanges(true);
+      try {
+        const nextParameters = applyRawStudioNodeConfiguration(
+          stepDraft.type,
+          value,
+        );
+        const nextSchemaParameters = rememberSchemaParameters(nextParameters);
+        setRawError('');
+        setRawErrorDetails('');
+        setStructuredError('');
+        setConfigurationValues(
+          readStudioNodeConfigurationValues(
+            stepDraft.type,
+            nextParameters,
+            nextSchemaParameters,
+          ),
+        );
+      } catch (nextError) {
+        setRawConfigurationError(nextError);
+      }
+    };
+
+    const requestClose = () => {
+      requestDiscardOrProceed(onClose);
+    };
+
+    const renderFieldControl = (field: StudioStructuredNodeConfigField) => {
+      const value = configurationValues[field.name] ?? '';
+      const control = field.control ?? field.kind;
+      if (
+        stepDraft.type.trim().toLowerCase() === 'tool_call' &&
+        field.parameterName === 'arguments'
+      ) {
+        return (
+          <StructuredJsonArgumentsEditor
+            disabled={controlsDisabled}
+            key={`${stepDraft.id}:${field.name}`}
+            onChange={(nextValue) => updateFieldValue(field.name, nextValue)}
+            onErrorChange={setArgumentsEditorError}
+            value={value}
+          />
+        );
+      }
+      if (control === 'select') {
+        return (
+          <Select
+            aria-required={field.required}
+            disabled={controlsDisabled}
+            aria-label={formatConsoleMessage(field.label)}
+            onChange={(nextValue) => updateFieldValue(field.name, nextValue)}
+            options={(field.options ?? []).map((option) => ({
+              label: formatConsoleMessage(option.label),
+              value: option.value,
+            }))}
+            placeholder={
+              field.placeholder
+                ? formatConsoleMessage(field.placeholder)
+                : undefined
+            }
+            status={structuredError ? 'error' : undefined}
+            value={value || undefined}
+          />
+        );
+      }
+      if (control === 'boolean') {
+        return (
+          <Switch
+            aria-label={formatConsoleMessage(field.label)}
+            aria-required={field.required}
+            checked={value === 'true'}
+            disabled={controlsDisabled}
+            onChange={(checked) =>
+              updateFieldValue(field.name, String(checked))
+            }
+          />
+        );
+      }
+      if (
+        control === 'array' ||
+        control === 'json' ||
+        control === 'object' ||
+        control === 'multi-line' ||
+        control === 'textarea'
+      ) {
+        return (
+          <Input.TextArea
+            aria-label={formatConsoleMessage(field.label)}
+            aria-required={field.required}
+            autoSize={{ maxRows: 10, minRows: 4 }}
+            disabled={controlsDisabled}
+            onChange={(event) =>
+              updateFieldValue(field.name, event.target.value)
+            }
+            placeholder={
+              field.placeholder
+                ? formatConsoleMessage(field.placeholder)
+                : undefined
+            }
+            status={structuredError ? 'error' : undefined}
+            value={value}
+          />
+        );
+      }
+      return (
+        <Input
+          aria-label={formatConsoleMessage(field.label)}
+          aria-required={field.required}
+          disabled={controlsDisabled}
+          inputMode={control === 'number' ? 'decimal' : undefined}
+          onChange={(event) => updateFieldValue(field.name, event.target.value)}
+          placeholder={
+            field.placeholder
+              ? formatConsoleMessage(field.placeholder)
+              : undefined
+          }
+          status={structuredError ? 'error' : undefined}
+          value={value}
+        />
+      );
+    };
+
+    const renderField = (field: StudioStructuredNodeConfigField) => {
+      const guidance = field.description
+        ? formatConsoleMessage(field.description)
+        : field.placeholder
+          ? t(
+              'workflowActivityVNext.nodeInspector.fieldExample',
+              'Example: {value}',
+              { value: formatConsoleMessage(field.placeholder) },
+            )
+          : '';
+
+      return (
+        <div className="wa-vnext__node-inspector-field" key={field.name}>
+          <div className="wa-vnext__node-inspector-field-heading">
+            <span>{formatConsoleMessage(field.label)}</span>
+            <small>
+              {field.required
+                ? t(
+                    'workflowActivityVNext.nodeInspector.fieldRequired',
+                    'Required',
+                  )
+                : t(
+                    'workflowActivityVNext.nodeInspector.fieldOptional',
+                    'Optional',
+                  )}
+            </small>
+          </div>
+          {renderFieldControl(field)}
+          {guidance ? <small>{guidance}</small> : null}
+        </div>
+      );
+    };
+
+    return (
+      <>
+        <aside
+          aria-label={t(
+            'workflowActivityVNext.nodeInspector.sectionAria',
+            'Configure {name}',
+            { name: stepDraft.id },
+          )}
+          className="wa-vnext__node-inspector"
+        >
+          <header className="wa-vnext__node-inspector-header">
+            <div>
+              <Typography.Title
+                className="wa-vnext__node-inspector-title"
+                level={5}
+              >
+                {t(
+                  'workflowActivityVNext.nodeInspector.title',
+                  'Configure {name}',
+                  { name: nodeTypeLabel },
+                )}
+              </Typography.Title>
+            </div>
+            <AevatarTooltip
+              title={t(
+                'workflowActivityVNext.nodeInspector.close',
+                'Close configuration',
+              )}
+            >
+              <Button
+                aria-label={t(
+                  'workflowActivityVNext.nodeInspector.closeAria',
+                  'Close node configuration',
+                )}
+                disabled={applying}
+                icon={<CloseOutlined />}
+                onClick={requestClose}
+                type="text"
+              />
+            </AevatarTooltip>
+          </header>
+          <div className="wa-vnext__node-inspector-body">
+            <Typography.Paragraph className="wa-vnext__node-inspector-purpose">
+              {stepPurpose(stepDraft.type)}
+            </Typography.Paragraph>
+            <section
+              aria-labelledby="wa-vnext-node-configuration-title"
+              className="wa-vnext__node-inspector-settings"
+            >
+              <Typography.Title
+                className="wa-vnext__node-inspector-section-title"
+                id="wa-vnext-node-configuration-title"
+                level={5}
+              >
+                {t(
+                  'workflowActivityVNext.nodeInspector.configuration',
+                  'Settings',
+                )}
+              </Typography.Title>
+              <div className="wa-vnext__node-inspector-fields">
+                {schema.fields.length > 0 ? (
+                  schema.fields.map(renderField)
+                ) : (
+                  <Typography.Text
+                    className="wa-vnext__node-inspector-empty"
+                    type="secondary"
+                  >
+                    {t(
+                      'workflowActivityVNext.nodeInspector.noSettings',
+                      'No settings are needed for this step.',
+                    )}
+                  </Typography.Text>
+                )}
+              </div>
+              {validationError ? (
+                <Alert
+                  className="wa-vnext__node-inspector-error"
+                  description={
+                    rawErrorDetails ? (
+                      <TechnicalDetails
+                        summary={t(
+                          'workflowActivityVNext.nodeInspector.errorDetails',
+                          'Error details',
+                        )}
+                      >
+                        {rawErrorDetails}
+                      </TechnicalDetails>
+                    ) : undefined
+                  }
+                  title={validationError}
+                  role="alert"
+                  showIcon
+                  type="error"
+                />
+              ) : null}
+              {hasUnappliedChanges ? (
+                <Typography.Text
+                  className="wa-vnext__node-inspector-hint"
+                  type="secondary"
+                >
+                  {t(
+                    'workflowActivityVNext.nodeInspector.applyBeforeSave',
+                    'Apply this step before saving the workflow.',
+                  )}
+                </Typography.Text>
+              ) : null}
+              {!validationError && error ? (
+                <Alert
+                  className="wa-vnext__node-inspector-error"
+                  description={
+                    <TechnicalDetails
+                      summary={t(
+                        'workflowActivityVNext.nodeInspector.errorDetails',
+                        'Error details',
+                      )}
+                    >
+                      {error}
+                    </TechnicalDetails>
+                  }
+                  title={t(
+                    'workflowActivityVNext.nodeInspector.applyFailed',
+                    "Couldn't apply configuration",
+                  )}
+                  role="alert"
+                  showIcon
+                  type="error"
+                />
+              ) : null}
+            </section>
+            <Collapse
+              className="wa-vnext__node-inspector-disclosure"
+              items={[
+                {
+                  children: (
+                    <dl className="wa-vnext__node-inspector-details">
+                      <div>
+                        <dt>
+                          {t(
+                            'workflowActivityVNext.nodeInspector.stepId',
+                            'Step ID',
+                          )}
+                        </dt>
+                        <dd>{stepDraft.id}</dd>
+                      </div>
+                      <div>
+                        <dt>
+                          {t(
+                            'workflowActivityVNext.nodeInspector.type',
+                            'Type',
+                          )}
+                        </dt>
+                        <dd>{stepDraft.type}</dd>
+                      </div>
+                      <div>
+                        <dt>
+                          {t(
+                            'workflowActivityVNext.nodeInspector.targetRole',
+                            'Target role',
+                          )}
+                        </dt>
+                        <dd>{displayValue(stepDraft.targetRole)}</dd>
+                      </div>
+                      <div>
+                        <dt>
+                          {t(
+                            'workflowActivityVNext.nodeInspector.nextStep',
+                            'Next step',
+                          )}
+                        </dt>
+                        <dd>{displayValue(stepDraft.next)}</dd>
+                      </div>
+                      <div>
+                        <dt>
+                          {t(
+                            'workflowActivityVNext.nodeInspector.branches',
+                            'Branches',
+                          )}
+                        </dt>
+                        <dd>{summarizeBranches(stepDraft.branchesText)}</dd>
+                      </div>
+                    </dl>
+                  ),
+                  key: 'step-details',
+                  label: t(
+                    'workflowActivityVNext.nodeInspector.stepDetails',
+                    'Technical details',
+                  ),
+                },
+                {
+                  children: (
+                    <div className="wa-vnext__node-inspector-advanced">
+                      <Typography.Paragraph className="wa-vnext__node-inspector-description">
+                        {t(
+                          'workflowActivityVNext.nodeInspector.advancedDescription',
+                          "Edit this step's runtime parameters as JSON.",
+                        )}
+                      </Typography.Paragraph>
+                      <Input.TextArea
+                        aria-label={t(
+                          'workflowActivityVNext.nodeInspector.rawConfigurationAria',
+                          'Raw configuration',
+                        )}
+                        autoSize={{ maxRows: 16, minRows: 8 }}
+                        disabled={controlsDisabled}
+                        onChange={(event) =>
+                          updateRawConfiguration(event.target.value)
+                        }
+                        spellCheck={false}
+                        status={rawError ? 'error' : undefined}
+                        value={rawConfigurationText}
+                      />
+                    </div>
+                  ),
+                  key: 'advanced',
+                  label: t(
+                    'workflowActivityVNext.nodeInspector.advanced',
+                    'Advanced JSON',
+                  ),
+                },
+              ]}
+            />
+          </div>
+          <footer className="wa-vnext__node-inspector-actions">
+            <Button disabled={applying} onClick={requestClose}>
+              {t('workflowActivityVNext.common.cancel', 'Cancel')}
+            </Button>
+            <Button
+              disabled={
+                controlsDisabled ||
+                applying ||
+                Boolean(structuredError) ||
+                Boolean(argumentsEditorError) ||
+                Boolean(rawError) ||
+                !hasUnappliedChanges
+              }
+              loading={applying}
+              onClick={applyConfiguration}
+              type="primary"
+            >
+              {t(
+                'workflowActivityVNext.nodeInspector.applyChanges',
+                'Apply step',
+              )}
+            </Button>
+          </footer>
+        </aside>
+        <Modal
+          cancelText={t('workflowActivityVNext.common.cancel', 'Cancel')}
+          okText={t(
+            'workflowActivityVNext.nodeInspector.discard',
+            'Discard changes',
+          )}
+          okButtonProps={{ danger: true }}
+          onCancel={() => {
+            setDiscardConfirmationOpen(false);
+            setPendingDiscardAction(null);
+          }}
+          onOk={() => {
+            const proceed = pendingDiscardAction;
+            setDiscardConfirmationOpen(false);
+            setPendingDiscardAction(null);
+            setHasUnappliedChanges(false);
+            proceed?.();
+          }}
+          open={discardConfirmationOpen}
+          title={t(
+            'workflowActivityVNext.nodeInspector.discardTitle',
+            'Discard node changes?',
+          )}
+        >
+          <p>
+            {t(
+              'workflowActivityVNext.nodeInspector.discardDescription',
+              'Your unapplied changes to this step will be lost.',
+            )}
+          </p>
+        </Modal>
+      </>
+    );
+  },
+);
+
+WorkflowNodeInspector.displayName = 'WorkflowNodeInspector';
+
+export default WorkflowNodeInspector;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx
new file mode 100644
index 0000000000..0b45aeabce
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.test.tsx
@@ -0,0 +1,1438 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react';
+import * as React from 'react';
+import { workflowScheduleApi } from '@/shared/api/workflowScheduleApi';
+import { workflowActivityVNextCss } from '../styles';
+import WorkflowScheduleSurface from './WorkflowScheduleSurface';
+
+jest.mock('@/shared/api/workflowScheduleApi', () => ({
+  workflowScheduleApi: {
+    create: jest.fn(),
+    delete: jest.fn(),
+    disable: jest.fn(),
+    enable: jest.fn(),
+    get: jest.fn(),
+    list: jest.fn(),
+    preview: jest.fn(),
+    runNow: jest.fn(),
+    update: jest.fn(),
+  },
+}));
+
+const mockedWorkflowScheduleApi = jest.mocked(workflowScheduleApi);
+const rawProxyError =
+  'Error occurred while trying to proxy: 127.0.0.1:5175/api/scopes/scope-alpha/workflows/wf-alpha/schedules/schedule-alpha';
+
+function createScheduleSummary(overrides: Record<string, unknown> = {}) {
+  return {
+    scheduleId: 'schedule-alpha',
+    displayName: 'Daily workflow run',
+    prompt: '',
+    cronExpression: '0 9 * * 1-5',
+    timezone: 'Asia/Shanghai',
+    enabled: true,
+    createdAt: '2026-08-18T00:00:00Z',
+    updatedAt: '2026-08-20T01:02:00Z',
+    nextFireAt: '2026-08-21T01:00:00Z',
+    lastFireAt: '2026-08-20T01:00:00Z',
+    fireCount: 12,
+    failureCount: 1,
+    ...overrides,
+  };
+}
+
+const mockToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@/shared/ui/ConsoleToast', () => ({
+  useConsoleToast: () => mockToast,
+}));
+
+function renderSurface(
+  available: boolean,
+  mode: 'modal' | 'panel' = 'modal',
+  onClose = jest.fn(),
+  initialView?: 'form' | 'list',
+) {
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: { gcTime: 0, retry: false },
+    },
+  });
+  return {
+    ...render(
+      <QueryClientProvider client={queryClient}>
+        <WorkflowScheduleSurface
+          available={available}
+          initialView={initialView}
+          mode={mode}
+          onClose={onClose}
+          open
+          scopeId="scope-alpha"
+          workflowId="wf-alpha"
+          workflowName="Weekly review"
+        />
+      </QueryClientProvider>,
+    ),
+    onClose,
+  };
+}
+
+function findScheduleOption(label: string): HTMLElement {
+  const option = Array.from(
+    document.querySelectorAll<HTMLElement>('.ant-select-item-option'),
+  ).find((element) => element.textContent?.trim() === label);
+  if (!option) throw new Error(`Schedule option not found: ${label}`);
+  return option;
+}
+
+describe('WorkflowScheduleSurface', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [],
+      nextCursor: null,
+      totalCount: 0,
+    });
+    mockedWorkflowScheduleApi.create.mockResolvedValue({
+      scheduleId: 'schedule-alpha',
+      accepted: true,
+    });
+    mockedWorkflowScheduleApi.preview.mockResolvedValue({
+      cronExpression: '0 9 * * 1-5',
+      timezone: 'Asia/Shanghai',
+      nextFireTimes: [
+        '2026-08-21T01:00:00Z',
+        '2026-08-24T01:00:00Z',
+        '2026-08-25T01:00:00Z',
+        '2026-08-26T01:00:00Z',
+        '2026-08-27T01:00:00Z',
+      ],
+    });
+  });
+
+  it('allocates four Schedule history columns with a whole-row link affordance', () => {
+    const schedulePortalTokens = workflowActivityVNextCss.match(
+      /\.wa-vnext-schedule-modal, \.wa-vnext-schedule-drawer \{([^}]*)\}/,
+    )?.[1];
+
+    expect(schedulePortalTokens).toContain('--wa-blue-bg: #eff8ff;');
+    expect(schedulePortalTokens).toContain('--wa-red: #b42318;');
+    expect(schedulePortalTokens).toContain('--wa-red-bg: #fef3f2;');
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-history-table th:nth-child(1), .wa-vnext__schedule-history-table td:nth-child(1) { width: 28%; }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-history-table th:nth-child(2), .wa-vnext__schedule-history-table td:nth-child(2) { width: 14%; }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-history-table th:nth-child(3), .wa-vnext__schedule-history-table td:nth-child(3) { width: 28%; }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-history-table th:nth-child(4), .wa-vnext__schedule-history-table td:nth-child(4) { width: 30%; }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-history-row--linked:hover td { background: var(--wa-blue-bg); }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-history-row-link { border-radius: var(--wa-radius); inset: 0; position: absolute; z-index: 1; }',
+    );
+  });
+
+  it('keeps Schedule failure content bounded at desktop and narrow widths', () => {
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-failure { max-width: 100%; min-width: 0; width: 100%; }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-failure-copy > p { margin: 0; overflow-wrap: anywhere; }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-failure-copy .wa-vnext__technical-details-body { max-height: 132px; overflow: auto; white-space: pre-wrap; }',
+    );
+    expect(workflowActivityVNextCss).toContain(
+      '.wa-vnext__schedule-failure .ant-alert-action, .wa-vnext__schedule-failure .ant-alert-actions { grid-column: 2; margin-inline-start: 0; margin-top: 10px; }',
+    );
+  });
+
+  it('does not query schedules for an unpublished Workflow', () => {
+    renderSurface(false);
+
+    expect(
+      screen.getByText(
+        'Schedule is unavailable until this Workflow is published',
+      ),
+    ).toBeInTheDocument();
+    expect(workflowScheduleApi.list).not.toHaveBeenCalled();
+  });
+
+  it('keeps transport diagnostics secondary when the Schedule list fails', async () => {
+    mockedWorkflowScheduleApi.list.mockRejectedValue(new Error(rawProxyError));
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+
+    await waitFor(() =>
+      expect(screen.getByText("Schedules couldn't be loaded")).toBeVisible(),
+    );
+    expect(
+      screen.getByText(
+        'The current service is temporarily unavailable, please try again later.',
+      ),
+    ).toBeVisible();
+    expect(screen.getByText(rawProxyError)).not.toBeVisible();
+    expect(screen.getByText('Technical details')).toBeVisible();
+    expect(
+      screen.getByText("Schedules couldn't be loaded").closest('.ant-alert'),
+    ).toHaveClass('wa-vnext__schedule-failure');
+
+    fireEvent.click(screen.getByText('Technical details'));
+    expect(screen.getByText(rawProxyError)).toBeVisible();
+  });
+
+  it('opens modal creation directly with one design-aligned configure surface', async () => {
+    renderSurface(true);
+
+    await waitFor(() => expect(screen.getByText('New schedule')).toBeVisible());
+    expect(screen.getByText('Weekly review · Published')).toBeVisible();
+    expect(screen.getByText('How often')).toBeVisible();
+    expect(screen.getByText('Run input (optional)')).toBeVisible();
+    expect(screen.getByText('Enabled after creation')).toBeVisible();
+    expect(screen.queryByText('WORKFLOW SCHEDULE')).not.toBeInTheDocument();
+    expect(screen.queryByText('What it needs')).not.toBeInTheDocument();
+    expect(screen.queryByText('What will happen')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('Previewed by the server'),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'Review schedule' }),
+    ).toBeVisible();
+    expect(screen.queryByText('Schedules')).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Refresh schedules' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getAllByRole('dialog')).toHaveLength(1);
+  });
+
+  it('previews five fire times, closes the modal, and shows a success toast', async () => {
+    const onClose = jest.fn();
+    renderSurface(true, 'modal', onClose);
+
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Daily workflow run' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+
+    await waitFor(() =>
+      expect(workflowScheduleApi.preview).toHaveBeenCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        expect.objectContaining({
+          count: 5,
+          cronExpression: '0 9 * * 1-5',
+          timezone: expect.any(String),
+        }),
+      ),
+    );
+    await waitFor(() =>
+      expect(
+        screen.getByText('Review schedule', { selector: '.ant-modal-title' }),
+      ).toBeVisible(),
+    );
+    expect(
+      screen.queryByRole('heading', { name: 'Review schedule' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getByText('Daily workflow run')).toBeVisible();
+    expect(screen.getByText('Weekdays at 09:00')).toBeVisible();
+    expect(screen.getByText('Run input')).toBeVisible();
+    expect(screen.getByText('No prompt')).toBeVisible();
+    expect(screen.getByText('Enabled after creation')).toBeVisible();
+    for (const fireAt of [
+      '2026-08-21T01:00:00Z',
+      '2026-08-24T01:00:00Z',
+      '2026-08-25T01:00:00Z',
+      '2026-08-26T01:00:00Z',
+      '2026-08-27T01:00:00Z',
+    ]) {
+      expect(
+        document.querySelector(`time[datetime="${fireAt}"]`),
+      ).toBeVisible();
+    }
+
+    fireEvent.click(screen.getByRole('button', { name: 'Create schedule' }));
+
+    await waitFor(() =>
+      expect(workflowScheduleApi.create).toHaveBeenCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        expect.objectContaining({
+          displayName: 'Daily workflow run',
+          cronExpression: '0 9 * * 1-5',
+          enabled: true,
+          prompt: '',
+          timezone: expect.any(String),
+        }),
+      ),
+    );
+    expect(
+      mockedWorkflowScheduleApi.create.mock.calls[0][2],
+    ).not.toHaveProperty('owner');
+    expect(
+      mockedWorkflowScheduleApi.create.mock.calls[0][2],
+    ).not.toHaveProperty('workflowChatTarget');
+    await waitFor(() =>
+      expect(
+        mockedWorkflowScheduleApi.list.mock.calls.length,
+      ).toBeGreaterThanOrEqual(2),
+    );
+    expect(mockToast.success).toHaveBeenCalledWith(
+      'Schedule request accepted. It will appear in the list shortly.',
+    );
+    expect(onClose).toHaveBeenCalledTimes(1);
+    expect(
+      screen.queryByText('Refreshing Workflow schedules'),
+    ).not.toBeInTheDocument();
+  });
+
+  it('keeps transport diagnostics out of Schedule failure toasts', async () => {
+    mockedWorkflowScheduleApi.preview.mockRejectedValue(
+      new Error(rawProxyError),
+    );
+    renderSurface(true);
+
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Daily workflow run' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+
+    await waitFor(() =>
+      expect(mockToast.error).toHaveBeenCalledWith(
+        'The current service is temporarily unavailable, please try again later.',
+      ),
+    );
+    expect(mockToast.error).not.toHaveBeenCalledWith(rawProxyError);
+  });
+
+  it('returns the editor panel to the list while schedule refresh continues', async () => {
+    let listCallCount = 0;
+    let resolveRefresh: (value: {
+      items: never[];
+      nextCursor: null;
+      totalCount: number;
+    }) => void = () => undefined;
+    const deferredRefresh = new Promise<{
+      items: never[];
+      nextCursor: null;
+      totalCount: number;
+    }>((resolve) => {
+      resolveRefresh = resolve;
+    });
+    mockedWorkflowScheduleApi.list.mockImplementation(() => {
+      listCallCount += 1;
+      return listCallCount === 1
+        ? Promise.resolve({ items: [], nextCursor: null, totalCount: 0 })
+        : deferredRefresh;
+    });
+    const view = renderSurface(true, 'panel');
+    await waitFor(() =>
+      expect(
+        screen.getByRole('heading', { name: 'No schedules yet' }),
+      ).toBeVisible(),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'New schedule' }));
+
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Deferred refresh schedule' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+    await waitFor(() =>
+      expect(
+        screen.getByText('Review schedule', { selector: '.ant-drawer-title' }),
+      ).toBeVisible(),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Create schedule' }));
+    await waitFor(() =>
+      expect(mockToast.success).toHaveBeenCalledWith(
+        'Schedule request accepted. It will appear in the list shortly.',
+      ),
+    );
+    expect(
+      screen.getByText('Schedules for Weekly review', {
+        selector: '.ant-drawer-title',
+      }),
+    ).toBeVisible();
+    await waitFor(() => expect(listCallCount).toBeGreaterThanOrEqual(2));
+    resolveRefresh({ items: [], nextCursor: null, totalCount: 0 });
+    view.unmount();
+  });
+
+  it('keeps refreshing until the accepted schedule is observed', async () => {
+    let listCallCount = 0;
+    const observedSchedule = {
+      scheduleId: 'schedule-alpha',
+      displayName: 'Observed schedule',
+      prompt: '',
+      cronExpression: '0 9 * * 1-5',
+      timezone: 'Asia/Shanghai',
+      enabled: true,
+      createdAt: '2026-08-20T00:00:00Z',
+      updatedAt: '2026-08-20T00:00:00Z',
+      nextFireAt: null,
+      lastFireAt: null,
+      fireCount: 0,
+      failureCount: 0,
+    };
+    mockedWorkflowScheduleApi.list.mockImplementation(() => {
+      listCallCount += 1;
+      return Promise.resolve({
+        items: listCallCount >= 3 ? [observedSchedule] : [],
+        nextCursor: null,
+        totalCount: listCallCount >= 3 ? 1 : 0,
+      });
+    });
+    const view = renderSurface(true, 'panel');
+
+    await waitFor(() =>
+      expect(
+        screen.getByRole('heading', { name: 'No schedules yet' }),
+      ).toBeVisible(),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'New schedule' }));
+
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Observed schedule' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+    await waitFor(() =>
+      expect(
+        screen.getByText('Review schedule', { selector: '.ant-drawer-title' }),
+      ).toBeVisible(),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Create schedule' }));
+
+    await waitFor(() => expect(listCallCount).toBeGreaterThanOrEqual(2));
+    expect(mockToast.success).toHaveBeenCalledWith(
+      'Schedule request accepted. It will appear in the list shortly.',
+    );
+
+    await act(async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1100));
+    });
+    await waitFor(() => expect(listCallCount).toBeGreaterThanOrEqual(3));
+
+    const observedCallCount = listCallCount;
+    await act(async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1100));
+    });
+    expect(listCallCount).toBe(observedCallCount);
+    view.unmount();
+  });
+
+  it('synchronizes a custom weekly cron back to the repeat builder before review', async () => {
+    renderSurface(true);
+
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Cron toggle schedule' },
+    });
+    fireEvent.click(
+      screen.getByRole('button', { name: 'write it as cron instead' }),
+    );
+    fireEvent.change(screen.getByRole('textbox', { name: 'Cron expression' }), {
+      target: { value: '15 14 * * 2' },
+    });
+    fireEvent.click(
+      screen.getByRole('button', { name: 'use the repeat builder' }),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+
+    await waitFor(() =>
+      expect(workflowScheduleApi.preview).toHaveBeenCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        expect.objectContaining({ cronExpression: '15 14 * * 2' }),
+      ),
+    );
+    expect(screen.getAllByRole('definition')[2]).toHaveTextContent(
+      'Every Tuesday at 14:15',
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Create schedule' }));
+    await waitFor(() =>
+      expect(workflowScheduleApi.create).toHaveBeenCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        expect.objectContaining({ cronExpression: '15 14 * * 2' }),
+      ),
+    );
+  });
+
+  it('renders only the controls for the active cadence mode', () => {
+    renderSurface(true);
+
+    expect(
+      screen.getByRole('combobox', { name: 'Repeat' }),
+    ).toBeInTheDocument();
+    expect(screen.getByLabelText('Time')).toBeInTheDocument();
+    expect(
+      screen.queryByRole('textbox', { name: 'Cron expression' }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'write it as cron instead' }),
+    );
+
+    expect(
+      screen.queryByRole('combobox', { name: 'Repeat' }),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByLabelText('Time')).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('textbox', { name: 'Cron expression' }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('textbox', { name: 'Timezone' }),
+    ).toBeInTheDocument();
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'use the repeat builder' }),
+    );
+
+    expect(
+      screen.getByRole('combobox', { name: 'Repeat' }),
+    ).toBeInTheDocument();
+    expect(screen.getByLabelText('Time')).toBeInTheDocument();
+    expect(
+      screen.queryByRole('textbox', { name: 'Cron expression' }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('offers hourly, daily, weekday, weekly, and monthly repeat presets', async () => {
+    renderSurface(true);
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Repeat' }));
+
+    for (const option of [
+      'Every hour',
+      'Every day',
+      'Weekdays',
+      'Every week',
+      'Every month',
+    ]) {
+      await waitFor(() =>
+        expect(findScheduleOption(option)).toBeInTheDocument(),
+      );
+    }
+  });
+
+  it('builds a weekly cron from the selected day', async () => {
+    renderSurface(true);
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Repeat' }));
+    fireEvent.click(screen.getByText('Every week'));
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Day of week' }));
+    fireEvent.click(screen.getByText('Wednesday'));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Weekly workflow run' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+
+    await waitFor(() =>
+      expect(workflowScheduleApi.preview).toHaveBeenCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        expect.objectContaining({ cronExpression: '0 9 * * 3' }),
+      ),
+    );
+    await waitFor(() =>
+      expect(
+        screen.getByText('Review schedule', { selector: '.ant-modal-title' }),
+      ).toBeVisible(),
+    );
+    expect(screen.getAllByRole('definition')[2]).toHaveTextContent(
+      'Every Wednesday at 09:00',
+    );
+  });
+
+  it('builds a monthly cron from the selected day and fixes hourly cadence', async () => {
+    renderSurface(true);
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Repeat' }));
+    fireEvent.click(findScheduleOption('Every month'));
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Day of month' }));
+    fireEvent.click(findScheduleOption('5'));
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Monthly workflow run' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+
+    await waitFor(() =>
+      expect(workflowScheduleApi.preview).toHaveBeenCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        expect.objectContaining({ cronExpression: '0 9 5 * *' }),
+      ),
+    );
+    await waitFor(() =>
+      expect(
+        screen.getByText('Review schedule', { selector: '.ant-modal-title' }),
+      ).toBeVisible(),
+    );
+    expect(screen.getAllByRole('definition')[2]).toHaveTextContent(
+      'Every month on day 5 at 09:00',
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: 'Back' }));
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Repeat' }));
+    fireEvent.click(findScheduleOption('Every hour'));
+    await waitFor(() => expect(screen.getByLabelText('Time')).toBeDisabled());
+    fireEvent.change(screen.getByRole('textbox', { name: 'Schedule name' }), {
+      target: { value: 'Hourly workflow run' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'Review schedule' }));
+
+    await waitFor(() =>
+      expect(workflowScheduleApi.preview).toHaveBeenLastCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        expect.objectContaining({ cronExpression: '0 * * * *' }),
+      ),
+    );
+  });
+
+  it('keeps the empty schedule state compact with one create action', async () => {
+    renderSurface(true, 'panel');
+
+    const drawer = document.querySelector<HTMLElement>(
+      '.wa-vnext-schedule-drawer',
+    );
+    expect(drawer).not.toBeNull();
+    if (!drawer) {
+      throw new Error('Expected Schedule drawer');
+    }
+
+    await waitFor(() =>
+      expect(
+        screen.getByRole('heading', { name: 'No schedules yet' }),
+      ).toBeVisible(),
+    );
+
+    expect(
+      within(drawer).getByText('Schedules for Weekly review', {
+        selector: '.ant-drawer-title',
+      }),
+    ).toBeVisible();
+    expect(
+      within(drawer).queryByText('Schedules', {
+        selector: '.wa-vnext__schedule-toolbar strong',
+      }),
+    ).not.toBeInTheDocument();
+    expect(
+      within(drawer).queryByText('Recurring runs for Weekly review'),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getAllByRole('button', { name: 'New schedule' }),
+    ).toHaveLength(1);
+    expect(drawer).toBeInTheDocument();
+    expect(
+      screen.getByRole('heading', { name: 'No schedules yet' }),
+    ).toHaveClass('wa-vnext__schedule-empty-title');
+  });
+
+  it('keeps committed Schedule rows visible while the list refreshes', async () => {
+    const schedule = createScheduleSummary();
+    let listCallCount = 0;
+    let resolveRefresh: (value: {
+      items: ReturnType<typeof createScheduleSummary>[];
+      nextCursor: null;
+      totalCount: number;
+    }) => void = () => undefined;
+    const deferredRefresh = new Promise<{
+      items: ReturnType<typeof createScheduleSummary>[];
+      nextCursor: null;
+      totalCount: number;
+    }>((resolve) => {
+      resolveRefresh = resolve;
+    });
+    mockedWorkflowScheduleApi.list.mockImplementation(() => {
+      listCallCount += 1;
+      return listCallCount === 1
+        ? Promise.resolve({
+            items: [schedule],
+            nextCursor: null,
+            totalCount: 1,
+          })
+        : deferredRefresh;
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+
+    await waitFor(() =>
+      expect(
+        screen.getByRole('button', { name: 'View Daily workflow run' }),
+      ).toBeVisible(),
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh schedules' }));
+
+    const scheduleRegion = await screen.findByRole('region', {
+      name: 'Schedules for Weekly review',
+    });
+    await waitFor(() =>
+      expect(workflowScheduleApi.list).toHaveBeenCalledTimes(2),
+    );
+    expect(
+      screen.getByRole('button', { name: 'Refresh schedules' }),
+    ).toBeDisabled();
+    expect(scheduleRegion).toHaveAttribute('aria-busy', 'true');
+    expect(
+      within(scheduleRegion).getByRole('button', {
+        name: 'View Daily workflow run',
+      }),
+    ).toBeVisible();
+    const refreshStatus = within(scheduleRegion).getByRole('status', {
+      name: 'Refreshing schedules…',
+    });
+    expect(refreshStatus).toHaveClass('aevatar-loading-overlay');
+    expect(refreshStatus.querySelectorAll('.aevatar-loading-dot')).toHaveLength(
+      3,
+    );
+    expect(screen.getByRole('button', { name: 'New schedule' })).toBeEnabled();
+
+    await act(async () => {
+      resolveRefresh({
+        items: [createScheduleSummary({ displayName: 'Updated workflow run' })],
+        nextCursor: null,
+        totalCount: 1,
+      });
+      await deferredRefresh;
+    });
+
+    expect(
+      await screen.findByRole('button', { name: 'View Updated workflow run' }),
+    ).toBeVisible();
+    expect(scheduleRegion).toHaveAttribute('aria-busy', 'false');
+    expect(
+      within(scheduleRegion).queryByRole('status', {
+        name: 'Refreshing schedules…',
+      }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('opens a selected Schedule on Overview and returns through the stable header', async () => {
+    const schedule = createScheduleSummary();
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [
+        {
+          scheduledFireAt: '2026-08-20T01:00:00Z',
+          completedAt: '2026-08-20T01:02:00Z',
+          idempotencyKey: 'schedule-alpha:fire:1',
+          runActorId: '',
+          error: '',
+          manual: false,
+        },
+        {
+          scheduledFireAt: '2026-08-19T03:00:00Z',
+          completedAt: '2026-08-19T03:01:00Z',
+          idempotencyKey: 'schedule-alpha:manual:1',
+          runActorId: '',
+          error: 'Workflow invocation failed',
+          manual: true,
+        },
+      ],
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+
+    await waitFor(() =>
+      expect(screen.getByText('Daily workflow run')).toBeVisible(),
+    );
+    expect(
+      screen.getByText('Schedules for Weekly review', {
+        selector: '.ant-modal-title',
+      }),
+    ).toBeVisible();
+    expect(
+      screen.queryByText('Schedules', {
+        selector: '.wa-vnext__schedule-toolbar strong',
+      }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('Recurring runs for Weekly review'),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: 'View Daily workflow run' }),
+    ).toBeVisible();
+    expect(screen.getByRole('button', { name: 'New schedule' })).toBeVisible();
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'View Daily workflow run' }),
+    );
+    await waitFor(() =>
+      expect(workflowScheduleApi.get).toHaveBeenCalledWith(
+        'scope-alpha',
+        'wf-alpha',
+        'schedule-alpha',
+      ),
+    );
+    expect(
+      screen.getByText('Daily workflow run', {
+        selector: '.ant-modal-title *',
+      }),
+    ).toBeVisible();
+    expect(screen.getByText('Weekly review')).toBeVisible();
+    expect(screen.getByRole('tab', { name: 'Overview' })).toHaveAttribute(
+      'aria-selected',
+      'true',
+    );
+    expect(screen.getByRole('tab', { name: 'History' })).toHaveAttribute(
+      'aria-selected',
+      'false',
+    );
+    expect(screen.queryByText('Recent attempts')).not.toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Back to schedules' }));
+    expect(
+      screen.getByText('Schedules for Weekly review', {
+        selector: '.ant-modal-title',
+      }),
+    ).toBeVisible();
+    expect(
+      screen.queryByRole('button', { name: 'Back to schedules' }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('keeps one selected Schedule header while switching detail tabs', async () => {
+    const schedule = createScheduleSummary();
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [],
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+
+    const dialog = screen.getByRole('dialog');
+    const overviewHeader = dialog.querySelector(
+      '.wa-vnext__schedule-selected-heading',
+    );
+    await waitFor(() => expect(overviewHeader).toBeVisible());
+
+    fireEvent.click(screen.getByRole('tab', { name: 'History' }));
+    expect(
+      await screen.findByRole('heading', { name: 'Recent attempts' }),
+    ).toBeVisible();
+
+    const historyHeader = dialog.querySelector(
+      '.wa-vnext__schedule-selected-heading',
+    );
+    expect(historyHeader).toBe(overviewHeader);
+    expect(historyHeader).toHaveTextContent(
+      'Daily workflow run · Weekly review',
+    );
+    expect(historyHeader).toHaveAccessibleName(
+      'Schedule Daily workflow run in workflow Weekly review',
+    );
+    expect(
+      within(dialog).queryByText('Schedule history', {
+        selector: '.ant-modal-title *',
+      }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('presents Schedule Overview with primary actions and guarded lifecycle actions', async () => {
+    const schedule = createScheduleSummary({
+      prompt: 'Summarize new feedback.',
+    });
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [
+        {
+          scheduledFireAt: '2026-08-20T01:00:00Z',
+          completedAt: '2026-08-20T01:02:00Z',
+          idempotencyKey: 'schedule-alpha:fire:1',
+          runActorId: '',
+          error: '',
+          manual: false,
+        },
+      ],
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+
+    expect(
+      await screen.findByRole('heading', {
+        name: 'Every weekday at 09:00',
+      }),
+    ).toBeVisible();
+    expect(screen.getByText('Enabled')).toBeVisible();
+    expect(screen.getByText('Timezone')).toBeVisible();
+    expect(screen.getByText('Asia/Shanghai')).toBeVisible();
+    expect(screen.getByText('Next scheduled')).toBeVisible();
+    expect(screen.getByText('Last attempt')).toBeVisible();
+    expect(screen.getByText('Total attempts')).toBeVisible();
+    expect(screen.getByText('Failed attempts')).toBeVisible();
+    expect(screen.getByText('Run input')).toBeVisible();
+    expect(screen.getByText('Summarize new feedback.')).toBeVisible();
+    expect(screen.getByText('Advanced details')).toBeVisible();
+    expect(screen.getByText('0 9 * * 1-5')).not.toBeVisible();
+
+    const advancedDetails = screen
+      .getByText('Advanced details')
+      .closest('details');
+    expect(advancedDetails).not.toBeNull();
+    if (!advancedDetails) {
+      throw new Error('Expected Schedule advanced details disclosure');
+    }
+
+    fireEvent.click(within(advancedDetails).getByText('Advanced details'));
+
+    expect(within(advancedDetails).getByText('Runs')).toBeVisible();
+    expect(
+      within(advancedDetails).getByText('Every weekday at 09:00'),
+    ).toBeVisible();
+    expect(within(advancedDetails).getByText('Technical format')).toBeVisible();
+    expect(within(advancedDetails).getByText('0 9 * * 1-5')).toBeVisible();
+
+    expect(screen.getByRole('button', { name: 'Run now' })).toBeVisible();
+    expect(screen.getByRole('button', { name: 'Edit schedule' })).toBeVisible();
+    expect(
+      screen.queryByRole('button', { name: 'Pause' }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Delete schedule' }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'More schedule actions' }),
+    );
+    expect(
+      await screen.findByRole('menuitem', { name: 'Pause' }),
+    ).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('menuitem', { name: 'Delete schedule' }));
+
+    expect(
+      await screen.findByText('Delete Daily workflow run?', {
+        selector: '.ant-modal-confirm-title',
+      }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('Daily workflow run will stop running on schedule.'),
+    ).toBeInTheDocument();
+  });
+
+  it('keeps committed Schedule details visible while an action refreshes them', async () => {
+    const schedule = createScheduleSummary();
+    let resolveDetailRefresh: (value: {
+      schedule: ReturnType<typeof createScheduleSummary>;
+      recentFires: never[];
+    }) => void = () => undefined;
+    const deferredDetailRefresh = new Promise<{
+      schedule: ReturnType<typeof createScheduleSummary>;
+      recentFires: never[];
+    }>((resolve) => {
+      resolveDetailRefresh = resolve;
+    });
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get
+      .mockResolvedValue({
+        schedule: createScheduleSummary({ fireCount: 13 }),
+        recentFires: [],
+      })
+      .mockResolvedValueOnce({ schedule, recentFires: [] })
+      .mockReturnValueOnce(deferredDetailRefresh);
+    mockedWorkflowScheduleApi.runNow.mockResolvedValue({
+      scheduleId: schedule.scheduleId,
+      accepted: true,
+      scheduledFireAt: '2026-08-20T01:00:00Z',
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+    expect(
+      await screen.findByRole('heading', {
+        name: 'Every weekday at 09:00',
+      }),
+    ).toBeVisible();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Run now' }));
+
+    const detailRegion = await screen.findByRole('region', {
+      name: 'Schedule overview',
+    });
+    await waitFor(() =>
+      expect(workflowScheduleApi.get).toHaveBeenCalledTimes(2),
+    );
+    expect(detailRegion).toHaveAttribute('aria-busy', 'true');
+    expect(
+      within(detailRegion).getByRole('heading', {
+        name: 'Every weekday at 09:00',
+      }),
+    ).toBeVisible();
+    const refreshStatus = within(detailRegion).getByRole('status', {
+      name: 'Refreshing schedule details…',
+    });
+    expect(refreshStatus).toHaveClass('aevatar-loading-overlay');
+    expect(refreshStatus.querySelectorAll('.aevatar-loading-dot')).toHaveLength(
+      3,
+    );
+    expect(screen.getByRole('tab', { name: 'Overview' })).toBeVisible();
+
+    await act(async () => {
+      resolveDetailRefresh({
+        schedule: createScheduleSummary({ fireCount: 13 }),
+        recentFires: [],
+      });
+      await deferredDetailRefresh;
+    });
+
+    await waitFor(() =>
+      expect(detailRegion).toHaveAttribute('aria-busy', 'false'),
+    );
+    expect(
+      within(detailRegion).queryByRole('status', {
+        name: 'Refreshing schedule details…',
+      }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('keeps Edit as a temporary mode that returns to Overview', async () => {
+    const schedule = createScheduleSummary();
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [],
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'Edit schedule' }),
+    );
+
+    expect(
+      screen.getByText('Daily workflow run', {
+        selector: '.ant-modal-title *',
+      }),
+    ).toBeVisible();
+    expect(
+      screen.getByRole('heading', { name: 'Edit schedule' }),
+    ).toBeVisible();
+    expect(
+      screen.queryByRole('tab', { name: 'History' }),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+    expect(screen.getByRole('tab', { name: 'Overview' })).toHaveAttribute(
+      'aria-selected',
+      'true',
+    );
+  });
+
+  it('keeps History focused on recent attempts and hands actual Runs to Activity', async () => {
+    const schedule = createScheduleSummary();
+    const onClose = jest.fn();
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [
+        {
+          scheduledFireAt: '2026-08-20T01:00:00Z',
+          completedAt: '2026-08-20T01:02:00Z',
+          idempotencyKey: 'schedule-alpha:fire:1',
+          runActorId: '',
+          error: 'Capability admission rejected the scheduled request.',
+          manual: false,
+        },
+        {
+          scheduledFireAt: '2026-08-19T03:00:00Z',
+          completedAt: '2026-08-19T03:01:00Z',
+          idempotencyKey: 'schedule-alpha:manual:1',
+          runActorId: 'run-manual-alpha',
+          error: '',
+          manual: true,
+        },
+      ],
+    });
+
+    renderSurface(true, 'modal', onClose, 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+    fireEvent.click(await screen.findByRole('tab', { name: 'History' }));
+
+    expect(
+      await screen.findByRole('heading', { name: 'Recent attempts' }),
+    ).toBeInTheDocument();
+    const dialog = screen.getByRole('dialog');
+    await waitFor(() => {
+      const historyHeading = dialog.querySelector(
+        '.wa-vnext__schedule-selected-heading',
+      );
+      expect(historyHeading).toBeVisible();
+      expect(historyHeading).toHaveTextContent(
+        'Daily workflow run · Weekly review',
+      );
+      expect(historyHeading).toHaveAttribute(
+        'aria-label',
+        'Schedule Daily workflow run in workflow Weekly review',
+      );
+    });
+    expect(
+      within(dialog).queryByText('Schedule: Daily workflow run'),
+    ).not.toBeInTheDocument();
+    expect(
+      within(dialog).queryByText('Workflow: Weekly review'),
+    ).not.toBeInTheDocument();
+    expect(
+      await screen.findByRole('columnheader', { name: 'Scheduled time' }),
+    ).toBeVisible();
+    expect(screen.getByRole('columnheader', { name: 'Source' })).toBeVisible();
+    expect(
+      screen.getByRole('columnheader', { name: 'Schedule outcome' }),
+    ).toBeVisible();
+    expect(
+      screen.getByRole('columnheader', { name: 'Completed time' }),
+    ).toBeVisible();
+    expect(
+      screen.queryByRole('columnheader', { name: 'Action' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getByText('Scheduled')).toBeVisible();
+    expect(screen.getByText('Manual')).toBeVisible();
+    expect(screen.getByText('Failed to start')).toBeVisible();
+    expect(screen.getByText('Run created')).toBeVisible();
+    expect(screen.queryByText('Run started')).not.toBeInTheDocument();
+    expect(screen.queryByText('Succeeded')).not.toBeInTheDocument();
+    expect(
+      screen.getByText('The scheduled attempt could not start the Workflow.'),
+    ).toBeVisible();
+    expect(
+      screen.queryByText(
+        'Capability admission rejected the scheduled request.',
+      ),
+    ).not.toBeVisible();
+    expect(screen.getByText('Technical details')).toBeInTheDocument();
+    expect(screen.queryByText('schedule-alpha:fire:1')).not.toBeInTheDocument();
+    const runLink = screen.getByRole('link', {
+      name: /Open Run created by the Schedule attempt at/,
+    });
+    expect(runLink).toBeVisible();
+    expect(runLink).toHaveClass('wa-vnext__schedule-history-row-link');
+    const runRow = runLink.closest('tr');
+    expect(runRow).toHaveClass('wa-vnext__schedule-history-row--linked');
+    expect(runRow?.querySelectorAll('td')).toHaveLength(4);
+    expect(runRow).toContainElement(screen.getByText('Run created'));
+    const completedTime = dialog.querySelector<HTMLTimeElement>(
+      'time[datetime="2026-08-19T03:01:00Z"]',
+    );
+    expect(completedTime).toBeInTheDocument();
+    expect(completedTime?.closest('td')?.cellIndex).toBe(3);
+    const failedRow = screen
+      .getByText('The scheduled attempt could not start the Workflow.')
+      .closest('tr');
+    expect(failedRow).not.toHaveClass('wa-vnext__schedule-history-row--linked');
+    const failedCells = failedRow?.querySelectorAll('td');
+    expect(failedCells).toHaveLength(4);
+    expect(failedRow?.querySelector('a')).toBeNull();
+
+    fireEvent.click(screen.getByText('Technical details'));
+    expect(
+      screen.getByText('Capability admission rejected the scheduled request.'),
+    ).toBeVisible();
+
+    const relatedRunsLink = screen.getByRole('link', {
+      name: 'View related runs in Activity',
+    });
+    expect(relatedRunsLink).toHaveAttribute(
+      'href',
+      '/scopes/scope-alpha/workflow-activity-vnext/activity?workflowId=wf-alpha&schedule=schedule-alpha',
+    );
+    expect(relatedRunsLink).toHaveAttribute('target', '_blank');
+    expect(relatedRunsLink).toHaveAttribute('rel', 'noopener noreferrer');
+
+    fireEvent.click(relatedRunsLink);
+
+    expect(onClose).not.toHaveBeenCalled();
+    expect(screen.getByRole('dialog')).toBeInTheDocument();
+  });
+
+  it('opens an authoritative History attempt directly in Activity', async () => {
+    const schedule = createScheduleSummary();
+    const onClose = jest.fn();
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [
+        {
+          scheduledFireAt: '2026-08-20T01:00:00Z',
+          completedAt: '2026-08-20T01:02:00Z',
+          idempotencyKey: 'schedule-alpha:fire:1',
+          runActorId: 'run-alpha',
+          error: '',
+          manual: false,
+        },
+      ],
+    });
+
+    renderSurface(true, 'modal', onClose, 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+    fireEvent.click(await screen.findByRole('tab', { name: 'History' }));
+
+    const runLink = await screen.findByRole('link', {
+      name: /Open Run created by the Schedule attempt at/,
+    });
+    expect(runLink).toHaveAttribute(
+      'href',
+      '/scopes/scope-alpha/workflow-activity-vnext/activity/run-alpha?workflowId=wf-alpha&schedule=schedule-alpha',
+    );
+    expect(runLink).toHaveAttribute('target', '_blank');
+    expect(runLink).toHaveAttribute('rel', 'noopener noreferrer');
+
+    fireEvent.click(runLink);
+
+    expect(onClose).not.toHaveBeenCalled();
+    expect(screen.getByRole('dialog')).toBeInTheDocument();
+  });
+
+  it('keeps a History attempt without Run identity non-interactive', async () => {
+    const schedule = createScheduleSummary();
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [
+        {
+          scheduledFireAt: '2026-08-20T01:00:00Z',
+          completedAt: '2026-08-20T01:02:00Z',
+          idempotencyKey: 'schedule-alpha:fire:1',
+          runActorId: '',
+          error: '',
+          manual: false,
+        },
+      ],
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+    fireEvent.click(await screen.findByRole('tab', { name: 'History' }));
+
+    await screen.findByRole('heading', { name: 'Recent attempts' });
+
+    expect(
+      screen.queryByRole('link', { name: /View related runs from/ }),
+    ).not.toBeInTheDocument();
+    const attemptRow = screen.getByText('Accepted').closest('tr');
+    expect(attemptRow).not.toBeNull();
+    const attemptCells = attemptRow?.querySelectorAll('td');
+    expect(attemptCells).toHaveLength(4);
+    expect(attemptRow).not.toHaveClass(
+      'wa-vnext__schedule-history-row--linked',
+    );
+    expect(attemptRow?.querySelector('a')).toBeNull();
+
+    const relatedRunsLink = screen.getByRole('link', {
+      name: 'View related runs in Activity',
+    });
+    expect(relatedRunsLink).toHaveAttribute(
+      'href',
+      '/scopes/scope-alpha/workflow-activity-vnext/activity?workflowId=wf-alpha&schedule=schedule-alpha',
+    );
+    expect(relatedRunsLink).toHaveAttribute('target', '_blank');
+    expect(relatedRunsLink).toHaveAttribute('rel', 'noopener noreferrer');
+    expect(screen.getByRole('dialog')).toBeInTheDocument();
+  });
+
+  it('keeps multiple attempts scannable with one table row per attempt', async () => {
+    const schedule = createScheduleSummary({
+      fireCount: 3,
+      failureCount: 2,
+    });
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [
+        {
+          scheduledFireAt: '2026-08-21T01:00:00Z',
+          completedAt: '2026-08-21T01:01:00Z',
+          idempotencyKey: 'schedule-alpha:fire:3',
+          runActorId: '',
+          error: 'Scheduled request was rejected.',
+          manual: false,
+        },
+        {
+          scheduledFireAt: '2026-08-20T01:00:00Z',
+          completedAt: '2026-08-20T01:01:00Z',
+          idempotencyKey: 'schedule-alpha:fire:2',
+          runActorId: '',
+          error: '',
+          manual: false,
+        },
+        {
+          scheduledFireAt: '2026-08-19T03:00:00Z',
+          completedAt: '2026-08-19T03:01:00Z',
+          idempotencyKey: 'schedule-alpha:manual:1',
+          runActorId: '',
+          error: 'Manual request was rejected.',
+          manual: true,
+        },
+      ],
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+    fireEvent.click(await screen.findByRole('tab', { name: 'History' }));
+
+    await screen.findByRole('heading', { name: 'Recent attempts' });
+    await waitFor(() =>
+      expect(
+        document.querySelectorAll('.wa-vnext__schedule-history-table tbody tr'),
+      ).toHaveLength(3),
+    );
+    expect(screen.getAllByText('Technical details')).toHaveLength(2);
+    expect(
+      screen.getByText('The scheduled attempt could not start the Workflow.'),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('The manual attempt could not start the Workflow.'),
+    ).toBeInTheDocument();
+  });
+
+  it('shows a bounded History empty state when no attempts have been recorded', async () => {
+    const schedule = createScheduleSummary({
+      lastFireAt: null,
+      fireCount: 0,
+      failureCount: 0,
+    });
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get.mockResolvedValue({
+      schedule,
+      recentFires: [],
+    });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+    fireEvent.click(
+      await screen.findByRole('button', { name: 'View Daily workflow run' }),
+    );
+    fireEvent.click(await screen.findByRole('tab', { name: 'History' }));
+
+    expect(await screen.findByText('No attempts yet')).toBeInTheDocument();
+    expect(screen.queryByText('No fires yet')).not.toBeInTheDocument();
+  });
+
+  it('keeps a detail failure distinct from an empty recent-fire result', async () => {
+    const schedule = createScheduleSummary({
+      lastFireAt: null,
+      fireCount: 0,
+      failureCount: 0,
+    });
+    mockedWorkflowScheduleApi.list.mockResolvedValue({
+      items: [schedule],
+      nextCursor: null,
+      totalCount: 1,
+    });
+    mockedWorkflowScheduleApi.get
+      .mockRejectedValueOnce(new Error(rawProxyError))
+      .mockResolvedValueOnce({ schedule, recentFires: [] });
+
+    renderSurface(true, 'modal', jest.fn(), 'list');
+
+    await waitFor(() =>
+      expect(screen.getByText('Daily workflow run')).toBeVisible(),
+    );
+    fireEvent.click(
+      screen.getByRole('button', { name: 'View Daily workflow run' }),
+    );
+
+    await waitFor(() =>
+      expect(screen.getByText("Schedule couldn't be loaded")).toBeVisible(),
+    );
+    expect(
+      screen.getByText(
+        'The current service is temporarily unavailable, please try again later.',
+      ),
+    ).toBeVisible();
+    expect(screen.getByText(rawProxyError)).not.toBeVisible();
+    expect(screen.getByText('Technical details')).toBeVisible();
+    expect(
+      screen.getByText("Schedule couldn't be loaded").closest('.ant-alert'),
+    ).toHaveClass('wa-vnext__schedule-failure');
+    expect(screen.queryByText('No attempts yet')).not.toBeInTheDocument();
+
+    fireEvent.click(screen.getByText('Technical details'));
+    expect(screen.getByText(rawProxyError)).toBeVisible();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
+
+    await waitFor(() =>
+      expect(workflowScheduleApi.get).toHaveBeenCalledTimes(2),
+    );
+    fireEvent.click(await screen.findByRole('tab', { name: 'History' }));
+    expect(await screen.findByText('No attempts yet')).toBeVisible();
+    expect(
+      screen.queryByText("Schedule couldn't be loaded"),
+    ).not.toBeInTheDocument();
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx
new file mode 100644
index 0000000000..c6310aa5ab
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowScheduleSurface.tsx
@@ -0,0 +1,1833 @@
+import {
+  ArrowLeftOutlined,
+  CalendarOutlined,
+  DeleteOutlined,
+  DownOutlined,
+  EditOutlined,
+  PlayCircleOutlined,
+  PlusOutlined,
+  ReloadOutlined,
+  StopOutlined,
+} from '@ant-design/icons';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { getLocale } from '@umijs/max';
+import {
+  Alert,
+  Button,
+  Drawer,
+  Dropdown,
+  Input,
+  Modal,
+  Select,
+  Space,
+  Switch,
+  Tabs,
+  Tag,
+} from 'antd';
+import React from 'react';
+import {
+  type WorkflowScheduleConfigurationInput,
+  type WorkflowScheduleFire,
+  type WorkflowSchedulePreview,
+  type WorkflowScheduleSummary,
+  workflowScheduleApi,
+} from '@/shared/api/workflowScheduleApi';
+import { t } from '@/shared/i18n/messages';
+import { AevatarLoadingOverlay } from '@/shared/ui/AevatarLoading';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { describeError } from '@/shared/ui/errorText';
+import {
+  buildWorkflowActivityRunHref,
+  buildWorkflowActivitySectionHref,
+} from '../navigation';
+import TechnicalDetails from '../TechnicalDetails';
+
+type WorkflowScheduleSurfaceProps = {
+  readonly initialView?: ScheduleSurfaceView;
+  readonly mode: 'modal' | 'panel';
+  readonly open: boolean;
+  readonly onClose: () => void;
+  readonly scopeId: string;
+  readonly workflowId: string;
+  readonly workflowName: string;
+  readonly available: boolean;
+};
+
+type ScheduleForm = {
+  readonly displayName: string;
+  readonly cronExpression: string;
+  readonly timezone: string;
+  readonly enabled: boolean;
+  readonly prompt: string;
+};
+
+type CreationStep = 'configure' | 'previewing' | 'review';
+type ScheduleSurfaceView = 'list' | 'detail' | 'form';
+type ScheduleDetailTab = 'overview' | 'history';
+type RepeatPreset = 'hourly' | 'daily' | 'weekdays' | 'weekly' | 'monthly';
+type ScheduleAttemptOutcome = 'accepted' | 'failed' | 'run-created';
+
+const weekdayValues = ['1', '2', '3', '4', '5', '6', '0'] as const;
+type WeekdayValue = (typeof weekdayValues)[number];
+
+const monthlyDayValues = Array.from({ length: 31 }, (_, index) =>
+  String(index + 1),
+);
+
+const scheduleQueryKey = (scopeId: string, workflowId: string) => [
+  'workflow-activity-vnext',
+  'workflow-schedules',
+  scopeId,
+  workflowId,
+];
+
+function getScheduleAttemptOutcome(
+  fire: Pick<WorkflowScheduleFire, 'error' | 'runActorId'>,
+): ScheduleAttemptOutcome {
+  if (fire.error.trim()) return 'failed';
+  return fire.runActorId.trim() ? 'run-created' : 'accepted';
+}
+
+function getScheduleAttemptOutcomeLabel(
+  outcome: ScheduleAttemptOutcome,
+): string {
+  if (outcome === 'failed') {
+    return t('workflowActivityVNext.schedule.failedToStart', 'Failed to start');
+  }
+  if (outcome === 'run-created') {
+    return t('workflowActivityVNext.schedule.runCreated', 'Run created');
+  }
+  return t('workflowActivityVNext.schedule.attemptAccepted', 'Accepted');
+}
+
+function defaultTimezone(): string {
+  return Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC';
+}
+
+function cronFromRepeat(
+  preset: RepeatPreset,
+  time: string,
+  weeklyDay: WeekdayValue,
+  monthlyDay: string,
+): string {
+  const [hour = '9', minute = '0'] = time.split(':');
+  if (preset === 'hourly') return '0 * * * *';
+  if (preset === 'weekdays') {
+    return `${Number(minute)} ${Number(hour)} * * 1-5`;
+  }
+  if (preset === 'weekly') {
+    return `${Number(minute)} ${Number(hour)} * * ${weeklyDay}`;
+  }
+  if (preset === 'monthly') {
+    return `${Number(minute)} ${Number(hour)} ${Number(monthlyDay)} * *`;
+  }
+  return `${Number(minute)} ${Number(hour)} * * *`;
+}
+
+function repeatFromCron(cronExpression: string): {
+  readonly preset: RepeatPreset;
+  readonly time: string;
+  readonly weeklyDay: WeekdayValue;
+  readonly monthlyDay: string;
+} | null {
+  const normalized = cronExpression.trim().replace(/\s+/g, ' ');
+  if (normalized === '0 * * * *') {
+    return {
+      preset: 'hourly',
+      time: '09:00',
+      weeklyDay: '1',
+      monthlyDay: '1',
+    };
+  }
+  const match = normalized.match(
+    /^(\d{1,2}) (\d{1,2}) (\*|\d{1,2}) (\*|\d{1,2}) (\*|1-5|[0-7])$/,
+  );
+  if (!match) return null;
+  const minute = Number(match[1]);
+  const hour = Number(match[2]);
+  if (minute > 59 || hour > 23) return null;
+  const dayOfMonth = match[3];
+  const month = match[4];
+  const dayOfWeek = match[5];
+  if (month !== '*' || (dayOfMonth !== '*' && dayOfWeek !== '*')) {
+    return null;
+  }
+  if (dayOfWeek === '1-5') {
+    return {
+      preset: 'weekdays',
+      time: `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`,
+      weeklyDay: '1',
+      monthlyDay: '1',
+    };
+  }
+  if (dayOfMonth !== '*') {
+    const parsedDay = Number(dayOfMonth);
+    if (parsedDay < 1 || parsedDay > 31 || dayOfWeek !== '*') return null;
+    return {
+      preset: 'monthly',
+      time: `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`,
+      weeklyDay: '1',
+      monthlyDay: String(parsedDay),
+    };
+  }
+  if (dayOfWeek !== '*') {
+    const parsedDay = dayOfWeek === '7' ? '0' : dayOfWeek;
+    if (!weekdayValues.includes(parsedDay as WeekdayValue)) return null;
+    return {
+      preset: 'weekly',
+      time: `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`,
+      weeklyDay: parsedDay as WeekdayValue,
+      monthlyDay: '1',
+    };
+  }
+  return {
+    preset: 'daily',
+    time: `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`,
+    weeklyDay: '1',
+    monthlyDay: '1',
+  };
+}
+
+function emptyForm(): ScheduleForm {
+  return {
+    displayName: '',
+    cronExpression: '0 9 * * 1-5',
+    timezone: defaultTimezone(),
+    enabled: true,
+    prompt: '',
+  };
+}
+
+function formFromSchedule(schedule: WorkflowScheduleSummary): ScheduleForm {
+  return {
+    displayName: schedule.displayName,
+    cronExpression: schedule.cronExpression,
+    timezone: schedule.timezone,
+    enabled: schedule.enabled,
+    prompt: schedule.prompt,
+  };
+}
+
+function formatScheduleDate(value: string | null, timezone?: string): string {
+  if (!value)
+    return t('workflowActivityVNext.common.unavailable', 'Unavailable');
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+
+  try {
+    return new Intl.DateTimeFormat(getLocale(), {
+      dateStyle: 'medium',
+      timeStyle: 'short',
+      ...(timezone ? { timeZone: timezone } : {}),
+    }).format(date);
+  } catch {
+    return new Intl.DateTimeFormat(getLocale(), {
+      dateStyle: 'medium',
+      timeStyle: 'short',
+    }).format(date);
+  }
+}
+
+function scheduleRecurrenceSummary(cronExpression: string): string {
+  const repeat = repeatFromCron(cronExpression);
+  if (!repeat) {
+    return t(
+      'workflowActivityVNext.schedule.customRecurrence',
+      'Custom schedule',
+    );
+  }
+  if (repeat.preset === 'hourly') {
+    return t('workflowActivityVNext.schedule.hourly', 'Every hour');
+  }
+  if (repeat.preset === 'weekdays') {
+    return t(
+      'workflowActivityVNext.schedule.everyWeekdaySummary',
+      'Every weekday at {time}',
+      { time: repeat.time },
+    );
+  }
+  if (repeat.preset === 'weekly') {
+    return t(
+      'workflowActivityVNext.schedule.weeklySummary',
+      'Every {day} at {time}',
+      {
+        day: t(
+          `workflowActivityVNext.schedule.weekday.${repeat.weeklyDay}`,
+          repeat.weeklyDay,
+        ),
+        time: repeat.time,
+      },
+    );
+  }
+  if (repeat.preset === 'monthly') {
+    return t(
+      'workflowActivityVNext.schedule.monthlySummary',
+      'Every month on day {day} at {time}',
+      { day: repeat.monthlyDay, time: repeat.time },
+    );
+  }
+  return t(
+    'workflowActivityVNext.schedule.everyDaySummary',
+    'Every day at {time}',
+    { time: repeat.time },
+  );
+}
+
+function rawErrorMessage(error: unknown): string {
+  if (error instanceof Error) return error.message;
+  if (error && typeof error === 'object' && !Array.isArray(error)) {
+    const message = (error as { message?: unknown }).message;
+    if (typeof message === 'string') return message;
+  }
+  return String(error ?? '');
+}
+
+function scheduleErrorDescription(error: unknown): React.ReactNode {
+  const description = describeError(error);
+  const technicalDetails = rawErrorMessage(error).trim();
+
+  return (
+    <div className="wa-vnext__schedule-failure-copy">
+      <p>{description}</p>
+      {technicalDetails && technicalDetails !== description ? (
+        <TechnicalDetails>{technicalDetails}</TechnicalDetails>
+      ) : null}
+    </div>
+  );
+}
+
+const WorkflowScheduleSurface: React.FC<WorkflowScheduleSurfaceProps> = ({
+  available,
+  initialView,
+  mode,
+  onClose,
+  open,
+  scopeId,
+  workflowId,
+  workflowName,
+}) => {
+  const toast = useConsoleToast();
+  const queryClient = useQueryClient();
+  const queryKey = React.useMemo(
+    () => scheduleQueryKey(scopeId, workflowId),
+    [scopeId, workflowId],
+  );
+  const [surfaceView, setSurfaceView] = React.useState<ScheduleSurfaceView>(
+    initialView ?? (mode === 'modal' ? 'form' : 'list'),
+  );
+  const [creationStep, setCreationStep] =
+    React.useState<CreationStep>('configure');
+  const [editingSchedule, setEditingSchedule] =
+    React.useState<WorkflowScheduleSummary | null>(null);
+  const [selectedSchedule, setSelectedSchedule] =
+    React.useState<WorkflowScheduleSummary | null>(null);
+  const [detailTab, setDetailTab] =
+    React.useState<ScheduleDetailTab>('overview');
+  const [form, setForm] = React.useState<ScheduleForm>(() => emptyForm());
+  const [repeatPreset, setRepeatPreset] =
+    React.useState<RepeatPreset>('weekdays');
+  const [repeatTime, setRepeatTime] = React.useState('09:00');
+  const [weeklyDay, setWeeklyDay] = React.useState<WeekdayValue>('1');
+  const [monthlyDay, setMonthlyDay] = React.useState('1');
+  const [cronMode, setCronMode] = React.useState(false);
+  const [preview, setPreview] = React.useState<WorkflowSchedulePreview | null>(
+    null,
+  );
+  const [saving, setSaving] = React.useState(false);
+  const [actionScheduleId, setActionScheduleId] = React.useState<string | null>(
+    null,
+  );
+  const [pendingObservationScheduleId, setPendingObservationScheduleId] =
+    React.useState<string | null>(null);
+
+  const previewing = creationStep === 'previewing';
+  const busy = previewing || saving;
+  const formValid = Boolean(
+    form.displayName.trim() &&
+      form.cronExpression.trim() &&
+      form.timezone.trim(),
+  );
+
+  const schedules = useQuery({
+    enabled: open && available,
+    queryKey,
+    queryFn: () =>
+      workflowScheduleApi.list(scopeId, workflowId, {
+        includeTotalCount: true,
+        take: 50,
+      }),
+    refetchInterval: pendingObservationScheduleId ? 1000 : false,
+    refetchOnMount: 'always',
+    retry: false,
+  });
+
+  const scheduleDetail = useQuery({
+    enabled: open && available && Boolean(selectedSchedule),
+    queryKey: [...queryKey, 'detail', selectedSchedule?.scheduleId],
+    queryFn: () => {
+      if (!selectedSchedule) {
+        throw new Error('A Schedule must be selected.');
+      }
+      return workflowScheduleApi.get(
+        scopeId,
+        workflowId,
+        selectedSchedule.scheduleId,
+      );
+    },
+    retry: false,
+  });
+  const scheduleListRefreshing =
+    schedules.isFetching && !schedules.isPending && Boolean(schedules.data);
+  const scheduleDetailRefreshing =
+    scheduleDetail.isFetching &&
+    !scheduleDetail.isPending &&
+    Boolean(scheduleDetail.data);
+
+  React.useEffect(() => {
+    if (!open) return;
+    setSurfaceView(initialView ?? (mode === 'modal' ? 'form' : 'list'));
+    setCreationStep('configure');
+    setEditingSchedule(null);
+    setSelectedSchedule(null);
+    setDetailTab('overview');
+    setForm(emptyForm());
+    setRepeatPreset('weekdays');
+    setRepeatTime('09:00');
+    setWeeklyDay('1');
+    setMonthlyDay('1');
+    setCronMode(false);
+    setPreview(null);
+    setPendingObservationScheduleId(null);
+  }, [initialView, mode, open, workflowId]);
+
+  React.useEffect(() => {
+    if (!pendingObservationScheduleId || !schedules.data) return;
+    if (
+      schedules.data.items.some(
+        (schedule) => schedule.scheduleId === pendingObservationScheduleId,
+      )
+    ) {
+      setPendingObservationScheduleId(null);
+    }
+  }, [pendingObservationScheduleId, schedules.data]);
+
+  const refreshSchedules = React.useCallback(async () => {
+    await queryClient.invalidateQueries({ queryKey });
+    await queryClient.refetchQueries({ queryKey, type: 'active' });
+  }, [queryClient, queryKey]);
+
+  const openCreate = () => {
+    setEditingSchedule(null);
+    setSelectedSchedule(null);
+    setForm(emptyForm());
+    setRepeatPreset('weekdays');
+    setRepeatTime('09:00');
+    setWeeklyDay('1');
+    setMonthlyDay('1');
+    setCronMode(false);
+    setPreview(null);
+    setCreationStep('configure');
+    setSurfaceView('form');
+  };
+
+  const openDetail = (schedule: WorkflowScheduleSummary) => {
+    setSelectedSchedule(schedule);
+    setEditingSchedule(null);
+    setDetailTab('overview');
+    setSurfaceView('detail');
+  };
+
+  const openEdit = () => {
+    const schedule = scheduleDetail.data?.schedule;
+    if (!schedule) return;
+    const repeat = repeatFromCron(schedule.cronExpression);
+    setEditingSchedule(schedule);
+    setForm(formFromSchedule(schedule));
+    setRepeatPreset(repeat?.preset ?? 'weekdays');
+    setRepeatTime(repeat?.time ?? '09:00');
+    setWeeklyDay(repeat?.weeklyDay ?? '1');
+    setMonthlyDay(repeat?.monthlyDay ?? '1');
+    setCronMode(!repeat);
+    setPreview(null);
+    setCreationStep('configure');
+    setSurfaceView('form');
+  };
+
+  const leaveForm = () => {
+    if (busy) return;
+    if (editingSchedule && selectedSchedule) {
+      setEditingSchedule(null);
+      setCreationStep('configure');
+      setPreview(null);
+      setSurfaceView('detail');
+      return;
+    }
+    if (mode === 'modal' && initialView !== 'list') {
+      onClose();
+      return;
+    }
+    setSurfaceView('list');
+    setEditingSchedule(null);
+    setCreationStep('configure');
+    setPreview(null);
+  };
+
+  const updateHumanRepeat = (
+    nextPreset: RepeatPreset,
+    nextTime: string,
+    nextWeeklyDay = weeklyDay,
+    nextMonthlyDay = monthlyDay,
+  ) => {
+    setRepeatPreset(nextPreset);
+    setRepeatTime(nextTime);
+    setWeeklyDay(nextWeeklyDay);
+    setMonthlyDay(nextMonthlyDay);
+    setPreview(null);
+    setForm((current) => ({
+      ...current,
+      cronExpression: cronFromRepeat(
+        nextPreset,
+        nextTime,
+        nextWeeklyDay,
+        nextMonthlyDay,
+      ),
+    }));
+  };
+
+  const previewSchedule = async () => {
+    if (!formValid || previewing) return;
+    setCreationStep('previewing');
+    try {
+      const result = await workflowScheduleApi.preview(scopeId, workflowId, {
+        cronExpression: form.cronExpression,
+        timezone: form.timezone,
+        count: 5,
+      });
+      setPreview(result);
+      setCreationStep('review');
+    } catch (error) {
+      setCreationStep('configure');
+      toast.error(describeError(error));
+    }
+  };
+
+  const submitForm = async () => {
+    if (saving || !formValid) return;
+    setSaving(true);
+    const input: WorkflowScheduleConfigurationInput = {
+      displayName: form.displayName,
+      cronExpression: form.cronExpression,
+      timezone: form.timezone,
+      enabled: editingSchedule ? editingSchedule.enabled : form.enabled,
+      prompt: form.prompt,
+    };
+    try {
+      if (editingSchedule) {
+        await workflowScheduleApi.update(
+          scopeId,
+          workflowId,
+          editingSchedule.scheduleId,
+          input,
+        );
+        toast.success(
+          t(
+            'workflowActivityVNext.schedule.updateAccepted',
+            'Schedule update accepted.',
+          ),
+        );
+        setSurfaceView('detail');
+        setEditingSchedule(null);
+        await refreshSchedules();
+      } else {
+        const receipt = await workflowScheduleApi.create(
+          scopeId,
+          workflowId,
+          input,
+        );
+        setPendingObservationScheduleId(receipt.scheduleId);
+        setCreationStep('configure');
+        setPreview(null);
+        setEditingSchedule(null);
+        setSurfaceView(mode === 'modal' ? 'form' : 'list');
+        toast.success(
+          t(
+            'workflowActivityVNext.schedule.created',
+            'Schedule request accepted. It will appear in the list shortly.',
+          ),
+        );
+        if (mode === 'modal') onClose();
+        void refreshSchedules().catch((error) => {
+          toast.error(describeError(error));
+        });
+      }
+    } catch (error) {
+      toast.error(describeError(error));
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const changeState = async (
+    schedule: WorkflowScheduleSummary,
+    action: 'disable' | 'enable' | 'runNow',
+  ) => {
+    if (actionScheduleId) return;
+    setActionScheduleId(schedule.scheduleId);
+    try {
+      if (action === 'enable')
+        await workflowScheduleApi.enable(
+          scopeId,
+          workflowId,
+          schedule.scheduleId,
+        );
+      if (action === 'disable')
+        await workflowScheduleApi.disable(
+          scopeId,
+          workflowId,
+          schedule.scheduleId,
+        );
+      if (action === 'runNow')
+        await workflowScheduleApi.runNow(
+          scopeId,
+          workflowId,
+          schedule.scheduleId,
+        );
+      toast.success(
+        t(
+          'workflowActivityVNext.schedule.actionAccepted',
+          'Schedule action accepted.',
+        ),
+      );
+      await refreshSchedules();
+    } catch (error) {
+      toast.error(describeError(error));
+    } finally {
+      setActionScheduleId(null);
+    }
+  };
+
+  const deleteSchedule = async (schedule: WorkflowScheduleSummary) => {
+    if (actionScheduleId) return;
+    setActionScheduleId(schedule.scheduleId);
+    try {
+      await workflowScheduleApi.delete(
+        scopeId,
+        workflowId,
+        schedule.scheduleId,
+      );
+      toast.success(
+        t(
+          'workflowActivityVNext.schedule.deleteAccepted',
+          'Schedule deletion accepted.',
+        ),
+      );
+      await refreshSchedules();
+      setSelectedSchedule(null);
+      setSurfaceView('list');
+    } catch (error) {
+      toast.error(describeError(error));
+    } finally {
+      setActionScheduleId(null);
+    }
+  };
+
+  const confirmDeleteSchedule = (schedule: WorkflowScheduleSummary) => {
+    Modal.confirm({
+      cancelText: t(
+        'workflowActivityVNext.schedule.keepSchedule',
+        'Keep schedule',
+      ),
+      content: t(
+        'workflowActivityVNext.schedule.deleteConfirmDescription',
+        '{name} will stop running on schedule.',
+        { name: schedule.displayName },
+      ),
+      okButtonProps: { danger: true },
+      okText: t(
+        'workflowActivityVNext.schedule.deleteAction',
+        'Delete schedule',
+      ),
+      onOk: () => deleteSchedule(schedule),
+      focusable: { autoFocusButton: 'cancel' },
+      title: t(
+        'workflowActivityVNext.schedule.deleteConfirmTitle',
+        'Delete {name}?',
+        { name: schedule.displayName },
+      ),
+    });
+  };
+
+  const weekdayLabel = (value: WeekdayValue) =>
+    t(`workflowActivityVNext.schedule.weekday.${value}`, value);
+
+  const recurrenceSummary = cronMode
+    ? t('workflowActivityVNext.schedule.cronSummary', 'Cron: {cron}', {
+        cron: form.cronExpression,
+      })
+    : repeatPreset === 'hourly'
+      ? t('workflowActivityVNext.schedule.hourly', 'Every hour')
+      : repeatPreset === 'weekly'
+        ? t(
+            'workflowActivityVNext.schedule.weeklySummary',
+            'Every {day} at {time}',
+            { day: weekdayLabel(weeklyDay), time: repeatTime },
+          )
+        : repeatPreset === 'monthly'
+          ? t(
+              'workflowActivityVNext.schedule.monthlySummary',
+              'Every month on day {day} at {time}',
+              { day: monthlyDay, time: repeatTime },
+            )
+          : t(
+              'workflowActivityVNext.schedule.repeatSummary',
+              '{repeat} at {time}',
+              {
+                repeat:
+                  repeatPreset === 'weekdays'
+                    ? t('workflowActivityVNext.schedule.weekdays', 'Weekdays')
+                    : t('workflowActivityVNext.schedule.daily', 'Every day'),
+                time: repeatTime,
+              },
+            );
+
+  const toggleCronMode = () => {
+    setPreview(null);
+    if (cronMode) {
+      const repeat = repeatFromCron(form.cronExpression);
+      if (repeat) {
+        setRepeatPreset(repeat.preset);
+        setRepeatTime(repeat.time);
+        setWeeklyDay(repeat.weeklyDay);
+        setMonthlyDay(repeat.monthlyDay);
+      }
+      setForm((current) => ({
+        ...current,
+        cronExpression: cronFromRepeat(
+          repeat?.preset ?? repeatPreset,
+          repeat?.time ?? repeatTime,
+          repeat?.weeklyDay ?? weeklyDay,
+          repeat?.monthlyDay ?? monthlyDay,
+        ),
+      }));
+    }
+    setCronMode((current) => !current);
+  };
+
+  const returnToScheduleList = () => {
+    setSelectedSchedule(null);
+    setEditingSchedule(null);
+    setDetailTab('overview');
+    setSurfaceView('list');
+  };
+
+  const selectedScheduleTitle = selectedSchedule ? (
+    <div className="wa-vnext__schedule-selected-title">
+      <Button
+        aria-label={t(
+          'workflowActivityVNext.schedule.backToSchedules',
+          'Back to schedules',
+        )}
+        icon={<ArrowLeftOutlined />}
+        onClick={returnToScheduleList}
+        type="text"
+      />
+      <h2
+        aria-label={t(
+          'workflowActivityVNext.schedule.selectedContextAria',
+          'Schedule {scheduleName} in workflow {workflowName}',
+          {
+            scheduleName: selectedSchedule.displayName,
+            workflowName,
+          },
+        )}
+        className="wa-vnext__schedule-selected-heading"
+      >
+        <strong title={selectedSchedule.displayName}>
+          {selectedSchedule.displayName}
+        </strong>
+        <span aria-hidden="true"> · </span>
+        <span
+          className="wa-vnext__schedule-selected-heading-context"
+          title={workflowName}
+        >
+          {workflowName}
+        </span>
+      </h2>
+    </div>
+  ) : null;
+
+  const scheduleCollectionTitle = t(
+    'workflowActivityVNext.schedule.titleForWorkflow',
+    'Schedules for {name}',
+    { name: workflowName },
+  );
+
+  const surfaceTitle =
+    selectedScheduleTitle ??
+    (surfaceView === 'list'
+      ? scheduleCollectionTitle
+      : creationStep === 'review'
+        ? t('workflowActivityVNext.schedule.reviewTitle', 'Review schedule')
+        : t('workflowActivityVNext.schedule.new', 'New schedule'));
+
+  const workflowContext = (
+    <div className="wa-vnext__schedule-context">
+      <strong>
+        {workflowName} ·{' '}
+        {t('workflowActivityVNext.schedule.published', 'Published')}
+      </strong>
+      {editingSchedule ? (
+        <Tag color={editingSchedule.enabled ? 'green' : 'default'}>
+          {editingSchedule.enabled
+            ? t('workflowActivityVNext.schedule.enabled', 'Enabled')
+            : t('workflowActivityVNext.schedule.disabled', 'Disabled')}
+        </Tag>
+      ) : null}
+    </div>
+  );
+
+  const timezoneField = (
+    <label className="wa-vnext__modal-field" htmlFor="schedule-timezone">
+      <span>{t('workflowActivityVNext.schedule.timezone', 'Timezone')}</span>
+      <Input
+        aria-label={t('workflowActivityVNext.schedule.timezone', 'Timezone')}
+        id="schedule-timezone"
+        onChange={(event) => {
+          setPreview(null);
+          setForm((current) => ({
+            ...current,
+            timezone: event.target.value,
+          }));
+        }}
+        value={form.timezone}
+      />
+    </label>
+  );
+
+  const formFields = (
+    <>
+      {editingSchedule ? (
+        <h2 className="wa-vnext__schedule-form-title">
+          {t('workflowActivityVNext.schedule.editTitle', 'Edit schedule')}
+        </h2>
+      ) : (
+        workflowContext
+      )}
+      <section className="wa-vnext__schedule-section">
+        <label
+          className="wa-vnext__modal-field"
+          htmlFor="workflow-schedule-name"
+        >
+          <span>
+            {t('workflowActivityVNext.schedule.scheduleName', 'Schedule name')}
+          </span>
+          <Input
+            aria-label={t(
+              'workflowActivityVNext.schedule.scheduleName',
+              'Schedule name',
+            )}
+            id="workflow-schedule-name"
+            onChange={(event) =>
+              setForm((current) => ({
+                ...current,
+                displayName: event.target.value,
+              }))
+            }
+            value={form.displayName}
+          />
+        </label>
+      </section>
+      <section className="wa-vnext__schedule-section">
+        <h3>{t('workflowActivityVNext.schedule.howOften', 'How often')}</h3>
+        {!cronMode ? (
+          <div className="wa-vnext__schedule-repeat-grid">
+            <label className="wa-vnext__modal-field" htmlFor="schedule-repeat">
+              <span>
+                {t('workflowActivityVNext.schedule.repeat', 'Repeat')}
+              </span>
+              <Select
+                aria-label={t(
+                  'workflowActivityVNext.schedule.repeat',
+                  'Repeat',
+                )}
+                id="schedule-repeat"
+                onChange={(preset: RepeatPreset) =>
+                  updateHumanRepeat(preset, repeatTime)
+                }
+                options={[
+                  {
+                    label: t(
+                      'workflowActivityVNext.schedule.hourly',
+                      'Every hour',
+                    ),
+                    value: 'hourly',
+                  },
+                  {
+                    label: t(
+                      'workflowActivityVNext.schedule.daily',
+                      'Every day',
+                    ),
+                    value: 'daily',
+                  },
+                  {
+                    label: t(
+                      'workflowActivityVNext.schedule.weekdays',
+                      'Weekdays',
+                    ),
+                    value: 'weekdays',
+                  },
+                  {
+                    label: t(
+                      'workflowActivityVNext.schedule.weekly',
+                      'Every week',
+                    ),
+                    value: 'weekly',
+                  },
+                  {
+                    label: t(
+                      'workflowActivityVNext.schedule.monthly',
+                      'Every month',
+                    ),
+                    value: 'monthly',
+                  },
+                ]}
+                value={repeatPreset}
+              />
+            </label>
+            {repeatPreset === 'weekly' ? (
+              <label
+                className="wa-vnext__modal-field wa-vnext__schedule-repeat-detail"
+                htmlFor="schedule-weekday"
+              >
+                <span>
+                  {t('workflowActivityVNext.schedule.dayOfWeek', 'Day of week')}
+                </span>
+                <Select
+                  aria-label={t(
+                    'workflowActivityVNext.schedule.dayOfWeek',
+                    'Day of week',
+                  )}
+                  id="schedule-weekday"
+                  onChange={(day: WeekdayValue) =>
+                    updateHumanRepeat(repeatPreset, repeatTime, day)
+                  }
+                  options={weekdayValues.map((day) => ({
+                    label: weekdayLabel(day),
+                    value: day,
+                  }))}
+                  value={weeklyDay}
+                />
+              </label>
+            ) : null}
+            {repeatPreset === 'monthly' ? (
+              <label
+                className="wa-vnext__modal-field wa-vnext__schedule-repeat-detail"
+                htmlFor="schedule-monthday"
+              >
+                <span>
+                  {t(
+                    'workflowActivityVNext.schedule.dayOfMonth',
+                    'Day of month',
+                  )}
+                </span>
+                <Select
+                  aria-label={t(
+                    'workflowActivityVNext.schedule.dayOfMonth',
+                    'Day of month',
+                  )}
+                  id="schedule-monthday"
+                  onChange={(day: string) =>
+                    updateHumanRepeat(repeatPreset, repeatTime, weeklyDay, day)
+                  }
+                  options={monthlyDayValues.map((day) => ({
+                    label: day,
+                    value: day,
+                  }))}
+                  value={monthlyDay}
+                />
+              </label>
+            ) : null}
+            <label className="wa-vnext__modal-field" htmlFor="schedule-time">
+              <span>{t('workflowActivityVNext.schedule.time', 'Time')}</span>
+              <Input
+                aria-label={t('workflowActivityVNext.schedule.time', 'Time')}
+                disabled={repeatPreset === 'hourly'}
+                id="schedule-time"
+                onChange={(event) =>
+                  updateHumanRepeat(repeatPreset, event.target.value)
+                }
+                type="time"
+                value={repeatTime}
+              />
+            </label>
+            {timezoneField}
+          </div>
+        ) : null}
+        <Button
+          className="wa-vnext__schedule-cron-toggle"
+          onClick={toggleCronMode}
+          type="link"
+        >
+          {cronMode
+            ? t(
+                'workflowActivityVNext.schedule.useRepeatBuilder',
+                'use the repeat builder',
+              )
+            : t(
+                'workflowActivityVNext.schedule.writeCron',
+                'write it as cron instead',
+              )}
+        </Button>
+        {cronMode ? (
+          <div className="wa-vnext__schedule-cron-grid">
+            <label
+              className="wa-vnext__modal-field"
+              htmlFor="workflow-schedule-cron"
+            >
+              <span>
+                {t('workflowActivityVNext.schedule.cron', 'Cron expression')}
+              </span>
+              <Input
+                aria-label={t(
+                  'workflowActivityVNext.schedule.cron',
+                  'Cron expression',
+                )}
+                id="workflow-schedule-cron"
+                onChange={(event) => {
+                  setPreview(null);
+                  setForm((current) => ({
+                    ...current,
+                    cronExpression: event.target.value,
+                  }));
+                }}
+                value={form.cronExpression}
+              />
+            </label>
+            {timezoneField}
+          </div>
+        ) : null}
+        {previewing ? (
+          <div className="wa-vnext__schedule-previewing" role="status">
+            {t(
+              'workflowActivityVNext.schedule.previewing',
+              'Previewing schedule…',
+            )}
+          </div>
+        ) : null}
+      </section>
+      <section className="wa-vnext__schedule-section">
+        <label
+          className="wa-vnext__modal-field"
+          htmlFor="workflow-schedule-prompt"
+        >
+          <span>
+            {t('workflowActivityVNext.schedule.prompt', 'Run input (optional)')}
+          </span>
+          <Input.TextArea
+            aria-label={t(
+              'workflowActivityVNext.schedule.prompt',
+              'Run input (optional)',
+            )}
+            autoSize={{ minRows: 3, maxRows: 6 }}
+            id="workflow-schedule-prompt"
+            onChange={(event) =>
+              setForm((current) => ({
+                ...current,
+                prompt: event.target.value,
+              }))
+            }
+            value={form.prompt}
+          />
+        </label>
+        {!editingSchedule ? (
+          <label
+            className="wa-vnext__schedule-enabled"
+            htmlFor="workflow-schedule-enabled"
+          >
+            <span>
+              {t(
+                'workflowActivityVNext.schedule.enabledAfterCreation',
+                'Enabled after creation',
+              )}
+            </span>
+            <Switch
+              checked={form.enabled}
+              id="workflow-schedule-enabled"
+              onChange={(enabled) =>
+                setForm((current) => ({ ...current, enabled }))
+              }
+            />
+          </label>
+        ) : null}
+      </section>
+    </>
+  );
+
+  const configureView = (
+    <div className="wa-vnext__schedule-create">
+      {formFields}
+      <footer className="wa-vnext__schedule-footer">
+        <Button disabled={busy} onClick={leaveForm}>
+          {t('workflowActivityVNext.common.cancel', 'Cancel')}
+        </Button>
+        <Button
+          disabled={!formValid || busy}
+          loading={previewing || saving}
+          onClick={() =>
+            editingSchedule ? void submitForm() : void previewSchedule()
+          }
+          type="primary"
+        >
+          {editingSchedule
+            ? t('workflowActivityVNext.schedule.save', 'Save changes')
+            : t(
+                'workflowActivityVNext.schedule.reviewAction',
+                'Review schedule',
+              )}
+        </Button>
+      </footer>
+    </div>
+  );
+
+  const reviewView = preview ? (
+    <div className="wa-vnext__schedule-review">
+      {workflowContext}
+      <section className="wa-vnext__schedule-review-panel">
+        <dl className="wa-vnext__schedule-review-details">
+          <div>
+            <dt>{t('workflowActivityVNext.schedule.workflow', 'Workflow')}</dt>
+            <dd>{workflowName}</dd>
+          </div>
+          <div>
+            <dt>
+              {t(
+                'workflowActivityVNext.schedule.scheduleName',
+                'Schedule name',
+              )}
+            </dt>
+            <dd>{form.displayName}</dd>
+          </div>
+          <div>
+            <dt>{t('workflowActivityVNext.schedule.repeat', 'Repeat')}</dt>
+            <dd>{recurrenceSummary}</dd>
+          </div>
+          <div>
+            <dt>{t('workflowActivityVNext.schedule.timezone', 'Timezone')}</dt>
+            <dd>{form.timezone}</dd>
+          </div>
+          <div>
+            <dt>
+              {t(
+                'workflowActivityVNext.schedule.enabledAfterCreation',
+                'Enabled after creation',
+              )}
+            </dt>
+            <dd>
+              {form.enabled
+                ? t('workflowActivityVNext.common.yes', 'Yes')
+                : t('workflowActivityVNext.common.no', 'No')}
+            </dd>
+          </div>
+          <div>
+            <dt>
+              {t('workflowActivityVNext.schedule.promptReview', 'Run input')}
+            </dt>
+            <dd>
+              {form.prompt.trim()
+                ? form.prompt
+                : t('workflowActivityVNext.schedule.noPrompt', 'No prompt')}
+            </dd>
+          </div>
+        </dl>
+        <div className="wa-vnext__schedule-fire-preview">
+          <strong>
+            {t(
+              'workflowActivityVNext.schedule.nextFiveFires',
+              'Next five fire times',
+            )}
+          </strong>
+          <ol className="wa-vnext__schedule-preview-list">
+            {preview.nextFireTimes.map((fireAt) => (
+              <li key={fireAt}>
+                <time dateTime={fireAt}>{formatScheduleDate(fireAt)}</time>
+              </li>
+            ))}
+          </ol>
+        </div>
+      </section>
+      <footer className="wa-vnext__schedule-footer">
+        <Button disabled={saving} onClick={() => setCreationStep('configure')}>
+          {t('workflowActivityVNext.common.back', 'Back')}
+        </Button>
+        <Button
+          loading={saving}
+          onClick={() => void submitForm()}
+          type="primary"
+        >
+          {t('workflowActivityVNext.schedule.create', 'Create schedule')}
+        </Button>
+      </footer>
+    </div>
+  ) : null;
+
+  const listView = (
+    <section
+      aria-busy={scheduleListRefreshing}
+      aria-label={scheduleCollectionTitle}
+      className="wa-vnext__schedule-surface"
+    >
+      <div className="wa-vnext__schedule-toolbar wa-vnext__schedule-toolbar--actions">
+        <Space>
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.schedule.refreshAria',
+              'Refresh schedules',
+            )}
+            disabled={schedules.isFetching}
+            icon={<ReloadOutlined />}
+            loading={schedules.isFetching}
+            onClick={() => void schedules.refetch()}
+          />
+          <Button icon={<PlusOutlined />} onClick={openCreate} type="primary">
+            {t('workflowActivityVNext.schedule.new', 'New schedule')}
+          </Button>
+        </Space>
+      </div>
+      {schedules.isPending ? (
+        <div className="wa-vnext__state wa-vnext__state--compact" role="status">
+          <p>
+            {t('workflowActivityVNext.schedule.loading', 'Loading schedules…')}
+          </p>
+        </div>
+      ) : schedules.isError ? (
+        <Alert
+          className="wa-vnext__schedule-failure"
+          showIcon
+          type="error"
+          title={t(
+            'workflowActivityVNext.schedule.loadFailed',
+            "Schedules couldn't be loaded",
+          )}
+          description={scheduleErrorDescription(schedules.error)}
+          action={
+            <Button
+              loading={schedules.isFetching}
+              onClick={() => void schedules.refetch()}
+            >
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+          }
+        />
+      ) : schedules.data?.items.length ? (
+        <div className="wa-vnext__schedule-list" inert={scheduleListRefreshing}>
+          {schedules.data.items.map((schedule) => (
+            <button
+              aria-label={t(
+                'workflowActivityVNext.schedule.viewAria',
+                'View {name}',
+                { name: schedule.displayName },
+              )}
+              className="wa-vnext__schedule-row"
+              key={schedule.scheduleId}
+              onClick={() => openDetail(schedule)}
+              type="button"
+            >
+              <span className="wa-vnext__schedule-row-main">
+                <span className="wa-vnext__schedule-row-heading">
+                  <strong>{schedule.displayName}</strong>
+                  <Tag color={schedule.enabled ? 'green' : 'default'}>
+                    {schedule.enabled
+                      ? t('workflowActivityVNext.schedule.enabled', 'Enabled')
+                      : t('workflowActivityVNext.schedule.paused', 'Paused')}
+                  </Tag>
+                </span>
+                <span>
+                  {scheduleRecurrenceSummary(schedule.cronExpression)}
+                </span>
+                <span>
+                  {schedule.timezone} ·{' '}
+                  {schedule.enabled && schedule.nextFireAt
+                    ? t(
+                        'workflowActivityVNext.schedule.nextFire',
+                        'Next {date}',
+                        {
+                          date: formatScheduleDate(
+                            schedule.nextFireAt,
+                            schedule.timezone,
+                          ),
+                        },
+                      )
+                    : t(
+                        'workflowActivityVNext.schedule.noUpcomingAttempt',
+                        'No upcoming attempt',
+                      )}
+                </span>
+              </span>
+              <span aria-hidden="true" className="wa-vnext__schedule-row-arrow">
+                ›
+              </span>
+            </button>
+          ))}
+        </div>
+      ) : (
+        <div
+          className="wa-vnext__schedule-empty"
+          inert={scheduleListRefreshing}
+        >
+          <h3 className="wa-vnext__schedule-empty-title">
+            {t('workflowActivityVNext.schedule.empty', 'No schedules yet')}
+          </h3>
+          <p>
+            {t(
+              'workflowActivityVNext.schedule.emptyDescription',
+              'Create a recurring schedule for this published Workflow.',
+            )}
+          </p>
+        </div>
+      )}
+      {scheduleListRefreshing ? (
+        <AevatarLoadingOverlay
+          ariaLabel={t(
+            'workflowActivityVNext.schedule.refreshing',
+            'Refreshing schedules…',
+          )}
+          className="wa-vnext__schedule-refresh-overlay"
+        />
+      ) : null}
+    </section>
+  );
+
+  const activityHref = scheduleDetail.data
+    ? `${buildWorkflowActivitySectionHref(scopeId, 'activity')}?${new URLSearchParams(
+        [
+          ['workflowId', workflowId],
+          ['schedule', scheduleDetail.data.schedule.scheduleId],
+        ],
+      ).toString()}`
+    : null;
+
+  const historyView = scheduleDetail.data ? (
+    <section
+      className="wa-vnext__schedule-history"
+      inert={scheduleDetailRefreshing}
+    >
+      <header className="wa-vnext__schedule-history-header">
+        <div>
+          <h2>
+            {t(
+              'workflowActivityVNext.schedule.recentAttempts',
+              'Recent attempts',
+            )}
+          </h2>
+          <p>
+            {t(
+              'workflowActivityVNext.schedule.historyDescription',
+              'Schedule attempts can fail before a Workflow Run exists.',
+            )}
+          </p>
+        </div>
+        {activityHref ? (
+          <a href={activityHref} rel="noopener noreferrer" target="_blank">
+            {t(
+              'workflowActivityVNext.schedule.viewRelatedRuns',
+              'View related runs in Activity',
+            )}
+          </a>
+        ) : null}
+      </header>
+      {scheduleDetail.data.recentFires.length ? (
+        <div className="wa-vnext__schedule-history-table-wrap">
+          <table className="wa-vnext__schedule-history-table">
+            <thead>
+              <tr>
+                <th scope="col">
+                  {t(
+                    'workflowActivityVNext.schedule.scheduledTime',
+                    'Scheduled time',
+                  )}
+                </th>
+                <th scope="col">
+                  {t('workflowActivityVNext.schedule.source', 'Source')}
+                </th>
+                <th scope="col">
+                  {t(
+                    'workflowActivityVNext.schedule.outcome',
+                    'Schedule outcome',
+                  )}
+                </th>
+                <th scope="col">
+                  {t(
+                    'workflowActivityVNext.schedule.completedTime',
+                    'Completed time',
+                  )}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {scheduleDetail.data.recentFires.map((fire) => {
+                const outcome = getScheduleAttemptOutcome(fire);
+                const failed = outcome === 'failed';
+                const source = fire.manual
+                  ? t('workflowActivityVNext.schedule.manual', 'Manual')
+                  : t('workflowActivityVNext.schedule.scheduled', 'Scheduled');
+                const formattedScheduledAt = formatScheduleDate(
+                  fire.scheduledFireAt,
+                  scheduleDetail.data.schedule.timezone,
+                );
+                const runActorId = fire.runActorId.trim();
+                const attemptHref = runActorId
+                  ? buildWorkflowActivityRunHref(scopeId, runActorId, {
+                      workflowId,
+                      schedule: scheduleDetail.data.schedule.scheduleId,
+                    })
+                  : null;
+                const attemptLabel = attemptHref
+                  ? t(
+                      'workflowActivityVNext.schedule.openRunAria',
+                      'Open Run created by the Schedule attempt at {date}',
+                      { date: formattedScheduledAt },
+                    )
+                  : null;
+                return (
+                  <tr
+                    className={
+                      attemptHref
+                        ? 'wa-vnext__schedule-history-row--linked'
+                        : undefined
+                    }
+                    key={`${fire.idempotencyKey}:${fire.completedAt}`}
+                  >
+                    <td>
+                      {attemptHref && attemptLabel ? (
+                        <a
+                          aria-label={attemptLabel}
+                          className="wa-vnext__schedule-history-row-link"
+                          href={attemptHref}
+                          rel="noopener noreferrer"
+                          target="_blank"
+                        >
+                          <span className="aevatar-loading-visually-hidden">
+                            {attemptLabel}
+                          </span>
+                        </a>
+                      ) : null}
+                      <time dateTime={fire.scheduledFireAt}>
+                        {formattedScheduledAt}
+                      </time>
+                    </td>
+                    <td>{source}</td>
+                    <td>
+                      <div className="wa-vnext__schedule-history-result">
+                        <Tag
+                          color={
+                            outcome === 'failed'
+                              ? 'red'
+                              : outcome === 'run-created'
+                                ? 'green'
+                                : 'gold'
+                          }
+                        >
+                          {getScheduleAttemptOutcomeLabel(outcome)}
+                        </Tag>
+                        {failed ? (
+                          <>
+                            <p className="wa-vnext__schedule-history-failure">
+                              {t(
+                                fire.manual
+                                  ? 'workflowActivityVNext.schedule.manualAttemptFailed'
+                                  : 'workflowActivityVNext.schedule.scheduledAttemptFailed',
+                                fire.manual
+                                  ? 'The manual attempt could not start the Workflow.'
+                                  : 'The scheduled attempt could not start the Workflow.',
+                              )}
+                            </p>
+                            <details
+                              onClick={(event) => event.stopPropagation()}
+                              onKeyDown={(event) => event.stopPropagation()}
+                            >
+                              <summary>
+                                {t(
+                                  'workflowActivityVNext.schedule.technicalDetails',
+                                  'Technical details',
+                                )}
+                              </summary>
+                              <code>{fire.error}</code>
+                            </details>
+                          </>
+                        ) : null}
+                      </div>
+                    </td>
+                    <td>
+                      <time
+                        className="wa-vnext__schedule-history-completed"
+                        dateTime={fire.completedAt}
+                      >
+                        {formatScheduleDate(
+                          fire.completedAt,
+                          scheduleDetail.data.schedule.timezone,
+                        )}
+                      </time>
+                    </td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
+      ) : (
+        <div className="wa-vnext__schedule-empty wa-vnext__schedule-empty--history">
+          <h3>
+            {t('workflowActivityVNext.schedule.noAttempts', 'No attempts yet')}
+          </h3>
+        </div>
+      )}
+    </section>
+  ) : null;
+
+  const detailView = (
+    <section
+      aria-busy={scheduleDetailRefreshing}
+      aria-label={t(
+        detailTab === 'history'
+          ? 'workflowActivityVNext.schedule.historyRegionAria'
+          : 'workflowActivityVNext.schedule.overviewRegionAria',
+        detailTab === 'history' ? 'Schedule history' : 'Schedule overview',
+      )}
+      className="wa-vnext__schedule-detail"
+    >
+      <Tabs
+        activeKey={detailTab}
+        items={[
+          {
+            key: 'overview',
+            label: t('workflowActivityVNext.schedule.overview', 'Overview'),
+          },
+          {
+            key: 'history',
+            label: t('workflowActivityVNext.schedule.history', 'History'),
+          },
+        ]}
+        onChange={(key) => setDetailTab(key as ScheduleDetailTab)}
+      />
+      {scheduleDetail.isPending ? (
+        <div className="wa-vnext__state wa-vnext__state--compact" role="status">
+          <p>
+            {t(
+              detailTab === 'history'
+                ? 'workflowActivityVNext.schedule.historyLoading'
+                : 'workflowActivityVNext.schedule.detailLoading',
+              detailTab === 'history'
+                ? 'Loading history…'
+                : 'Loading schedule details…',
+            )}
+          </p>
+        </div>
+      ) : scheduleDetail.isError ? (
+        <Alert
+          className="wa-vnext__schedule-failure"
+          action={
+            <Button
+              loading={scheduleDetail.isFetching}
+              onClick={() => void scheduleDetail.refetch()}
+            >
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+          }
+          description={scheduleErrorDescription(scheduleDetail.error)}
+          showIcon
+          title={t(
+            detailTab === 'history'
+              ? 'workflowActivityVNext.schedule.historyLoadFailed'
+              : 'workflowActivityVNext.schedule.detailLoadFailed',
+            detailTab === 'history'
+              ? "History couldn't be loaded"
+              : "Schedule couldn't be loaded",
+          )}
+          type="error"
+        />
+      ) : scheduleDetail.data ? (
+        detailTab === 'overview' ? (
+          <div
+            className="wa-vnext__schedule-overview"
+            inert={scheduleDetailRefreshing}
+          >
+            <section className="wa-vnext__schedule-overview-summary">
+              <Tag
+                color={
+                  scheduleDetail.data.schedule.enabled ? 'green' : 'default'
+                }
+              >
+                {scheduleDetail.data.schedule.enabled
+                  ? t('workflowActivityVNext.schedule.enabled', 'Enabled')
+                  : t('workflowActivityVNext.schedule.paused', 'Paused')}
+              </Tag>
+              <h2>
+                {scheduleRecurrenceSummary(
+                  scheduleDetail.data.schedule.cronExpression,
+                )}
+              </h2>
+              <p>
+                <span>
+                  {t('workflowActivityVNext.schedule.timezone', 'Timezone')}
+                </span>{' '}
+                {scheduleDetail.data.schedule.timezone}
+              </p>
+            </section>
+            <div className="wa-vnext__schedule-overview-actions">
+              <Button
+                disabled={
+                  actionScheduleId ===
+                    scheduleDetail.data.schedule.scheduleId ||
+                  !scheduleDetail.data.schedule.enabled
+                }
+                icon={<PlayCircleOutlined />}
+                onClick={() =>
+                  void changeState(scheduleDetail.data.schedule, 'runNow')
+                }
+                type="primary"
+              >
+                {t('workflowActivityVNext.schedule.runNow', 'Run now')}
+              </Button>
+              <Button icon={<EditOutlined />} onClick={openEdit}>
+                {t(
+                  'workflowActivityVNext.schedule.editAction',
+                  'Edit schedule',
+                )}
+              </Button>
+              <Dropdown
+                menu={{
+                  items: [
+                    {
+                      icon: scheduleDetail.data.schedule.enabled ? (
+                        <StopOutlined />
+                      ) : (
+                        <CalendarOutlined />
+                      ),
+                      key: 'toggle',
+                      label: scheduleDetail.data.schedule.enabled
+                        ? t('workflowActivityVNext.schedule.pause', 'Pause')
+                        : t('workflowActivityVNext.schedule.enable', 'Enable'),
+                    },
+                    { type: 'divider' },
+                    {
+                      danger: true,
+                      icon: <DeleteOutlined />,
+                      key: 'delete',
+                      label: t(
+                        'workflowActivityVNext.schedule.deleteAction',
+                        'Delete schedule',
+                      ),
+                    },
+                  ],
+                  onClick: ({ key }) => {
+                    if (key === 'delete') {
+                      confirmDeleteSchedule(scheduleDetail.data.schedule);
+                      return;
+                    }
+                    void changeState(
+                      scheduleDetail.data.schedule,
+                      scheduleDetail.data.schedule.enabled
+                        ? 'disable'
+                        : 'enable',
+                    );
+                  },
+                }}
+                trigger={['click']}
+              >
+                <Button
+                  aria-label={t(
+                    'workflowActivityVNext.schedule.moreActionsAria',
+                    'More schedule actions',
+                  )}
+                  disabled={
+                    actionScheduleId === scheduleDetail.data.schedule.scheduleId
+                  }
+                  icon={<DownOutlined />}
+                  iconPlacement="end"
+                >
+                  {t('workflowActivityVNext.schedule.more', 'More')}
+                </Button>
+              </Dropdown>
+            </div>
+            <dl className="wa-vnext__schedule-detail-facts">
+              <div>
+                <dt>
+                  {t(
+                    'workflowActivityVNext.schedule.nextScheduled',
+                    'Next scheduled',
+                  )}
+                </dt>
+                <dd>
+                  {scheduleDetail.data.schedule.enabled &&
+                  scheduleDetail.data.schedule.nextFireAt
+                    ? formatScheduleDate(
+                        scheduleDetail.data.schedule.nextFireAt,
+                        scheduleDetail.data.schedule.timezone,
+                      )
+                    : t(
+                        'workflowActivityVNext.schedule.noUpcomingAttempt',
+                        'No upcoming attempt',
+                      )}
+                </dd>
+              </div>
+              <div>
+                <dt>
+                  {t(
+                    'workflowActivityVNext.schedule.lastAttempt',
+                    'Last attempt',
+                  )}
+                </dt>
+                <dd>
+                  {formatScheduleDate(
+                    scheduleDetail.data.schedule.lastFireAt,
+                    scheduleDetail.data.schedule.timezone,
+                  )}
+                  {scheduleDetail.data.recentFires[0] ? (
+                    <span>
+                      {' · '}
+                      {getScheduleAttemptOutcomeLabel(
+                        getScheduleAttemptOutcome(
+                          scheduleDetail.data.recentFires[0],
+                        ),
+                      )}
+                    </span>
+                  ) : null}
+                </dd>
+              </div>
+              <div>
+                <dt>
+                  {t(
+                    'workflowActivityVNext.schedule.totalAttempts',
+                    'Total attempts',
+                  )}
+                </dt>
+                <dd>{scheduleDetail.data.schedule.fireCount}</dd>
+              </div>
+              <div>
+                <dt>
+                  {t(
+                    'workflowActivityVNext.schedule.failedAttempts',
+                    'Failed attempts',
+                  )}
+                </dt>
+                <dd>{scheduleDetail.data.schedule.failureCount}</dd>
+              </div>
+            </dl>
+            {scheduleDetail.data.schedule.prompt.trim() ? (
+              <section className="wa-vnext__schedule-run-input">
+                <h3>
+                  {t(
+                    'workflowActivityVNext.schedule.promptReview',
+                    'Run input',
+                  )}
+                </h3>
+                <p>{scheduleDetail.data.schedule.prompt}</p>
+              </section>
+            ) : null}
+            <details className="wa-vnext__schedule-advanced-details">
+              <summary>
+                {t(
+                  'workflowActivityVNext.schedule.advancedDetails',
+                  'Advanced details',
+                )}
+              </summary>
+              <dl>
+                <div>
+                  <dt>{t('workflowActivityVNext.schedule.runs', 'Runs')}</dt>
+                  <dd>
+                    {scheduleRecurrenceSummary(
+                      scheduleDetail.data.schedule.cronExpression,
+                    )}
+                  </dd>
+                </div>
+                <div>
+                  <dt>
+                    {t(
+                      'workflowActivityVNext.schedule.technicalFormat',
+                      'Technical format',
+                    )}
+                  </dt>
+                  <dd>
+                    <code>{scheduleDetail.data.schedule.cronExpression}</code>
+                  </dd>
+                </div>
+              </dl>
+            </details>
+          </div>
+        ) : (
+          historyView
+        )
+      ) : null}
+      {scheduleDetailRefreshing ? (
+        <AevatarLoadingOverlay
+          ariaLabel={t(
+            detailTab === 'history'
+              ? 'workflowActivityVNext.schedule.refreshingHistory'
+              : 'workflowActivityVNext.schedule.refreshingDetail',
+            detailTab === 'history'
+              ? 'Refreshing schedule history…'
+              : 'Refreshing schedule details…',
+          )}
+          className="wa-vnext__schedule-refresh-overlay"
+        />
+      ) : null}
+    </section>
+  );
+
+  const activeBody = !available ? (
+    <Alert
+      showIcon
+      type="info"
+      title={t(
+        'workflowActivityVNext.schedule.unavailableTitle',
+        'Schedule is unavailable until this Workflow is published',
+      )}
+      description={t(
+        'workflowActivityVNext.schedule.unavailableDescription',
+        'Publish a runnable Workflow before creating a recurring schedule.',
+      )}
+    />
+  ) : surfaceView === 'list' ? (
+    listView
+  ) : surfaceView === 'detail' ? (
+    detailView
+  ) : creationStep === 'review' ? (
+    reviewView
+  ) : (
+    configureView
+  );
+
+  if (mode === 'panel') {
+    return (
+      <Drawer
+        closable={!busy}
+        destroyOnHidden
+        onClose={busy ? undefined : onClose}
+        open={open}
+        placement="right"
+        rootClassName="wa-vnext-schedule-drawer"
+        size={520}
+        title={surfaceTitle}
+      >
+        {activeBody}
+      </Drawer>
+    );
+  }
+
+  return (
+    <Modal
+      closable={!busy}
+      destroyOnHidden
+      footer={null}
+      onCancel={busy ? undefined : onClose}
+      open={open}
+      rootClassName="wa-vnext-schedule-modal"
+      title={surfaceTitle}
+      width={820}
+    >
+      {activeBody}
+    </Modal>
+  );
+};
+
+export default WorkflowScheduleSurface;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.test.ts
new file mode 100644
index 0000000000..2a270404a9
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.test.ts
@@ -0,0 +1,99 @@
+import type { WorkflowTemplateDetail } from '@/shared/models/runtime/workflowTemplates';
+import { buildTemplatePreviewGraph } from './WorkflowTemplateBrowser';
+
+function stepBranches(stepId: string): Record<string, string> {
+  return stepId === 'classify' ? { approved: 'publish' } : {};
+}
+
+function createDetailWithImplicitEdges(): WorkflowTemplateDetail {
+  return {
+    template: {
+      templateId: 'template-implicit-sequence',
+      displayName: 'Implicit sequence',
+      description: 'Three connected steps.',
+      defaultDraftName: 'Implicit sequence',
+      authorityStateVersion: 4,
+      stepCount: 4,
+      requiredConnections: [],
+      requiresLlmProvider: false,
+      freshness: {
+        projectionWatermark: '2026-08-20T00:00:00Z',
+        lastEventId: 'event-template-4',
+        versionSemantics: 'workflow-catalog-authority-state-version',
+      },
+    },
+    yaml: 'name: implicit_sequence\n',
+    definition: {
+      name: 'implicit_sequence',
+      description: 'Connected steps with a nested child.',
+      closedWorldMode: true,
+      roles: [],
+      steps: ['capture', 'classify', 'publish', 'child'].map((id) => ({
+        id,
+        type: 'assign',
+        targetRole: '',
+        parameters: {},
+        next: '',
+        branches: stepBranches(id),
+        children:
+          id === 'capture'
+            ? [{ id: 'child', type: 'llm_call', targetRole: 'assistant' }]
+            : [],
+      })),
+    },
+    edges: [
+      { from: 'capture', to: 'classify', label: '' },
+      { from: 'classify', to: 'publish', label: 'approved' },
+      { from: 'capture', to: 'child', label: 'child' },
+    ],
+    authorityStateVersion: 4,
+    freshness: {
+      projectionWatermark: '2026-08-20T00:00:00Z',
+      lastEventId: 'event-template-4',
+      versionSemantics: 'workflow-catalog-authority-state-version',
+    },
+  };
+}
+
+describe('buildTemplatePreviewGraph', () => {
+  it('uses authoritative detail edges for both visible connections and layout', () => {
+    const graph = buildTemplatePreviewGraph(createDetailWithImplicitEdges());
+    const xByStepId = new Map(
+      graph.nodes.map((node) => [node.data.stepId, node.position.x]),
+    );
+
+    expect(graph.edges).toEqual([
+      expect.objectContaining({
+        label: undefined,
+        source: 'step:capture',
+        target: 'step:classify',
+      }),
+      expect.objectContaining({
+        label: 'approved',
+        source: 'step:classify',
+        style: expect.objectContaining({ stroke: '#8B5CF6' }),
+        target: 'step:publish',
+      }),
+      expect.objectContaining({
+        label: 'child',
+        source: 'step:capture',
+        style: expect.objectContaining({ stroke: '#2F6FEC' }),
+        target: 'step:child',
+      }),
+    ]);
+    expect(xByStepId.get('capture')).toBeLessThan(
+      xByStepId.get('classify') as number,
+    );
+    expect(xByStepId.get('classify')).toBeLessThan(
+      xByStepId.get('publish') as number,
+    );
+    expect(
+      graph.nodes.find((node) => node.data.stepId === 'capture')?.data
+        .branchCount,
+    ).toBe(0);
+    expect(
+      graph.nodes.find((node) => node.data.stepId === 'classify')?.data
+        .branchCount,
+    ).toBe(1);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.tsx
new file mode 100644
index 0000000000..bb8e805519
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.tsx
@@ -0,0 +1,1196 @@
+import {
+  CalendarOutlined,
+  LinkOutlined,
+  PlayCircleOutlined,
+  ProfileOutlined,
+} from '@ant-design/icons';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { MarkerType } from '@xyflow/react';
+import {
+  Alert,
+  Button,
+  Empty,
+  Input,
+  Modal,
+  Pagination,
+  Select,
+  Space,
+  Typography,
+} from 'antd';
+import React from 'react';
+import { runtimeCatalogApi } from '@/shared/api/runtimeCatalogApi';
+import GraphCanvas from '@/shared/graphs/GraphCanvas';
+import { t } from '@/shared/i18n/messages';
+import type {
+  WorkflowTemplateDetail,
+  WorkflowTemplateListResponse,
+  WorkflowTemplateSummary,
+} from '@/shared/models/runtime/workflowTemplates';
+import { history } from '@/shared/navigation/history';
+import { isStudioApiErrorCode, studioApi } from '@/shared/studio/api';
+import {
+  buildStudioGraphElements,
+  formatStudioStepTypeLabel,
+  type StudioGraphElements,
+} from '@/shared/studio/graph';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { useDraftMaterialization } from '../hooks/useDraftMaterialization';
+import { buildWorkflowActivityEditorHref } from '../navigation';
+import TableScrollRegion from '../TableScrollRegion';
+import TechnicalDetails from '../TechnicalDetails';
+
+const TEMPLATE_PAGE_SIZE = 12;
+
+type WorkflowTemplateBrowserProps = {
+  readonly scopeId: string;
+};
+
+type PreviewEdge = StudioGraphElements['edges'][number];
+
+interface TemplatePaginationState {
+  readonly filterKey: string;
+  readonly page: number;
+  readonly cursors: readonly (string | undefined)[];
+}
+
+type TemplateFailure = {
+  readonly message: string;
+  readonly surface: 'browser' | 'modal';
+  readonly stale: boolean;
+  readonly templateId: string;
+};
+
+function createTemplatePaginationState(
+  filterKey: string,
+): TemplatePaginationState {
+  return { filterKey, page: 1, cursors: [undefined] };
+}
+
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
+function hasStatus(error: unknown, status: number): boolean {
+  return Boolean(
+    error &&
+      typeof error === 'object' &&
+      'status' in error &&
+      (error as { status?: unknown }).status === status,
+  );
+}
+
+function formatConnections(template: WorkflowTemplateSummary): string {
+  const connections = [...template.requiredConnections];
+  if (template.requiresLlmProvider) {
+    connections.unshift(
+      t(
+        'workflowActivityVNext.new.templateBrowser.llmProvider',
+        'LLM provider',
+      ),
+    );
+  }
+  return connections.length > 0
+    ? connections.join(', ')
+    : t('workflowActivityVNext.new.templateBrowser.none', 'None');
+}
+
+function formatUpdatedAt(template: WorkflowTemplateSummary): string {
+  const timestamp = Date.parse(template.freshness.projectionWatermark);
+  if (!Number.isFinite(timestamp))
+    return template.freshness.projectionWatermark;
+  const date = new Date(timestamp);
+  const month = String(date.getUTCMonth() + 1).padStart(2, '0');
+  const day = String(date.getUTCDate()).padStart(2, '0');
+  return `${date.getUTCFullYear()}/${month}/${day}`;
+}
+
+function TemplateStepTooltip({
+  detail,
+  hasRequestedDetails,
+  isError,
+  isLoading,
+  stepCount,
+}: {
+  readonly detail?: WorkflowTemplateDetail;
+  readonly hasRequestedDetails: boolean;
+  readonly isError: boolean;
+  readonly isLoading: boolean;
+  readonly stepCount: number;
+}) {
+  const steps = detail?.definition.steps ?? [];
+
+  return (
+    <div className="wa-vnext__template-step-tooltip">
+      <strong>
+        {t(
+          'workflowActivityVNext.new.templateBrowser.stepsTooltipTitle',
+          'Workflow steps ({count})',
+          { count: detail?.definition.steps.length ?? stepCount },
+        )}
+      </strong>
+      {!hasRequestedDetails || isLoading ? (
+        <span>
+          {t(
+            'workflowActivityVNext.new.templateBrowser.stepsTooltipLoading',
+            'Loading step details…',
+          )}
+        </span>
+      ) : isError ? (
+        <span>
+          {t(
+            'workflowActivityVNext.new.templateBrowser.stepsTooltipUnavailable',
+            'Step details are unavailable. Open View to inspect this template.',
+          )}
+        </span>
+      ) : steps.length === 0 ? (
+        <span>
+          {t(
+            'workflowActivityVNext.new.templateBrowser.stepsTooltipEmpty',
+            'No workflow steps are exposed for this template.',
+          )}
+        </span>
+      ) : (
+        <ol>
+          {steps.map((step) => (
+            <li key={step.id}>
+              <span>{step.id}</span>
+              <small>{formatStudioStepTypeLabel(step.type)}</small>
+            </li>
+          ))}
+        </ol>
+      )}
+    </div>
+  );
+}
+
+function TemplateRow({
+  creating,
+  disabled,
+  onCreate,
+  onView,
+  template,
+}: {
+  readonly creating: boolean;
+  readonly disabled: boolean;
+  readonly onCreate: (template: WorkflowTemplateSummary) => void;
+  readonly onView: (templateId: string) => void;
+  readonly template: WorkflowTemplateSummary;
+}) {
+  const [stepTooltipOpen, setStepTooltipOpen] = React.useState(false);
+  const stepDetailQuery = useQuery({
+    enabled: stepTooltipOpen,
+    queryKey: [
+      'workflow-activity-vnext',
+      'workflow-template',
+      template.templateId,
+    ],
+    queryFn: () => runtimeCatalogApi.getWorkflowTemplate(template.templateId),
+    retry: false,
+  });
+  const templateLabel = t(
+    'workflowActivityVNext.new.templateBrowser.template',
+    'Template',
+  );
+  const connectionLabel = t(
+    'workflowActivityVNext.new.templateBrowser.connection',
+    'Connection',
+  );
+  const doesLabel = t('workflowActivityVNext.new.templateBrowser.does', 'Does');
+  const updatedLabel = t(
+    'workflowActivityVNext.new.templateBrowser.updatedColumn',
+    'Updated',
+  );
+  const actionsLabel = t(
+    'workflowActivityVNext.new.templateBrowser.actions',
+    'Actions',
+  );
+  const stepUnit = t(
+    template.stepCount === 1
+      ? 'workflowActivityVNext.new.templateBrowser.step'
+      : 'workflowActivityVNext.new.templateBrowser.steps',
+    template.stepCount === 1 ? 'step' : 'steps',
+  );
+  const stepSummary = t(
+    'workflowActivityVNext.new.templateBrowser.runsSteps',
+    'Runs {count} {unit}',
+    { count: template.stepCount, unit: stepUnit },
+  );
+  return (
+    <tr className="wa-vnext__template-row">
+      <td className="wa-vnext__template-cell--left" data-label={templateLabel}>
+        <div className="wa-vnext__template-identity">
+          <div className="wa-vnext__template-copy">
+            <AevatarTooltip title={template.displayName}>
+              <Typography.Title level={2}>
+                {template.displayName}
+              </Typography.Title>
+            </AevatarTooltip>
+            <p>
+              {template.description ||
+                t(
+                  'workflowActivityVNext.new.templateBrowser.fallbackDescription',
+                  'A ready-made workflow for your workspace.',
+                )}
+            </p>
+          </div>
+        </div>
+      </td>
+      <td
+        className="wa-vnext__template-cell--left wa-vnext__template-fact"
+        data-label={connectionLabel}
+      >
+        <strong>{formatConnections(template)}</strong>
+      </td>
+      <td
+        className="wa-vnext__template-cell--left wa-vnext__template-fact"
+        data-label={doesLabel}
+      >
+        <AevatarTooltip
+          onOpenChange={setStepTooltipOpen}
+          title={
+            <TemplateStepTooltip
+              detail={stepDetailQuery.data}
+              hasRequestedDetails={stepTooltipOpen}
+              isError={stepDetailQuery.isError}
+              isLoading={stepDetailQuery.isLoading}
+              stepCount={template.stepCount}
+            />
+          }
+          trigger={['hover', 'focus', 'click']}
+        >
+          <button className="wa-vnext__template-step-summary" type="button">
+            {stepSummary}
+          </button>
+        </AevatarTooltip>
+      </td>
+      <td
+        className="wa-vnext__template-cell--right wa-vnext__template-updated"
+        data-label={updatedLabel}
+      >
+        {formatUpdatedAt(template)}
+      </td>
+      <td
+        className="wa-vnext__template-cell--right wa-vnext__template-actions-cell"
+        data-label={actionsLabel}
+      >
+        <div className="wa-vnext__template-actions">
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.new.templateBrowser.viewNamed',
+              'View {name}',
+              {
+                name: template.displayName,
+              },
+            )}
+            disabled={disabled}
+            onClick={() => onView(template.templateId)}
+          >
+            {t('workflowActivityVNext.new.templateBrowser.view', 'View')}
+          </Button>
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.new.templateBrowser.useNamed',
+              'Use template {name}',
+              {
+                name: template.displayName,
+              },
+            )}
+            disabled={disabled}
+            loading={creating}
+            onClick={() => onCreate(template)}
+            type="primary"
+          >
+            {t('workflowActivityVNext.new.templateBrowser.use', 'Use template')}
+          </Button>
+        </div>
+      </td>
+    </tr>
+  );
+}
+
+export function buildTemplatePreviewGraph(
+  detail: WorkflowTemplateDetail,
+): StudioGraphElements {
+  const stepIds = new Set(detail.definition.steps.map((step) => step.id));
+  const validEdges = detail.edges.flatMap((edge, index) =>
+    stepIds.has(edge.from) && stepIds.has(edge.to) ? [{ edge, index }] : [],
+  );
+  if (validEdges.length === 0) {
+    return buildStudioGraphElements(detail.definition);
+  }
+
+  const outgoingEdgesByStepId = new Map<string, typeof validEdges>();
+  validEdges.forEach((entry) => {
+    const outgoing = outgoingEdgesByStepId.get(entry.edge.from) ?? [];
+    outgoing.push(entry);
+    outgoingEdgesByStepId.set(entry.edge.from, outgoing);
+  });
+
+  const layoutDefinition = {
+    ...detail.definition,
+    steps: detail.definition.steps.map((step) => {
+      const outgoing = outgoingEdgesByStepId.get(step.id) ?? [];
+      return {
+        ...step,
+        next: outgoing[0]?.edge.to ?? '',
+        branches: Object.fromEntries(
+          outgoing
+            .slice(1)
+            .map(({ edge, index }) => [`__template_edge_${index}`, edge.to]),
+        ),
+      };
+    }),
+  };
+  const baseGraph = buildStudioGraphElements(layoutDefinition);
+
+  const sourceStepById = new Map(
+    detail.definition.steps.map((step) => [step.id, step]),
+  );
+  const nodeIdByStepId = new Map(
+    baseGraph.nodes.map((node) => [String(node.data.stepId), node.id]),
+  );
+  const authoritativeEdges = validEdges.map<PreviewEdge>(({ edge, index }) => {
+    const source = nodeIdByStepId.get(edge.from);
+    const target = nodeIdByStepId.get(edge.to);
+
+    const label = edge.label.trim();
+    const sourceStep = sourceStepById.get(edge.from);
+    const isChildEdge =
+      label === 'child' &&
+      sourceStep?.children.some((child) => child.id === edge.to);
+    const isBranchEdge = Boolean(
+      !isChildEdge &&
+        label &&
+        (sourceStep?.branches[edge.label] ?? sourceStep?.branches[label]) ===
+          edge.to,
+    );
+    const color = isBranchEdge ? '#8B5CF6' : '#2F6FEC';
+    return {
+      id: `template-edge:${index}:${edge.from}:${edge.to}`,
+      source: source as string,
+      target: target as string,
+      type: 'smoothstep',
+      label: label || undefined,
+      markerEnd: {
+        type: MarkerType.ArrowClosed,
+        width: 11,
+        height: 11,
+        color,
+      },
+      style: { stroke: color, strokeWidth: 2.5 },
+      labelStyle: label ? { fill: '#6B7280', fontSize: 12 } : undefined,
+      zIndex: 4,
+    };
+  });
+  const nodes = baseGraph.nodes.map((node) => ({
+    ...node,
+    data: {
+      ...node.data,
+      branchCount: Object.keys(
+        sourceStepById.get(node.data.stepId)?.branches ?? {},
+      ).length,
+    },
+  }));
+
+  return {
+    ...baseGraph,
+    nodes,
+    edges: authoritativeEdges,
+  };
+}
+
+function TemplateDetailBody({
+  detail,
+}: {
+  readonly detail: WorkflowTemplateDetail;
+}) {
+  const graph = React.useMemo(
+    () => buildTemplatePreviewGraph(detail),
+    [detail],
+  );
+
+  return (
+    <div className="wa-vnext__template-detail">
+      <div className="wa-vnext__template-preview-heading">
+        <strong>
+          {t(
+            'workflowActivityVNext.new.templateBrowser.preview',
+            'Workflow preview',
+          )}
+        </strong>
+        <span>
+          {t(
+            'workflowActivityVNext.new.templateBrowser.previewDescription',
+            '{count} {unit} and the paths between them.',
+            {
+              count: detail.definition.steps.length,
+              unit: t(
+                detail.definition.steps.length === 1
+                  ? 'workflowActivityVNext.new.templateBrowser.step'
+                  : 'workflowActivityVNext.new.templateBrowser.steps',
+                detail.definition.steps.length === 1 ? 'step' : 'steps',
+              ),
+            },
+          )}
+        </span>
+      </div>
+
+      {graph.nodes.length > 0 ? (
+        <GraphCanvas
+          autoFitKey={`${detail.template.templateId}:${detail.authorityStateVersion}`}
+          edges={graph.edges}
+          height="clamp(300px, 48vh, 430px)"
+          nodes={graph.nodes}
+          variant="studio"
+        />
+      ) : (
+        <div className="wa-vnext__template-preview-empty">
+          {t(
+            'workflowActivityVNext.new.templateBrowser.noPreviewSteps',
+            'This template does not expose any workflow steps.',
+          )}
+        </div>
+      )}
+
+      <div className="wa-vnext__template-description">
+        <Typography.Paragraph>
+          {detail.definition.description ||
+            detail.template.description ||
+            t(
+              'workflowActivityVNext.new.templateBrowser.fallbackDescription',
+              'A ready-made workflow for your workspace.',
+            )}
+        </Typography.Paragraph>
+        <Typography.Text type="secondary">
+          {t(
+            'workflowActivityVNext.new.templateBrowser.source',
+            'Source: public workflow template · version {version}',
+            { version: detail.authorityStateVersion },
+          )}
+        </Typography.Text>
+      </div>
+    </div>
+  );
+}
+
+const WorkflowTemplateBrowser: React.FC<WorkflowTemplateBrowserProps> = ({
+  scopeId,
+}) => {
+  const toast = useConsoleToast();
+  const queryClient = useQueryClient();
+  const [search, setSearch] = React.useState('');
+  const [sort, setSort] = React.useState('-updated');
+  const [selectedTemplateId, setSelectedTemplateId] = React.useState<
+    string | null
+  >(null);
+  const [creatingTemplateId, setCreatingTemplateId] = React.useState<
+    string | null
+  >(null);
+  const [failure, setFailure] = React.useState<TemplateFailure | null>(null);
+  const filterKey = React.useMemo(
+    () => JSON.stringify([scopeId, search.trim(), sort]),
+    [scopeId, search, sort],
+  );
+  const [pagination, setPagination] = React.useState<TemplatePaginationState>(
+    () => createTemplatePaginationState(filterKey),
+  );
+  const [isResolvingPage, setIsResolvingPage] = React.useState(false);
+  const [pageNavigationError, setPageNavigationError] = React.useState<
+    unknown | null
+  >(null);
+  const [pendingPage, setPendingPage] = React.useState<number | null>(null);
+  const navigationRequestId = React.useRef(0);
+  const currentFilterKey = React.useRef(filterKey);
+  currentFilterKey.current = filterKey;
+  const activePagination =
+    pagination.filterKey === filterKey
+      ? pagination
+      : createTemplatePaginationState(filterKey);
+  const currentCursor = activePagination.cursors[activePagination.page - 1];
+
+  React.useEffect(() => {
+    if (pagination.filterKey === filterKey) return;
+    navigationRequestId.current += 1;
+    setIsResolvingPage(false);
+    setPageNavigationError(null);
+    setPendingPage(null);
+    setPagination(createTemplatePaginationState(filterKey));
+  }, [filterKey, pagination.filterKey]);
+
+  const templateQueryKey = React.useCallback(
+    (cursor: string | undefined) =>
+      [
+        'workflow-activity-vnext',
+        'workflow-templates',
+        filterKey,
+        cursor,
+      ] as const,
+    [filterKey],
+  );
+  const fetchTemplatePage = React.useCallback(
+    (cursor: string | undefined) =>
+      runtimeCatalogApi.listWorkflowTemplates({
+        query: search.trim() || undefined,
+        sort,
+        cursor,
+        take: TEMPLATE_PAGE_SIZE,
+      }),
+    [search, sort],
+  );
+  const materialization = useDraftMaterialization(scopeId);
+
+  const listQuery = useQuery({
+    queryKey: templateQueryKey(currentCursor),
+    queryFn: () => fetchTemplatePage(currentCursor),
+  });
+  const detailQuery = useQuery({
+    enabled: Boolean(selectedTemplateId),
+    queryKey: [
+      'workflow-activity-vnext',
+      'workflow-template',
+      selectedTemplateId,
+    ],
+    queryFn: () =>
+      runtimeCatalogApi.getWorkflowTemplate(selectedTemplateId as string),
+  });
+
+  const navigateToWorkflow = React.useCallback(
+    (workflowId: string) =>
+      history.push(buildWorkflowActivityEditorHref(scopeId, workflowId)),
+    [scopeId],
+  );
+
+  const createFromTemplate = React.useCallback(
+    async (
+      template: WorkflowTemplateSummary,
+      surface: TemplateFailure['surface'],
+    ) => {
+      if (creatingTemplateId) return;
+      setCreatingTemplateId(template.templateId);
+      setFailure(null);
+      try {
+        const receipt = await studioApi.instantiateWorkflowTemplate({
+          expectedAuthorityStateVersion: template.authorityStateVersion,
+          scopeId,
+          templateId: template.templateId,
+        });
+        const readable = await materialization.observe(receipt);
+        if (readable) navigateToWorkflow(readable.workflowId);
+      } catch (error) {
+        const stale = isStudioApiErrorCode(
+          error,
+          409,
+          'WORKFLOW_TEMPLATE_VERSION_CONFLICT',
+        );
+        setFailure({
+          message: stale
+            ? t(
+                'workflowActivityVNext.new.templateBrowser.templateOutOfDateDescription',
+                'This template changed while you were viewing it. Refresh the catalog and try again.',
+              )
+            : errorMessage(error),
+          surface,
+          stale,
+          templateId: template.templateId,
+        });
+        toast.error(
+          t(
+            'workflowActivityVNext.new.templateBrowser.couldNotUse',
+            'Workflow template could not be used',
+          ),
+        );
+      } finally {
+        setCreatingTemplateId(null);
+      }
+    },
+    [
+      creatingTemplateId,
+      materialization.observe,
+      navigateToWorkflow,
+      scopeId,
+      toast,
+    ],
+  );
+
+  const retryObservation = React.useCallback(async () => {
+    const readable = await materialization.retry();
+    if (readable) navigateToWorkflow(readable.workflowId);
+  }, [materialization.retry, navigateToWorkflow]);
+
+  const currentItems = listQuery.data?.items ?? [];
+  const nextCursor = listQuery.data?.nextCursor ?? null;
+  const detail = detailQuery.data;
+  const creationBusy = Boolean(
+    creatingTemplateId ||
+      materialization.phase === 'accepted' ||
+      materialization.phase === 'observing',
+  );
+  const creationLocked = Boolean(
+    creatingTemplateId || materialization.phase !== 'idle',
+  );
+  const browserFailure = failure?.surface === 'browser' ? failure : null;
+  const modalFailure =
+    failure?.surface === 'modal' && failure.templateId === selectedTemplateId
+      ? failure
+      : null;
+
+  const paginationTotal =
+    activePagination.page * TEMPLATE_PAGE_SIZE + (nextCursor ? 1 : 0);
+  const goToPage = React.useCallback(
+    async (requestedPage: number) => {
+      const maximumKnownPage = Math.max(
+        1,
+        Math.ceil(paginationTotal / TEMPLATE_PAGE_SIZE),
+      );
+      if (
+        requestedPage < 1 ||
+        requestedPage === activePagination.page ||
+        requestedPage > maximumKnownPage
+      ) {
+        return;
+      }
+
+      const requestId = navigationRequestId.current + 1;
+      navigationRequestId.current = requestId;
+      setIsResolvingPage(true);
+      setPageNavigationError(null);
+      setPendingPage(requestedPage);
+
+      try {
+        const cursors = [...activePagination.cursors];
+        for (let page = 1; page < requestedPage; page += 1) {
+          if (cursors[page] !== undefined) continue;
+
+          const cursor = cursors[page - 1];
+          const queryKey = templateQueryKey(cursor);
+          const pageData =
+            queryClient.getQueryData<WorkflowTemplateListResponse>(queryKey) ??
+            (await queryClient.fetchQuery({
+              queryKey,
+              queryFn: () => fetchTemplatePage(cursor),
+            }));
+
+          if (
+            navigationRequestId.current !== requestId ||
+            currentFilterKey.current !== filterKey
+          ) {
+            return;
+          }
+          if (!pageData?.nextCursor) {
+            throw new Error('The requested template page is unavailable.');
+          }
+          cursors[page] = pageData.nextCursor;
+        }
+
+        if (
+          navigationRequestId.current !== requestId ||
+          currentFilterKey.current !== filterKey
+        ) {
+          return;
+        }
+        setPagination({ filterKey, page: requestedPage, cursors });
+        setPendingPage(null);
+      } catch (error) {
+        if (
+          navigationRequestId.current === requestId &&
+          currentFilterKey.current === filterKey
+        ) {
+          setPageNavigationError(error);
+        }
+      } finally {
+        if (
+          navigationRequestId.current === requestId &&
+          currentFilterKey.current === filterKey
+        ) {
+          setIsResolvingPage(false);
+        }
+      }
+    },
+    [
+      activePagination,
+      fetchTemplatePage,
+      filterKey,
+      paginationTotal,
+      queryClient,
+      templateQueryKey,
+    ],
+  );
+  const retryPageNavigation = React.useCallback(() => {
+    if (pendingPage === null) return;
+    void goToPage(pendingPage);
+  }, [goToPage, pendingPage]);
+
+  const refreshTemplate = async () => {
+    const [listResult, detailResult] = await Promise.all([
+      listQuery.refetch(),
+      failure?.templateId === selectedTemplateId
+        ? detailQuery.refetch()
+        : Promise.resolve(null),
+    ]);
+    if (
+      !listResult.isError &&
+      (detailResult === null ||
+        (!detailResult.isError && Boolean(detailResult.data)))
+    ) {
+      setFailure(null);
+    }
+  };
+
+  return (
+    <>
+      <section
+        className="wa-vnext__template-browser"
+        aria-label={t(
+          'workflowActivityVNext.new.templateBrowser.title',
+          'Workflow templates',
+        )}
+      >
+        {browserFailure ? (
+          <Alert
+            action={
+              browserFailure.stale ? (
+                <Button
+                  loading={listQuery.isFetching}
+                  onClick={() => void refreshTemplate()}
+                >
+                  {t(
+                    'workflowActivityVNext.new.templateBrowser.refreshCatalog',
+                    'Refresh catalog',
+                  )}
+                </Button>
+              ) : undefined
+            }
+            description={browserFailure.message}
+            title={
+              browserFailure.stale
+                ? t(
+                    'workflowActivityVNext.new.templateBrowser.templateOutOfDate',
+                    'Template is out of date',
+                  )
+                : t(
+                    'workflowActivityVNext.new.templateBrowser.creationFailed',
+                    'Template creation failed',
+                  )
+            }
+            showIcon
+            type="error"
+          />
+        ) : null}
+
+        {materialization.phase !== 'idle' && materialization.receipt ? (
+          <div
+            className={
+              materialization.phase === 'failed'
+                ? 'wa-vnext__notice wa-vnext__notice--error'
+                : 'wa-vnext__notice'
+            }
+            role="status"
+          >
+            <strong>
+              {materialization.phase === 'delayed'
+                ? t(
+                    'workflowActivityVNext.new.templateBrowser.projectionDelayed',
+                    'This is taking longer than expected',
+                  )
+                : materialization.phase === 'failed'
+                  ? t(
+                      'workflowActivityVNext.new.templateBrowser.observationFailed',
+                      "Workflow couldn't be opened",
+                    )
+                  : t(
+                      'workflowActivityVNext.new.templateBrowser.creating',
+                      'Creating workflow…',
+                    )}
+            </strong>
+            <p>
+              {materialization.phase === 'delayed' ||
+              materialization.phase === 'failed'
+                ? t(
+                    'workflowActivityVNext.new.templateBrowser.safeToRetry',
+                    'Your work is safe. Try again to finish opening the workflow.',
+                  )
+                : t(
+                    'workflowActivityVNext.new.templateBrowser.creatingDescription',
+                    'This usually takes only a moment.',
+                  )}
+            </p>
+            {materialization.error ? (
+              <TechnicalDetails>
+                {errorMessage(materialization.error)}
+              </TechnicalDetails>
+            ) : null}
+            {materialization.phase === 'delayed' ||
+            materialization.phase === 'failed' ? (
+              <Button onClick={() => void retryObservation()}>
+                {t(
+                  'workflowActivityVNext.new.templateBrowser.tryAgain',
+                  'Try again',
+                )}
+              </Button>
+            ) : null}
+          </div>
+        ) : null}
+
+        <div className="wa-vnext__template-toolbar">
+          <Input.Search
+            aria-label={t(
+              'workflowActivityVNext.new.templateBrowser.search',
+              'Search templates',
+            )}
+            className="wa-vnext__template-search"
+            onChange={(event) => setSearch(event.target.value)}
+            placeholder={t(
+              'workflowActivityVNext.new.templateBrowser.search',
+              'Search templates',
+            )}
+            value={search}
+          />
+          <div className="wa-vnext__template-sort">
+            <span className="wa-vnext__template-sort-label">
+              {t('workflowActivityVNext.new.templateBrowser.sortBy', 'Sort by')}
+            </span>
+            <Select
+              aria-label={t(
+                'workflowActivityVNext.new.templateBrowser.sort',
+                'Sort templates',
+              )}
+              onChange={(value) => setSort(value)}
+              options={[
+                {
+                  label: t(
+                    'workflowActivityVNext.new.templateBrowser.sort.recent',
+                    'Last updated: newest first',
+                  ),
+                  value: '-updated',
+                },
+                {
+                  label: t(
+                    'workflowActivityVNext.new.templateBrowser.sort.nameAsc',
+                    'Name: A to Z',
+                  ),
+                  value: 'displayName',
+                },
+                {
+                  label: t(
+                    'workflowActivityVNext.new.templateBrowser.sort.nameDesc',
+                    'Name: Z to A',
+                  ),
+                  value: '-displayName',
+                },
+                {
+                  label: t(
+                    'workflowActivityVNext.new.templateBrowser.sort.oldest',
+                    'Last updated: oldest first',
+                  ),
+                  value: 'updated',
+                },
+              ]}
+              popupMatchSelectWidth={280}
+              value={sort}
+            />
+          </div>
+        </div>
+
+        {listQuery.isPending ? (
+          <div className="wa-vnext__state" role="status">
+            <p>
+              {t(
+                'workflowActivityVNext.new.templateBrowser.loading',
+                'Loading templates…',
+              )}
+            </p>
+          </div>
+        ) : listQuery.isError ? (
+          <div className="wa-vnext__state wa-vnext__state--compact">
+            <Alert
+              action={
+                <Button onClick={() => void listQuery.refetch()}>
+                  {t(
+                    'workflowActivityVNext.new.templateBrowser.retry',
+                    'Retry',
+                  )}
+                </Button>
+              }
+              description={
+                hasStatus(listQuery.error, 401)
+                  ? t(
+                      'workflowActivityVNext.new.templateBrowser.signIn',
+                      'Sign in to browse public workflow templates.',
+                    )
+                  : hasStatus(listQuery.error, 404)
+                    ? t(
+                        'workflowActivityVNext.new.templateBrowser.unavailableDescription',
+                        'The template catalog is not available in this environment yet.',
+                      )
+                    : errorMessage(listQuery.error)
+              }
+              title={t(
+                hasStatus(listQuery.error, 404)
+                  ? 'workflowActivityVNext.new.templateBrowser.unavailable'
+                  : 'workflowActivityVNext.new.templateBrowser.loadFailed',
+                hasStatus(listQuery.error, 404)
+                  ? 'Templates are not available in this environment.'
+                  : 'Templates could not be loaded',
+              )}
+              showIcon
+              type="error"
+            />
+            {hasStatus(listQuery.error, 404) ? (
+              <TechnicalDetails>
+                {errorMessage(listQuery.error)}
+              </TechnicalDetails>
+            ) : null}
+          </div>
+        ) : currentItems.length === 0 ? (
+          <div className="wa-vnext__state wa-vnext__state--compact">
+            <Empty
+              description={
+                search.trim()
+                  ? t(
+                      'workflowActivityVNext.new.templateBrowser.noSearchResults',
+                      'No templates matched your search.',
+                    )
+                  : t(
+                      'workflowActivityVNext.new.templateBrowser.noTemplates',
+                      'No public workflow templates are available yet.',
+                    )
+              }
+            />
+          </div>
+        ) : (
+          <TableScrollRegion
+            ariaLabel={t(
+              'workflowActivityVNext.new.templateBrowser.catalogue',
+              'Workflow template catalogue',
+            )}
+            className="wa-vnext__template-table-region"
+          >
+            <table
+              aria-label={t(
+                'workflowActivityVNext.new.templateBrowser.catalogue',
+                'Workflow template catalogue',
+              )}
+              className="wa-vnext__table wa-vnext__template-table"
+            >
+              <colgroup>
+                <col className="wa-vnext__template-column--identity" />
+                <col className="wa-vnext__template-column--connection" />
+                <col className="wa-vnext__template-column--does" />
+                <col className="wa-vnext__template-column--updated" />
+                <col className="wa-vnext__template-column--actions" />
+              </colgroup>
+              <thead>
+                <tr>
+                  <th className="wa-vnext__template-cell--left" scope="col">
+                    <span className="wa-vnext__template-header-label">
+                      <ProfileOutlined aria-hidden="true" />
+                      {t(
+                        'workflowActivityVNext.new.templateBrowser.template',
+                        'Template',
+                      )}
+                    </span>
+                  </th>
+                  <th className="wa-vnext__template-cell--left" scope="col">
+                    <span className="wa-vnext__template-header-label">
+                      <LinkOutlined aria-hidden="true" />
+                      {t(
+                        'workflowActivityVNext.new.templateBrowser.connection',
+                        'Connection',
+                      )}
+                    </span>
+                  </th>
+                  <th className="wa-vnext__template-cell--left" scope="col">
+                    <span className="wa-vnext__template-header-label">
+                      <PlayCircleOutlined aria-hidden="true" />
+                      {t(
+                        'workflowActivityVNext.new.templateBrowser.does',
+                        'Does',
+                      )}
+                    </span>
+                  </th>
+                  <th className="wa-vnext__template-cell--right" scope="col">
+                    <span className="wa-vnext__template-header-label">
+                      <CalendarOutlined aria-hidden="true" />
+                      {t(
+                        'workflowActivityVNext.new.templateBrowser.updatedColumn',
+                        'Updated',
+                      )}
+                    </span>
+                  </th>
+                  <th
+                    aria-label={t(
+                      'workflowActivityVNext.new.templateBrowser.actions',
+                      'Actions',
+                    )}
+                    className="wa-vnext__template-cell--right"
+                    scope="col"
+                  />
+                </tr>
+              </thead>
+              <tbody>
+                {currentItems.map((template) => (
+                  <TemplateRow
+                    creating={creationBusy}
+                    disabled={creationLocked}
+                    key={template.templateId}
+                    onCreate={(selected) =>
+                      void createFromTemplate(selected, 'browser')
+                    }
+                    onView={setSelectedTemplateId}
+                    template={template}
+                  />
+                ))}
+              </tbody>
+            </table>
+          </TableScrollRegion>
+        )}
+
+        <div className="wa-vnext__activity-footer">
+          <span aria-live="polite">
+            {t('workflowActivityVNext.activity.page', 'Page {page}', {
+              page: activePagination.page,
+            })}
+          </span>
+          <Pagination
+            current={activePagination.page}
+            data-testid="activity-pagination"
+            disabled={creationLocked || isResolvingPage || listQuery.isFetching}
+            onChange={(page) => void goToPage(page)}
+            pageSize={TEMPLATE_PAGE_SIZE}
+            showQuickJumper={false}
+            showSizeChanger={false}
+            total={paginationTotal}
+          />
+        </div>
+        {pageNavigationError ? (
+          <div className="wa-vnext__pagination-actions" role="alert">
+            <p>
+              {t(
+                'workflowActivityVNext.activity.pageUnavailable',
+                "Couldn't load this page",
+              )}
+            </p>
+            <Button onClick={retryPageNavigation}>
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+            <TechnicalDetails>
+              {pageNavigationError instanceof Error
+                ? pageNavigationError.message
+                : String(pageNavigationError)}
+            </TechnicalDetails>
+          </div>
+        ) : null}
+      </section>
+
+      <Modal
+        destroyOnHidden
+        footer={
+          <Space>
+            <Button
+              disabled={creationLocked}
+              onClick={() => setSelectedTemplateId(null)}
+            >
+              {t('workflowActivityVNext.new.templateBrowser.cancel', 'Cancel')}
+            </Button>
+            <Button
+              disabled={
+                !detail ||
+                creationLocked ||
+                detailQuery.isFetching ||
+                detailQuery.isError ||
+                detailQuery.isRefetchError ||
+                Boolean(modalFailure?.stale)
+              }
+              loading={Boolean(
+                detail && creatingTemplateId === detail.template.templateId,
+              )}
+              onClick={() =>
+                detail && void createFromTemplate(detail.template, 'modal')
+              }
+              type="primary"
+            >
+              {t(
+                'workflowActivityVNext.new.templateBrowser.useThis',
+                'Use this template',
+              )}
+            </Button>
+          </Space>
+        }
+        onCancel={() => setSelectedTemplateId(null)}
+        open={Boolean(selectedTemplateId)}
+        title={
+          detail?.template.displayName ??
+          t('workflowActivityVNext.new.templateBrowser.view', 'View template')
+        }
+        width={1040}
+      >
+        {modalFailure ? (
+          <Alert
+            action={
+              modalFailure.stale ? (
+                <Button
+                  loading={listQuery.isFetching || detailQuery.isFetching}
+                  onClick={() => void refreshTemplate()}
+                >
+                  {t(
+                    'workflowActivityVNext.new.templateBrowser.refreshCatalog',
+                    'Refresh catalog',
+                  )}
+                </Button>
+              ) : undefined
+            }
+            description={modalFailure.message}
+            title={
+              modalFailure.stale
+                ? t(
+                    'workflowActivityVNext.new.templateBrowser.templateOutOfDate',
+                    'Template is out of date',
+                  )
+                : t(
+                    'workflowActivityVNext.new.templateBrowser.creationFailed',
+                    'Template creation failed',
+                  )
+            }
+            showIcon
+            type="error"
+          />
+        ) : null}
+        {detailQuery.isPending ? (
+          <div role="status">
+            {t(
+              'workflowActivityVNext.new.templateBrowser.detailLoading',
+              'Loading template details…',
+            )}
+          </div>
+        ) : null}
+        {detailQuery.isError ? (
+          <Alert
+            action={
+              <Button onClick={() => void detailQuery.refetch()}>
+                {t('workflowActivityVNext.new.templateBrowser.retry', 'Retry')}
+              </Button>
+            }
+            description={
+              hasStatus(detailQuery.error, 404)
+                ? t(
+                    'workflowActivityVNext.new.templateBrowser.noLongerAvailable',
+                    'This template is no longer available.',
+                  )
+                : errorMessage(detailQuery.error)
+            }
+            title={t(
+              'workflowActivityVNext.new.templateBrowser.detailFailed',
+              'Template details could not be loaded',
+            )}
+            showIcon
+            type="error"
+          />
+        ) : null}
+        {detail ? <TemplateDetailBody detail={detail} /> : null}
+      </Modal>
+    </>
+  );
+};
+
+export default WorkflowTemplateBrowser;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplatesPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplatesPage.tsx
new file mode 100644
index 0000000000..f16b050264
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplatesPage.tsx
@@ -0,0 +1,40 @@
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import { Button } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import { history } from '@/shared/navigation/history';
+import { buildWorkflowActivityNewHref } from '../navigation';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import WorkflowTemplateBrowser from './WorkflowTemplateBrowser';
+
+const WorkflowTemplatesPage: React.FC<{ readonly scopeId: string }> = ({
+  scopeId,
+}) => (
+  <WorkflowActivityVNextShell
+    activeSection="workflows"
+    description={t(
+      'workflowActivityVNext.new.templateBrowser.description',
+      'Browse public templates, inspect details, or create a draft directly.',
+    )}
+    headerActions={
+      <Button
+        icon={<ArrowLeftOutlined aria-hidden="true" />}
+        onClick={() => history.push(buildWorkflowActivityNewHref(scopeId))}
+      >
+        {t(
+          'workflowActivityVNext.new.templateBrowser.changeMethod',
+          'Change method',
+        )}
+      </Button>
+    }
+    scopeId={scopeId}
+    title={t(
+      'workflowActivityVNext.new.templateBrowser.title',
+      'Start from a template',
+    )}
+  >
+    <WorkflowTemplateBrowser scopeId={scopeId} />
+  </WorkflowActivityVNextShell>
+);
+
+export default WorkflowTemplatesPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx
new file mode 100644
index 0000000000..006ab2192c
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx
@@ -0,0 +1,898 @@
+import {
+  CalendarOutlined,
+  CopyOutlined,
+  DeleteOutlined,
+  EditOutlined,
+  HistoryOutlined,
+  InboxOutlined,
+  MoreOutlined,
+  PlusOutlined,
+  ReloadOutlined,
+  SearchOutlined,
+} from '@ant-design/icons';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { Button, Dropdown, Input, Modal, Popover, Select, Space } from 'antd';
+import React from 'react';
+import { scopesApi } from '@/shared/api/scopesApi';
+import { t } from '@/shared/i18n/messages';
+import type {
+  ScopeWorkflowCatalogueRow,
+  ScopeWorkflowCatalogueRowCapabilities,
+  ScopeWorkflowCatalogueView,
+} from '@/shared/models/scopes';
+import { history } from '@/shared/navigation/history';
+import { isStudioApiStatus, studioApi } from '@/shared/studio/api';
+import AevatarContentSkeleton from '@/shared/ui/AevatarContentSkeleton';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
+import { AEVATAR_INTERACTIVE_BUTTON_CLASS } from '@/shared/ui/interactionStandards';
+import { useConsoleLocation } from '../hooks/useConsoleLocation';
+import { observeDraftMaterialization } from '../hooks/useDraftMaterialization';
+import {
+  buildWorkflowActivityEditorHref,
+  buildWorkflowActivityNewHref,
+  buildWorkflowActivitySectionHref,
+} from '../navigation';
+import TableScrollRegion from '../TableScrollRegion';
+import WorkflowActivityVNextShell from '../WorkflowActivityVNextShell';
+import WorkflowScheduleSurface from './WorkflowScheduleSurface';
+import { canArchiveWorkflow, isWorkflowArchived } from './workflowArchival';
+import WorkflowMutationDialog from './WorkflowMutationDialog';
+
+type WorkflowRow = {
+  readonly activeRevisionId: string;
+  readonly deploymentId: string;
+  readonly deploymentStatus: string;
+  readonly description: string;
+  readonly capabilities: ScopeWorkflowCatalogueRowCapabilities;
+  readonly hasCommittedSource: boolean;
+  readonly name: string;
+  readonly ownershipLabel: string;
+  readonly updatedAtUtc: string | null;
+  readonly workflowId: string;
+};
+
+function toWorkflowRow(item: ScopeWorkflowCatalogueRow): WorkflowRow {
+  return {
+    activeRevisionId: item.committed?.activeRevisionId.trim() ?? '',
+    capabilities: item.capabilities,
+    description: item.description,
+    deploymentId: item.committed?.deploymentId.trim() ?? '',
+    deploymentStatus: item.committed?.deploymentStatus.trim() ?? '',
+    hasCommittedSource: item.hasCommittedSource,
+    name: item.name,
+    ownershipLabel: t(
+      'workflowActivityVNext.workflows.workspaceOwner',
+      'Workspace',
+    ),
+    updatedAtUtc: item.updatedAtUtc,
+    workflowId: item.workflowId,
+  };
+}
+
+function readWorkflowView(params: URLSearchParams): ScopeWorkflowCatalogueView {
+  const view = params.get('view');
+  if (view === 'archived') return 'archived';
+  return view === 'drafts' ? 'drafts' : 'all';
+}
+
+function formatDate(value: string | null): string {
+  if (!value)
+    return t('workflowActivityVNext.common.unavailable', 'Unavailable');
+  const date = new Date(value);
+  return Number.isNaN(date.getTime())
+    ? value
+    : new Intl.DateTimeFormat(undefined, {
+        dateStyle: 'medium',
+        timeStyle: 'short',
+      }).format(date);
+}
+
+function normalizeWorkflowName(value: string): string {
+  return value.trim().toLocaleLowerCase();
+}
+
+function handleClientLinkClick(
+  event: React.MouseEvent<HTMLElement>,
+  href: string,
+): void {
+  if (
+    event.button !== 0 ||
+    event.altKey ||
+    event.ctrlKey ||
+    event.metaKey ||
+    event.shiftKey
+  )
+    return;
+
+  event.preventDefault();
+  history.push(href);
+}
+
+const WorkflowsPage: React.FC<{ readonly scopeId: string }> = ({ scopeId }) => {
+  const location = useConsoleLocation();
+  const toast = useConsoleToast();
+  const lastListErrorSignature = React.useRef('');
+  const selfAuthoredSearch = React.useRef<string | null>(null);
+  const initialParams = React.useMemo(
+    () => new URLSearchParams(location.search),
+    [location.search],
+  );
+  const [query, setQuery] = React.useState(initialParams.get('q') ?? '');
+  const [debouncedQuery, setDebouncedQuery] = React.useState(query.trim());
+  const [view, setView] = React.useState<ScopeWorkflowCatalogueView>(
+    readWorkflowView(initialParams),
+  );
+  const [mutationTarget, setMutationTarget] = React.useState<{
+    readonly scopeId: string;
+    readonly kind: 'archive' | 'delete';
+    readonly row: WorkflowRow;
+  } | null>(null);
+  const [mutationOpen, setMutationOpen] = React.useState(false);
+  const [renameTarget, setRenameTarget] = React.useState<WorkflowRow | null>(
+    null,
+  );
+  const [renameName, setRenameName] = React.useState('');
+  const [renaming, setRenaming] = React.useState(false);
+  const [scheduleTarget, setScheduleTarget] =
+    React.useState<WorkflowRow | null>(null);
+  const catalogue = useInfiniteQuery({
+    queryKey: [
+      'workflow-activity-vnext',
+      'workflow-catalogue',
+      scopeId,
+      view,
+      debouncedQuery,
+    ],
+    initialPageParam: undefined as string | undefined,
+    queryFn: ({ pageParam, signal }) =>
+      scopesApi.queryWorkflowCatalogue(
+        {
+          scopeId,
+          view,
+          query: debouncedQuery || undefined,
+          cursor: pageParam,
+          take: 50,
+        },
+        signal,
+      ),
+    getNextPageParam: (lastPage) => lastPage.nextPageToken ?? undefined,
+    refetchOnMount: 'always',
+    retry: false,
+  });
+
+  React.useEffect(() => {
+    if (selfAuthoredSearch.current === location.search) {
+      selfAuthoredSearch.current = null;
+      return;
+    }
+    selfAuthoredSearch.current = null;
+    const params = new URLSearchParams(location.search);
+    const routeQuery = params.get('q') ?? '';
+    setQuery(routeQuery);
+    setDebouncedQuery(routeQuery.trim());
+    setView(readWorkflowView(params));
+  }, [location.search]);
+
+  React.useEffect(() => {
+    const timer = window.setTimeout(() => setDebouncedQuery(query.trim()), 300);
+    return () => window.clearTimeout(timer);
+  }, [query]);
+
+  React.useEffect(() => {
+    const params = new URLSearchParams();
+    if (query.trim()) params.set('q', query.trim());
+    if (view !== 'all') params.set('view', view);
+    const suffix = params.toString();
+    const nextSearch = suffix ? `?${suffix}` : '';
+    if (nextSearch === location.search) return;
+    selfAuthoredSearch.current = nextSearch;
+    history.replace(`${location.pathname}${nextSearch}`);
+  }, [location.pathname, location.search, query, view]);
+
+  const loading =
+    catalogue.isPending ||
+    (catalogue.isFetching && !catalogue.isFetchingNextPage);
+  const rows = React.useMemo(() => {
+    return (catalogue.data?.pages ?? []).flatMap((page) =>
+      page.items
+        .filter(
+          (item) =>
+            view !== 'drafts' ||
+            (item.hasDraftSource && !item.committed?.activeRevisionId.trim()),
+        )
+        .map(toWorkflowRow),
+    );
+  }, [catalogue.data?.pages, view]);
+  const filtersActive = Boolean(query.trim()) || view !== 'all';
+  const renameDuplicates = React.useMemo(() => {
+    if (!renameTarget) return false;
+    const normalizedName = normalizeWorkflowName(renameName);
+    return Boolean(
+      normalizedName &&
+        rows.some(
+          (row) =>
+            row.workflowId !== renameTarget.workflowId &&
+            normalizeWorkflowName(row.name) === normalizedName,
+        ),
+    );
+  }, [renameName, renameTarget, rows]);
+
+  React.useEffect(() => {
+    if (loading || !catalogue.isLoadingError) return;
+
+    const errorSignature = [scopeId, catalogue.errorUpdatedAt].join(':');
+    if (lastListErrorSignature.current === errorSignature) return;
+
+    lastListErrorSignature.current = errorSignature;
+    toast.error(
+      t('workflowActivityVNext.workflows.unavailable', 'Workflows unavailable'),
+    );
+  }, [
+    catalogue.errorUpdatedAt,
+    catalogue.isLoadingError,
+    loading,
+    scopeId,
+    toast,
+  ]);
+
+  const retry = () => {
+    void catalogue.refetch();
+  };
+
+  const copyWorkflowReference = async (row: WorkflowRow) => {
+    try {
+      if (!navigator.clipboard?.writeText)
+        throw new Error('Clipboard unavailable');
+      await navigator.clipboard.writeText(row.workflowId);
+      toast.success(
+        t(
+          'workflowActivityVNext.workflows.referenceCopied',
+          'Workflow reference copied',
+        ),
+      );
+    } catch {
+      toast.error(
+        t(
+          'workflowActivityVNext.workflows.referenceCopyFailed',
+          "Workflow reference couldn't be copied",
+        ),
+      );
+    }
+  };
+
+  const openRename = (row: WorkflowRow) => {
+    setRenameTarget(row);
+    setRenameName(row.name);
+  };
+
+  const closeRename = () => {
+    if (renaming) return;
+    setRenameTarget(null);
+    setRenameName('');
+  };
+
+  const confirmRename = async () => {
+    const workflowName = renameName.trim();
+    if (!renameTarget || !workflowName || renaming) return;
+    setRenaming(true);
+    try {
+      const draft = await studioApi.getWorkflowDraft(
+        renameTarget.workflowId,
+        scopeId,
+      );
+      const parsed = await studioApi.parseYaml({ yaml: draft.yaml });
+      if (!parsed.document)
+        throw new Error('Workflow YAML could not be parsed');
+      const serialized = await studioApi.serializeYaml({
+        document: {
+          ...parsed.document,
+          name: workflowName,
+        },
+      });
+      await studioApi.updateWorkflowDraft({
+        directoryId: draft.directoryId,
+        fileName: draft.fileName,
+        layout: draft.layout,
+        scopeId,
+        workflowId: renameTarget.workflowId,
+        workflowName,
+        yaml: serialized.yaml,
+      });
+      const observation = await observeDraftMaterialization({
+        workflowId: renameTarget.workflowId,
+        read: (workflowId) => studioApi.getWorkflowDraft(workflowId, scopeId),
+        isNotFound: (candidate) => isStudioApiStatus(candidate, 404),
+        isObserved: (candidate) => candidate.name.trim() === workflowName,
+      });
+      if (observation.kind === 'delayed') {
+        throw new Error('Workflow rename was not observed');
+      }
+      const refreshed = await catalogue.refetch();
+      if (refreshed.isError) throw refreshed.error;
+      setRenameTarget(null);
+      setRenameName('');
+      toast.success(
+        t('workflowActivityVNext.workflows.renameSuccess', 'Workflow renamed'),
+      );
+    } catch {
+      toast.error(
+        t(
+          'workflowActivityVNext.workflows.renameFailed',
+          "Workflow couldn't be renamed",
+        ),
+      );
+    } finally {
+      setRenaming(false);
+    }
+  };
+
+  const openMutation = (kind: 'archive' | 'delete', row: WorkflowRow) => {
+    setMutationTarget({ scopeId, kind, row });
+    setMutationOpen(true);
+  };
+
+  return (
+    <WorkflowActivityVNextShell
+      activeSection="workflows"
+      description={t(
+        'workflowActivityVNext.workflows.description',
+        'Create, edit, and run your workflows.',
+      )}
+      headerActions={
+        <Space wrap>
+          <Button
+            aria-label={t(
+              'workflowActivityVNext.workflows.refreshAria',
+              'Refresh workflows',
+            )}
+            icon={<ReloadOutlined />}
+            onClick={retry}
+          >
+            {t('workflowActivityVNext.common.refresh', 'Refresh')}
+          </Button>
+          <Button
+            icon={<PlusOutlined />}
+            onClick={() => history.push(buildWorkflowActivityNewHref(scopeId))}
+            type="primary"
+          >
+            {t('workflowActivityVNext.workflows.new', 'New workflow')}
+          </Button>
+        </Space>
+      }
+      scopeId={scopeId}
+      title={t('workflowActivityVNext.workflows.title', 'Workflows')}
+    >
+      <div className="wa-vnext__toolbar">
+        <Input
+          allowClear
+          aria-label={t(
+            'workflowActivityVNext.workflows.searchAria',
+            'Search workflows',
+          )}
+          className="wa-vnext__toolbar-search"
+          maxLength={
+            catalogue.data?.pages[0]?.search.maximumQueryLength ?? undefined
+          }
+          onChange={(event) => setQuery(event.target.value)}
+          placeholder={t(
+            'workflowActivityVNext.workflows.search',
+            'Search workflows',
+          )}
+          prefix={<SearchOutlined />}
+          role="searchbox"
+          value={query}
+        />
+        <Space className="wa-vnext__toolbar-filters" wrap>
+          <Select
+            aria-label={t(
+              'workflowActivityVNext.workflows.viewFilter',
+              'Workflow view',
+            )}
+            onChange={setView}
+            options={[
+              {
+                label: t(
+                  'workflowActivityVNext.workflows.allView',
+                  'All workflows',
+                ),
+                value: 'all',
+              },
+              {
+                label: t(
+                  'workflowActivityVNext.workflows.draftsView',
+                  'Drafts',
+                ),
+                value: 'drafts',
+              },
+              {
+                label: t(
+                  'workflowActivityVNext.workflows.archivedView',
+                  'Show archived workflows',
+                ),
+                value: 'archived',
+              },
+            ]}
+            virtual={false}
+            value={view}
+          />
+        </Space>
+      </div>
+
+      {!loading && catalogue.isRefetchError ? (
+        <Space className="wa-vnext__list-feedback" role="status" wrap>
+          <span>
+            {t(
+              'workflowActivityVNext.workflows.refreshFailed',
+              "The workflow list couldn't refresh. The last loaded list is still shown.",
+            )}
+          </span>
+          <Button onClick={retry}>
+            {t('workflowActivityVNext.common.retry', 'Retry')}
+          </Button>
+        </Space>
+      ) : null}
+      {loading ? (
+        <AevatarContentSkeleton
+          ariaLabel={t(
+            'workflowActivityVNext.workflows.loading',
+            'Loading workflows',
+          )}
+          columnWidths={['minmax(240px, 1fr)', 120, 190, 270]}
+          rows={4}
+          tableMinWidth={900}
+          variant="table"
+        />
+      ) : catalogue.isLoadingError ? (
+        <div className="wa-vnext__state" role="alert">
+          <div>
+            <h2>
+              {t(
+                'workflowActivityVNext.workflows.unavailable',
+                'Workflows unavailable',
+              )}
+            </h2>
+            <p>
+              {t(
+                'workflowActivityVNext.workflows.unavailableDescription',
+                'Try again to load your workflows.',
+              )}
+            </p>
+            <Button
+              aria-label={t(
+                'workflowActivityVNext.workflows.retryAria',
+                'Retry workflows',
+              )}
+              icon={<ReloadOutlined />}
+              onClick={retry}
+            >
+              {t('workflowActivityVNext.common.retry', 'Retry')}
+            </Button>
+          </div>
+        </div>
+      ) : rows.length === 0 ? (
+        <div className="wa-vnext__state">
+          <div>
+            <h2>
+              {filtersActive
+                ? t(
+                    'workflowActivityVNext.workflows.noMatch',
+                    'No matching workflows',
+                  )
+                : t(
+                    'workflowActivityVNext.workflows.empty',
+                    'No workflows yet',
+                  )}
+            </h2>
+            <p>
+              {filtersActive
+                ? t(
+                    'workflowActivityVNext.workflows.noMatchDescription',
+                    'Try a different search or filter.',
+                  )
+                : t(
+                    'workflowActivityVNext.workflows.emptyDescription',
+                    'Create a workflow to get started.',
+                  )}
+            </p>
+            {filtersActive ? (
+              <Button
+                onClick={() => {
+                  setQuery('');
+                  setView('all');
+                }}
+              >
+                {t(
+                  'workflowActivityVNext.workflows.clearFilters',
+                  'Clear filters',
+                )}
+              </Button>
+            ) : (
+              <Button
+                icon={<PlusOutlined />}
+                onClick={() =>
+                  history.push(buildWorkflowActivityNewHref(scopeId))
+                }
+                type="primary"
+              >
+                {t('workflowActivityVNext.workflows.new', 'New workflow')}
+              </Button>
+            )}
+          </div>
+        </div>
+      ) : (
+        <TableScrollRegion
+          ariaLabel={t('workflowActivityVNext.workflows.title', 'Workflows')}
+        >
+          <table className="wa-vnext__table wa-vnext__table--workflow-catalogue">
+            <colgroup>
+              <col />
+              <col style={{ width: '120px' }} />
+              <col style={{ width: '190px' }} />
+              <col style={{ width: '500px' }} />
+            </colgroup>
+            <thead>
+              <tr>
+                <th>
+                  {t(
+                    'workflowActivityVNext.workflows.columnWorkflow',
+                    'Workflow',
+                  )}
+                </th>
+                <th className="wa-vnext__table-column--status">
+                  {t('workflowActivityVNext.workflows.columnStatus', 'Status')}
+                </th>
+                <th className="wa-vnext__table-column--updated">
+                  {t(
+                    'workflowActivityVNext.workflows.columnUpdated',
+                    'Last updated',
+                  )}
+                </th>
+                <th className="wa-vnext__table-column--actions wa-vnext__workflow-actions-cell">
+                  {t(
+                    'workflowActivityVNext.workflows.columnActions',
+                    'Actions',
+                  )}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.map((row) => {
+                const editorHref = buildWorkflowActivityEditorHref(
+                  scopeId,
+                  row.workflowId,
+                );
+                const activityHref = `${buildWorkflowActivitySectionHref(
+                  scopeId,
+                  'activity',
+                )}?workflowId=${encodeURIComponent(row.workflowId)}`;
+                const description = row.description.trim();
+                const isArchived = isWorkflowArchived(row);
+                const isPublished = Boolean(row.activeRevisionId);
+                const canDeleteDraft =
+                  row.capabilities.delete.available && !isPublished;
+                const workflowName = (
+                  <span className="wa-vnext__title">{row.name}</span>
+                );
+
+                return (
+                  <tr key={row.workflowId}>
+                    <td
+                      data-label={t(
+                        'workflowActivityVNext.workflows.columnWorkflow',
+                        'Workflow',
+                      )}
+                    >
+                      {description ? (
+                        <Popover
+                          classNames={{
+                            container: 'wa-vnext__workflow-description-popover',
+                          }}
+                          content={
+                            <p className="wa-vnext__workflow-description">
+                              {description}
+                            </p>
+                          }
+                          destroyOnHidden
+                          placement="bottomLeft"
+                          trigger={['hover', 'focus']}
+                        >
+                          <button
+                            aria-label={t(
+                              'workflowActivityVNext.workflows.descriptionAria',
+                              'Description for {name}',
+                              { name: row.name },
+                            )}
+                            className="wa-vnext__workflow-name-trigger"
+                            type="button"
+                          >
+                            {workflowName}
+                          </button>
+                        </Popover>
+                      ) : (
+                        workflowName
+                      )}
+                    </td>
+                    <td
+                      data-label={t(
+                        'workflowActivityVNext.workflows.columnStatus',
+                        'Status',
+                      )}
+                    >
+                      <span
+                        className={`wa-vnext__status ${
+                          isArchived
+                            ? 'wa-vnext__status--archived'
+                            : isPublished
+                              ? 'wa-vnext__status--committed'
+                              : 'wa-vnext__status--draft'
+                        }`}
+                      >
+                        {isArchived
+                          ? t(
+                              'workflowActivityVNext.workflows.archivedStatus',
+                              'Archived',
+                            )
+                          : isPublished
+                            ? t(
+                                'workflowActivityVNext.workflows.publishedStatus',
+                                'Published',
+                              )
+                            : t(
+                                'workflowActivityVNext.workflows.draftStatus',
+                                'Draft',
+                              )}
+                      </span>
+                    </td>
+                    <td
+                      data-label={t(
+                        'workflowActivityVNext.workflows.columnUpdated',
+                        'Last updated',
+                      )}
+                    >
+                      {formatDate(row.updatedAtUtc)}
+                    </td>
+                    <td
+                      className="wa-vnext__workflow-actions-cell"
+                      data-label={t(
+                        'workflowActivityVNext.workflows.columnActions',
+                        'Actions',
+                      )}
+                    >
+                      <Space className="wa-vnext__workflow-actions" size={6}>
+                        <Button
+                          aria-label={t(
+                            'workflowActivityVNext.workflows.openAria',
+                            'Open {name} in {owner}',
+                            { name: row.name, owner: row.ownershipLabel },
+                          )}
+                          className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+                          disabled={!row.capabilities.open.available}
+                          href={
+                            row.capabilities.open.available
+                              ? editorHref
+                              : undefined
+                          }
+                          icon={<EditOutlined />}
+                          onClick={
+                            row.capabilities.open.available
+                              ? (event) =>
+                                  handleClientLinkClick(event, editorHref)
+                              : undefined
+                          }
+                          type="primary"
+                        >
+                          {t('workflowActivityVNext.common.open', 'Open')}
+                        </Button>
+                        <Button
+                          aria-label={t(
+                            'workflowActivityVNext.workflows.viewActivityAria',
+                            'View activity for {name} in {owner}',
+                            { name: row.name, owner: row.ownershipLabel },
+                          )}
+                          className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+                          disabled={!row.capabilities.activity.available}
+                          href={
+                            row.capabilities.activity.available
+                              ? activityHref
+                              : undefined
+                          }
+                          icon={<HistoryOutlined />}
+                          onClick={
+                            row.capabilities.activity.available
+                              ? (event) =>
+                                  handleClientLinkClick(event, activityHref)
+                              : undefined
+                          }
+                        >
+                          {t(
+                            'workflowActivityVNext.workflows.viewActivity',
+                            'View activity',
+                          )}
+                        </Button>
+                        {isPublished && !isArchived ? (
+                          <Button
+                            aria-label={t(
+                              'workflowActivityVNext.schedule.openAria',
+                              'Manage schedules for {name}',
+                              { name: row.name },
+                            )}
+                            className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+                            icon={<CalendarOutlined />}
+                            onClick={() => setScheduleTarget(row)}
+                          >
+                            {t(
+                              'workflowActivityVNext.schedule.open',
+                              'Schedule',
+                            )}
+                          </Button>
+                        ) : null}
+                        <Dropdown
+                          menu={{
+                            items: [
+                              ...(row.capabilities.rename.available
+                                ? [
+                                    {
+                                      icon: <EditOutlined />,
+                                      key: 'rename',
+                                      label: t(
+                                        'workflowActivityVNext.workflows.rename',
+                                        'Rename',
+                                      ),
+                                    },
+                                  ]
+                                : []),
+                              {
+                                icon: <CopyOutlined />,
+                                key: 'copy-reference',
+                                label: t(
+                                  'workflowActivityVNext.workflows.copyReference',
+                                  'Copy workflow reference',
+                                ),
+                              },
+                              ...(canDeleteDraft || canArchiveWorkflow(row)
+                                ? [{ type: 'divider' as const }]
+                                : []),
+                              ...(canDeleteDraft
+                                ? [
+                                    {
+                                      danger: true,
+                                      icon: <DeleteOutlined />,
+                                      key: 'delete',
+                                      label: t(
+                                        'workflowActivityVNext.workflows.deleteDraft',
+                                        'Delete draft',
+                                      ),
+                                    },
+                                  ]
+                                : []),
+                              ...(canArchiveWorkflow(row)
+                                ? [
+                                    {
+                                      danger: true,
+                                      icon: <InboxOutlined />,
+                                      key: 'archive',
+                                      label: t(
+                                        'workflowActivityVNext.workflows.archive',
+                                        'Archive',
+                                      ),
+                                    },
+                                  ]
+                                : []),
+                            ],
+                            onClick: ({ key }) => {
+                              if (key === 'rename') openRename(row);
+                              if (key === 'copy-reference')
+                                void copyWorkflowReference(row);
+                              if (key === 'delete') {
+                                openMutation('delete', row);
+                              }
+                              if (key === 'archive')
+                                openMutation('archive', row);
+                            },
+                          }}
+                          placement="bottomRight"
+                          trigger={['click']}
+                        >
+                          <Button
+                            aria-label={t(
+                              'workflowActivityVNext.workflows.moreActionsAria',
+                              'More actions for {name} in {owner}',
+                              { name: row.name, owner: row.ownershipLabel },
+                            )}
+                            className={AEVATAR_INTERACTIVE_BUTTON_CLASS}
+                            icon={<MoreOutlined />}
+                          />
+                        </Dropdown>
+                      </Space>
+                    </td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </TableScrollRegion>
+      )}
+      {catalogue.hasNextPage ? (
+        <div className="wa-vnext__pagination-actions">
+          {catalogue.isFetchNextPageError ? (
+            <p role="alert">
+              {t(
+                'workflowActivityVNext.workflows.loadMoreFailed',
+                "More workflows couldn't be loaded",
+              )}
+            </p>
+          ) : null}
+          <Button
+            loading={catalogue.isFetchingNextPage}
+            onClick={() => void catalogue.fetchNextPage()}
+          >
+            {t('workflowActivityVNext.workflows.loadMore', 'Load more')}
+          </Button>
+        </div>
+      ) : null}
+      <Modal
+        cancelText={t('workflowActivityVNext.common.cancel', 'Cancel')}
+        closable={!renaming}
+        confirmLoading={renaming}
+        mask={{ closable: false }}
+        okButtonProps={{ disabled: !renameName.trim() }}
+        okText={t('workflowActivityVNext.workflows.renameSave', 'Save name')}
+        onCancel={closeRename}
+        onOk={() => void confirmRename()}
+        open={Boolean(renameTarget)}
+        title={t(
+          'workflowActivityVNext.workflows.renameTitle',
+          'Rename workflow',
+        )}
+      >
+        <div className="wa-vnext__modal-field">
+          <label htmlFor="wa-vnext-rename-name">
+            {t('workflowActivityVNext.new.name', 'Workflow name')}
+          </label>
+          <Input
+            aria-label={t('workflowActivityVNext.new.name', 'Workflow name')}
+            autoFocus
+            id="wa-vnext-rename-name"
+            onChange={(event) => setRenameName(event.target.value)}
+            value={renameName}
+          />
+        </div>
+        {renameDuplicates ? (
+          <p className="wa-vnext__duplicate-warning" role="status">
+            {t(
+              'workflowActivityVNext.workflows.duplicateNameWarning',
+              'Another workflow already uses this name. Duplicate names are allowed.',
+            )}
+          </p>
+        ) : null}
+      </Modal>
+      {mutationTarget?.scopeId === scopeId ? (
+        <WorkflowMutationDialog
+          key={`${scopeId}:${mutationTarget.kind}:${mutationTarget.row.workflowId}`}
+          kind={mutationTarget.kind}
+          scopeId={scopeId}
+          workflowId={mutationTarget.row.workflowId}
+          workflowName={mutationTarget.row.name}
+          open={mutationOpen}
+          onClose={() => setMutationOpen(false)}
+          onObserved={() => {
+            setMutationTarget(null);
+            void catalogue.refetch();
+          }}
+        />
+      ) : null}
+      <WorkflowScheduleSurface
+        available={Boolean(scheduleTarget?.activeRevisionId)}
+        initialView="list"
+        mode="modal"
+        onClose={() => setScheduleTarget(null)}
+        open={Boolean(scheduleTarget)}
+        scopeId={scopeId}
+        workflowId={scheduleTarget?.workflowId ?? ''}
+        workflowName={scheduleTarget?.name ?? ''}
+      />
+    </WorkflowActivityVNextShell>
+  );
+};
+
+export default WorkflowsPage;
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts
new file mode 100644
index 0000000000..163611308a
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.test.ts
@@ -0,0 +1,105 @@
+import {
+  canArchiveWorkflow,
+  isWorkflowArchived,
+  observeWorkflowArchival,
+  type WorkflowArchivalObservationItem,
+} from './workflowArchival';
+
+function workflowSummary(
+  workflowId: string,
+  deploymentStatus: string,
+): WorkflowArchivalObservationItem {
+  return {
+    workflowId,
+    activeRevisionId: `rev-${workflowId}`,
+    deploymentId: `dep-${workflowId}`,
+    deploymentStatus,
+    hasCommittedSource: true,
+  };
+}
+
+describe('workflow archival', () => {
+  it('classifies authoritative deployment states', () => {
+    expect(isWorkflowArchived({ deploymentStatus: 'Deactivated' })).toBe(true);
+    expect(isWorkflowArchived({ deploymentStatus: 'deactivated' })).toBe(true);
+    expect(isWorkflowArchived({ deploymentStatus: 'Active' })).toBe(false);
+  });
+
+  it('allows archival only for an active committed deployment', () => {
+    expect(
+      canArchiveWorkflow({
+        activeRevisionId: 'rev-alpha',
+        deploymentId: 'dep-alpha',
+        deploymentStatus: 'Active',
+        hasCommittedSource: true,
+      }),
+    ).toBe(true);
+    expect(
+      canArchiveWorkflow({
+        activeRevisionId: '',
+        deploymentId: '',
+        deploymentStatus: '',
+        hasCommittedSource: false,
+      }),
+    ).toBe(false);
+    expect(
+      canArchiveWorkflow({
+        activeRevisionId: 'rev-archived',
+        deploymentId: 'dep-archived',
+        deploymentStatus: 'Deactivated',
+        hasCommittedSource: true,
+      }),
+    ).toBe(false);
+  });
+
+  it('observes the exact workflow becoming deactivated', async () => {
+    const wait = jest.fn(async () => undefined);
+    const readWorkflows = jest
+      .fn()
+      .mockResolvedValueOnce([workflowSummary('wf-alpha', 'Active')])
+      .mockResolvedValueOnce([workflowSummary('wf-alpha', 'Deactivated')]);
+
+    await expect(
+      observeWorkflowArchival({
+        delaysMs: [0, 1],
+        readWorkflows,
+        wait,
+        workflowId: 'wf-alpha',
+      }),
+    ).resolves.toEqual({
+      kind: 'observed',
+      workflows: [workflowSummary('wf-alpha', 'Deactivated')],
+    });
+    expect(readWorkflows).toHaveBeenCalledTimes(2);
+    expect(wait).toHaveBeenCalledWith(1);
+  });
+
+  it('does not confuse another deactivated workflow with the target', async () => {
+    const readWorkflows = jest.fn(async () => [
+      workflowSummary('wf-beta', 'Deactivated'),
+      workflowSummary('wf-alpha', 'Active'),
+    ]);
+
+    await expect(
+      observeWorkflowArchival({
+        delaysMs: [0],
+        readWorkflows,
+        workflowId: 'wf-alpha',
+      }),
+    ).resolves.toEqual({ kind: 'delayed' });
+  });
+
+  it('propagates an authoritative list failure', async () => {
+    const failure = new Error('workflow list unavailable');
+
+    await expect(
+      observeWorkflowArchival({
+        delaysMs: [0],
+        readWorkflows: jest.fn(async () => {
+          throw failure;
+        }),
+        workflowId: 'wf-alpha',
+      }),
+    ).rejects.toBe(failure);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.ts
new file mode 100644
index 0000000000..37df9f41a9
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowArchival.ts
@@ -0,0 +1,79 @@
+import {
+  ensureWorkflowObservationActive,
+  waitForWorkflowObservation,
+} from './workflowObservation';
+
+export type WorkflowArchivalFacts = {
+  readonly activeRevisionId: string;
+  readonly deploymentId: string;
+  readonly deploymentStatus: string;
+  readonly hasCommittedSource: boolean;
+};
+
+export type WorkflowArchivalObservationItem = WorkflowArchivalFacts & {
+  readonly workflowId: string;
+};
+
+export const WORKFLOW_ARCHIVAL_OBSERVATION_DELAYS_MS = [
+  0, 300, 700, 1200, 2000,
+] as const;
+
+export type WorkflowArchivalObservationResult =
+  | {
+      readonly kind: 'observed';
+      readonly workflows: readonly WorkflowArchivalObservationItem[];
+    }
+  | { readonly kind: 'delayed' };
+
+function normalizeDeploymentStatus(value: string): string {
+  return value
+    .trim()
+    .toLowerCase()
+    .replace(/[\s_-]+/g, '');
+}
+
+export function isWorkflowArchived(
+  workflow: Pick<WorkflowArchivalFacts, 'deploymentStatus'>,
+): boolean {
+  return normalizeDeploymentStatus(workflow.deploymentStatus) === 'deactivated';
+}
+
+export function canArchiveWorkflow(workflow: WorkflowArchivalFacts): boolean {
+  return (
+    workflow.hasCommittedSource &&
+    Boolean(workflow.activeRevisionId.trim()) &&
+    Boolean(workflow.deploymentId.trim()) &&
+    normalizeDeploymentStatus(workflow.deploymentStatus) === 'active'
+  );
+}
+
+export async function observeWorkflowArchival(input: {
+  readonly delaysMs?: readonly number[];
+  readonly signal?: AbortSignal;
+  readonly readWorkflows: () => Promise<
+    readonly WorkflowArchivalObservationItem[]
+  >;
+  readonly wait?: (delayMs: number) => Promise<void>;
+  readonly workflowId: string;
+}): Promise<WorkflowArchivalObservationResult> {
+  const delays = input.delaysMs ?? WORKFLOW_ARCHIVAL_OBSERVATION_DELAYS_MS;
+  const wait =
+    input.wait ??
+    ((delayMs: number) => waitForWorkflowObservation(delayMs, input.signal));
+
+  for (const delayMs of delays) {
+    ensureWorkflowObservationActive(input.signal);
+    if (delayMs > 0) await wait(delayMs);
+    ensureWorkflowObservationActive(input.signal);
+    const workflows = await input.readWorkflows();
+    ensureWorkflowObservationActive(input.signal);
+    const target = workflows.find(
+      (workflow) => workflow.workflowId === input.workflowId,
+    );
+    if (target && isWorkflowArchived(target)) {
+      return { kind: 'observed', workflows };
+    }
+  }
+
+  return { kind: 'delayed' };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowCreation.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowCreation.ts
new file mode 100644
index 0000000000..e122f3c625
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowCreation.ts
@@ -0,0 +1,60 @@
+import type { StudioWorkflowDocument } from '@/shared/studio/models';
+
+export type WorkflowCreationMode = 'describe' | 'import' | 'template';
+
+export function slugifyWorkflowFileName(name: string): string {
+  const slug = name
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '');
+  return `${slug || 'workflow'}.yaml`;
+}
+
+export function resolveAvailableWorkflowFileName(
+  name: string,
+  directoryId: string,
+  drafts: readonly {
+    readonly directoryId: string;
+    readonly fileName: string;
+  }[],
+): string {
+  const preferred = slugifyWorkflowFileName(name);
+  const stem = preferred.slice(0, -'.yaml'.length);
+  const occupied = new Set(
+    drafts
+      .filter((draft) => draft.directoryId === directoryId)
+      .map((draft) => draft.fileName.trim().toLowerCase()),
+  );
+
+  if (!occupied.has(preferred.toLowerCase())) return preferred;
+
+  let suffix = 2;
+  while (occupied.has(`${stem}-${suffix}.yaml`.toLowerCase())) suffix += 1;
+  return `${stem}-${suffix}.yaml`;
+}
+
+export function createBlankWorkflowYaml(name: string): string {
+  const documentName =
+    name
+      .trim()
+      .replace(/[^A-Za-z0-9_]+/g, '_')
+      .replace(/^_+|_+$/g, '') || 'workflow';
+  return `name: ${documentName}\ndescription: \nroles: []\nsteps: []\n`;
+}
+
+export function hasBlockingFindings(
+  document: StudioWorkflowDocument | null | undefined,
+  findings: readonly {
+    readonly level?: string | number;
+    readonly message: string;
+  }[],
+): boolean {
+  if (!document) return true;
+  return findings.some((finding) => {
+    const level = String(finding.level ?? '').toLowerCase();
+    return (
+      level === 'error' || level === 'fatal' || level === '2' || level === '3'
+    );
+  });
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowObservation.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowObservation.ts
new file mode 100644
index 0000000000..f9c2853643
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowObservation.ts
@@ -0,0 +1,29 @@
+// The observation window includes slow reads, not only the backoff delays.
+export const WORKFLOW_OBSERVATION_TIMEOUT_MS = 30_000;
+export const WORKFLOW_OBSERVATION_DELAYS_MS = [
+  0, 300, 700, 1200, 2000, 3000, 5000, 8000, 10000,
+] as const;
+
+export function ensureWorkflowObservationActive(signal?: AbortSignal): void {
+  if (signal?.aborted) {
+    throw signal.reason ?? new DOMException('Request cancelled.', 'AbortError');
+  }
+}
+
+export function waitForWorkflowObservation(
+  delayMs: number,
+  signal?: AbortSignal,
+): Promise<void> {
+  return new Promise((resolve, reject) => {
+    ensureWorkflowObservationActive(signal);
+    const onAbort = () => {
+      window.clearTimeout(timer);
+      reject(signal?.reason);
+    };
+    const timer = window.setTimeout(() => {
+      signal?.removeEventListener('abort', onAbort);
+      resolve();
+    }, delayMs);
+    signal?.addEventListener('abort', onAbort, { once: true });
+  });
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowRemoval.test.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowRemoval.test.ts
new file mode 100644
index 0000000000..7dc43473ec
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowRemoval.test.ts
@@ -0,0 +1,50 @@
+import { observeWorkflowRemoval } from './workflowRemoval';
+
+describe('workflow removal observation', () => {
+  it('observes the exact workflow disappearing from the authoritative catalogue', async () => {
+    const readWorkflows = jest
+      .fn()
+      .mockResolvedValueOnce([{ workflowId: 'wf-alpha' }])
+      .mockResolvedValueOnce([]);
+
+    await expect(
+      observeWorkflowRemoval({
+        delaysMs: [0, 1],
+        readWorkflows,
+        wait: async () => undefined,
+        workflowId: 'wf-alpha',
+      }),
+    ).resolves.toEqual({ kind: 'observed' });
+    expect(readWorkflows).toHaveBeenCalledTimes(2);
+  });
+
+  it('does not confuse another workflow disappearing with the target', async () => {
+    const readWorkflows = jest.fn(async () => [
+      { workflowId: 'wf-alpha' },
+      { workflowId: 'wf-beta' },
+    ]);
+
+    await expect(
+      observeWorkflowRemoval({
+        delaysMs: [0],
+        readWorkflows,
+        wait: async () => undefined,
+        workflowId: 'wf-alpha',
+      }),
+    ).resolves.toEqual({ kind: 'delayed' });
+  });
+
+  it('returns delayed after the bounded observation window', async () => {
+    const readWorkflows = jest.fn(async () => [{ workflowId: 'wf-alpha' }]);
+
+    await expect(
+      observeWorkflowRemoval({
+        delaysMs: [0, 0],
+        readWorkflows,
+        wait: async () => undefined,
+        workflowId: 'wf-alpha',
+      }),
+    ).resolves.toEqual({ kind: 'delayed' });
+    expect(readWorkflows).toHaveBeenCalledTimes(2);
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowRemoval.ts b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowRemoval.ts
new file mode 100644
index 0000000000..e1b9e03f89
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/workflowRemoval.ts
@@ -0,0 +1,39 @@
+import {
+  ensureWorkflowObservationActive,
+  waitForWorkflowObservation,
+} from './workflowObservation';
+
+export const WORKFLOW_REMOVAL_OBSERVATION_DELAYS_MS = [
+  0, 300, 700, 1200, 2000,
+] as const;
+
+export type WorkflowRemovalObservationResult =
+  | { readonly kind: 'observed' }
+  | { readonly kind: 'delayed' };
+
+export async function observeWorkflowRemoval(input: {
+  readonly delaysMs?: readonly number[];
+  readonly signal?: AbortSignal;
+  readonly readWorkflows: () => Promise<readonly { workflowId: string }[]>;
+  readonly wait?: (delayMs: number) => Promise<void>;
+  readonly workflowId: string;
+}): Promise<WorkflowRemovalObservationResult> {
+  const delays = input.delaysMs ?? WORKFLOW_REMOVAL_OBSERVATION_DELAYS_MS;
+  const wait =
+    input.wait ??
+    ((delayMs: number) => waitForWorkflowObservation(delayMs, input.signal));
+  const workflowId = input.workflowId.trim();
+
+  for (const delayMs of delays) {
+    ensureWorkflowObservationActive(input.signal);
+    if (delayMs > 0) await wait(delayMs);
+    ensureWorkflowObservationActive(input.signal);
+    const workflows = await input.readWorkflows();
+    ensureWorkflowObservationActive(input.signal);
+    if (!workflows.some((workflow) => workflow.workflowId === workflowId)) {
+      return { kind: 'observed' };
+    }
+  }
+
+  return { kind: 'delayed' };
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts
new file mode 100644
index 0000000000..5cc06d4bd5
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts
@@ -0,0 +1,248 @@
+import {
+  addWorkflowCanvasBenchmarkTopology,
+  assertWorkflowCanvasBenchmarkResult,
+  countChangedNodeReferences,
+  createWorkflowCanvasBenchmarkGraph,
+  createWorkflowCanvasBenchmarkProgress,
+  getChangedNodeReferenceIds,
+  parseWorkflowCanvasBenchmarkGraphSize,
+  WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES,
+  type WorkflowCanvasBenchmarkResult,
+} from './benchmarkGraph';
+
+describe('workflow canvas benchmark graph', () => {
+  it.each(
+    WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES,
+  )('creates a deterministic, realistic %i-node graph with two forward targets where available', (size) => {
+    const first = createWorkflowCanvasBenchmarkGraph(size);
+    const second = createWorkflowCanvasBenchmarkGraph(size);
+
+    expect(first).toEqual(second);
+    expect(first.nodes).toHaveLength(size);
+    expect(first.edges).toHaveLength(size * 2 - 3);
+    expect(new Set(first.nodes.map((node) => node.id)).size).toBe(size);
+    expect(new Set(first.edges.map((edge) => edge.id)).size).toBe(size * 2 - 3);
+
+    first.nodes.forEach((node, index) => {
+      expect(node.initialWidth).toBe(268);
+      expect(node.initialHeight).toBe(120);
+      expect(Number.isFinite(node.position.x)).toBe(true);
+      expect(Number.isFinite(node.position.y)).toBe(true);
+      expect(Object.keys(node.data).sort()).toEqual([
+        'branchCount',
+        'executionFocused',
+        'executionStatus',
+        'kind',
+        'label',
+        'parametersSummary',
+        'stepId',
+        'stepType',
+        'subtitle',
+        'targetRole',
+        'title',
+      ]);
+      expect(node.data).toEqual(
+        expect.objectContaining({
+          branchCount: index + 2 < size ? 1 : 0,
+          executionFocused: false,
+          executionStatus: 'idle',
+          kind: 'step',
+          label: node.id,
+          parametersSummary: expect.any(String),
+          stepId: node.id,
+          stepType: expect.any(String),
+          subtitle: expect.any(String),
+          targetRole: expect.any(String),
+          title: node.id,
+        }),
+      );
+
+      const targets = first.edges
+        .filter((edge) => edge.source === node.id)
+        .map((edge) => edge.target);
+      expect(targets).toEqual(
+        [first.nodes[index + 1]?.id, first.nodes[index + 2]?.id].filter(
+          (target): target is string => Boolean(target),
+        ),
+      );
+    });
+  });
+
+  it('accepts only the three supported graph sizes', () => {
+    expect(parseWorkflowCanvasBenchmarkGraphSize('100')).toBe(100);
+    expect(parseWorkflowCanvasBenchmarkGraphSize('500')).toBe(500);
+    expect(parseWorkflowCanvasBenchmarkGraphSize('1000')).toBe(1000);
+
+    for (const value of [null, '', '0', '99', '101', '500.0', '10000']) {
+      expect(() => parseWorkflowCanvasBenchmarkGraphSize(value)).toThrow(
+        'Unsupported workflow canvas benchmark graph size',
+      );
+    }
+  });
+
+  it('adds realistic topology while preserving every unaffected node reference', () => {
+    const graph = createWorkflowCanvasBenchmarkGraph(100);
+    const expanded = addWorkflowCanvasBenchmarkTopology(graph);
+
+    expect(expanded.nodes).toHaveLength(101);
+    expect(expanded.edges).toHaveLength(graph.edges.length + 2);
+    expect(expanded.nodes.slice(0, -3)).toEqual(graph.nodes.slice(0, -2));
+    graph.nodes.slice(0, -2).forEach((node, index) => {
+      expect(expanded.nodes[index]).toBe(node);
+    });
+    expect(expanded.nodes.at(-3)).not.toBe(graph.nodes.at(-2));
+    expect(expanded.nodes.at(-2)).toBe(graph.nodes.at(-1));
+    expect(expanded.nodes.at(-1)?.data).toEqual(
+      expect.objectContaining({
+        branchCount: 0,
+        label: 'benchmark-node-0101',
+        title: 'benchmark-node-0101',
+        executionStatus: 'idle',
+        kind: 'step',
+      }),
+    );
+    expect(countChangedNodeReferences(graph.nodes, expanded.nodes)).toBe(2);
+  });
+
+  it('identifies changed, added, and removed node references by id', () => {
+    const graph = createWorkflowCanvasBenchmarkGraph(100);
+    const updated = [
+      { ...graph.nodes[0] },
+      ...graph.nodes.slice(2),
+      { ...graph.nodes[1], id: 'benchmark:replacement' },
+    ];
+
+    expect(getChangedNodeReferenceIds(graph.nodes, updated)).toEqual(
+      new Set([graph.nodes[0].id, graph.nodes[1].id, 'benchmark:replacement']),
+    );
+  });
+
+  it('separates measurement-only updates while retaining edits, topology and unnecessary clones', () => {
+    const graph = createWorkflowCanvasBenchmarkGraph(100);
+    const options = { ignoreMeasurementOnlyChanges: true };
+    const measured = graph.nodes.map((node) => ({
+      ...node,
+      measured: { width: 244, height: 61 },
+    }));
+    expect(getChangedNodeReferenceIds(graph.nodes, measured).size).toBe(100);
+    expect(
+      getChangedNodeReferenceIds(graph.nodes, measured, options).size,
+    ).toBe(0);
+    const edited = measured.map((node, index) =>
+      index === 0
+        ? {
+            ...node,
+            data: { ...node.data, executionStatus: 'active' as const },
+            position: { x: 48, y: 32 },
+          }
+        : node,
+    );
+    expect(getChangedNodeReferenceIds(graph.nodes, edited, options)).toEqual(
+      new Set([graph.nodes[0].id]),
+    );
+    expect(
+      getChangedNodeReferenceIds(
+        measured,
+        [
+          { ...measured[0], measured: { ...measured[0].measured } },
+          ...measured.slice(1),
+        ],
+        options,
+      ),
+    ).toEqual(new Set([graph.nodes[0].id]));
+    expect(
+      getChangedNodeReferenceIds(measured, measured.slice(1), options),
+    ).toEqual(new Set([graph.nodes[0].id]));
+    expect(
+      getChangedNodeReferenceIds(measured.slice(1), measured, options),
+    ).toEqual(new Set([graph.nodes[0].id]));
+  });
+
+  it('retains larger and disjoint reference deltas across later transitions', () => {
+    const graph = createWorkflowCanvasBenchmarkGraph(100);
+    const changedNodeIds = new Set<string>();
+    const observe = (nextNodes: typeof graph.nodes) => {
+      for (const nodeId of getChangedNodeReferenceIds(graph.nodes, nextNodes)) {
+        changedNodeIds.add(nodeId);
+      }
+    };
+    const twoChanged = graph.nodes.map((node, index) =>
+      index < 2 ? { ...node } : node,
+    );
+    const oneChanged = graph.nodes.map((node, index) =>
+      index === 0 ? { ...node } : node,
+    );
+
+    observe(twoChanged);
+    observe(oneChanged);
+    expect(changedNodeIds).toEqual(
+      new Set([graph.nodes[0].id, graph.nodes[1].id]),
+    );
+
+    observe(graph.nodes.map((node) => ({ ...node })));
+    observe(oneChanged);
+    expect(changedNodeIds.size).toBe(graph.nodes.length);
+  });
+});
+
+describe('workflow canvas benchmark artifact progress', () => {
+  it('formats complete and partial result counts for the Markdown artifact', () => {
+    expect(createWorkflowCanvasBenchmarkProgress(96, 96)).toEqual({
+      complete: true,
+      markdownLines: ['- Complete: yes', '- Results: 96/96'],
+    });
+    expect(createWorkflowCanvasBenchmarkProgress(17, 96)).toEqual({
+      complete: false,
+      markdownLines: ['- Complete: no', '- Results: 17/96'],
+    });
+  });
+});
+
+describe('workflow canvas benchmark result schema', () => {
+  const validResult: WorkflowCanvasBenchmarkResult = {
+    browser: 'Chrome/140.0.0.0',
+    buildMode: 'production',
+    changedNodeReferences: 1,
+    durationMs: 12.5,
+    graph: { edges: 197, nodes: 100 },
+    longTasks: 0,
+    policy: { minimap: true, visibleElementsOnly: true },
+    renderedNodeCount: 24,
+    scenario: 'status-update',
+    usedHeapBytes: null,
+  };
+
+  it('returns valid results unchanged', () => {
+    expect(assertWorkflowCanvasBenchmarkResult(validResult)).toBe(validResult);
+    expect(
+      assertWorkflowCanvasBenchmarkResult({
+        ...validResult,
+        usedHeapBytes: 42_000_000,
+      }),
+    ).toEqual({ ...validResult, usedHeapBytes: 42_000_000 });
+  });
+
+  it('rejects malformed, unsupported, non-finite, and extended result values', () => {
+    const invalidResults: unknown[] = [
+      null,
+      { ...validResult, buildMode: 'development' },
+      { ...validResult, browser: '' },
+      { ...validResult, graph: { ...validResult.graph, nodes: 101 } },
+      { ...validResult, graph: { ...validResult.graph, edges: -1 } },
+      { ...validResult, policy: { ...validResult.policy, minimap: 'yes' } },
+      { ...validResult, scenario: 'restore-viewport' },
+      { ...validResult, durationMs: Number.NaN },
+      { ...validResult, longTasks: 0.5 },
+      { ...validResult, renderedNodeCount: -1 },
+      { ...validResult, changedNodeReferences: Number.POSITIVE_INFINITY },
+      { ...validResult, usedHeapBytes: -1 },
+      { ...validResult, unexpected: true },
+    ];
+
+    invalidResults.forEach((result) => {
+      expect(() => assertWorkflowCanvasBenchmarkResult(result)).toThrow(
+        'Invalid workflow canvas benchmark result',
+      );
+    });
+  });
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.ts b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.ts
new file mode 100644
index 0000000000..d039b002ed
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.ts
@@ -0,0 +1,369 @@
+import type { Edge, Node } from '@xyflow/react';
+import type {
+  StudioGraphEdgeData,
+  StudioGraphNodeData,
+} from '@/shared/studio/graph';
+
+export const WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES = [100, 500, 1000] as const;
+export const WORKFLOW_CANVAS_BENCHMARK_SCENARIOS = [
+  'initial-load',
+  'drag',
+  'selection',
+  'pan',
+  'zoom-same-band',
+  'zoom-threshold',
+  'status-update',
+  'topology-add',
+] as const;
+
+export type WorkflowCanvasBenchmarkGraphSize =
+  (typeof WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES)[number];
+export type WorkflowCanvasBenchmarkScenario =
+  (typeof WORKFLOW_CANVAS_BENCHMARK_SCENARIOS)[number];
+
+export type WorkflowCanvasBenchmarkPolicy = {
+  readonly minimap: boolean;
+  readonly visibleElementsOnly: boolean;
+};
+
+export type WorkflowCanvasBenchmarkResult = {
+  readonly buildMode: 'production';
+  readonly browser: string;
+  readonly graph: {
+    readonly nodes: WorkflowCanvasBenchmarkGraphSize;
+    readonly edges: number;
+  };
+  readonly policy: WorkflowCanvasBenchmarkPolicy;
+  readonly scenario: WorkflowCanvasBenchmarkScenario;
+  readonly durationMs: number;
+  readonly longTasks: number;
+  readonly renderedNodeCount: number;
+  readonly changedNodeReferences: number;
+  readonly usedHeapBytes: number | null;
+};
+
+export type WorkflowCanvasBenchmarkReactCommit = {
+  readonly actualDurationMs: number;
+  readonly phase: 'mount' | 'nested-update' | 'update';
+  readonly startTimeMs: number;
+};
+
+export type WorkflowCanvasBenchmarkMeasurement = {
+  readonly changedNodeReferencesExcludingMeasurements: number;
+  readonly changedNodeReferences: number;
+  readonly longTasks: number;
+  readonly reactCommits?: readonly WorkflowCanvasBenchmarkReactCommit[];
+  readonly renderedNodeCount: number;
+  readonly usedHeapBytes: number | null;
+};
+
+export type WorkflowCanvasBenchmarkGraph = {
+  readonly nodes: readonly Node<StudioGraphNodeData>[];
+  readonly edges: readonly Edge<StudioGraphEdgeData>[];
+};
+
+export type WorkflowCanvasBenchmarkProgress = {
+  readonly complete: boolean;
+  readonly markdownLines: readonly [string, string];
+};
+
+const BENCHMARK_COLUMNS = 40;
+const BENCHMARK_COLUMN_PITCH = 340;
+const BENCHMARK_NODE_HEIGHT = 120;
+const BENCHMARK_NODE_WIDTH = 268;
+const BENCHMARK_ROW_PITCH = 190;
+const BENCHMARK_STEP_TYPES = [
+  ['llm_call', 'LLM call'],
+  ['tool_call', 'Tool call'],
+  ['conditional', 'Conditional'],
+  ['transform', 'Transform'],
+  ['connector_call', 'Connector call'],
+  ['human_approval', 'Human approval'],
+  ['workflow_call', 'Workflow call'],
+  ['emit', 'Emit'],
+] as const;
+const BENCHMARK_ROLES = [
+  'coordinator',
+  'researcher',
+  'reviewer',
+  'publisher',
+] as const;
+
+function benchmarkNodeId(index: number): string {
+  return `benchmark-node-${String(index + 1).padStart(4, '0')}`;
+}
+
+function createBenchmarkNode(
+  index: number,
+  graphSize: number,
+): Node<StudioGraphNodeData> {
+  const nodeId = benchmarkNodeId(index);
+  const [stepType, subtitle] =
+    BENCHMARK_STEP_TYPES[index % BENCHMARK_STEP_TYPES.length];
+  const targetRole = BENCHMARK_ROLES[index % BENCHMARK_ROLES.length];
+
+  return {
+    id: nodeId,
+    initialHeight: BENCHMARK_NODE_HEIGHT,
+    initialWidth: BENCHMARK_NODE_WIDTH,
+    data: {
+      branchCount: index + 2 < graphSize ? 1 : 0,
+      executionFocused: false,
+      executionStatus: 'idle',
+      kind: 'step',
+      label: nodeId,
+      parametersSummary: `role: ${targetRole}; sequence: ${index + 1}`,
+      stepId: nodeId,
+      stepType,
+      subtitle,
+      targetRole,
+      title: nodeId,
+    },
+    position: {
+      x: (index % BENCHMARK_COLUMNS) * BENCHMARK_COLUMN_PITCH,
+      y: Math.floor(index / BENCHMARK_COLUMNS) * BENCHMARK_ROW_PITCH,
+    },
+    type: 'studioWorkflowNode',
+  };
+}
+
+function createBenchmarkEdge(
+  sourceIndex: number,
+  targetIndex: number,
+  kind: StudioGraphEdgeData['kind'],
+  branchLabel?: string,
+): Edge<StudioGraphEdgeData> {
+  const source = benchmarkNodeId(sourceIndex);
+  const target = benchmarkNodeId(targetIndex);
+  return {
+    id: `benchmark-edge-${sourceIndex + 1}-${targetIndex + 1}-${kind}`,
+    source,
+    target,
+    type: 'smoothstep',
+    data: {
+      branchLabel,
+      kind,
+    },
+  };
+}
+
+export function parseWorkflowCanvasBenchmarkGraphSize(
+  value: string | null,
+): WorkflowCanvasBenchmarkGraphSize {
+  const parsed = Number(value);
+  if (
+    value === null ||
+    !WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES.includes(
+      parsed as WorkflowCanvasBenchmarkGraphSize,
+    ) ||
+    String(parsed) !== value
+  ) {
+    throw new Error(
+      `Unsupported workflow canvas benchmark graph size: ${value ?? 'missing'}`,
+    );
+  }
+
+  return parsed as WorkflowCanvasBenchmarkGraphSize;
+}
+
+export function createWorkflowCanvasBenchmarkGraph(
+  size: WorkflowCanvasBenchmarkGraphSize,
+): WorkflowCanvasBenchmarkGraph {
+  if (!WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES.includes(size)) {
+    throw new Error(
+      `Unsupported workflow canvas benchmark graph size: ${size}`,
+    );
+  }
+
+  const nodes = Array.from({ length: size }, (_, index) =>
+    createBenchmarkNode(index, size),
+  );
+  const edges: Edge<StudioGraphEdgeData>[] = [];
+  nodes.forEach((_, index) => {
+    if (index + 1 < size) {
+      edges.push(createBenchmarkEdge(index, index + 1, 'next'));
+    }
+    if (index + 2 < size) {
+      edges.push(createBenchmarkEdge(index, index + 2, 'branch', 'alternate'));
+    }
+  });
+
+  return { edges, nodes };
+}
+
+export function addWorkflowCanvasBenchmarkTopology(
+  graph: WorkflowCanvasBenchmarkGraph,
+): WorkflowCanvasBenchmarkGraph {
+  const newNodeIndex = graph.nodes.length;
+  const branchSourceIndex = newNodeIndex - 2;
+  const nextSourceIndex = newNodeIndex - 1;
+  const nodes = graph.nodes.map((node, index) =>
+    index === branchSourceIndex
+      ? {
+          ...node,
+          data: { ...node.data, branchCount: node.data.branchCount + 1 },
+        }
+      : node,
+  );
+  nodes.push(createBenchmarkNode(newNodeIndex, newNodeIndex + 1));
+
+  return {
+    nodes,
+    edges: [
+      ...graph.edges,
+      createBenchmarkEdge(
+        branchSourceIndex,
+        newNodeIndex,
+        'branch',
+        'topology-add',
+      ),
+      createBenchmarkEdge(nextSourceIndex, newNodeIndex, 'next'),
+    ],
+  };
+}
+
+export function countChangedNodeReferences(
+  previousNodes: readonly Node[],
+  nextNodes: readonly Node[],
+): number {
+  return getChangedNodeReferenceIds(previousNodes, nextNodes).size;
+}
+
+export function getChangedNodeReferenceIds(
+  previousNodes: readonly Node[],
+  nextNodes: readonly Node[],
+  options: { ignoreMeasurementOnlyChanges?: boolean } = {},
+): ReadonlySet<string> {
+  const previousById = new Map(previousNodes.map((node) => [node.id, node]));
+  const nextIds = new Set(nextNodes.map((node) => node.id));
+  const changedNodeIds = new Set(
+    nextNodes
+      .filter((node) => {
+        const previous = previousById.get(node.id);
+        if (previous === node) return false;
+        if (
+          !options.ignoreMeasurementOnlyChanges ||
+          !previous ||
+          node.measured?.width == null ||
+          node.measured?.height == null ||
+          (previous.measured?.width === node.measured.width &&
+            previous.measured?.height === node.measured.height)
+        )
+          return true;
+        // ResizeObserver updates measured bounds when nodes mount or switch
+        // compact bands. Retain all other reference changes, even empty clones.
+        const previousValues = new Map<string, unknown>(
+          Object.entries(previous),
+        );
+        const nextValues = new Map<string, unknown>(Object.entries(node));
+        return [
+          ...new Set([...previousValues.keys(), ...nextValues.keys()]),
+        ].some(
+          (key) =>
+            key !== 'measured' &&
+            (previousValues.has(key) !== nextValues.has(key) ||
+              !Object.is(previousValues.get(key), nextValues.get(key))),
+        );
+      })
+      .map((node) => node.id),
+  );
+  for (const node of previousNodes) {
+    if (!nextIds.has(node.id)) {
+      changedNodeIds.add(node.id);
+    }
+  }
+  return changedNodeIds;
+}
+
+export function createWorkflowCanvasBenchmarkProgress(
+  resultCount: number,
+  expectedResultCount: number,
+): WorkflowCanvasBenchmarkProgress {
+  const complete = resultCount === expectedResultCount;
+  return {
+    complete,
+    markdownLines: [
+      `- Complete: ${complete ? 'yes' : 'no'}`,
+      `- Results: ${resultCount}/${expectedResultCount}`,
+    ],
+  };
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);
+}
+
+function hasExactKeys(
+  value: Record<string, unknown>,
+  expectedKeys: readonly string[],
+): boolean {
+  const actualKeys = Object.keys(value).sort();
+  return (
+    actualKeys.length === expectedKeys.length &&
+    actualKeys.every((key, index) => key === [...expectedKeys].sort()[index])
+  );
+}
+
+function isNonNegativeFiniteNumber(value: unknown): value is number {
+  return typeof value === 'number' && Number.isFinite(value) && value >= 0;
+}
+
+function isNonNegativeInteger(value: unknown): value is number {
+  return Number.isInteger(value) && isNonNegativeFiniteNumber(value);
+}
+
+export function assertWorkflowCanvasBenchmarkResult(
+  value: unknown,
+): WorkflowCanvasBenchmarkResult {
+  const invalid = () => {
+    throw new Error('Invalid workflow canvas benchmark result');
+  };
+  if (
+    !isRecord(value) ||
+    !hasExactKeys(value, [
+      'browser',
+      'buildMode',
+      'changedNodeReferences',
+      'durationMs',
+      'graph',
+      'longTasks',
+      'policy',
+      'renderedNodeCount',
+      'scenario',
+      'usedHeapBytes',
+    ])
+  ) {
+    return invalid();
+  }
+
+  const graph = value.graph;
+  const policy = value.policy;
+  if (
+    value.buildMode !== 'production' ||
+    typeof value.browser !== 'string' ||
+    !value.browser.trim() ||
+    !isRecord(graph) ||
+    !hasExactKeys(graph, ['edges', 'nodes']) ||
+    !WORKFLOW_CANVAS_BENCHMARK_GRAPH_SIZES.includes(
+      graph.nodes as WorkflowCanvasBenchmarkGraphSize,
+    ) ||
+    !isNonNegativeInteger(graph.edges) ||
+    !isRecord(policy) ||
+    !hasExactKeys(policy, ['minimap', 'visibleElementsOnly']) ||
+    typeof policy.minimap !== 'boolean' ||
+    typeof policy.visibleElementsOnly !== 'boolean' ||
+    !WORKFLOW_CANVAS_BENCHMARK_SCENARIOS.includes(
+      value.scenario as WorkflowCanvasBenchmarkScenario,
+    ) ||
+    !isNonNegativeFiniteNumber(value.durationMs) ||
+    !isNonNegativeInteger(value.longTasks) ||
+    !isNonNegativeInteger(value.renderedNodeCount) ||
+    !isNonNegativeInteger(value.changedNodeReferences) ||
+    (value.usedHeapBytes !== null &&
+      !isNonNegativeFiniteNumber(value.usedHeapBytes))
+  ) {
+    return invalid();
+  }
+
+  return value as WorkflowCanvasBenchmarkResult;
+}
diff --git a/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.test.tsx b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.test.tsx
new file mode 100644
index 0000000000..60c4b72d29
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.test.tsx
@@ -0,0 +1,73 @@
+import { act, cleanup, render, screen } from '@testing-library/react';
+import { setLocale } from '@umijs/max';
+import React from 'react';
+import WorkflowCanvasBenchmarkPage from './index';
+
+beforeEach(() => {
+  window.history.replaceState(
+    {},
+    '',
+    '/workflow-canvas-benchmark?nodes=100&minimap=0&visible=0',
+  );
+});
+
+afterEach(() => {
+  cleanup();
+  setLocale('en-US');
+  window.history.replaceState({}, '', '/');
+});
+
+it.each([
+  ['en-US', 'Workflow canvas benchmark'],
+  ['zh-CN', '工作流画布基准测试'],
+])('localizes the page name and renders stable node identities in %s', async (locale, title) => {
+  setLocale(locale);
+  render(<WorkflowCanvasBenchmarkPage />);
+
+  expect(screen.getByRole('main', { name: title })).toBeInTheDocument();
+  expect(screen.getByText('benchmark-node-0001')).toBeInTheDocument();
+  expect(screen.getByText('benchmark-node-0100')).toBeInTheDocument();
+
+  const benchmark = window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__;
+  if (!benchmark) throw new Error('Benchmark page API was not initialized');
+  await act(async () => {
+    await benchmark.runStateScenario('topology-add');
+  });
+
+  expect(screen.getByText('benchmark-node-0101')).toBeInTheDocument();
+});
+
+it('updates the accessible name without resetting topology on a runtime locale change', async () => {
+  render(<WorkflowCanvasBenchmarkPage />);
+  expect(
+    screen.getByRole('main', { name: 'Workflow canvas benchmark' }),
+  ).toBeInTheDocument();
+
+  const benchmark = window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__;
+  if (!benchmark) throw new Error('Benchmark page API was not initialized');
+  await act(async () => {
+    await benchmark.runStateScenario('topology-add');
+  });
+  expect(screen.getByText('benchmark-node-0101')).toBeInTheDocument();
+
+  act(() => setLocale('zh-CN'));
+
+  expect(
+    screen.getByRole('main', { name: '工作流画布基准测试' }),
+  ).toBeInTheDocument();
+  expect(screen.getByText('benchmark-node-0001')).toBeInTheDocument();
+  expect(screen.getByText('benchmark-node-0101')).toBeInTheDocument();
+  expect(window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__).toBe(benchmark);
+});
+
+it('localizes the invalid-configuration alert label', () => {
+  setLocale('zh-CN');
+  window.history.replaceState({}, '', '/workflow-canvas-benchmark?nodes=99');
+
+  render(<WorkflowCanvasBenchmarkPage />);
+
+  expect(
+    screen.getByRole('alert', { name: '工作流画布基准测试' }),
+  ).toHaveTextContent('Unsupported workflow canvas benchmark graph size');
+  expect(window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__).toBeUndefined();
+});
diff --git a/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.tsx b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.tsx
new file mode 100644
index 0000000000..b775f61194
--- /dev/null
+++ b/apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.tsx
@@ -0,0 +1,436 @@
+import { useIntl } from '@umijs/max';
+import type { Node } from '@xyflow/react';
+import React from 'react';
+import GraphCanvas from '@/shared/graphs/GraphCanvas';
+import {
+  addWorkflowCanvasBenchmarkTopology,
+  assertWorkflowCanvasBenchmarkResult,
+  createWorkflowCanvasBenchmarkGraph,
+  getChangedNodeReferenceIds,
+  parseWorkflowCanvasBenchmarkGraphSize,
+  WORKFLOW_CANVAS_BENCHMARK_SCENARIOS,
+  type WorkflowCanvasBenchmarkGraph,
+  type WorkflowCanvasBenchmarkGraphSize,
+  type WorkflowCanvasBenchmarkMeasurement,
+  type WorkflowCanvasBenchmarkPolicy,
+  type WorkflowCanvasBenchmarkReactCommit,
+  type WorkflowCanvasBenchmarkResult,
+  type WorkflowCanvasBenchmarkScenario,
+} from './benchmarkGraph';
+
+type BenchmarkPageConfiguration = {
+  readonly browser: string;
+  readonly graph: {
+    readonly edges: number;
+    readonly nodes: WorkflowCanvasBenchmarkGraphSize;
+  };
+  readonly policy: WorkflowCanvasBenchmarkPolicy;
+};
+
+type WorkflowCanvasBenchmarkPageApi = {
+  readonly buildMode: 'production';
+  readonly config: BenchmarkPageConfiguration;
+  appendResult(value: unknown): WorkflowCanvasBenchmarkResult;
+  beginScenario(scenario: WorkflowCanvasBenchmarkScenario): void;
+  captureMeasurement(): WorkflowCanvasBenchmarkMeasurement;
+  getResults(): readonly WorkflowCanvasBenchmarkResult[];
+  runStateScenario(scenario: 'status-update' | 'topology-add'): Promise<void>;
+};
+
+declare global {
+  interface Window {
+    __AEVATAR_WORKFLOW_CANVAS_BENCHMARK__?: WorkflowCanvasBenchmarkPageApi;
+  }
+}
+
+type ActiveMeasurement = {
+  readonly changedNodeReferenceIdsExcludingMeasurements: Set<string>;
+  readonly changedNodeReferenceIds: Set<string>;
+  changedNodeReferences: number;
+  readonly reactCommits: WorkflowCanvasBenchmarkReactCommit[];
+  renderedNodeCount: number;
+  readonly scenario: WorkflowCanvasBenchmarkScenario;
+  readonly startedAt: number;
+};
+
+type LongTaskSample = {
+  readonly startTime: number;
+};
+
+type ChromiumPerformance = Performance & {
+  readonly memory?: {
+    readonly usedJSHeapSize?: number;
+  };
+};
+
+const benchmarkPageCss = `
+html,
+body,
+#root {
+  height: 100%;
+  margin: 0;
+  min-height: 0;
+  overflow: hidden;
+  width: 100%;
+}
+
+.workflow-canvas-benchmark {
+  background: #f7f9fc;
+  height: 100vh;
+  min-height: 0;
+  overflow: hidden;
+  width: 100vw;
+}
+
+.workflow-canvas-benchmark > div {
+  border: 0 !important;
+  border-radius: 0 !important;
+}
+`;
+
+function parsePolicyFlag(name: string, value: string | null): boolean {
+  if (value === '1') {
+    return true;
+  }
+  if (value === '0') {
+    return false;
+  }
+  throw new Error(`Unsupported workflow canvas benchmark ${name}: ${value}`);
+}
+
+function readPageConfiguration(): {
+  readonly graph: WorkflowCanvasBenchmarkGraph;
+  readonly size: WorkflowCanvasBenchmarkGraphSize;
+  readonly policy: WorkflowCanvasBenchmarkPolicy;
+} {
+  const parameters = new URLSearchParams(window.location.search);
+  const size = parseWorkflowCanvasBenchmarkGraphSize(parameters.get('nodes'));
+  const policy = {
+    minimap: parsePolicyFlag('minimap policy', parameters.get('minimap')),
+    visibleElementsOnly: parsePolicyFlag(
+      'visible-elements policy',
+      parameters.get('visible'),
+    ),
+  };
+  return {
+    graph: createWorkflowCanvasBenchmarkGraph(size),
+    policy,
+    size,
+  };
+}
+
+function afterNextPaint(): Promise<void> {
+  return new Promise((resolve) => {
+    window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(() => resolve());
+    });
+  });
+}
+
+function readUsedHeapBytes(): number | null {
+  const usedHeapBytes = (performance as ChromiumPerformance).memory
+    ?.usedJSHeapSize;
+  return typeof usedHeapBytes === 'number' && Number.isFinite(usedHeapBytes)
+    ? usedHeapBytes
+    : null;
+}
+
+function InvalidBenchmarkConfiguration({ message }: { message: string }) {
+  const intl = useIntl();
+  return (
+    <main
+      aria-label={intl.formatMessage({
+        id: 'workflowCanvasBenchmark.title',
+        defaultMessage: 'Workflow canvas benchmark',
+      })}
+      role="alert"
+    >
+      {message}
+    </main>
+  );
+}
+
+function BenchmarkCanvas({
+  initialGraph,
+  policy,
+  size,
+}: {
+  readonly initialGraph: WorkflowCanvasBenchmarkGraph;
+  readonly policy: WorkflowCanvasBenchmarkPolicy;
+  readonly size: WorkflowCanvasBenchmarkGraphSize;
+}) {
+  const intl = useIntl();
+  const [graph, setGraph] = React.useState(initialGraph);
+  const [selectedNodeId, setSelectedNodeId] = React.useState<string>();
+  const renderedNodesRef = React.useRef<readonly Node[] | undefined>(undefined);
+  const scenarioBaselineNodesRef = React.useRef<readonly Node[] | undefined>(
+    undefined,
+  );
+  const resultsRef = React.useRef<WorkflowCanvasBenchmarkResult[]>([]);
+  const longTasksRef = React.useRef<LongTaskSample[]>([]);
+  const measurementRef = React.useRef<ActiveMeasurement>({
+    changedNodeReferenceIdsExcludingMeasurements: new Set(
+      initialGraph.nodes.map((node) => node.id),
+    ),
+    changedNodeReferenceIds: new Set(initialGraph.nodes.map((node) => node.id)),
+    changedNodeReferences: size,
+    reactCommits: [],
+    renderedNodeCount: 0,
+    scenario: 'initial-load',
+    startedAt: 0,
+  });
+  React.useEffect(() => {
+    if (
+      typeof PerformanceObserver === 'undefined' ||
+      !PerformanceObserver.supportedEntryTypes?.includes('longtask')
+    ) {
+      return undefined;
+    }
+
+    const observer = new PerformanceObserver((entryList) => {
+      entryList.getEntries().forEach((entry) => {
+        longTasksRef.current.push({ startTime: entry.startTime });
+      });
+    });
+    observer.observe({ buffered: true, type: 'longtask' });
+    return () => observer.disconnect();
+  }, []);
+
+  const handleStudioNodeRender = React.useCallback((_nodeId: string) => {
+    measurementRef.current.renderedNodeCount += 1;
+  }, []);
+
+  const handleRenderedNodesChange = React.useCallback(
+    (renderedNodes: readonly Node[]) => {
+      const previousRenderedNodes = renderedNodesRef.current;
+      renderedNodesRef.current = renderedNodes;
+      const baselineNodes = scenarioBaselineNodesRef.current;
+      if (baselineNodes) {
+        for (const nodeId of getChangedNodeReferenceIds(
+          previousRenderedNodes ?? baselineNodes,
+          renderedNodes,
+          { ignoreMeasurementOnlyChanges: true },
+        )) {
+          measurementRef.current.changedNodeReferenceIdsExcludingMeasurements.add(
+            nodeId,
+          );
+        }
+        for (const nodeId of getChangedNodeReferenceIds(
+          baselineNodes,
+          renderedNodes,
+        )) {
+          measurementRef.current.changedNodeReferenceIds.add(nodeId);
+        }
+        measurementRef.current.changedNodeReferences =
+          measurementRef.current.changedNodeReferenceIds.size;
+      }
+    },
+    [],
+  );
+
+  const handleProfileRender = React.useCallback<React.ProfilerOnRenderCallback>(
+    (_id, phase, actualDuration, _baseDuration, startTime) => {
+      if (
+        Number.isFinite(actualDuration) &&
+        actualDuration >= 0 &&
+        Number.isFinite(startTime) &&
+        startTime >= 0
+      ) {
+        measurementRef.current.reactCommits.push({
+          actualDurationMs: actualDuration,
+          phase,
+          startTimeMs: startTime,
+        });
+      }
+    },
+    [],
+  );
+
+  const handleNodeSelect = React.useCallback((nodeId: string) => {
+    setSelectedNodeId(nodeId);
+  }, []);
+
+  const handleNodeLayoutChange = React.useCallback((renderedNodes: Node[]) => {
+    const renderedById = new Map(renderedNodes.map((node) => [node.id, node]));
+    setGraph((currentGraph) => {
+      const nodes = currentGraph.nodes.map((node) => {
+        const renderedNode = renderedById.get(node.id);
+        if (
+          !renderedNode ||
+          (renderedNode.position.x === node.position.x &&
+            renderedNode.position.y === node.position.y)
+        ) {
+          return node;
+        }
+        return { ...node, position: { ...renderedNode.position } };
+      });
+      return { ...currentGraph, nodes };
+    });
+  }, []);
+
+  const beginScenario = React.useCallback(
+    (scenario: WorkflowCanvasBenchmarkScenario) => {
+      if (!WORKFLOW_CANVAS_BENCHMARK_SCENARIOS.includes(scenario)) {
+        throw new Error(`Unsupported workflow canvas scenario: ${scenario}`);
+      }
+      scenarioBaselineNodesRef.current = renderedNodesRef.current;
+      measurementRef.current = {
+        changedNodeReferenceIdsExcludingMeasurements: new Set(),
+        changedNodeReferenceIds: new Set(),
+        changedNodeReferences: 0,
+        reactCommits: [],
+        renderedNodeCount: 0,
+        scenario,
+        startedAt: performance.now(),
+      };
+    },
+    [],
+  );
+
+  const captureMeasurement =
+    React.useCallback((): WorkflowCanvasBenchmarkMeasurement => {
+      const measurement = measurementRef.current;
+      const reactCommits = measurement.reactCommits.length
+        ? [...measurement.reactCommits]
+        : undefined;
+      return {
+        changedNodeReferencesExcludingMeasurements:
+          measurement.changedNodeReferenceIdsExcludingMeasurements.size,
+        changedNodeReferences: measurement.changedNodeReferences,
+        longTasks: longTasksRef.current.filter(
+          (sample) => sample.startTime >= measurement.startedAt,
+        ).length,
+        reactCommits,
+        renderedNodeCount: measurement.renderedNodeCount,
+        usedHeapBytes: readUsedHeapBytes(),
+      };
+    }, []);
+
+  const runStateScenario = React.useCallback(
+    async (scenario: 'status-update' | 'topology-add') => {
+      if (scenario === 'status-update') {
+        setGraph((currentGraph) => {
+          const nodes = currentGraph.nodes.map((node, index) =>
+            index === 0
+              ? {
+                  ...node,
+                  data: { ...node.data, executionStatus: 'active' as const },
+                }
+              : node,
+          );
+          return { ...currentGraph, nodes };
+        });
+      } else if (scenario === 'topology-add') {
+        setGraph((currentGraph) =>
+          addWorkflowCanvasBenchmarkTopology(currentGraph),
+        );
+      } else {
+        throw new Error(`Unsupported state scenario: ${scenario}`);
+      }
+      await afterNextPaint();
+    },
+    [],
+  );
+
+  const browser = window.navigator.userAgent;
+  const pageApi = React.useMemo<WorkflowCanvasBenchmarkPageApi>(
+    () => ({
+      buildMode: 'production',
+      config: {
+        browser,
+        graph: { edges: initialGraph.edges.length, nodes: size },
+        policy,
+      },
+      appendResult(value) {
+        const result = assertWorkflowCanvasBenchmarkResult(value);
+        if (
+          result.browser !== browser ||
+          result.graph.nodes !== size ||
+          result.graph.edges !== initialGraph.edges.length ||
+          result.policy.minimap !== policy.minimap ||
+          result.policy.visibleElementsOnly !== policy.visibleElementsOnly
+        ) {
+          throw new Error(
+            'Benchmark result does not match the active page configuration',
+          );
+        }
+        resultsRef.current.push(result);
+        return result;
+      },
+      beginScenario,
+      captureMeasurement,
+      getResults: () => [...resultsRef.current],
+      runStateScenario,
+    }),
+    [
+      beginScenario,
+      browser,
+      captureMeasurement,
+      initialGraph.edges.length,
+      policy,
+      runStateScenario,
+      size,
+    ],
+  );
+
+  React.useEffect(() => {
+    window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__ = pageApi;
+    return () => {
+      if (window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__ === pageApi) {
+        delete window.__AEVATAR_WORKFLOW_CANVAS_BENCHMARK__;
+      }
+    };
+  }, [pageApi]);
+
+  return (
+    <main
+      aria-label={intl.formatMessage({
+        id: 'workflowCanvasBenchmark.title',
+        defaultMessage: 'Workflow canvas benchmark',
+      })}
+      className="workflow-canvas-benchmark"
+      data-benchmark-ready="true"
+      data-graph-size={size}
+      data-minimap={String(policy.minimap)}
+      data-visible-elements-only={String(policy.visibleElementsOnly)}
+    >
+      <style>{benchmarkPageCss}</style>
+      <React.Profiler id="workflow-canvas" onRender={handleProfileRender}>
+        <GraphCanvas
+          edges={graph.edges}
+          height="100vh"
+          nodes={graph.nodes}
+          onNodeLayoutChange={handleNodeLayoutChange}
+          onNodeSelect={handleNodeSelect}
+          onRenderedNodesChange={handleRenderedNodesChange}
+          onStudioNodeRender={handleStudioNodeRender}
+          onlyRenderVisibleElements={policy.visibleElementsOnly}
+          selectedNodeId={selectedNodeId}
+          showMiniMap={policy.minimap}
+          variant="studio"
+        />
+      </React.Profiler>
+    </main>
+  );
+}
+
+export default function WorkflowCanvasBenchmarkPage() {
+  let configuration: ReturnType<typeof readPageConfiguration>;
+  try {
+    configuration = readPageConfiguration();
+  } catch (error) {
+    return (
+      <InvalidBenchmarkConfiguration
+        message={error instanceof Error ? error.message : 'Invalid benchmark'}
+      />
+    );
+  }
+
+  return (
+    <BenchmarkCanvas
+      initialGraph={configuration.graph}
+      policy={configuration.policy}
+      size={configuration.size}
+    />
+  );
+}
diff --git a/apps/aevatar-console-web/src/pages/workflows/WorkflowYamlViewer.tsx b/apps/aevatar-console-web/src/pages/workflows/WorkflowYamlViewer.tsx
index 58b92f9ead..dede41ec0e 100644
--- a/apps/aevatar-console-web/src/pages/workflows/WorkflowYamlViewer.tsx
+++ b/apps/aevatar-console-web/src/pages/workflows/WorkflowYamlViewer.tsx
@@ -3,10 +3,11 @@ import {
   FullscreenExitOutlined,
   FullscreenOutlined,
 } from '@ant-design/icons';
-import { Button, Empty, Modal, message, Space, Tag, Typography } from 'antd';
+import { Button, Empty, Modal, Space, Tag, Typography } from 'antd';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { t } from '@/shared/i18n/messages';
+import { useConsoleToast } from '@/shared/ui/ConsoleToast';
 import { cardStackStyle, embeddedPanelStyle } from '@/shared/ui/proComponents';
-import { t } from "@/shared/i18n/messages";
 
 type WorkflowYamlViewerProps = {
   yaml: string;
@@ -207,7 +208,7 @@ function renderYamlValue(value: string | undefined): React.ReactNode {
 }
 
 const WorkflowYamlViewer: React.FC<WorkflowYamlViewerProps> = ({ yaml }) => {
-  const [messageApi, contextHolder] = message.useMessage();
+  const toast = useConsoleToast();
   const [wrapLines, setWrapLines] = useState(true);
   const [isFullscreenOpen, setIsFullscreenOpen] = useState(false);
   const [viewportHeight, setViewportHeight] = useState(() =>
@@ -266,15 +267,21 @@ const WorkflowYamlViewer: React.FC<WorkflowYamlViewerProps> = ({ yaml }) => {
         throw new Error('Clipboard is unavailable.');
       }
 
-      messageApi.success('YAML copied to clipboard.');
-    } catch (error) {
-      messageApi.error(
-        error instanceof Error
-          ? error.message
-          : t("pages.workflows.workflowyamlviewer.failed.to.copy.yaml", "Failed to copy YAML."),
+      toast.success(
+        t(
+          'pages.workflows.workflowyamlviewer.copy.success',
+          'YAML copied to clipboard.',
+        ),
+      );
+    } catch {
+      toast.error(
+        t(
+          'pages.workflows.workflowyamlviewer.failed.to.copy.yaml',
+          'Failed to copy YAML.',
+        ),
       );
     }
-  }, [messageApi, yaml]);
+  }, [toast, yaml]);
 
   const renderYamlPanel = (
     viewerHeight: number,
@@ -289,38 +296,71 @@ const WorkflowYamlViewer: React.FC<WorkflowYamlViewerProps> = ({ yaml }) => {
             {renderChromeDot('#10b981')}
             <Typography.Text strong>
               {fullscreenMode
-                ? t("pages.workflows.workflowyamlviewer.fullscreen.yaml.inspector", "Fullscreen YAML inspector")
-                : t("pages.workflows.workflowyamlviewer.workflow.yaml", "Workflow YAML")}
+                ? t(
+                    'pages.workflows.workflowyamlviewer.fullscreen.yaml.inspector',
+                    'Fullscreen YAML inspector',
+                  )
+                : t(
+                    'pages.workflows.workflowyamlviewer.workflow.yaml',
+                    'Workflow YAML',
+                  )}
             </Typography.Text>
           </div>
           <Typography.Paragraph
             type="secondary"
             style={{ margin: 0, maxWidth: 720 }}
           >
-            {t("pages.workflows.workflowyamlviewer.read.only.workflow.definition.with", "Read-only workflow definition with syntax highlighting, inline copy, and editor-style controls.")}</Typography.Paragraph>
+            {t(
+              'pages.workflows.workflowyamlviewer.read.only.workflow.definition.with',
+              'Read-only workflow definition with syntax highlighting, inline copy, and editor-style controls.',
+            )}
+          </Typography.Paragraph>
           <Space wrap size={[8, 8]}>
-            <Tag color="blue">{t("pages.workflows.workflowyamlviewer.read.only", "Read only")}</Tag>
-            <Tag>{yamlStats.lineCount} {t("pages.workflows.workflowyamlviewer.lines", "lines")}</Tag>
-            <Tag>{yamlStats.charCount} {t("pages.workflows.workflowyamlviewer.chars", "chars")}</Tag>
-            <Tag>{yamlStats.longestLine} {t("pages.workflows.workflowyamlviewer.max.columns", "max columns")}</Tag>
+            <Tag color="blue">
+              {t('pages.workflows.workflowyamlviewer.read.only', 'Read only')}
+            </Tag>
+            <Tag>
+              {yamlStats.lineCount}{' '}
+              {t('pages.workflows.workflowyamlviewer.lines', 'lines')}
+            </Tag>
+            <Tag>
+              {yamlStats.charCount}{' '}
+              {t('pages.workflows.workflowyamlviewer.chars', 'chars')}
+            </Tag>
+            <Tag>
+              {yamlStats.longestLine}{' '}
+              {t(
+                'pages.workflows.workflowyamlviewer.max.columns',
+                'max columns',
+              )}
+            </Tag>
           </Space>
         </div>
 
         <div style={editorActionsStyle}>
           <Button
-            aria-label={t("pages.workflows.workflowyamlviewer.toggle.yaml.line.wrap", "Toggle YAML line wrap")}
+            aria-label={t(
+              'pages.workflows.workflowyamlviewer.toggle.yaml.line.wrap',
+              'Toggle YAML line wrap',
+            )}
             type={wrapLines ? 'primary' : 'default'}
             onClick={() => setWrapLines((current) => !current)}
           >
             {wrapLines
-              ? t("pages.workflows.workflowyamlviewer.wrapped", "Wrapped")
-              : t("pages.workflows.workflowyamlviewer.no.wrap", "No wrap")}
+              ? t('pages.workflows.workflowyamlviewer.wrapped', 'Wrapped')
+              : t('pages.workflows.workflowyamlviewer.no.wrap', 'No wrap')}
           </Button>
           <Button
             aria-label={
               fullscreenMode
-                ? t("pages.workflows.workflowyamlviewer.close.yaml.fullscreen", "Close YAML fullscreen")
-                : t("pages.workflows.workflowyamlviewer.open.yaml.fullscreen", "Open YAML fullscreen")
+                ? t(
+                    'pages.workflows.workflowyamlviewer.close.yaml.fullscreen',
+                    'Close YAML fullscreen',
+                  )
+                : t(
+                    'pages.workflows.workflowyamlviewer.open.yaml.fullscreen',
+                    'Open YAML fullscreen',
+                  )
             }
             icon={
               fullscreenMode ? (
@@ -336,15 +376,25 @@ const WorkflowYamlViewer: React.FC<WorkflowYamlViewerProps> = ({ yaml }) => {
             }
           >
             {fullscreenMode
-              ? t("pages.workflows.workflowyamlviewer.exit.fullscreen", "Exit fullscreen")
-              : t("pages.workflows.workflowyamlviewer.open.fullscreen", "Open fullscreen")}
+              ? t(
+                  'pages.workflows.workflowyamlviewer.exit.fullscreen',
+                  'Exit fullscreen',
+                )
+              : t(
+                  'pages.workflows.workflowyamlviewer.open.fullscreen',
+                  'Open fullscreen',
+                )}
           </Button>
           <Button
-            aria-label={t("pages.workflows.workflowyamlviewer.copy.workflow.yaml", "Copy workflow YAML")}
+            aria-label={t(
+              'pages.workflows.workflowyamlviewer.copy.workflow.yaml',
+              'Copy workflow YAML',
+            )}
             icon={<CopyOutlined />}
             onClick={() => void handleCopy()}
           >
-            {t("pages.workflows.workflowyamlviewer.copy.yaml", "Copy YAML")}</Button>
+            {t('pages.workflows.workflowyamlviewer.copy.yaml', 'Copy YAML')}
+          </Button>
         </div>
       </div>
 
@@ -402,19 +452,18 @@ const WorkflowYamlViewer: React.FC<WorkflowYamlViewerProps> = ({ yaml }) => {
 
   if (!yaml.trim()) {
     return (
-      <>
-        {contextHolder}
-        <Empty
-          image={Empty.PRESENTED_IMAGE_SIMPLE}
-          description={t("pages.workflows.workflowyamlviewer.no.yaml.is.available.for", "No YAML is available for this workflow.")}
-        />
-      </>
+      <Empty
+        image={Empty.PRESENTED_IMAGE_SIMPLE}
+        description={t(
+          'pages.workflows.workflowyamlviewer.no.yaml.is.available.for',
+          'No YAML is available for this workflow.',
+        )}
+      />
     );
   }
 
   return (
     <div style={cardStackStyle}>
-      {contextHolder}
       {renderYamlPanel(620, false)}
       <Modal
         centered={false}
@@ -439,7 +488,10 @@ const WorkflowYamlViewer: React.FC<WorkflowYamlViewerProps> = ({ yaml }) => {
             marginBottom: 16,
           },
         }}
-        title={t("pages.workflows.workflowyamlviewer.workflow.yaml", "Workflow YAML")}
+        title={t(
+          'pages.workflows.workflowyamlviewer.workflow.yaml',
+          'Workflow YAML',
+        )}
         width="100vw"
       >
         {renderYamlPanel(fullscreenHeight, true)}
diff --git a/apps/aevatar-console-web/src/pages/workflows/index.test.tsx b/apps/aevatar-console-web/src/pages/workflows/index.test.tsx
index 45444f5c6e..2c480881e0 100644
--- a/apps/aevatar-console-web/src/pages/workflows/index.test.tsx
+++ b/apps/aevatar-console-web/src/pages/workflows/index.test.tsx
@@ -81,6 +81,23 @@ describe("WorkflowsPage", () => {
     window.history.replaceState({}, "", "/runtime/workflows");
   });
 
+  it("keeps workflow filters visible while the initial catalog renders a table skeleton", async () => {
+    (runtimeCatalogApi.listWorkflowCatalog as jest.Mock).mockImplementationOnce(
+      () => new Promise(() => {}),
+    );
+
+    renderWithQueryClient(React.createElement(WorkflowsPage));
+
+    expect(await screen.findByText("Find workflows")).toBeTruthy();
+    expect(await screen.findByRole("status")).toHaveAttribute(
+      "data-variant",
+      "table",
+    );
+    expect(
+      screen.queryByText("No workflows matched the current filters."),
+    ).toBeNull();
+  });
+
   it("opens the definition inspector from the workflow query", async () => {
     window.history.replaceState({}, "", "/runtime/workflows?workflow=demo_flow");
 
diff --git a/apps/aevatar-console-web/src/pages/workflows/index.tsx b/apps/aevatar-console-web/src/pages/workflows/index.tsx
index 3353b0194c..8876e0dc5c 100644
--- a/apps/aevatar-console-web/src/pages/workflows/index.tsx
+++ b/apps/aevatar-console-web/src/pages/workflows/index.tsx
@@ -40,6 +40,8 @@ import {
   AevatarStatusTag,
 } from "@/shared/ui/aevatarPageShells";
 import { AevatarCompactText } from "@/shared/ui/compactText";
+import AevatarContentSkeleton from "@/shared/ui/AevatarContentSkeleton";
+import AevatarTooltip from "@/shared/ui/AevatarTooltip";
 import {
   codeBlockStyle,
   summaryFieldLabelStyle,
@@ -285,15 +287,17 @@ const WorkflowsPage: React.FC = () => {
               <Typography.Text strong style={{ fontSize: 15 }}>
                 {workflow.name}
               </Typography.Text>
-              <Typography.Paragraph
-                ellipsis={{ rows: 2, tooltip: summary }}
-                style={{
-                  color: "var(--ant-color-text-secondary)",
-                  margin: 0,
-                }}
-              >
-                {summary}
-              </Typography.Paragraph>
+              <AevatarTooltip title={summary}>
+                <Typography.Paragraph
+                  ellipsis={{ rows: 2 }}
+                  style={{
+                    color: "var(--ant-color-text-secondary)",
+                    margin: 0,
+                  }}
+                >
+                  {summary}
+                </Typography.Paragraph>
+              </AevatarTooltip>
             </div>
           );
         },
@@ -640,7 +644,13 @@ const WorkflowsPage: React.FC = () => {
           title={t("pages.workflows.index.workflow.catalog", "Workflow catalog")}
         >
           {catalogQuery.isLoading ? (
-            <Typography.Text type="secondary">{t("pages.workflows.index.loading.workflow.catalog", "Loading workflow catalog…")}</Typography.Text>
+            <AevatarContentSkeleton
+              ariaLabel={t("pages.workflows.index.loading.workflow.catalog", "Loading workflow catalog")}
+              columnWidths={["1.4fr", "1fr", "1fr", "1.2fr", 160]}
+              rows={4}
+              tableMinWidth={1100}
+              variant="table"
+            />
           ) : filteredRows.length === 0 ? (
             <Empty
               description={t("pages.workflows.index.no.workflows.matched.the.current", "No workflows matched the current filters.")}
diff --git a/apps/aevatar-console-web/src/routesConfig.test.ts b/apps/aevatar-console-web/src/routesConfig.test.ts
index 793507bd6d..80addc52d0 100644
--- a/apps/aevatar-console-web/src/routesConfig.test.ts
+++ b/apps/aevatar-console-web/src/routesConfig.test.ts
@@ -1,8 +1,13 @@
-describe("console routes", () => {
-  function loadRoutes(): typeof import("../config/routes").default {
-    let loadedRoutes!: typeof import("../config/routes").default;
+import { CONSOLE_HOME_ROUTE } from './shared/navigation/consoleHome';
+
+describe('console routes', () => {
+  const benchmarkEnvironmentKey = 'AEVATAR_WORKFLOW_CANVAS_BENCHMARK';
+
+  function loadRoutes(): typeof import('../config/routes').default {
+    let loadedRoutes!: typeof import('../config/routes').default;
     jest.isolateModules(() => {
-      loadedRoutes = require("../config/routes").default as typeof import("../config/routes").default;
+      loadedRoutes = require('../config/routes')
+        .default as typeof import('../config/routes').default;
     });
     return loadedRoutes;
   }
@@ -40,117 +45,243 @@ describe("console routes", () => {
 
   beforeEach(() => {
     jest.resetModules();
+    delete process.env[benchmarkEnvironmentKey];
+  });
+
+  afterEach(() => {
+    delete process.env[benchmarkEnvironmentKey];
   });
 
-  it("keeps scoped Team navigation as the default resource route model", () => {
+  it('registers the workflow canvas benchmark only for the exact opt-in value', () => {
+    expect(hasRoute(loadRoutes(), '/workflow-canvas-benchmark')).toBe(false);
+
+    process.env[benchmarkEnvironmentKey] = 'true';
+    jest.resetModules();
+    expect(hasRoute(loadRoutes(), '/workflow-canvas-benchmark')).toBe(false);
+
+    process.env[benchmarkEnvironmentKey] = '1';
+    jest.resetModules();
+    const benchmarkRoute = findRoute(
+      loadRoutes(),
+      '/workflow-canvas-benchmark',
+    );
+    expect(benchmarkRoute).toEqual(
+      expect.objectContaining({
+        component: './workflow-canvas-benchmark',
+        hideInMenu: true,
+        layout: false,
+      }),
+    );
+  });
+
+  it('routes console home to Workflow Activity while preserving scoped Teams', () => {
     const routes = loadRoutes();
 
-    expect(findRoute(routes, "/chat").hideInMenu).toBe(false);
-    expect(findRoute(routes, "/chat").name).toBe("Chat");
-    expect(findRoute(routes, "/chat").menuGroupKey).toBe("chat");
-    expect(findRoute(routes, "/chat").icon).toBeUndefined();
-    expect(findRoute(routes, "/scopes").hideInMenu).toBe(false);
-    expect(findRoute(routes, "/studio").hideInMenu).toBe(true);
-    expect(findRoute(routes, "/runtime/runs").hideInMenu).toBeUndefined();
-    expect(findRoute(routes, "/runtime/runs").menuGroupKey).toBe("platform");
-    expect(findRoute(routes, "/scopes/overview").hideInMenu).toBe(true);
-    expect(findRoute(routes, "/scopes").name).toBe("My Teams");
-    expect(findRoute(routes, "/scopes").component).toBe("./teams");
-    expect(findRouteIndex(routes, "/chat")).toBeLessThan(
-      findRouteIndex(routes, "/scopes"),
-    );
-    expect(hasRoute(routes, "/teams")).toBe(false);
-    expect(hasRoute(routes, "/teams/new")).toBe(false);
-    expect(hasRoute(routes, "/teams/:scopeId")).toBe(false);
-    expect(hasRoute(routes, "/teams/:scopeId/:teamId")).toBe(false);
-    expect(hasRoute(routes, "/teams/:scopeId/:teamId/members/new/workflow")).toBe(false);
-    expect(hasRoute(routes, "/teams/:scopeId/:teamId/members/:memberId/workflow")).toBe(false);
-    expect(hasRoute(routes, "/teams/:scopeId/:teamId/members/:memberId/invoke")).toBe(false);
-    expect(hasRoute(routes, "/teams/:scopeId/:teamId/members/:memberId/runs")).toBe(false);
-    expect(findRoute(routes, "/scopes/:scopeId/teams").component).toBe("./teams");
-    expect(findRoute(routes, "/scopes/:scopeId/teams").parentKeys).toEqual([
-      "/scopes",
-    ]);
-    expect(findRoute(routes, "/scopes/:scopeId/teams/new").component).toBe(
-      "./teams/new",
+    expect(findRoute(routes, '/chat').hideInMenu).toBe(false);
+    expect(findRoute(routes, '/chat').name).toBe('Chat');
+    expect(findRoute(routes, '/chat').menuGroupKey).toBe('chat');
+    expect(findRoute(routes, '/chat').icon).toBeUndefined();
+    expect(findRoute(routes, '/scopes').hideInMenu).toBe(true);
+    expect(findRoute(routes, '/studio').hideInMenu).toBe(true);
+    expect(findRoute(routes, '/runtime/runs').hideInMenu).toBeUndefined();
+    expect(findRoute(routes, '/runtime/runs').menuGroupKey).toBe('platform');
+    expect(findRoute(routes, '/scopes/overview').hideInMenu).toBe(true);
+    expect(findRoute(routes, '/scopes').name).toBeUndefined();
+    expect(findRoute(routes, '/scopes').component).toBe('./scopes');
+    expect(findRoute(routes, '/scopes').redirect).toBeUndefined();
+    for (const path of ['/', '/overview']) {
+      expect(findRoute(routes, path).redirect).toBe(CONSOLE_HOME_ROUTE);
+    }
+    expect(findRoute(routes, '/workflows').component).toBe(
+      './workflow-activity-vnext/WorkflowHomePage',
+    );
+    expect(findRoute(routes, '/workflows').redirect).toBeUndefined();
+    expect(findRouteIndex(routes, '/chat')).toBeLessThan(
+      findRouteIndex(routes, '/scopes'),
+    );
+    expect(hasRoute(routes, '/teams')).toBe(false);
+    expect(hasRoute(routes, '/teams/new')).toBe(false);
+    expect(hasRoute(routes, '/teams/:scopeId')).toBe(false);
+    expect(hasRoute(routes, '/teams/:scopeId/:teamId')).toBe(false);
+    expect(
+      hasRoute(routes, '/teams/:scopeId/:teamId/members/new/workflow'),
+    ).toBe(false);
+    expect(
+      hasRoute(routes, '/teams/:scopeId/:teamId/members/:memberId/workflow'),
+    ).toBe(false);
+    expect(
+      hasRoute(routes, '/teams/:scopeId/:teamId/members/:memberId/invoke'),
+    ).toBe(false);
+    expect(
+      hasRoute(routes, '/teams/:scopeId/:teamId/members/:memberId/runs'),
+    ).toBe(false);
+    expect(findRoute(routes, '/scopes/:scopeId/teams').component).toBe(
+      './teams',
     );
-    expect(findRoute(routes, "/scopes/:scopeId/teams/new").parentKeys).toEqual([
-      "/scopes",
+    expect(findRoute(routes, '/scopes/:scopeId/teams').parentKeys).toEqual([
+      '/scopes',
     ]);
-    expect(findRoute(routes, "/scopes/:scopeId/teams/:teamId").component).toBe(
-      "./teams/detail",
+    expect(findRoute(routes, '/scopes/:scopeId/teams/new').component).toBe(
+      './teams/new',
     );
-    expect(findRoute(routes, "/scopes/:scopeId/teams/:teamId").parentKeys).toEqual([
-      "/scopes",
+    expect(findRoute(routes, '/scopes/:scopeId/teams/new').parentKeys).toEqual([
+      '/scopes',
     ]);
-    expect(findRoute(routes, "/scopes/:scopeId/teams/:teamId/members/new/workflow").component).toBe(
-      "./team-member-workflow-studio",
-    );
-    expect(findRoute(routes, "/scopes/:scopeId/teams/:teamId/members/:memberId/workflow").component).toBe(
-      "./team-member-workflow-studio",
-    );
-    expect(findRoute(routes, "/scopes/:scopeId/teams/:teamId/members/:memberId/invoke").component).toBe(
-      "./team-member-invoke",
-    );
-    expect(findRoute(routes, "/scopes/:scopeId/teams/:teamId/members/:memberId/runs").component).toBe(
-      "./runtime-published-runs",
-    );
-    expect(findRoute(routes, "/scopes/:scopeId/teams/:teamId/members/:memberId/automations").component).toBe(
-      "./teams/detail",
-    );
-    expect(
-      findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId/members/new/workflow"),
-    ).toBeLessThan(findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId"));
-    expect(
-      findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId/members/:memberId/workflow"),
-    ).toBeLessThan(findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId"));
-    expect(
-      findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId/members/:memberId/runs"),
-    ).toBeLessThan(findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId"));
-    expect(
-      findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId/members/:memberId/automations"),
-    ).toBeLessThan(findRouteIndex(routes, "/scopes/:scopeId/teams/:teamId"));
-    expect(findRoute(routes, "/runtime/gagents").name).toBe("Members");
-    expect(findRoute(routes, "/scopes/assets").name).toBeUndefined();
-    expect(findRoute(routes, "/scopes/invoke").name).toBeUndefined();
-    expect(findRoute(routes, "/scopes/overview").component).toBe("./scopes/overview");
-    expect(hasRoute(routes, "/workflows")).toBe(true);
-    expect(findRoute(routes, "/workflows").redirect).toBe("/runtime/workflows");
-    expect(hasRoute(routes, "/primitives")).toBe(true);
-    expect(findRoute(routes, "/primitives").redirect).toBe("/runtime/primitives");
-    expect(hasRoute(routes, "/runs")).toBe(true);
-    expect(findRoute(routes, "/runs").redirect).toBe("/runtime/runs");
-    expect(hasRoute(routes, "/actors")).toBe(true);
-    expect(findRoute(routes, "/actors").redirect).toBe("/runtime/explorer");
-    expect(hasRoute(routes, "/gagents")).toBe(true);
-    expect(findRoute(routes, "/gagents").redirect).toBe("/runtime/gagents");
-    expect(hasRoute(routes, "/mission-control")).toBe(true);
-    expect(findRoute(routes, "/mission-control").redirect).toBe("/runtime/mission-control");
-    expect(findRoute(routes, "/runtime/mission-control").hideInMenu).toBe(true);
-    expect(hasRoute(routes, "/mission-wall")).toBe(true);
-    expect(findRoute(routes, "/mission-wall").redirect).toBe("/runtime/mission-wall");
-    expect(findRoute(routes, "/runtime/mission-wall").hideInMenu).toBe(true);
-    expect(findRoute(routes, "/runtime/mission-wall").name).toBeUndefined();
-    expect(findRoute(routes, "/runtime/explorer").menuGroupKey).toBe("platform");
-    expect(findRoute(routes, "/runtime/explorer/detail").hideInMenu).toBe(true);
-    expect(findRoute(routes, "/runtime/explorer/detail").parentKeys).toEqual([
-      "/runtime/explorer",
+    expect(findRoute(routes, '/scopes/:scopeId/teams/:teamId').component).toBe(
+      './teams/detail',
+    );
+    expect(
+      findRoute(routes, '/scopes/:scopeId/teams/:teamId').parentKeys,
+    ).toEqual(['/scopes']);
+    expect(
+      findRoute(routes, '/scopes/:scopeId/teams/:teamId/members/new/workflow')
+        .component,
+    ).toBe('./team-member-workflow-studio');
+    expect(
+      findRoute(
+        routes,
+        '/scopes/:scopeId/teams/:teamId/members/:memberId/workflow',
+      ).component,
+    ).toBe('./team-member-workflow-studio');
+    expect(
+      findRoute(
+        routes,
+        '/scopes/:scopeId/teams/:teamId/members/:memberId/invoke',
+      ).component,
+    ).toBe('./team-member-invoke');
+    expect(
+      findRoute(routes, '/scopes/:scopeId/teams/:teamId/members/:memberId/runs')
+        .component,
+    ).toBe('./runtime-published-runs');
+    expect(
+      findRoute(
+        routes,
+        '/scopes/:scopeId/teams/:teamId/members/:memberId/automations',
+      ).component,
+    ).toBe('./teams/detail');
+    expect(
+      findRouteIndex(
+        routes,
+        '/scopes/:scopeId/teams/:teamId/members/new/workflow',
+      ),
+    ).toBeLessThan(findRouteIndex(routes, '/scopes/:scopeId/teams/:teamId'));
+    expect(
+      findRouteIndex(
+        routes,
+        '/scopes/:scopeId/teams/:teamId/members/:memberId/workflow',
+      ),
+    ).toBeLessThan(findRouteIndex(routes, '/scopes/:scopeId/teams/:teamId'));
+    expect(
+      findRouteIndex(
+        routes,
+        '/scopes/:scopeId/teams/:teamId/members/:memberId/runs',
+      ),
+    ).toBeLessThan(findRouteIndex(routes, '/scopes/:scopeId/teams/:teamId'));
+    expect(
+      findRouteIndex(
+        routes,
+        '/scopes/:scopeId/teams/:teamId/members/:memberId/automations',
+      ),
+    ).toBeLessThan(findRouteIndex(routes, '/scopes/:scopeId/teams/:teamId'));
+    expect(findRoute(routes, '/runtime/gagents').name).toBe('Members');
+    expect(findRoute(routes, '/scopes/assets').name).toBeUndefined();
+    expect(findRoute(routes, '/scopes/invoke').name).toBeUndefined();
+    expect(findRoute(routes, '/scopes/overview').component).toBe(
+      './scopes/overview',
+    );
+    expect(hasRoute(routes, '/workflows')).toBe(true);
+    expect(hasRoute(routes, '/primitives')).toBe(true);
+    expect(findRoute(routes, '/primitives').redirect).toBe(
+      '/runtime/primitives',
+    );
+    expect(hasRoute(routes, '/runs')).toBe(true);
+    expect(findRoute(routes, '/runs').redirect).toBe('/runtime/runs');
+    expect(hasRoute(routes, '/actors')).toBe(true);
+    expect(findRoute(routes, '/actors').redirect).toBe('/runtime/explorer');
+    expect(hasRoute(routes, '/gagents')).toBe(true);
+    expect(findRoute(routes, '/gagents').redirect).toBe('/runtime/gagents');
+    expect(hasRoute(routes, '/mission-control')).toBe(true);
+    expect(findRoute(routes, '/mission-control').redirect).toBe(
+      '/runtime/mission-control',
+    );
+    expect(findRoute(routes, '/runtime/mission-control').hideInMenu).toBe(true);
+    expect(hasRoute(routes, '/mission-wall')).toBe(true);
+    expect(findRoute(routes, '/mission-wall').redirect).toBe(
+      '/runtime/mission-wall',
+    );
+    expect(findRoute(routes, '/runtime/mission-wall').hideInMenu).toBe(true);
+    expect(findRoute(routes, '/runtime/mission-wall').name).toBeUndefined();
+    expect(findRoute(routes, '/runtime/explorer').menuGroupKey).toBe(
+      'platform',
+    );
+    expect(findRoute(routes, '/runtime/explorer/detail').hideInMenu).toBe(true);
+    expect(findRoute(routes, '/runtime/explorer/detail').parentKeys).toEqual([
+      '/runtime/explorer',
     ]);
-    expect(findRoute(routes, "/services").menuGroupKey).toBe("platform");
-    expect(findRoute(routes, "/deployments").menuGroupKey).toBe("platform");
-    expect(findRoute(routes, "/governance").menuGroupKey).toBe("platform");
-    expect(findRoute(routes, "/governance/audit").redirect).toBe(
-      "/governance?view=changes",
+    expect(findRoute(routes, '/services').menuGroupKey).toBe('platform');
+    expect(findRoute(routes, '/deployments').menuGroupKey).toBe('platform');
+    expect(findRoute(routes, '/governance').menuGroupKey).toBe('platform');
+    expect(findRoute(routes, '/governance/audit').redirect).toBe(
+      '/governance?view=changes',
     );
-    expect(findRouteIndex(routes, "/services")).toBeLessThan(
-      findRouteIndex(routes, "/governance"),
+    expect(findRouteIndex(routes, '/services')).toBeLessThan(
+      findRouteIndex(routes, '/governance'),
     );
-    expect(findRouteIndex(routes, "/governance")).toBeLessThan(
-      findRouteIndex(routes, "/deployments"),
+    expect(findRouteIndex(routes, '/governance')).toBeLessThan(
+      findRouteIndex(routes, '/deployments'),
     );
-    expect(findRouteIndex(routes, "/deployments")).toBeLessThan(
-      findRouteIndex(routes, "/runtime/explorer"),
+    expect(findRouteIndex(routes, '/deployments')).toBeLessThan(
+      findRouteIndex(routes, '/runtime/explorer'),
     );
-    expect(findRoute(routes, "/settings").name).toBe("Settings");
+    expect(findRoute(routes, '/settings').name).toBe('Settings');
+  });
+
+  it('isolates Workflow Activity vNext under its hidden scoped namespace', () => {
+    const routes = loadRoutes();
+    const namespace = '/scopes/:scopeId/workflow-activity-vnext';
+    const expectedRoutes = [
+      namespace,
+      `${namespace}/workflows`,
+      `${namespace}/workflows/new`,
+      `${namespace}/workflows/new/templates`,
+      `${namespace}/workflows/:workflowId`,
+      `${namespace}/activity`,
+      `${namespace}/activity/:runId`,
+      `${namespace}/channels`,
+      `${namespace}/channels/bind/:botId`,
+      `${namespace}/channels/:registrationId`,
+      `${namespace}/channels/:registrationId/edit`,
+      `${namespace}/settings`,
+    ];
+
+    for (const path of expectedRoutes) {
+      expect(findRoute(routes, path).hideInMenu).toBe(true);
+    }
+    expect(
+      routes.some(
+        (route) => route.path === `${namespace}/channels/connect/telegram`,
+      ),
+    ).toBe(false);
+
+    expect(findRoute(routes, namespace).redirect).toBe(
+      `${namespace}/workflows`,
+    );
+    expect(findRoute(routes, `${namespace}/workflows`).component).toBe(
+      './workflow-activity-vnext',
+    );
+    expect(
+      findRoute(routes, `${namespace}/workflows/new/templates`).component,
+    ).toBe('./workflow-activity-vnext');
+    expect(findRouteIndex(routes, `${namespace}/workflows/new`)).toBeLessThan(
+      findRouteIndex(routes, `${namespace}/workflows/:workflowId`),
+    );
+    expect(
+      findRouteIndex(routes, `${namespace}/workflows/new/templates`),
+    ).toBeLessThan(
+      findRouteIndex(routes, `${namespace}/workflows/:workflowId`),
+    );
+
+    expect(findRoute(routes, '/runs').redirect).toBe('/runtime/runs');
+    expect(findRoute(routes, '/').redirect).toBe(CONSOLE_HOME_ROUTE);
   });
 });
diff --git a/apps/aevatar-console-web/src/shared/api/__tests__/runtimeDecoders.test.ts b/apps/aevatar-console-web/src/shared/api/__tests__/runtimeDecoders.test.ts
index 9d764f4d6f..f749f64ff6 100644
--- a/apps/aevatar-console-web/src/shared/api/__tests__/runtimeDecoders.test.ts
+++ b/apps/aevatar-console-web/src/shared/api/__tests__/runtimeDecoders.test.ts
@@ -1,24 +1,46 @@
-import { decodeWorkflowCapabilitiesResponse } from "../runtimeDecoders";
+import {
+  decodeWorkflowCapabilitiesResponse,
+  decodeWorkflowTemplateDetailResponse,
+  decodeWorkflowTemplateListResponse,
+} from '../runtimeDecoders';
 
-describe("decodeWorkflowCapabilitiesResponse", () => {
-  it("decodes primitive capabilities without the removed closedWorldBlocked field", () => {
+const freshness = {
+  projectionWatermark: '2026-08-18T00:00:00Z',
+  lastEventId: 'event-template-12',
+  versionSemantics: 'workflow-catalog-authority-state-version',
+};
+
+const template = {
+  templateId: 'template-alpha',
+  displayName: 'Incident triage',
+  description: 'Classify an incident.',
+  defaultDraftName: 'Incident triage',
+  authorityStateVersion: 12,
+  stepCount: 1,
+  requiredConnections: ['pagerduty'],
+  requiresLlmProvider: true,
+  freshness,
+};
+
+describe('decodeWorkflowCapabilitiesResponse', () => {
+  it('decodes primitive capabilities without the removed closedWorldBlocked field', () => {
     const decoded = decodeWorkflowCapabilitiesResponse({
-      schemaVersion: "1",
-      generatedAtUtc: "2026-05-24T00:00:00Z",
+      schemaVersion: '1',
+      generatedAtUtc: '2026-05-24T00:00:00Z',
       primitives: [
         {
-          name: "llm_call",
-          aliases: ["llm"],
-          category: "ai",
-          description: "Invoke an LLM provider.",
-          runtimeModule: "LlmCallModule",
+          name: 'llm_call',
+          aliases: ['llm'],
+          category: 'ai',
+          description: 'Invoke an LLM provider.',
+          runtimeModule: 'LlmCallModule',
           parameters: [
             {
-              name: "prompt",
-              type: "string",
+              name: 'prompt',
+              type: 'string',
               required: true,
-              description: "Prompt text.",
-              default: "",
+              description: 'Prompt text.',
+              default: '',
               enum: [],
             },
           ],
@@ -29,7 +51,71 @@ describe("decodeWorkflowCapabilitiesResponse", () => {
     });
 
     expect(decoded.primitives).toHaveLength(1);
-    expect(decoded.primitives[0].name).toBe("llm_call");
-    expect(decoded.primitives[0]).not.toHaveProperty("closedWorldBlocked");
+    expect(decoded.primitives[0].name).toBe('llm_call');
+    expect(decoded.primitives[0]).not.toHaveProperty('closedWorldBlocked');
+  });
+});
+
+describe('workflow template response decoders', () => {
+  it('keeps template identity and authority version separate from draft identity', () => {
+    const decoded = decodeWorkflowTemplateListResponse({
+      items: [template],
+      nextCursor: '12',
+      freshness,
+    });
+
+    expect(decoded.items[0]).toMatchObject({
+      templateId: 'template-alpha',
+      authorityStateVersion: 12,
+      requiredConnections: ['pagerduty'],
+    });
+    expect(decoded.items[0]).not.toHaveProperty('workflowId');
+    expect(decoded.nextCursor).toBe('12');
+  });
+
+  it('decodes detail steps without inventing workflow or member identities', () => {
+    const decoded = decodeWorkflowTemplateDetailResponse({
+      template,
+      yaml: 'name: incident_triage\nsteps: []\n',
+      definition: {
+        name: 'incident_triage',
+        description: 'Classify an incident.',
+        closedWorldMode: true,
+        roles: [],
+        steps: [
+          {
+            id: 'classify',
+            type: 'llm_call',
+            targetRole: 'responder',
+            parameters: {},
+            next: '',
+            branches: {},
+            children: [],
+          },
+        ],
+      },
+      edges: [],
+      authorityStateVersion: 12,
+      freshness,
+    });
+
+    expect(decoded.definition.steps[0]).toMatchObject({
+      id: 'classify',
+      type: 'llm_call',
+      targetRole: 'responder',
+    });
+    expect(decoded.template.templateId).toBe('template-alpha');
+    expect(decoded).not.toHaveProperty('memberId');
+    expect(decoded).not.toHaveProperty('workflowId');
+  });
+
+  it('rejects missing authority versions instead of accepting stale creation data', () => {
+    expect(() =>
+      decodeWorkflowTemplateListResponse({
+        items: [{ ...template, authorityStateVersion: undefined }],
+        nextCursor: null,
+        freshness,
+      }),
+    ).toThrow('authorityStateVersion must be a number');
   });
 });
diff --git a/apps/aevatar-console-web/src/shared/api/channelBotsApi.test.ts b/apps/aevatar-console-web/src/shared/api/channelBotsApi.test.ts
new file mode 100644
index 0000000000..cced05ca23
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelBotsApi.test.ts
@@ -0,0 +1,119 @@
+import { authFetch } from '@/shared/auth/fetch';
+import {
+  listChannelBotIdentities,
+  updateChannelBotLabel,
+} from './channelBotsApi';
+
+jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
+jest.mock('@/shared/auth/config', () => ({
+  getNyxIDRuntimeConfig: () => ({ baseUrl: 'https://nyx.example.test' }),
+}));
+const fetchMock = jest.mocked(authFetch);
+const response = (value: unknown, status = 200) =>
+  ({ ok: status === 200, status, json: async () => value }) as Response;
+
+it('reads personal bot labels in one request and keeps only safe identity fields', async () => {
+  fetchMock.mockResolvedValue(
+    response({
+      bots: [
+        {
+          id: 'bot-alpha',
+          platform: 'telegram',
+          label: ' Team channel ',
+          platform_bot_id: 'different-platform-id',
+          access_token: 'TEST_ONLY_SECRET',
+          webhook_url: 'https://example.invalid/private',
+        },
+        { id: 'bot-beta', platform: 'lark', label: ' ' },
+      ],
+      total: 2,
+    }),
+  );
+  const signal = new AbortController().signal;
+  expect(await listChannelBotIdentities(signal)).toEqual([
+    { id: 'bot-alpha', platform: 'telegram', label: 'Team channel' },
+    { id: 'bot-beta', platform: 'lark', label: null },
+  ]);
+  expect(fetchMock).toHaveBeenCalledTimes(1);
+  expect(fetchMock).toHaveBeenCalledWith(
+    'https://nyx.example.test/api/v1/channel-bots',
+    {
+      signal,
+      credentials: 'omit',
+      cache: 'no-store',
+      headers: { Accept: 'application/json' },
+    },
+  );
+});
+
+it('rejects ambiguous identities and HTTP failures without retaining error bodies', async () => {
+  const bot = { id: 'bot-alpha', platform: 'telegram', label: 'Team channel' };
+  fetchMock.mockResolvedValue(response({ bots: [bot, bot] }));
+  await expect(listChannelBotIdentities()).rejects.toThrow('Ambiguous');
+  const json = jest.fn().mockResolvedValue({ token: 'TEST_ONLY_SECRET' });
+  fetchMock.mockResolvedValue({
+    ok: false,
+    status: 403,
+    json,
+  } as unknown as Response);
+  await expect(listChannelBotIdentities()).rejects.toThrow('403');
+  expect(json).not.toHaveBeenCalled();
+});
+
+it('PATCHes only a trimmed label with an encoded bot ID and retains only verified identity fields', async () => {
+  const bot = { id: 'bot/a', platform: 'telegram', label: 'Original label' };
+  fetchMock.mockResolvedValue(
+    response({
+      ...bot,
+      label: 'Updated label',
+      webhook_secret: 'TEST_ONLY_SECRET',
+    }),
+  );
+  expect(await updateChannelBotLabel(bot, ' Updated label ')).toEqual({
+    ...bot,
+    label: 'Updated label',
+  });
+  expect(fetchMock).toHaveBeenCalledWith(
+    'https://nyx.example.test/api/v1/channel-bots/bot%2Fa',
+    {
+      method: 'PATCH',
+      credentials: 'omit',
+      cache: 'no-store',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ label: 'Updated label' }),
+    },
+  );
+});
+
+it.each([
+  { id: 'other-bot', platform: 'telegram', label: 'Updated' },
+  { id: 'bot-alpha', platform: 'lark', label: 'Updated' },
+  { id: 'bot-alpha', platform: 'telegram', label: 'Original' },
+])('rejects mismatched label update acknowledgements: %j', async (result) => {
+  fetchMock.mockResolvedValue(response(result));
+  await expect(
+    updateChannelBotLabel(
+      { id: 'bot-alpha', platform: 'telegram', label: 'Original' },
+      'Updated',
+    ),
+  ).rejects.toThrow('not confirmed');
+});
+
+it('does not retain upstream label error bodies', async () => {
+  const json = jest.fn().mockResolvedValue({ token: 'TEST_ONLY_SECRET' });
+  fetchMock.mockResolvedValue({
+    ok: false,
+    status: 403,
+    json,
+  } as unknown as Response);
+  await expect(
+    updateChannelBotLabel(
+      { id: 'bot-alpha', platform: 'telegram', label: 'Original' },
+      'Updated',
+    ),
+  ).rejects.toThrow('403');
+  expect(json).not.toHaveBeenCalled();
+});
diff --git a/apps/aevatar-console-web/src/shared/api/channelBotsApi.ts b/apps/aevatar-console-web/src/shared/api/channelBotsApi.ts
new file mode 100644
index 0000000000..b2136793f5
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelBotsApi.ts
@@ -0,0 +1,85 @@
+import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
+import { authFetch } from '@/shared/auth/fetch';
+import { ChannelApiError } from './channelsApi';
+import { expectArray, expectRecord, readString } from './http/decoders';
+
+export interface ChannelBotIdentity {
+  readonly id: string;
+  readonly platform: string;
+  readonly label: string | null;
+}
+
+export async function listChannelBotIdentities(
+  signal?: AbortSignal,
+): Promise<ChannelBotIdentity[]> {
+  const config = getNyxIDRuntimeConfig();
+  if (config.configurationError || !config.baseUrl)
+    throw new Error('NyxID is unavailable.');
+  // Omitting org_id reads only the authenticated owner's personal bots.
+  const response = await authFetch(`${config.baseUrl}/api/v1/channel-bots`, {
+    signal,
+    credentials: 'omit',
+    cache: 'no-store',
+    headers: { Accept: 'application/json' },
+  });
+  if (!response.ok) throw new ChannelApiError(response.status);
+  const body = expectRecord(await response.json(), 'Channel bots');
+  const bots = expectArray(body.bots, 'Channel bots', decodeBotIdentity);
+  if (new Set(bots.map((bot) => bot.id)).size !== bots.length)
+    throw new Error('Ambiguous channel bot identity.');
+  return bots;
+}
+
+function decodeBotIdentity(value: unknown): ChannelBotIdentity {
+  const bot = expectRecord(value, 'Channel bot');
+  const id = readString(bot, 'id', 'Channel bot ID');
+  const platform = readString(bot, 'platform', 'Channel bot platform');
+  if (!id.trim() || !platform.trim())
+    throw new Error('Missing channel bot identity.');
+  // Keep only safe identity fields, never the full upstream object.
+  return {
+    id,
+    platform,
+    label: readString(bot, 'label', 'Channel bot label').trim() || null,
+  };
+}
+
+export function isValidChannelBotLabel(label: string): boolean {
+  const value = label.trim();
+  // NyxID validates the trimmed UTF-8 byte length, not JavaScript code units.
+  return Boolean(value) && new TextEncoder().encode(value).length <= 128;
+}
+
+export async function updateChannelBotLabel(
+  bot: ChannelBotIdentity,
+  label: string,
+): Promise<ChannelBotIdentity> {
+  const config = getNyxIDRuntimeConfig();
+  if (config.configurationError || !config.baseUrl)
+    throw new Error('NyxID is unavailable.');
+  const value = label.trim();
+  if (!bot.id.trim() || !isValidChannelBotLabel(value))
+    throw new Error('Invalid channel bot label.');
+  const response = await authFetch(
+    `${config.baseUrl}/api/v1/channel-bots/${encodeURIComponent(bot.id)}`,
+    {
+      method: 'PATCH',
+      credentials: 'omit',
+      cache: 'no-store',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ label: value }),
+    },
+  );
+  if (!response.ok) throw new ChannelApiError(response.status);
+  const updated = decodeBotIdentity(await response.json());
+  if (
+    updated.id !== bot.id ||
+    updated.platform !== bot.platform ||
+    updated.label !== value
+  )
+    throw new Error('Channel label update was not confirmed.');
+  return updated;
+}
diff --git a/apps/aevatar-console-web/src/shared/api/channelServicesApi.test.ts b/apps/aevatar-console-web/src/shared/api/channelServicesApi.test.ts
new file mode 100644
index 0000000000..f7d7ed480b
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelServicesApi.test.ts
@@ -0,0 +1,201 @@
+import { authFetch } from '@/shared/auth/fetch';
+import { persistAuthSession } from '@/shared/auth/session';
+import { createNyxIDServiceSession } from '../../../tests/fixtures/nyxidServiceSession';
+import {
+  listChannelServiceIdentities,
+  listChannelServices,
+} from './channelServicesApi';
+
+jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
+jest.mock('@/shared/auth/config', () => ({
+  getNyxIDRuntimeConfig: () => ({
+    baseUrl: 'https://nyx.example.test',
+    clientId: 'test-client',
+    enabled: true,
+  }),
+}));
+const fetchMock = jest.mocked(authFetch);
+const originalFetch = global.fetch;
+const inventoryPath = 'https://nyx.example.test/api/v1/user-services';
+const personal = {
+  id: 'us-work',
+  slug: 'api-github',
+  label: 'GitHub work',
+  is_active: true,
+  credential_source: { type: 'personal' },
+  default_request_headers: [{ value: 'TEST_ONLY_SECRET' }],
+};
+const response = (value: unknown, status = 200) =>
+  ({ ok: status === 200, status, json: async () => value }) as Response;
+
+it('reads safe service names independently of current selectable grants and activity', async () => {
+  persistAuthSession(createNyxIDServiceSession({ allowed_service_ids: [] }));
+  fetchMock.mockResolvedValue(
+    response({
+      services: [
+        personal,
+        {
+          ...personal,
+          id: 'us-inactive',
+          is_active: false,
+          label: 'Old service',
+        },
+      ],
+    }),
+  );
+  expect(await listChannelServiceIdentities()).toEqual([
+    { id: 'us-work', slug: 'api-github', label: 'GitHub work' },
+    { id: 'us-inactive', slug: 'api-github', label: 'Old service' },
+  ]);
+});
+
+afterEach(() => {
+  fetchMock.mockReset();
+  global.fetch = originalFetch;
+});
+
+it('includes authorized LLM services and matches exact UserService grants without requiring an MCP tool entry', async () => {
+  const session = createNyxIDServiceSession({
+    allowed_service_ids: [
+      'us-work',
+      'us-model',
+      'us-inactive',
+      'us-org',
+      'us-viewer',
+      'us-unknown',
+      'us-not-in-inventory',
+      'catalog-github',
+    ],
+  });
+  persistAuthSession(session);
+  fetchMock.mockResolvedValue(
+    response({
+      services: [
+        personal,
+        { ...personal, id: 'us-other-account-key' },
+        {
+          ...personal,
+          id: 'us-catalog-reference',
+          catalog_service_id: 'catalog-github',
+        },
+        { ...personal, id: 'us-inactive', is_active: false },
+        {
+          ...personal,
+          id: 'us-model',
+          slug: 'chrono-llm-public',
+          label: 'Chrono Public',
+          service_type: 'llm',
+        },
+        {
+          ...personal,
+          id: 'us-org',
+          slug: 'drive',
+          label: '',
+          catalog_service_name: 'Google Drive',
+          credential_source: { type: 'org', org_name: 'Team', allowed: true },
+        },
+        {
+          ...personal,
+          id: 'us-viewer',
+          credential_source: { type: 'org', allowed: false },
+        },
+        {
+          ...personal,
+          id: 'us-unknown',
+          credential_source: { type: 'future', allowed: true },
+        },
+      ],
+    }),
+  );
+  const signal = new AbortController().signal;
+  const result = await listChannelServices(signal);
+  expect(result.map(({ id, label }) => ({ id, label }))).toEqual([
+    { id: 'us-work', label: 'GitHub work' },
+    { id: 'us-model', label: 'Chrono Public' },
+    { id: 'us-org', label: 'Google Drive' },
+  ]);
+  expect(JSON.stringify(result)).not.toContain('TEST_ONLY');
+  expect(fetchMock).toHaveBeenCalledTimes(1);
+  expect(fetchMock).toHaveBeenCalledWith(inventoryPath, {
+    signal,
+    credentials: 'omit',
+    cache: 'no-store',
+    headers: {
+      Accept: 'application/json',
+      Authorization: `Bearer ${session.tokens.accessToken}`,
+    },
+  });
+});
+
+it.each([
+  true,
+  false,
+])('respects explicit allow_all_services=%s with an empty ID list', async (allowAll) => {
+  persistAuthSession(
+    createNyxIDServiceSession({
+      allow_all_services: allowAll,
+      allowed_service_ids: [],
+    }),
+  );
+  fetchMock.mockResolvedValue(response({ services: [personal] }));
+  const result = await listChannelServices();
+  expect(result.map(({ id }) => id)).toEqual(allowAll ? ['us-work'] : []);
+});
+
+it.each([
+  ['missing grant mode', { allow_all_services: undefined }],
+  ['malformed ID list', { allowed_service_ids: ['us-work', null] }],
+  ['wrong account subject', { sub: 'another-user' }],
+  ['expired JWT', { exp: 1 }],
+] as const)('fails closed for %s without exposing token payloads or reading the inventory', async (_name, claims) => {
+  persistAuthSession(
+    createNyxIDServiceSession({ ...claims, note: 'TEST_ONLY_SECRET' }),
+  );
+  await expect(listChannelServices()).rejects.toThrow(
+    'Could not read the current NyxID service authorization.',
+  );
+  expect(fetchMock).not.toHaveBeenCalled();
+});
+
+it('does not treat locally decoded claims as successful server authorization', async () => {
+  persistAuthSession(createNyxIDServiceSession({ allow_all_services: true }));
+  fetchMock.mockResolvedValue(response({ services: [personal] }, 401));
+  await expect(listChannelServices()).rejects.toMatchObject({ status: 401 });
+});
+
+it('refreshes an expired session before filtering and pins the inventory request to the refreshed bearer', async () => {
+  const old = createNyxIDServiceSession({ allowed_service_ids: ['us-old'] });
+  const fresh = createNyxIDServiceSession({ allowed_service_ids: ['us-work'] });
+  persistAuthSession({
+    ...old,
+    tokens: {
+      ...old.tokens,
+      expiresAt: Date.now() - 1,
+      refreshToken: 'TEST_ONLY_REFRESH',
+    },
+  });
+  const tokenFetch = jest.fn().mockResolvedValue(
+    response({
+      access_token: fresh.tokens.accessToken,
+      token_type: 'Bearer',
+      expires_in: 3600,
+    }),
+  );
+  global.fetch = tokenFetch;
+  fetchMock.mockResolvedValue(
+    response({ services: [personal, { ...personal, id: 'us-old' }] }),
+  );
+  expect((await listChannelServices()).map(({ id }) => id)).toEqual([
+    'us-work',
+  ]);
+  expect(tokenFetch).toHaveBeenCalledTimes(1);
+  expect(fetchMock).toHaveBeenCalledWith(
+    inventoryPath,
+    expect.objectContaining({
+      headers: {
+        Accept: 'application/json',
+        Authorization: `Bearer ${fresh.tokens.accessToken}`,
+      },
+    }),
+  );
+});
diff --git a/apps/aevatar-console-web/src/shared/api/channelServicesApi.ts b/apps/aevatar-console-web/src/shared/api/channelServicesApi.ts
new file mode 100644
index 0000000000..79567bc4cf
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelServicesApi.ts
@@ -0,0 +1,114 @@
+import { ensureActiveAuthSession } from '@/shared/auth/client';
+import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
+import { authFetch } from '@/shared/auth/fetch';
+import { readAccessTokenServiceGrants } from '@/shared/auth/serviceGrants';
+import { ChannelApiError } from './channelsApi';
+import {
+  expectArray,
+  expectBoolean,
+  expectRecord,
+  readOptionalString,
+  readString,
+} from './http/decoders';
+
+export interface ChannelServiceChoice {
+  readonly id: string;
+  readonly slug: string;
+  readonly label: string;
+  readonly active: boolean;
+  readonly allowed: boolean;
+  readonly source: 'personal' | 'organization' | 'unknown';
+  readonly organizationName: string | null;
+}
+
+export type ChannelServiceIdentity = Pick<
+  ChannelServiceChoice,
+  'id' | 'slug' | 'label'
+>;
+
+function decodeService(value: unknown): ChannelServiceChoice {
+  const row = expectRecord(value, 'User service');
+  const source = expectRecord(row.credential_source, 'Credential source');
+  const id = readString(row, 'id', 'User service ID');
+  const slug = readString(row, 'slug', 'Service slug');
+  if (!id.trim() || !slug.trim()) throw new Error('Missing service identity.');
+  const personal = source.type === 'personal';
+  const organization = source.type === 'org';
+  // This is account-level availability only. Current bearer access is checked
+  // separately against the current access token before returning choices.
+  return {
+    id,
+    slug,
+    label:
+      readOptionalString(row, 'label', 'Service label')?.trim() ||
+      readOptionalString(row, 'catalog_service_name', 'Catalog name')?.trim() ||
+      slug,
+    active: expectBoolean(row.is_active, 'Service activity'),
+    allowed: personal || (organization && source.allowed === true),
+    source: personal ? 'personal' : organization ? 'organization' : 'unknown',
+    organizationName: organization
+      ? readOptionalString(source, 'org_name', 'Organization name') || null
+      : null,
+  };
+}
+
+async function readChannelServiceInventory(
+  accessToken: string,
+  signal?: AbortSignal,
+): Promise<ChannelServiceChoice[]> {
+  const config = getNyxIDRuntimeConfig();
+  if (config.configurationError || !config.baseUrl)
+    throw new Error('NyxID is unavailable.');
+  const response = await authFetch(`${config.baseUrl}/api/v1/user-services`, {
+    signal,
+    credentials: 'omit',
+    cache: 'no-store',
+    headers: {
+      Accept: 'application/json',
+      Authorization: `Bearer ${accessToken}`,
+    },
+  });
+  if (!response.ok) throw new ChannelApiError(response.status);
+  const body = expectRecord(await response.json(), 'User services');
+  const services = expectArray(body.services, 'User services', decodeService);
+  if (new Set(services.map((service) => service.id)).size !== services.length)
+    throw new Error('Ambiguous user service identity.');
+  return services;
+}
+
+// Display names do not establish a channel's authorization. The registration's
+// saved service IDs remain authoritative even if this session's grants changed.
+export async function listChannelServiceIdentities(
+  signal?: AbortSignal,
+): Promise<ChannelServiceIdentity[]> {
+  const session = await ensureActiveAuthSession();
+  if (!session) throw new ChannelApiError(401);
+  const services = await readChannelServiceInventory(
+    session.tokens.accessToken,
+    signal,
+  );
+  return services.map(({ id, slug, label }) => ({ id, slug, label }));
+}
+
+export async function listChannelServices(
+  signal?: AbortSignal,
+): Promise<ChannelServiceChoice[]> {
+  const session = await ensureActiveAuthSession();
+  if (!session) throw new ChannelApiError(401);
+  const grants = readAccessTokenServiceGrants(
+    session.tokens.accessToken,
+    session.user.sub,
+  );
+  // Pin inventory and selectable choices to the same authenticated bearer.
+  const services = await readChannelServiceInventory(
+    session.tokens.accessToken,
+    signal,
+  );
+  const authorizedIds = new Set(grants.allowedServiceIds);
+  return services.filter(
+    (service) =>
+      service.active &&
+      service.allowed &&
+      (grants.allowAllServices || authorizedIds.has(service.id)),
+  );
+}
diff --git a/apps/aevatar-console-web/src/shared/api/channelSkillsApi.test.ts b/apps/aevatar-console-web/src/shared/api/channelSkillsApi.test.ts
new file mode 100644
index 0000000000..de4241c37c
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelSkillsApi.test.ts
@@ -0,0 +1,70 @@
+import { authFetch } from '@/shared/auth/fetch';
+import { persistAuthSession } from '@/shared/auth/session';
+import { createNyxIDServiceSession } from '../../../tests/fixtures/nyxidServiceSession';
+import { searchChannelSkills } from './channelSkillsApi';
+
+jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
+jest.mock('@/shared/auth/config', () => ({
+  getNyxIDRuntimeConfig: () => ({
+    baseUrl: 'https://nyx.example.test',
+    enabled: true,
+  }),
+}));
+const fetchMock = jest.mocked(authFetch);
+it('uses the current user token and private proxy search, preserving shared skills and cursor pagination', async () => {
+  const session = createNyxIDServiceSession();
+  persistAuthSession(session);
+  fetchMock.mockResolvedValue({
+    ok: true,
+    json: async () => ({
+      data: {
+        items: [
+          {
+            guid: 'skill-one',
+            name: 'shared-skill',
+            description: 'Shared with the team',
+            myAccessReason: 'shared-via-org',
+            createdByEmail: 'private@example.test',
+          },
+        ],
+        meta: { hasMore: true, nextCursor: 'cursor-two' },
+      },
+      error: null,
+    }),
+  } as Response);
+  const signal = new AbortController().signal;
+  expect(
+    await searchChannelSkills('team & docs', 'cursor-one', signal),
+  ).toEqual({
+    items: [
+      {
+        id: 'skill-one',
+        name: 'shared-skill',
+        description: 'Shared with the team',
+      },
+    ],
+    nextCursor: 'cursor-two',
+  });
+  const [url, init] = fetchMock.mock.calls[0];
+  expect(new URL(String(url)).pathname).toBe(
+    '/api/v1/proxy/s/ornn-api/api/v1/skill-search',
+  );
+  expect(Object.fromEntries(new URL(String(url)).searchParams)).toEqual({
+    scope: 'private',
+    mode: 'keyword',
+    q: 'team & docs',
+    limit: '50',
+    cursor: 'cursor-one',
+  });
+  expect(init).toMatchObject({
+    credentials: 'omit',
+    cache: 'no-store',
+    headers: { Authorization: `Bearer ${session.tokens.accessToken}` },
+  });
+  expect(init?.signal).toBe(signal);
+  fetchMock.mockResolvedValue({
+    ok: true,
+    json: async () => ({ error: { message: 'TEST_SECRET' }, data: null }),
+  } as Response);
+  await expect(searchChannelSkills('')).rejects.toThrow('Skill search failed.');
+});
diff --git a/apps/aevatar-console-web/src/shared/api/channelSkillsApi.ts b/apps/aevatar-console-web/src/shared/api/channelSkillsApi.ts
new file mode 100644
index 0000000000..b86de46452
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelSkillsApi.ts
@@ -0,0 +1,76 @@
+import { ensureActiveAuthSession } from '@/shared/auth/client';
+import { getNyxIDRuntimeConfig } from '@/shared/auth/config';
+import { authFetch } from '@/shared/auth/fetch';
+import { ChannelApiError } from './channelsApi';
+import {
+  expectArray,
+  expectBoolean,
+  expectRecord,
+  readOptionalString,
+  readString,
+} from './http/decoders';
+
+export interface ChannelSkillChoice {
+  readonly id: string;
+  readonly name: string;
+  readonly description: string;
+}
+
+export async function searchChannelSkills(
+  search: string,
+  cursor?: string,
+  signal?: AbortSignal,
+) {
+  const config = getNyxIDRuntimeConfig();
+  if (config.configurationError || !config.baseUrl)
+    throw new Error('NyxID is unavailable.');
+  const session = await ensureActiveAuthSession();
+  if (!session) throw new ChannelApiError(401);
+  const url = new URL(
+    `${config.baseUrl}/api/v1/proxy/s/ornn-api/api/v1/skill-search`,
+  );
+  url.search = new URLSearchParams({
+    scope: 'private',
+    mode: 'keyword',
+    q: search,
+    limit: '50',
+    ...(cursor ? { cursor } : {}),
+  }).toString();
+  const response = await authFetch(url.href, {
+    signal,
+    credentials: 'omit',
+    cache: 'no-store',
+    headers: {
+      Accept: 'application/json',
+      Authorization: `Bearer ${session.tokens.accessToken}`,
+    },
+  });
+  if (!response.ok) throw new ChannelApiError(response.status);
+  const body = expectRecord(await response.json(), 'Skill search');
+  if (body.error != null) throw new Error('Skill search failed.');
+  const data = expectRecord(body.data, 'Skill results');
+  const meta = expectRecord(data.meta, 'Skill pagination');
+  const hasMore = expectBoolean(meta.hasMore, 'More skills');
+  const nextCursor =
+    readOptionalString(meta, 'nextCursor', 'Skill cursor') || undefined;
+  if (hasMore && (!nextCursor || nextCursor === cursor))
+    throw new Error('Invalid skill pagination.');
+  const items = expectArray(
+    data.items,
+    'Skills',
+    (value): ChannelSkillChoice => {
+      const row = expectRecord(value, 'Skill');
+      const id = readString(row, 'guid', 'Skill ID');
+      const name = readString(row, 'name', 'Skill name');
+      if (!id.trim() || !name.trim())
+        throw new Error('Missing skill identity.');
+      return {
+        id,
+        name,
+        description:
+          readOptionalString(row, 'description', 'Skill description') || '',
+      };
+    },
+  );
+  return { items, nextCursor: hasMore ? nextCursor : undefined };
+}
diff --git a/apps/aevatar-console-web/src/shared/api/channelsApi.test.ts b/apps/aevatar-console-web/src/shared/api/channelsApi.test.ts
new file mode 100644
index 0000000000..09549dabc6
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelsApi.test.ts
@@ -0,0 +1,158 @@
+import { authFetch } from '@/shared/auth/fetch';
+import { ChannelContractUnavailableError, channelsApi } from './channelsApi';
+
+jest.mock('@/shared/auth/fetch', () => ({ authFetch: jest.fn() }));
+const fetchMock = jest.mocked(authFetch);
+const response = (value: unknown, status = 200) =>
+  ({
+    ok: status >= 200 && status < 300,
+    status,
+    json: async () => value,
+  }) as Response;
+const bound = {
+  id: 'reg:one/a',
+  nyx_channel_bot_id: 'bot-one',
+  platform: 'discord',
+  label: 'Support',
+  binding_status: 'bound',
+  availability_status: 'available',
+  nyx_status: 'active',
+  owned: true,
+  skill_name: 'support',
+  authorization_mode: 'explicit_service_allowlist',
+  service_ids: ['us-work'],
+  state_version: 12,
+};
+afterEach(() => fetchMock.mockReset());
+
+it('reads bound and unbound inventory without scope IDs and projects only safe fields', async () => {
+  fetchMock.mockResolvedValue(
+    response([
+      {
+        ...bound,
+        access_token: 'TEST_SECRET',
+        webhook_url: 'TEST_SECRET',
+        runtime_config: { secret: 'TEST_SECRET' },
+      },
+      {
+        ...bound,
+        id: null,
+        nyx_channel_bot_id: 'bot-two',
+        binding_status: 'unbound',
+        authorization_mode: null,
+        skill_name: '',
+      },
+      { ...bound, owned: false },
+    ]),
+  );
+  const rows = await channelsApi.list();
+  expect(rows).toHaveLength(2);
+  expect(rows[0]).toMatchObject({
+    id: 'reg:one/a',
+    botId: 'bot-one',
+    label: 'Support',
+    skill: { name: 'support', version: null },
+    stateVersion: 12,
+  });
+  expect(rows[1]).toMatchObject({
+    id: null,
+    bindingStatus: 'unbound',
+    skill: null,
+    serviceAuthorization: { kind: 'unavailable' },
+  });
+  expect(JSON.stringify(rows)).not.toMatch(
+    /TEST_SECRET|webhook|runtime_config|scope/,
+  );
+  fetchMock.mockResolvedValue(response([{ ...bound, id: null }]));
+  await expect(channelsApi.list()).rejects.toThrow();
+  fetchMock.mockResolvedValue(response({ registrations: [] }));
+  await expect(channelsApi.list()).rejects.toThrow();
+  fetchMock.mockResolvedValue(
+    response({ error: 'nyxid_channel_bots_unavailable' }, 502),
+  );
+  await expect(channelsApi.list()).rejects.toMatchObject({ status: 502 });
+  fetchMock.mockResolvedValue(
+    response([
+      { ...bound, binding_status: undefined, default_skill_name: 'support' },
+    ]),
+  );
+  await expect(channelsApi.list()).rejects.toBeInstanceOf(
+    ChannelContractUnavailableError,
+  );
+});
+
+it('adopts and updates through the narrow contract and keeps admission separate from completion', async () => {
+  fetchMock.mockResolvedValue(
+    response(
+      {
+        status: 'accepted',
+        registration_id: bound.id,
+        command_id: 'command-one',
+        relay_callback_url: 'TEST_SECRET',
+        nyx_agent_api_key: 'TEST_SECRET',
+      },
+      202,
+    ),
+  );
+  const config = {
+    skillName: ' //Support ',
+    authorizationMode: 'explicit_service_allowlist' as const,
+    serviceIds: ['us-work'],
+  };
+  expect(await channelsApi.adopt('bot-one', config)).toEqual({
+    registrationId: bound.id,
+    commandId: 'command-one',
+  });
+  expect(JSON.parse(String(fetchMock.mock.calls[0][1]?.body))).toEqual({
+    nyx_channel_bot_id: 'bot-one',
+    skill_name: 'support',
+    authorization_mode: 'explicit_service_allowlist',
+    service_ids: ['us-work'],
+  });
+  await channelsApi.update(bound.id, config);
+  expect(fetchMock.mock.calls[1][0]).toBe(
+    '/api/channels/registrations/reg%3Aone%2Fa',
+  );
+  expect(JSON.parse(String(fetchMock.mock.calls[1][1]?.body))).toEqual({
+    skill_name: 'support',
+    authorization_mode: 'explicit_service_allowlist',
+    service_ids: ['us-work'],
+  });
+  fetchMock.mockResolvedValue(
+    response(
+      { error: 'ambiguous_channel_bot_route', secret: 'TEST_SECRET' },
+      409,
+    ),
+  );
+  await expect(channelsApi.adopt('bot-one', config)).rejects.toMatchObject({
+    reason: 'conflict',
+  });
+  fetchMock.mockRejectedValue(new Error('TEST_SECRET'));
+  await expect(channelsApi.adopt('bot-one', config)).rejects.toMatchObject({
+    reason: 'uncertain',
+  });
+});
+
+it('requires exact owned detail identity and strips removal diagnostics', async () => {
+  fetchMock.mockResolvedValue(response(bound));
+  expect(await channelsApi.get(bound.id)).toMatchObject({
+    id: bound.id,
+    stateVersion: 12,
+  });
+  fetchMock.mockResolvedValue(response({ ...bound, id: 'reg-other' }));
+  await expect(channelsApi.get(bound.id)).rejects.toMatchObject({
+    status: 404,
+  });
+  fetchMock.mockResolvedValue(response({ ...bound, owned: false }));
+  await expect(channelsApi.get(bound.id)).rejects.toMatchObject({
+    status: 404,
+  });
+  fetchMock.mockResolvedValue(
+    response({ status: 'deleted', warnings: ['TEST_SECRET'] }),
+  );
+  expect(await channelsApi.remove(bound.id)).toEqual({ hasWarnings: true });
+  expect(fetchMock.mock.calls.at(-1)).toEqual([
+    '/api/channels/registrations/reg%3Aone%2Fa',
+    expect.objectContaining({ method: 'DELETE' }),
+  ]);
+});
diff --git a/apps/aevatar-console-web/src/shared/api/channelsApi.ts b/apps/aevatar-console-web/src/shared/api/channelsApi.ts
new file mode 100644
index 0000000000..4d69081a40
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/channelsApi.ts
@@ -0,0 +1,347 @@
+import { authFetch } from '@/shared/auth/fetch';
+import {
+  expectArray,
+  expectBoolean,
+  expectRecord,
+  readOptionalString,
+  readString,
+} from './http/decoders';
+
+export type ChannelServiceAuthorization =
+  | { readonly kind: 'explicit'; readonly serviceIds: readonly string[] }
+  | { readonly kind: 'nyxidDefault' }
+  | { readonly kind: 'unavailable' };
+
+export interface ChannelRegistration {
+  readonly id: string | null;
+  readonly botId: string;
+  readonly label: string | null;
+  readonly platform: string;
+  readonly bindingStatus: 'bound' | 'unbound';
+  readonly availabilityStatus: string | null;
+  readonly nyxStatus: string | null;
+  readonly providerSlug: string | null;
+  readonly agentKeyId: string | null;
+  readonly skill: {
+    readonly name: string;
+    readonly version: string | null;
+  } | null;
+  readonly workflowDeliveryStatus: string | null;
+  readonly stateVersion: number | null;
+  readonly owned: boolean;
+  readonly serviceAuthorization: ChannelServiceAuthorization;
+}
+
+export interface ChannelConfiguration {
+  readonly skillName: string;
+  readonly authorizationMode: 'nyxid_default' | 'explicit_service_allowlist';
+  readonly serviceIds: readonly string[];
+}
+
+export interface ChannelReceipt {
+  readonly registrationId: string;
+  readonly commandId: string;
+}
+
+export class ChannelApiError extends Error {
+  constructor(readonly status: number) {
+    // Never retain provisioning diagnostics or credential material.
+    super(`Channel request failed (${status}).`);
+    this.name = 'ChannelApiError';
+  }
+}
+
+export class ChannelContractUnavailableError extends Error {
+  constructor() {
+    super('Channel binding is not available on this server.');
+    this.name = 'ChannelContractUnavailableError';
+  }
+}
+
+export type ChannelRegistrationFailure =
+  | 'services'
+  | 'skill'
+  | 'authorization'
+  | 'conflict'
+  | 'configuration'
+  | 'rejected'
+  | 'uncertain';
+export class ChannelRegistrationError extends ChannelApiError {
+  constructor(
+    status: number,
+    readonly reason: ChannelRegistrationFailure,
+  ) {
+    super(status);
+    this.name = 'ChannelRegistrationError';
+  }
+}
+
+export function normalizeChannelSkill(value: string): string {
+  return value.trim().replace(/^\/+/, '').toLowerCase();
+}
+
+function decodeRegistration(value: unknown): ChannelRegistration {
+  const row = expectRecord(value, 'Channel registration');
+  const id = readOptionalString(row, 'id', 'Registration ID') || null;
+  const botId = readString(row, 'nyx_channel_bot_id', 'Bot ID');
+  const bindingStatus = row.binding_status;
+  if (bindingStatus === undefined && 'default_skill_name' in row)
+    throw new ChannelContractUnavailableError();
+  if (
+    !botId.trim() ||
+    !['bound', 'unbound'].includes(String(bindingStatus)) ||
+    (bindingStatus === 'bound' && !id?.trim())
+  )
+    throw new Error('Invalid channel binding identity.');
+  const skillName = readOptionalString(row, 'skill_name', 'Skill name')?.trim();
+  const key =
+    row.agent_key == null ? null : expectRecord(row.agent_key, 'Agent key');
+  const version = row.state_version;
+  if (
+    version != null &&
+    (typeof version !== 'number' ||
+      !Number.isSafeInteger(version) ||
+      version < 0)
+  )
+    throw new Error('Invalid channel state version.');
+  return {
+    id,
+    botId,
+    platform: readString(row, 'platform', 'Channel platform'),
+    label: readOptionalString(row, 'label', 'Channel label')?.trim() || null,
+    bindingStatus: bindingStatus === 'bound' ? 'bound' : 'unbound',
+    availabilityStatus:
+      readOptionalString(row, 'availability_status', 'Availability') || null,
+    nyxStatus: readOptionalString(row, 'nyx_status', 'NyxID status') || null,
+    providerSlug:
+      readOptionalString(row, 'nyx_provider_slug', 'Provider') || null,
+    agentKeyId:
+      (key
+        ? readOptionalString(key, 'api_key_id', 'Agent key ID')
+        : readOptionalString(row, 'nyx_agent_api_key_id', 'Agent key ID')) ||
+      null,
+    skill: skillName ? { name: skillName, version: null } : null,
+    workflowDeliveryStatus:
+      readOptionalString(
+        row,
+        'workflow_result_delivery_status',
+        'Workflow delivery status',
+      ) || null,
+    stateVersion: typeof version === 'number' ? version : null,
+    owned: expectBoolean(row.owned, 'Channel ownership'),
+    serviceAuthorization: decodeAuthorization(row),
+  };
+}
+
+function decodeAuthorization(
+  row: Record<string, unknown>,
+): ChannelServiceAuthorization {
+  if (row.authorization_mode === 'nyxid_default')
+    return { kind: 'nyxidDefault' };
+  if (
+    row.authorization_mode !== 'explicit_service_allowlist' ||
+    row.service_ids == null
+  )
+    return { kind: 'unavailable' };
+  const serviceIds = expectArray(row.service_ids, 'Service IDs', (id) => {
+    if (typeof id !== 'string' || !id.trim())
+      throw new Error('Invalid service identity.');
+    return id;
+  });
+  if (new Set(serviceIds).size !== serviceIds.length)
+    throw new Error('Duplicate service identity.');
+  return { kind: 'explicit', serviceIds };
+}
+
+export function channelConfiguration(
+  row: ChannelRegistration,
+): ChannelConfiguration | null {
+  if (row.serviceAuthorization.kind === 'unavailable') return null;
+  return {
+    skillName: row.skill?.name ?? '',
+    authorizationMode:
+      row.serviceAuthorization.kind === 'explicit'
+        ? 'explicit_service_allowlist'
+        : 'nyxid_default',
+    serviceIds:
+      row.serviceAuthorization.kind === 'explicit'
+        ? row.serviceAuthorization.serviceIds
+        : [],
+  };
+}
+
+export function channelConfigPayload(input: ChannelConfiguration) {
+  return {
+    skill_name: normalizeChannelSkill(input.skillName),
+    authorization_mode: input.authorizationMode,
+    service_ids:
+      input.authorizationMode === 'nyxid_default'
+        ? []
+        : [...input.serviceIds].sort(),
+  };
+}
+
+export function channelConfigMatches(
+  actual: ChannelRegistration,
+  expected: ChannelConfiguration,
+): boolean {
+  const config = channelConfiguration(actual);
+  return (
+    config !== null &&
+    JSON.stringify(channelConfigPayload(config)) ===
+      JSON.stringify(channelConfigPayload(expected))
+  );
+}
+
+async function request<T>(
+  path: string,
+  decode: (value: unknown) => T,
+  init?: RequestInit,
+): Promise<T> {
+  const response = await authFetch(path, {
+    ...init,
+    cache: 'no-store',
+    headers: { Accept: 'application/json' },
+  });
+  if (!response.ok) throw new ChannelApiError(response.status);
+  return decode(await response.json());
+}
+
+export function registrationPath(registrationId: string): string {
+  if (!registrationId.trim())
+    throw new Error('Missing channel registration ID.');
+  return `/api/channels/registrations/${encodeURIComponent(registrationId)}`;
+}
+
+async function submit(
+  path: string,
+  body: object,
+  registrationId?: string,
+): Promise<ChannelReceipt> {
+  let response: Response;
+  try {
+    response = await authFetch(path, {
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(body),
+    });
+  } catch {
+    throw new ChannelRegistrationError(0, 'uncertain');
+  }
+  const value: unknown = await response.json().catch(() => null);
+  if (!response.ok) {
+    const code =
+      value && typeof value === 'object' && 'error' in value
+        ? value.error
+        : null;
+    const reason =
+      code === 'invalid_service_ids' ||
+      code === 'service_owner_forbidden' ||
+      code === 'channel_authorization_contract_invalid'
+        ? 'services'
+        : code === 'invalid_runtime_config' || code === 'skill_not_found'
+          ? 'skill'
+          : [401, 403].includes(response.status)
+            ? 'authorization'
+            : response.status === 409
+              ? 'conflict'
+              : code === 'insecure_webhook_base_url'
+                ? 'configuration'
+                : response.status >= 500
+                  ? 'uncertain'
+                  : 'rejected';
+    throw new ChannelRegistrationError(response.status, reason);
+  }
+  if (!value || typeof value !== 'object' || Array.isArray(value))
+    throw new ChannelRegistrationError(response.status, 'uncertain');
+  const receipt = expectRecord(value, 'Channel receipt');
+  if (
+    receipt.status !== 'accepted' ||
+    typeof receipt.registration_id !== 'string' ||
+    !receipt.registration_id.trim() ||
+    typeof receipt.command_id !== 'string' ||
+    !receipt.command_id.trim() ||
+    (registrationId && receipt.registration_id !== registrationId)
+  )
+    throw new ChannelRegistrationError(response.status, 'uncertain');
+  return {
+    registrationId: receipt.registration_id,
+    commandId: receipt.command_id,
+  };
+}
+
+export const channelsApi = {
+  adopt(botId: string, input: ChannelConfiguration): Promise<ChannelReceipt> {
+    if (!botId.trim()) throw new Error('Missing bot identity.');
+    return submit('/api/channels/registrations', {
+      nyx_channel_bot_id: botId,
+      ...channelConfigPayload(input),
+    });
+  },
+  update(
+    registrationId: string,
+    input: ChannelConfiguration,
+  ): Promise<ChannelReceipt> {
+    return submit(
+      registrationPath(registrationId),
+      channelConfigPayload(input),
+      registrationId,
+    );
+  },
+  list(signal?: AbortSignal): Promise<ChannelRegistration[]> {
+    return request(
+      '/api/channels/registrations',
+      (value) => {
+        const rows = expectArray(
+          value,
+          'Channel registrations',
+          decodeRegistration,
+        ).filter((row) => row.owned);
+        if (new Set(rows.map((row) => row.botId)).size !== rows.length)
+          throw new Error('Ambiguous channel bot inventory.');
+        return rows;
+      },
+      { signal },
+    );
+  },
+  get(
+    registrationId: string,
+    signal?: AbortSignal,
+  ): Promise<ChannelRegistration> {
+    return request(
+      registrationPath(registrationId),
+      (value) => {
+        const row = decodeRegistration(value);
+        if (
+          row.id !== registrationId ||
+          !row.owned ||
+          row.bindingStatus !== 'bound'
+        )
+          throw new ChannelApiError(404);
+        if (row.stateVersion === null)
+          throw new Error('Missing channel detail state version.');
+        return row;
+      },
+      { signal },
+    );
+  },
+  async remove(
+    registrationId: string,
+  ): Promise<{ readonly hasWarnings: boolean }> {
+    return request(
+      registrationPath(registrationId),
+      (value) => {
+        const row = expectRecord(value, 'Channel removal');
+        if (row.status !== 'deleted')
+          throw new Error('Channel removal was not confirmed.');
+        return {
+          hasWarnings: Array.isArray(row.warnings) && row.warnings.length > 0,
+        };
+      },
+      { method: 'DELETE' },
+    );
+  },
+};
diff --git a/apps/aevatar-console-web/src/shared/api/http/client.test.ts b/apps/aevatar-console-web/src/shared/api/http/client.test.ts
new file mode 100644
index 0000000000..a52561071a
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/http/client.test.ts
@@ -0,0 +1,35 @@
+import { authFetch } from '@/shared/auth/fetch';
+import { requestJson } from './client';
+
+jest.mock('@/shared/auth/fetch', () => ({
+  authFetch: jest.fn(),
+}));
+
+const mockAuthFetch = authFetch as jest.Mock;
+
+describe('requestJson', () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('preserves an HTTP authorization status for callers that need honest recovery UI', async () => {
+    mockAuthFetch.mockResolvedValue({
+      ok: false,
+      status: 403,
+      statusText: 'Forbidden',
+      text: async () =>
+        JSON.stringify({
+          code: 'SCOPE_ACCESS_DENIED',
+          message: 'Forbidden',
+        }),
+    });
+
+    await expect(
+      requestJson('/api/scopes/scope-other/services', (value) => value),
+    ).rejects.toMatchObject({
+      code: 'SCOPE_ACCESS_DENIED',
+      message: 'Forbidden',
+      status: 403,
+    });
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/api/http/client.ts b/apps/aevatar-console-web/src/shared/api/http/client.ts
index f92a2f41b7..3262292862 100644
--- a/apps/aevatar-console-web/src/shared/api/http/client.ts
+++ b/apps/aevatar-console-web/src/shared/api/http/client.ts
@@ -1,6 +1,6 @@
-import { authFetch } from "@/shared/auth/fetch";
-import type { Decoder } from "../decodeUtils";
-import { readResponseError } from "./error";
+import { authFetch } from '@/shared/auth/fetch';
+import type { Decoder } from '../decodeUtils';
+import { readResponseErrorDetails } from './error';
 
 export type QueryValue =
   | string
@@ -11,13 +11,32 @@ export type QueryValue =
   | undefined;
 
 const JSON_HEADERS = {
-  Accept: "application/json",
-  "Content-Type": "application/json",
+  Accept: 'application/json',
+  'Content-Type': 'application/json',
 };
 
+export class HttpRequestError extends Error {
+  readonly code?: string;
+  readonly status: number;
+
+  constructor(message: string, status: number, code?: string) {
+    super(message);
+    this.name = 'HttpRequestError';
+    this.code = code;
+    this.status = status;
+  }
+}
+
+async function createHttpRequestError(
+  response: Pick<Response, 'status' | 'statusText' | 'text'>,
+): Promise<HttpRequestError> {
+  const details = await readResponseErrorDetails(response);
+  return new HttpRequestError(details.message, details.status, details.code);
+}
+
 export function withQuery(
   path: string,
-  query?: Record<string, QueryValue>
+  query?: Record<string, QueryValue>,
 ): string {
   if (!query) {
     return path;
@@ -25,7 +44,7 @@ export function withQuery(
 
   const params = new URLSearchParams();
   for (const [key, value] of Object.entries(query)) {
-    if (value === undefined || value === null || value === "") {
+    if (value === undefined || value === null || value === '') {
       continue;
     }
 
@@ -49,11 +68,11 @@ export function withQuery(
 export async function requestJson<T>(
   input: string,
   decoder: Decoder<T>,
-  init?: RequestInit
+  init?: RequestInit,
 ): Promise<T> {
   const response = await authFetch(input, init);
   if (!response.ok) {
-    throw new Error(await readResponseError(response));
+    throw await createHttpRequestError(response);
   }
 
   return decoder(await response.json());
diff --git a/apps/aevatar-console-web/src/shared/api/http/error.test.ts b/apps/aevatar-console-web/src/shared/api/http/error.test.ts
index 1a72d0a90c..1953f0ab60 100644
--- a/apps/aevatar-console-web/src/shared/api/http/error.test.ts
+++ b/apps/aevatar-console-web/src/shared/api/http/error.test.ts
@@ -1,42 +1,82 @@
-import { readResponseError, readResponseErrorDetails } from "./error";
+import { readResponseError, readResponseErrorDetails } from './error';
 
-describe("readResponseError", () => {
-  it("includes ASP.NET validation problem details", async () => {
+describe('readResponseError', () => {
+  it('includes ASP.NET validation problem details', async () => {
     await expect(
       readResponseError({
         status: 400,
-        statusText: "Bad Request",
+        statusText: 'Bad Request',
         text: async () =>
           JSON.stringify({
-            title: "One or more validation errors occurred.",
+            title: 'One or more validation errors occurred.',
             status: 400,
             errors: {
-              "$.serviceInvocation.payload.value": [
-                "The JSON value could not be converted to Google.Protobuf.ByteString.",
+              '$.serviceInvocation.payload.value': [
+                'The JSON value could not be converted to Google.Protobuf.ByteString.',
               ],
             },
           }),
       }),
     ).resolves.toBe(
-      "One or more validation errors occurred.: $.serviceInvocation.payload.value: The JSON value could not be converted to Google.Protobuf.ByteString.",
+      'One or more validation errors occurred.: $.serviceInvocation.payload.value: The JSON value could not be converted to Google.Protobuf.ByteString.',
     );
   });
 
-  it("reads machine error codes from the backend error field", async () => {
+  it('reads machine error codes from the backend error field', async () => {
     await expect(
       readResponseErrorDetails({
         status: 502,
-        statusText: "Bad Gateway",
+        statusText: 'Bad Gateway',
         text: async () =>
           JSON.stringify({
-            error: "issued_binding_invalid",
-            detail: "The issued binding could not be adopted.",
+            error: 'issued_binding_invalid',
+            detail: 'The issued binding could not be adopted.',
           }),
       }),
-    ).resolves.toEqual({
-      code: "issued_binding_invalid",
-      message: "issued_binding_invalid",
+    ).resolves.toMatchObject({
+      code: 'issued_binding_invalid',
+      message: 'issued_binding_invalid',
       status: 502,
     });
   });
+
+  it('preserves typed correlation and retry guidance from an API problem', async () => {
+    await expect(
+      readResponseErrorDetails({
+        status: 429,
+        statusText: 'Too Many Requests',
+        text: async () =>
+          JSON.stringify({
+            code: 'RATE_LIMITED',
+            correlationId: 'corr-alpha',
+            message: 'The request quota has been reached.',
+            retryAfterSeconds: 17,
+          }),
+      }),
+    ).resolves.toEqual({
+      code: 'RATE_LIMITED',
+      correlationId: 'corr-alpha',
+      message: 'The request quota has been reached.',
+      retryAfterSeconds: 17,
+      status: 429,
+    });
+  });
+
+  it('reads the standard Retry-After header when the body omits a countdown', async () => {
+    await expect(
+      readResponseErrorDetails({
+        headers: {
+          get: (name: string) =>
+            name.toLowerCase() === 'retry-after' ? '23' : null,
+        },
+        status: 429,
+        statusText: 'Too Many Requests',
+        text: async () =>
+          JSON.stringify({
+            code: 'RATE_LIMITED',
+            message: 'The request quota has been reached.',
+          }),
+      }),
+    ).resolves.toMatchObject({ retryAfterSeconds: 23 });
+  });
 });
diff --git a/apps/aevatar-console-web/src/shared/api/http/error.ts b/apps/aevatar-console-web/src/shared/api/http/error.ts
index 82b892f01e..75075cba7a 100644
--- a/apps/aevatar-console-web/src/shared/api/http/error.ts
+++ b/apps/aevatar-console-web/src/shared/api/http/error.ts
@@ -1,20 +1,23 @@
-import { t } from "@/shared/i18n/messages";
+import { t } from '@/shared/i18n/messages';
+
 function normalizeWhitespace(value: string | null | undefined): string {
-  return String(value ?? "")
-    .replace(/\s+/g, " ")
+  return String(value ?? '')
+    .replace(/\s+/g, ' ')
     .trim();
 }
 
 function formatHttpError(status: number, statusText: string): string {
   const normalizedStatusText = normalizeWhitespace(statusText);
-  return normalizedStatusText ? `HTTP ${status} ${normalizedStatusText}` : `HTTP ${status}`;
+  return normalizedStatusText
+    ? `HTTP ${status} ${normalizedStatusText}`
+    : `HTTP ${status}`;
 }
 
 function stripHtmlTags(value: string): string {
   return value
-    .replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, " ")
-    .replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi, " ")
-    .replace(/<[^>]+>/g, " ");
+    .replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ' ')
+    .replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi, ' ')
+    .replace(/<[^>]+>/g, ' ');
 }
 
 function extractHtmlErrorSummary(value: string): string | null {
@@ -32,14 +35,14 @@ function extractHtmlErrorSummary(value: string): string | null {
   const titleMatch = value.match(/<title[^>]*>([\s\S]*?)<\/title>/i);
   const headingMatch = value.match(/<h1[^>]*>([\s\S]*?)<\/h1>/i);
   const summary = normalizeWhitespace(
-    stripHtmlTags(titleMatch?.[1] ?? headingMatch?.[1] ?? value)
+    stripHtmlTags(titleMatch?.[1] ?? headingMatch?.[1] ?? value),
   );
 
   return summary || null;
 }
 
 function readJsonErrorText(value: unknown): string | null {
-  if (typeof value !== "string") {
+  if (typeof value !== 'string') {
     return null;
   }
 
@@ -49,26 +52,53 @@ function readJsonErrorText(value: unknown): string | null {
 
 export type ResponseErrorPayload = {
   readonly code?: string;
+  readonly correlationId?: string;
   readonly detail?: string;
   readonly error?: string;
   readonly errors?: unknown;
   readonly message?: string;
   readonly status?: number;
   readonly title?: string;
+  readonly retryAfterSeconds?: number;
 };
 
 export type ResponseErrorDetails = {
   readonly code?: string;
+  readonly correlationId?: string;
+  readonly fieldErrors?: Readonly<Record<string, readonly string[]>>;
   readonly message: string;
   readonly preflightLocator?: string;
   readonly requiredStateVersion?: number;
   readonly retryable?: boolean;
+  readonly retryAfterSeconds?: number;
   readonly status: number;
 };
 
+type ErrorResponse = Pick<Response, 'status' | 'statusText' | 'text'> & {
+  readonly headers?: Pick<Headers, 'get'>;
+};
+
+function readRetryAfterSeconds(
+  payload: ResponseErrorPayload,
+  response: ErrorResponse,
+): number | undefined {
+  if (
+    typeof payload.retryAfterSeconds === 'number' &&
+    Number.isFinite(payload.retryAfterSeconds) &&
+    payload.retryAfterSeconds >= 0
+  ) {
+    return payload.retryAfterSeconds;
+  }
+
+  const headerValue = response.headers?.get('Retry-After')?.trim() ?? '';
+  if (!/^\d+(?:\.\d+)?$/.test(headerValue)) return undefined;
+  const seconds = Number(headerValue);
+  return Number.isFinite(seconds) ? Math.ceil(seconds) : undefined;
+}
+
 function readResponseErrorFromPayload(
   payload: ResponseErrorPayload,
-  response: Pick<Response, "status" | "statusText">
+  response: Pick<Response, 'status' | 'statusText'>,
 ): string {
   const message = readJsonErrorText(payload.message);
   if (message) {
@@ -104,44 +134,52 @@ function readResponseErrorFromPayload(
     return code;
   }
 
-  if (typeof payload.status === "number" && Number.isFinite(payload.status)) {
+  if (typeof payload.status === 'number' && Number.isFinite(payload.status)) {
     return formatHttpError(payload.status, response.statusText);
   }
 
-  return "";
+  return '';
 }
 
-function readValidationErrors(value: unknown): string | null {
-  if (!value || typeof value !== "object") {
-    return null;
+function readValidationErrorMap(
+  value: unknown,
+): Readonly<Record<string, readonly string[]>> | undefined {
+  if (!value || typeof value !== 'object') {
+    return undefined;
   }
 
-  const messages: string[] = [];
+  const fields: Record<string, string[]> = {};
   for (const [field, fieldErrors] of Object.entries(value)) {
     const normalizedField = normalizeWhitespace(field);
+    if (!normalizedField) continue;
+    const messages: string[] = [];
     if (Array.isArray(fieldErrors)) {
       for (const entry of fieldErrors) {
         const message = readJsonErrorText(entry);
-        if (!message) {
-          continue;
-        }
-
-        messages.push(normalizedField ? `${normalizedField}: ${message}` : message);
+        if (message) messages.push(message);
       }
-      continue;
-    }
-
-    const message = readJsonErrorText(fieldErrors);
-    if (message) {
-      messages.push(normalizedField ? `${normalizedField}: ${message}` : message);
+    } else {
+      const message = readJsonErrorText(fieldErrors);
+      if (message) messages.push(message);
     }
+    if (messages.length > 0) fields[normalizedField] = messages;
   }
 
-  return messages.length > 0 ? messages.join("; ") : null;
+  return Object.keys(fields).length > 0 ? fields : undefined;
+}
+
+function readValidationErrors(value: unknown): string | null {
+  const fields = readValidationErrorMap(value);
+  if (!fields) return null;
+  return Object.entries(fields)
+    .flatMap(([field, messages]) =>
+      messages.map((message) => `${field}: ${message}`),
+    )
+    .join('; ');
 }
 
 export async function readResponseErrorDetails(
-  response: Pick<Response, "status" | "statusText" | "text">
+  response: ErrorResponse,
 ): Promise<ResponseErrorDetails> {
   const text = await response.text();
   if (!text) {
@@ -154,24 +192,34 @@ export async function readResponseErrorDetails(
   try {
     const payload = JSON.parse(text) as ResponseErrorPayload;
     const message =
-      readResponseErrorFromPayload(payload, response) || normalizeWhitespace(text);
+      readResponseErrorFromPayload(payload, response) ||
+      normalizeWhitespace(text);
     return {
       code:
         readJsonErrorText(payload.code) ??
         readJsonErrorText(payload.error) ??
         undefined,
+      correlationId: readJsonErrorText(payload.correlationId) ?? undefined,
+      fieldErrors: readValidationErrorMap(payload.errors),
       message,
       preflightLocator:
-        readJsonErrorText((payload as ResponseErrorPayload & { preflightLocator?: unknown }).preflightLocator) ??
-        undefined,
+        readJsonErrorText(
+          (payload as ResponseErrorPayload & { preflightLocator?: unknown })
+            .preflightLocator,
+        ) ?? undefined,
       requiredStateVersion:
-        typeof (payload as ResponseErrorPayload & { requiredStateVersion?: unknown }).requiredStateVersion === "number"
-          ? (payload as ResponseErrorPayload & { requiredStateVersion: number }).requiredStateVersion
+        typeof (
+          payload as ResponseErrorPayload & { requiredStateVersion?: unknown }
+        ).requiredStateVersion === 'number'
+          ? (payload as ResponseErrorPayload & { requiredStateVersion: number })
+              .requiredStateVersion
           : undefined,
       retryable:
-        typeof (payload as ResponseErrorPayload & { retryable?: unknown }).retryable === "boolean"
+        typeof (payload as ResponseErrorPayload & { retryable?: unknown })
+          .retryable === 'boolean'
           ? (payload as ResponseErrorPayload & { retryable: boolean }).retryable
           : undefined,
+      retryAfterSeconds: readRetryAfterSeconds(payload, response),
       status: response.status,
     };
   } catch {
@@ -186,7 +234,9 @@ export async function readResponseErrorDetails(
     const httpError = formatHttpError(response.status, response.statusText);
     const normalizedHttpError = httpError.toLowerCase();
     const normalizedHtmlSummary = htmlSummary.toLowerCase();
-    const normalizedStatusText = normalizeWhitespace(response.statusText).toLowerCase();
+    const normalizedStatusText = normalizeWhitespace(
+      response.statusText,
+    ).toLowerCase();
 
     if (
       normalizedHttpError.includes(normalizedHtmlSummary) ||
@@ -199,14 +249,17 @@ export async function readResponseErrorDetails(
     }
 
     return {
-      message: t("shared.api.http.error.copy", "{value1}: {value2}", { value1: httpError, value2: htmlSummary }),
+      message: t('shared.api.http.error.copy', '{value1}: {value2}', {
+        value1: httpError,
+        value2: htmlSummary,
+      }),
       status: response.status,
     };
   }
 }
 
 export async function readResponseError(
-  response: Pick<Response, "status" | "statusText" | "text">
+  response: ErrorResponse,
 ): Promise<string> {
   return (await readResponseErrorDetails(response)).message;
 }
diff --git a/apps/aevatar-console-web/src/shared/api/runtimeCatalogApi.ts b/apps/aevatar-console-web/src/shared/api/runtimeCatalogApi.ts
index 4787a912a9..5cc558f997 100644
--- a/apps/aevatar-console-web/src/shared/api/runtimeCatalogApi.ts
+++ b/apps/aevatar-console-web/src/shared/api/runtimeCatalogApi.ts
@@ -1,27 +1,59 @@
+import type {
+  WorkflowCatalogItem,
+  WorkflowCatalogItemDetail,
+} from '@/shared/models/runtime/catalog';
+import type {
+  WorkflowTemplateDetail,
+  WorkflowTemplateListResponse,
+} from '@/shared/models/runtime/workflowTemplates';
+import { requestJson, withQuery } from './http/client';
 import {
   decodeWorkflowCatalogItemDetailResponse,
   decodeWorkflowCatalogItems,
   decodeWorkflowNames,
-} from "./runtimeDecoders";
-import { requestJson } from "./http/client";
-import type {
-  WorkflowCatalogItem,
-  WorkflowCatalogItemDetail,
-} from "@/shared/models/runtime/catalog";
+  decodeWorkflowTemplateDetailResponse,
+  decodeWorkflowTemplateListResponse,
+} from './runtimeDecoders';
 
 export const runtimeCatalogApi = {
   listWorkflowNames(): Promise<string[]> {
-    return requestJson("/api/workflows", decodeWorkflowNames);
+    return requestJson('/api/workflows', decodeWorkflowNames);
   },
 
   listWorkflowCatalog(): Promise<WorkflowCatalogItem[]> {
-    return requestJson("/api/workflow-catalog", decodeWorkflowCatalogItems);
+    return requestJson('/api/workflow-catalog', decodeWorkflowCatalogItems);
   },
 
   getWorkflowDetail(workflowName: string): Promise<WorkflowCatalogItemDetail> {
     return requestJson(
       `/api/workflows/${encodeURIComponent(workflowName)}`,
-      decodeWorkflowCatalogItemDetailResponse
+      decodeWorkflowCatalogItemDetailResponse,
+    );
+  },
+
+  listWorkflowTemplates(
+    input: {
+      query?: string;
+      sort?: string;
+      cursor?: string | null;
+      take?: number;
+    } = {},
+  ): Promise<WorkflowTemplateListResponse> {
+    return requestJson(
+      withQuery('/api/workflow-templates', {
+        query: input.query,
+        sort: input.sort,
+        cursor: input.cursor,
+        take: input.take,
+      }),
+      decodeWorkflowTemplateListResponse,
+    );
+  },
+
+  getWorkflowTemplate(templateId: string): Promise<WorkflowTemplateDetail> {
+    return requestJson(
+      `/api/workflow-templates/${encodeURIComponent(templateId)}`,
+      decodeWorkflowTemplateDetailResponse,
     );
   },
 };
diff --git a/apps/aevatar-console-web/src/shared/api/runtimeDecoders.ts b/apps/aevatar-console-web/src/shared/api/runtimeDecoders.ts
index 6effc1482d..e7ff35a2ee 100644
--- a/apps/aevatar-console-web/src/shared/api/runtimeDecoders.ts
+++ b/apps/aevatar-console-web/src/shared/api/runtimeDecoders.ts
@@ -2,6 +2,14 @@ import type {
   WorkflowResumeResponse,
   WorkflowSignalResponse,
 } from "@aevatar-react-sdk/types";
+import type {
+  WorkflowActorGraphEdge,
+  WorkflowActorGraphEnrichedSnapshot,
+  WorkflowActorGraphNode,
+  WorkflowActorGraphSubgraph,
+  WorkflowActorSnapshot,
+  WorkflowActorTimelineItem,
+} from "@/shared/models/runtime/actors";
 import type {
   PlaygroundWorkflowParseResult,
   PlaygroundWorkflowSaveResult,
@@ -12,14 +20,6 @@ import type {
   WorkflowAuthoringRole,
   WorkflowAuthoringStep,
 } from "@/shared/models/runtime/authoring";
-import type {
-  WorkflowActorGraphEdge,
-  WorkflowActorGraphEnrichedSnapshot,
-  WorkflowActorGraphNode,
-  WorkflowActorGraphSubgraph,
-  WorkflowActorSnapshot,
-  WorkflowActorTimelineItem,
-} from "@/shared/models/runtime/actors";
 import type {
   WorkflowCatalogChildStep,
   WorkflowCatalogDefinition,
@@ -41,6 +41,12 @@ import type {
   WorkflowPrimitiveDescriptor,
   WorkflowPrimitiveParameterDescriptor,
 } from "@/shared/models/runtime/query";
+import type {
+  WorkflowTemplateDetail,
+  WorkflowTemplateFreshness,
+  WorkflowTemplateListResponse,
+  WorkflowTemplateSummary,
+} from "@/shared/models/runtime/workflowTemplates";
 import {
   type Decoder,
   expectArray,
@@ -86,6 +92,169 @@ function decodeWorkflowCatalogItem(
   };
 }
 
+function decodeWorkflowTemplateFreshness(
+  value: unknown,
+  label = "WorkflowTemplateFreshness",
+): WorkflowTemplateFreshness {
+  const record = expectRecord(value, label);
+  return {
+    projectionWatermark: expectString(
+      record.projectionWatermark,
+      `${label}.projectionWatermark`,
+    ),
+    lastEventId: expectString(record.lastEventId, `${label}.lastEventId`),
+    versionSemantics: expectString(
+      record.versionSemantics,
+      `${label}.versionSemantics`,
+    ),
+  };
+}
+
+function decodeWorkflowTemplateSummary(
+  value: unknown,
+  label = "WorkflowTemplateSummary",
+): WorkflowTemplateSummary {
+  const record = expectRecord(value, label);
+  return {
+    templateId: expectString(record.templateId, `${label}.templateId`),
+    displayName: expectString(record.displayName, `${label}.displayName`),
+    description: expectString(record.description, `${label}.description`),
+    defaultDraftName: expectString(
+      record.defaultDraftName,
+      `${label}.defaultDraftName`,
+    ),
+    authorityStateVersion: expectNumber(
+      record.authorityStateVersion,
+      `${label}.authorityStateVersion`,
+    ),
+    stepCount: expectNumber(record.stepCount, `${label}.stepCount`),
+    requiredConnections: expectStringArray(
+      record.requiredConnections,
+      `${label}.requiredConnections`,
+    ),
+    requiresLlmProvider: expectBoolean(
+      record.requiresLlmProvider,
+      `${label}.requiresLlmProvider`,
+    ),
+    freshness: decodeWorkflowTemplateFreshness(
+      record.freshness,
+      `${label}.freshness`,
+    ),
+  };
+}
+
+function decodeWorkflowTemplateDefinition(
+  value: unknown,
+  label = "WorkflowTemplateDefinition",
+): WorkflowTemplateDetail["definition"] {
+  const record = expectRecord(value, label);
+  return {
+    name: expectString(record.name, `${label}.name`),
+    description: expectString(record.description, `${label}.description`),
+    closedWorldMode: expectBoolean(
+      record.closedWorldMode,
+      `${label}.closedWorldMode`,
+    ),
+    roles: expectArray(record.roles, `${label}.roles`, (entry, roleLabel) => {
+      const rolePath = roleLabel ?? `${label}.roles`;
+      const role = expectRecord(entry, rolePath);
+      return {
+        id: expectString(role.id, `${rolePath}.id`),
+        name: expectString(role.name, `${rolePath}.name`),
+        connectors: expectStringArray(role.connectors, `${rolePath}.connectors`),
+      };
+    }),
+    steps: expectArray(record.steps, `${label}.steps`, (entry, stepLabel) => {
+      const stepPath = stepLabel ?? `${label}.steps`;
+      const step = expectRecord(entry, stepPath);
+      return {
+        id: expectString(step.id, `${stepPath}.id`),
+        type: expectString(step.type, `${stepPath}.type`),
+        targetRole: expectString(step.targetRole, `${stepPath}.targetRole`),
+        parameters: expectStringRecord(step.parameters, `${stepPath}.parameters`),
+        next: expectString(step.next, `${stepPath}.next`),
+        branches: expectStringRecord(step.branches, `${stepPath}.branches`),
+        children: expectArray(
+          step.children,
+          `${stepPath}.children`,
+          (childEntry, childLabel) => {
+            const childPath = childLabel ?? `${stepPath}.children`;
+            const child = expectRecord(childEntry, childPath);
+            return {
+              id: expectString(child.id, `${childPath}.id`),
+              type: expectString(child.type, `${childPath}.type`),
+              targetRole: expectString(
+                child.targetRole,
+                `${childPath}.targetRole`,
+              ),
+            };
+          },
+        ),
+      };
+    }),
+  };
+}
+
+function decodeWorkflowTemplateDetail(
+  value: unknown,
+  label = "WorkflowTemplateDetail",
+): WorkflowTemplateDetail {
+  const record = expectRecord(value, label);
+  return {
+    template: decodeWorkflowTemplateSummary(
+      record.template,
+      `${label}.template`,
+    ),
+    yaml: expectString(record.yaml, `${label}.yaml`),
+    definition: decodeWorkflowTemplateDefinition(
+      record.definition,
+      `${label}.definition`,
+    ),
+    edges: expectArray(record.edges, `${label}.edges`, (entry, edgeLabel) => {
+      const edge = expectRecord(entry, edgeLabel ?? `${label}.edges.entry`);
+      const edgePath = edgeLabel ?? `${label}.edges.entry`;
+      return {
+        from: expectString(edge.from, `${edgePath}.from`),
+        to: expectString(edge.to, `${edgePath}.to`),
+        label: expectString(edge.label, `${edgePath}.label`),
+      };
+    }),
+    authorityStateVersion: expectNumber(
+      record.authorityStateVersion,
+      `${label}.authorityStateVersion`,
+    ),
+    freshness: decodeWorkflowTemplateFreshness(
+      record.freshness,
+      `${label}.freshness`,
+    ),
+  };
+}
+
+export const decodeWorkflowTemplateListResponse: Decoder<WorkflowTemplateListResponse> = (
+  value,
+) => {
+  const record = expectRecord(value, "WorkflowTemplateListResponse");
+  return {
+    items: expectArray(
+      record.items,
+      "WorkflowTemplateListResponse.items",
+      decodeWorkflowTemplateSummary,
+    ),
+    nextCursor:
+      record.nextCursor === null || record.nextCursor === undefined
+        ? null
+        : expectString(record.nextCursor, "WorkflowTemplateListResponse.nextCursor"),
+    freshness: decodeWorkflowTemplateFreshness(
+      record.freshness,
+      "WorkflowTemplateListResponse.freshness",
+    ),
+  };
+};
+
+export const decodeWorkflowTemplateDetailResponse: Decoder<WorkflowTemplateDetail> = (
+  value,
+) => decodeWorkflowTemplateDetail(value);
+
 function decodeWorkflowCatalogRole(
   value: unknown,
   label = "WorkflowCatalogRole"
diff --git a/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.test.ts b/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.test.ts
index dae114dafc..e67ce70670 100644
--- a/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.test.ts
+++ b/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.test.ts
@@ -1,4 +1,3 @@
-import { type RuntimeRunsApiError, runtimeRunsApi } from "./runtimeRunsApi";
 import {
   encodeAppScriptCommandBase64,
   encodeStringValueBase64,
@@ -6,6 +5,7 @@ import {
   getAppScriptCommandTypeUrl,
   getStringValueTypeUrl,
 } from "@/shared/runs/protobufPayload";
+import { type RuntimeRunsApiError, runtimeRunsApi } from "./runtimeRunsApi";
 
 describe("runtimeRunsApi", () => {
   const originalFetch = global.fetch;
@@ -355,6 +355,33 @@ describe("runtimeRunsApi", () => {
     });
   });
 
+  it("preserves structured Invoke validation errors for the owning input", async () => {
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: false,
+      status: 422,
+      statusText: "Unprocessable Content",
+      text: async () =>
+        JSON.stringify({
+          title: "Validation failed",
+          errors: { Prompt: ["Use at least three characters."] },
+        }),
+    } satisfies Partial<Response>);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    const request = runtimeRunsApi.streamChat(
+      "scope-1",
+      { prompt: "x" },
+      new AbortController().signal,
+      { serviceId: "svc-alpha" },
+    );
+
+    await expect(request).rejects.toMatchObject({
+      fieldErrors: { Prompt: ["Use at least three characters."] },
+      message: "Validation failed: Prompt: Use at least three characters.",
+      status: 422,
+    });
+  });
+
   it("sends member stream endpoint file inputs as multipart form data", async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
@@ -439,6 +466,32 @@ describe("runtimeRunsApi", () => {
     );
   });
 
+  it("preserves structured draft-run validation errors for the owning input", async () => {
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: false,
+      status: 422,
+      statusText: "Unprocessable Content",
+      text: async () =>
+        JSON.stringify({
+          title: "Validation failed",
+          errors: { Prompt: ["Use at least three characters."] },
+        }),
+    } satisfies Partial<Response>);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    const request = runtimeRunsApi.streamDraftRun(
+      "scope-1",
+      { prompt: "x", workflowYamls: ["name: draft"] },
+      new AbortController().signal,
+    );
+
+    await expect(request).rejects.toMatchObject({
+      fieldErrors: { Prompt: ["Use at least three characters."] },
+      message: "Validation failed: Prompt: Use at least three characters.",
+      status: 422,
+    });
+  });
+
   it("sends draft run file inputs as multipart form data", async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
diff --git a/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.ts b/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.ts
index e398558e0e..fcd773d682 100644
--- a/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.ts
+++ b/apps/aevatar-console-web/src/shared/api/runtimeRunsApi.ts
@@ -6,20 +6,20 @@ import type {
   WorkflowSignalResponse,
 } from "@aevatar-react-sdk/types";
 import { authFetch } from "@/shared/auth/fetch";
-import {
-  decodeWorkflowResumeResponseBody,
-  decodeWorkflowSignalResponseBody,
-} from "./runtimeDecoders";
-import { requestJson, withQuery } from "./http/client";
-import { readResponseError, readResponseErrorDetails } from "./http/error";
 import {
   encodeAppScriptCommandBase64,
   encodeStringValueBase64,
   getAppScriptCommandEndpointId,
   getAppScriptCommandTypeUrl,
-  isAutoEncodableTextPayloadTypeUrl,
   getStringValueTypeUrl,
+  isAutoEncodableTextPayloadTypeUrl,
 } from "@/shared/runs/protobufPayload";
+import { requestJson, withQuery } from "./http/client";
+import { readResponseError, readResponseErrorDetails } from "./http/error";
+import {
+  decodeWorkflowResumeResponseBody,
+  decodeWorkflowSignalResponseBody,
+} from "./runtimeDecoders";
 
 const JSON_HEADERS = {
   "Content-Type": "application/json",
@@ -28,12 +28,19 @@ const JSON_HEADERS = {
 
 export class RuntimeRunsApiError extends Error {
   readonly code?: string;
+  readonly fieldErrors?: Readonly<Record<string, readonly string[]>>;
   readonly status: number;
 
-  constructor(message: string, status: number, code?: string) {
+  constructor(
+    message: string,
+    status: number,
+    code?: string,
+    fieldErrors?: Readonly<Record<string, readonly string[]>>,
+  ) {
     super(message);
     this.name = "RuntimeRunsApiError";
     this.code = code;
+    this.fieldErrors = fieldErrors;
     this.status = status;
   }
 }
@@ -365,7 +372,13 @@ export const runtimeRunsApi = {
     );
 
     if (!response.ok) {
-      throw new Error(await readResponseError(response));
+      const details = await readResponseErrorDetails(response);
+      throw new RuntimeRunsApiError(
+        details.message,
+        response.status,
+        details.code,
+        details.fieldErrors,
+      );
     }
 
     return response;
@@ -405,6 +418,7 @@ export const runtimeRunsApi = {
         details.message,
         response.status,
         details.code,
+        details.fieldErrors,
       );
     }
 
@@ -422,7 +436,13 @@ export const runtimeRunsApi = {
     );
 
     if (!response.ok) {
-      throw new Error(await readResponseError(response));
+      const details = await readResponseErrorDetails(response);
+      throw new RuntimeRunsApiError(
+        details.message,
+        response.status,
+        details.code,
+        details.fieldErrors,
+      );
     }
 
     return response;
diff --git a/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.test.ts b/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.test.ts
index bb7e61591a..a8c3835b07 100644
--- a/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.test.ts
+++ b/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.test.ts
@@ -1,21 +1,38 @@
-import { persistAuthSession } from "@/shared/auth/session";
-import { scopeRuntimeApi } from "./scopeRuntimeApi";
-
-describe("scopeRuntimeApi", () => {
+import { persistAuthSession } from '@/shared/auth/session';
+import type { ScopeServiceBindingCatalogSnapshot } from '@/shared/models/runtime/scopeServices';
+import { scopeRuntimeApi } from './scopeRuntimeApi';
+
+type ServiceBindingCatalogSnapshotReader = typeof scopeRuntimeApi & {
+  getServiceBindingCatalogSnapshot: (
+    scopeId: string,
+    serviceId: string,
+  ) => Promise<
+    | {
+        readonly kind: 'available';
+        readonly snapshot: ScopeServiceBindingCatalogSnapshot;
+      }
+    | { readonly kind: 'not_materialized' }
+  >;
+};
+
+const scopeRuntimeApiWithBindingSnapshot =
+  scopeRuntimeApi as ServiceBindingCatalogSnapshotReader;
+
+describe('scopeRuntimeApi', () => {
   const originalFetch = global.fetch;
 
   beforeEach(() => {
     window.localStorage.clear();
-    jest.spyOn(Date, "now").mockReturnValue(1_700_000_000_000);
+    jest.spyOn(Date, 'now').mockReturnValue(1_700_000_000_000);
     persistAuthSession({
       tokens: {
-        accessToken: "access-token",
-        tokenType: "Bearer",
+        accessToken: 'access-token',
+        tokenType: 'Bearer',
         expiresIn: 3600,
         expiresAt: Date.now() + 3_600_000,
       },
       user: {
-        sub: "user-1",
+        sub: 'user-1',
       },
     });
   });
@@ -26,53 +43,53 @@ describe("scopeRuntimeApi", () => {
     window.localStorage.clear();
   });
 
-  it("loads scope-scoped services from the scope catalog endpoint", async () => {
+  it('loads scope-scoped services from the scope catalog endpoint', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => [
         {
-          serviceKey: "scope-a:custom-app:default:orders",
-          tenantId: "scope-a",
-          appId: "custom-app",
-          namespace: "default",
-          serviceId: "orders",
-          displayName: "Orders",
-          defaultServingRevisionId: "rev-1",
-          activeServingRevisionId: "rev-1",
-          deploymentId: "dep-1",
-          primaryActorId: "orders-actor",
-          deploymentStatus: "Active",
+          serviceKey: 'scope-a:custom-app:default:orders',
+          tenantId: 'scope-a',
+          appId: 'custom-app',
+          namespace: 'default',
+          serviceId: 'orders',
+          displayName: 'Orders',
+          defaultServingRevisionId: 'rev-1',
+          activeServingRevisionId: 'rev-1',
+          deploymentId: 'dep-1',
+          primaryActorId: 'orders-actor',
+          deploymentStatus: 'Active',
           endpoints: [
             {
-              endpointId: "run",
-              displayName: "Run",
-              kind: "command",
-              requestTypeUrl: "type.googleapis.com/aevatar.RunRequest",
-              responseTypeUrl: "type.googleapis.com/aevatar.RunReply",
-              description: "Run command",
+              endpointId: 'run',
+              displayName: 'Run',
+              kind: 'command',
+              requestTypeUrl: 'type.googleapis.com/aevatar.RunRequest',
+              responseTypeUrl: 'type.googleapis.com/aevatar.RunReply',
+              description: 'Run command',
             },
           ],
           policyIds: [],
-          updatedAt: "2026-04-30T08:20:00Z",
+          updatedAt: '2026-04-30T08:20:00Z',
         },
       ],
     } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.listServices("scope-a", {
-        appId: " custom-app ",
+      scopeRuntimeApi.listServices('scope-a', {
+        appId: ' custom-app ',
         take: 25,
       }),
     ).resolves.toEqual([
       expect.objectContaining({
-        serviceId: "orders",
-        appId: "custom-app",
+        serviceId: 'orders',
+        appId: 'custom-app',
         endpoints: [
           expect.objectContaining({
-            endpointId: "run",
-            kind: "command",
+            endpointId: 'run',
+            kind: 'command',
           }),
         ],
       }),
@@ -82,30 +99,30 @@ describe("scopeRuntimeApi", () => {
       string,
       RequestInit | undefined,
     ];
-    expect(input).toBe("/api/scopes/scope-a/services?appId=custom-app&take=25");
-    expect(new Headers(init?.headers).get("Authorization")).toBe(
-      "Bearer access-token",
+    expect(input).toBe('/api/scopes/scope-a/services?appId=custom-app&take=25');
+    expect(new Headers(init?.headers).get('Authorization')).toBe(
+      'Bearer access-token',
     );
   });
 
-  it("loads scope-scoped service bindings", async () => {
+  it('loads scope-scoped service bindings', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
-        serviceKey: "scope-a:default:default:default",
-        updatedAt: "2026-03-31T08:20:00Z",
+        serviceKey: 'scope-a:default:default:default',
+        updatedAt: '2026-03-31T08:20:00Z',
         bindings: [
           {
-            bindingId: "binding-knowledge",
-            displayName: "Knowledge base",
-            bindingKind: "secret",
-            policyIds: ["policy-alpha"],
+            bindingId: 'binding-knowledge',
+            displayName: 'Knowledge base',
+            bindingKind: 'secret',
+            policyIds: ['policy-alpha'],
             retired: false,
             serviceRef: null,
             connectorRef: null,
             secretRef: {
-              secretName: "knowledge-api-key",
+              secretName: 'knowledge-api-key',
             },
           },
         ],
@@ -114,16 +131,16 @@ describe("scopeRuntimeApi", () => {
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.getServiceBindings("scope-a", "default"),
+      scopeRuntimeApi.getServiceBindings('scope-a', 'default'),
     ).resolves.toEqual({
-      serviceKey: "scope-a:default:default:default",
-      updatedAt: "2026-03-31T08:20:00Z",
+      serviceKey: 'scope-a:default:default:default',
+      updatedAt: '2026-03-31T08:20:00Z',
       bindings: [
         expect.objectContaining({
-          bindingId: "binding-knowledge",
-          bindingKind: "secret",
+          bindingId: 'binding-knowledge',
+          bindingKind: 'secret',
           secretRef: {
-            secretName: "knowledge-api-key",
+            secretName: 'knowledge-api-key',
           },
         }),
       ],
@@ -133,98 +150,122 @@ describe("scopeRuntimeApi", () => {
       string,
       RequestInit | undefined,
     ];
-    expect(input).toBe("/api/scopes/scope-a/services/default/bindings");
-    expect(new Headers(init?.headers).get("Authorization")).toBe(
-      "Bearer access-token",
+    expect(input).toBe('/api/scopes/scope-a/services/default/bindings');
+    expect(new Headers(init?.headers).get('Authorization')).toBe(
+      'Bearer access-token',
     );
   });
 
-  it("creates a scope-scoped service binding", async () => {
+  it('reports a missing binding catalog as not materialized', async () => {
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: false,
+      status: 404,
+      statusText: 'Not Found',
+      text: async () => '',
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      scopeRuntimeApiWithBindingSnapshot.getServiceBindingCatalogSnapshot(
+        'scope-a',
+        'svc-alpha',
+      ),
+    ).resolves.toEqual({ kind: 'not_materialized' });
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/scopes/scope-a/services/svc-alpha/bindings',
+      expect.objectContaining({
+        headers: expect.any(Headers),
+      }),
+    );
+  });
+
+  it('creates a scope-scoped service binding', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 202,
       json: async () => ({
-        targetActorId: "actor://bindings",
-        commandId: "cmd-1",
-        correlationId: "corr-1",
+        targetActorId: 'actor://bindings',
+        commandId: 'cmd-1',
+        correlationId: 'corr-1',
       }),
     } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.createServiceBinding("scope-a", "default", {
-        bindingId: "binding-cache",
-        displayName: "Shared cache",
-        bindingKind: "connector",
-        policyIds: ["policy-alpha"],
+      scopeRuntimeApi.createServiceBinding('scope-a', 'default', {
+        bindingId: 'binding-cache',
+        displayName: 'Shared cache',
+        bindingKind: 'connector',
+        policyIds: ['policy-alpha'],
         connector: {
-          connectorType: "redis",
-          connectorId: "cache-main",
+          connectorType: 'redis',
+          connectorId: 'cache-main',
         },
       }),
     ).resolves.toEqual({
-      targetActorId: "actor://bindings",
-      commandId: "cmd-1",
-      correlationId: "corr-1",
+      targetActorId: 'actor://bindings',
+      commandId: 'cmd-1',
+      correlationId: 'corr-1',
     });
 
     const [input, init] = fetchMock.mock.calls[0] as [
       string,
       RequestInit | undefined,
     ];
-    expect(input).toBe("/api/scopes/scope-a/services/default/bindings");
-    expect(init?.method).toBe("POST");
+    expect(input).toBe('/api/scopes/scope-a/services/default/bindings');
+    expect(init?.method).toBe('POST');
     expect(JSON.parse(String(init?.body))).toEqual({
-      bindingId: "binding-cache",
-      displayName: "Shared cache",
-      bindingKind: "connector",
-      policyIds: ["policy-alpha"],
+      bindingId: 'binding-cache',
+      displayName: 'Shared cache',
+      bindingKind: 'connector',
+      policyIds: ['policy-alpha'],
       service: null,
       connector: {
-        connectorType: "redis",
-        connectorId: "cache-main",
+        connectorType: 'redis',
+        connectorId: 'cache-main',
       },
       secret: null,
     });
   });
 
-  it("loads scope-scoped revisions and normalizes implementation details", async () => {
+  it('loads scope-scoped revisions and normalizes implementation details', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
-        scopeId: "scope-a",
-        serviceId: "default",
-        serviceKey: "scope-a:default:default:default",
-        displayName: "Workspace Demo",
-        defaultServingRevisionId: "rev-2",
-        activeServingRevisionId: "rev-2",
-        deploymentId: "deploy-2",
-        deploymentStatus: "Active",
-        primaryActorId: "actor://scope-a/default",
+        scopeId: 'scope-a',
+        serviceId: 'default',
+        serviceKey: 'scope-a:default:default:default',
+        displayName: 'Workspace Demo',
+        defaultServingRevisionId: 'rev-2',
+        activeServingRevisionId: 'rev-2',
+        deploymentId: 'deploy-2',
+        deploymentStatus: 'Active',
+        primaryActorId: 'actor://scope-a/default',
         catalogStateVersion: 2,
-        catalogLastEventId: "evt-2",
-        updatedAt: "2026-03-31T08:00:00Z",
+        catalogLastEventId: 'evt-2',
+        updatedAt: '2026-03-31T08:00:00Z',
         revisions: [
           {
-            revisionId: "rev-2",
+            revisionId: 'rev-2',
             implementationKind: 3,
-            status: "Ready",
-            artifactHash: "artifact-2",
-            failureReason: "",
+            status: 'Ready',
+            artifactHash: 'artifact-2',
+            failureReason: '',
             isDefaultServing: true,
             isActiveServing: true,
             isServingTarget: true,
             allocationWeight: 100,
-            servingState: "active",
-            deploymentId: "deploy-2",
-            primaryActorId: "actor://scope-a/default",
-            createdAt: "2026-03-31T07:00:00Z",
-            preparedAt: "2026-03-31T07:10:00Z",
-            publishedAt: "2026-03-31T07:20:00Z",
+            servingState: 'active',
+            deploymentId: 'deploy-2',
+            primaryActorId: 'actor://scope-a/default',
+            createdAt: '2026-03-31T07:00:00Z',
+            preparedAt: '2026-03-31T07:10:00Z',
+            publishedAt: '2026-03-31T07:20:00Z',
             retiredAt: null,
-            staticActorTypeName: "SupportGAgent",
-            staticPreferredActorId: "actor://scope-a/default",
+            staticActorTypeName: 'SupportGAgent',
+            staticPreferredActorId: 'actor://scope-a/default',
           },
         ],
       }),
@@ -232,66 +273,71 @@ describe("scopeRuntimeApi", () => {
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.getServiceRevisions("scope-a", "default"),
+      scopeRuntimeApi.getServiceRevisions('scope-a', 'default'),
     ).resolves.toEqual(
       expect.objectContaining({
-        scopeId: "scope-a",
-        serviceId: "default",
+        scopeId: 'scope-a',
+        serviceId: 'default',
         revisions: [
           expect.objectContaining({
-            revisionId: "rev-2",
-            implementationKind: "gagent",
-            staticActorTypeName: "SupportGAgent",
+            revisionId: 'rev-2',
+            implementationKind: 'gagent',
+            staticActorTypeName: 'SupportGAgent',
           }),
         ],
       }),
     );
 
-    const [input] = fetchMock.mock.calls[0] as [string, RequestInit | undefined];
-    expect(input).toBe("/api/scopes/scope-a/services/default/revisions");
+    const [input] = fetchMock.mock.calls[0] as [
+      string,
+      RequestInit | undefined,
+    ];
+    expect(input).toBe('/api/scopes/scope-a/services/default/revisions');
   });
 
-  it("loads endpoint invoke contract details for Bind surfaces", async () => {
+  it('loads endpoint invoke contract details for Bind surfaces', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
-        scopeId: "scope-a",
-        serviceId: "default",
-        endpointId: "chat",
-        invokePath: "/api/scopes/scope-a/services/default/invoke/chat:stream",
-        method: "POST",
-        requestContentType: "application/json",
-        responseContentType: "text/event-stream",
-        requestTypeUrl: "type.googleapis.com/Aevatar.AI.Abstractions.ChatRequestEvent",
-        responseTypeUrl: "type.googleapis.com/Aevatar.AI.Abstractions.ChatResponseEvent",
+        scopeId: 'scope-a',
+        serviceId: 'default',
+        endpointId: 'chat',
+        invokePath: '/api/scopes/scope-a/services/default/invoke/chat:stream',
+        method: 'POST',
+        requestContentType: 'application/json',
+        responseContentType: 'text/event-stream',
+        requestTypeUrl:
+          'type.googleapis.com/Aevatar.AI.Abstractions.ChatRequestEvent',
+        responseTypeUrl:
+          'type.googleapis.com/Aevatar.AI.Abstractions.ChatResponseEvent',
         supportsSse: true,
         supportsWebSocket: false,
         supportsAguiFrames: false,
-        streamFrameFormat: "workflow-run-event",
+        streamFrameFormat: 'workflow-run-event',
         smokeTestSupported: true,
-        defaultSmokeInputMode: "prompt",
-        defaultSmokePrompt: "Hello from Studio Bind.",
+        defaultSmokeInputMode: 'prompt',
+        defaultSmokePrompt: 'Hello from Studio Bind.',
         sampleRequestJson: null,
-        deploymentStatus: "Active",
-        revisionId: "rev-chat",
-        curlExample: "curl -N ...",
-        fetchExample: "const response = await fetch(...)",
+        deploymentStatus: 'Active',
+        revisionId: 'rev-chat',
+        curlExample: 'curl -N ...',
+        fetchExample: 'const response = await fetch(...)',
       }),
     } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.getServiceEndpointContract("scope-a", "default", "chat"),
+      scopeRuntimeApi.getServiceEndpointContract('scope-a', 'default', 'chat'),
     ).resolves.toEqual(
       expect.objectContaining({
-        endpointId: "chat",
-        invokePath: "/api/scopes/scope-a/services/default/invoke/chat:stream",
+        endpointId: 'chat',
+        invokePath: '/api/scopes/scope-a/services/default/invoke/chat:stream',
         supportsSse: true,
         supportsAguiFrames: false,
-        defaultSmokeInputMode: "prompt",
-        defaultSmokePrompt: "Hello from Studio Bind.",
-        revisionId: "rev-chat",
+        defaultSmokeInputMode: 'prompt',
+        defaultSmokePrompt: 'Hello from Studio Bind.',
+        revisionId: 'rev-chat',
       }),
     );
 
@@ -300,35 +346,35 @@ describe("scopeRuntimeApi", () => {
       RequestInit | undefined,
     ];
     expect(input).toBe(
-      "/api/scopes/scope-a/services/default/endpoints/chat/contract",
+      '/api/scopes/scope-a/services/default/endpoints/chat/contract',
     );
-    expect(new Headers(init?.headers).get("Authorization")).toBe(
-      "Bearer access-token",
+    expect(new Headers(init?.headers).get('Authorization')).toBe(
+      'Bearer access-token',
     );
   });
 
-  it("loads member endpoint invoke contract details", async () => {
+  it('loads member endpoint invoke contract details', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
-        scopeId: "scope-a",
-        memberId: "script-1",
-        publishedServiceId: "script-1",
-        endpointId: "command",
-        invokePath: "/api/scopes/scope-a/members/script-1/invoke/command",
-        method: "POST",
-        requestContentType: "application/json",
-        responseContentType: "application/json",
+        scopeId: 'scope-a',
+        memberId: 'script-1',
+        publishedServiceId: 'script-1',
+        endpointId: 'command',
+        invokePath: '/api/scopes/scope-a/members/script-1/invoke/command',
+        method: 'POST',
+        requestContentType: 'application/json',
+        responseContentType: 'application/json',
         requestTypeUrl:
-          "type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand",
-        responseTypeUrl: "",
+          'type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand',
+        responseTypeUrl: '',
         supportsSse: false,
         supportsWebSocket: false,
         supportsAguiFrames: false,
         streamFrameFormat: null,
         smokeTestSupported: true,
-        defaultSmokeInputMode: "typed-payload",
+        defaultSmokeInputMode: 'typed-payload',
         defaultSmokePrompt: null,
         sampleRequestJson: "{}",
         deploymentStatus: "Active",
@@ -368,7 +414,7 @@ describe("scopeRuntimeApi", () => {
         publishedServiceStateVersion: 2,
         boundRevisionStateVersion: 3,
         requestTypeUrl:
-          "type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand",
+          'type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand',
       }),
     );
     expect(contract).not.toHaveProperty("serviceId");
@@ -378,10 +424,10 @@ describe("scopeRuntimeApi", () => {
       RequestInit | undefined,
     ];
     expect(input).toBe(
-      "/api/scopes/scope-a/members/script-1/endpoints/command/contract",
+      '/api/scopes/scope-a/members/script-1/endpoints/command/contract',
     );
-    expect(new Headers(init?.headers).get("Authorization")).toBe(
-      "Bearer access-token",
+    expect(new Headers(init?.headers).get('Authorization')).toBe(
+      'Bearer access-token',
     );
     expect(init?.cache).toBe("no-store");
   });
@@ -391,25 +437,25 @@ describe("scopeRuntimeApi", () => {
       ok: true,
       status: 200,
       json: async () => ({
-        scopeId: "scope-a",
-        endpointId: "command",
-        invokePath: "/api/scopes/scope-a/members/script-1/invoke/command",
-        method: "POST",
-        requestContentType: "application/json",
-        responseContentType: "application/json",
+        scopeId: 'scope-a',
+        endpointId: 'command',
+        invokePath: '/api/scopes/scope-a/members/script-1/invoke/command',
+        method: 'POST',
+        requestContentType: 'application/json',
+        responseContentType: 'application/json',
         requestTypeUrl:
-          "type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand",
-        responseTypeUrl: "",
+          'type.googleapis.com/aevatar.tools.cli.hosting.AppScriptCommand',
+        responseTypeUrl: '',
         supportsSse: false,
         supportsWebSocket: false,
         supportsAguiFrames: false,
         streamFrameFormat: null,
         smokeTestSupported: true,
-        defaultSmokeInputMode: "typed-payload",
+        defaultSmokeInputMode: 'typed-payload',
         defaultSmokePrompt: null,
-        sampleRequestJson: "{}",
-        deploymentStatus: "Active",
-        revisionId: "rev-script",
+        sampleRequestJson: '{}',
+        deploymentStatus: 'Active',
+        revisionId: 'rev-script',
         curlExample: null,
         fetchExample: null,
       }),
@@ -422,39 +468,39 @@ describe("scopeRuntimeApi", () => {
     );
   });
 
-  it("loads member-scoped runs through the member runtime route", async () => {
+  it('loads member-scoped runs through the member runtime route', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
-        scopeId: "scope-a",
-        memberId: "joker",
-        publishedServiceId: "svc-joker",
-        publishedServiceKey: "scope-a:default:default:svc-joker",
-        displayName: "joker",
+        scopeId: 'scope-a',
+        memberId: 'joker',
+        publishedServiceId: 'svc-joker',
+        publishedServiceKey: 'scope-a:default:default:svc-joker',
+        displayName: 'joker',
         runs: [
           {
-            scopeId: "scope-a",
-            memberId: "joker",
-            publishedServiceId: "svc-joker",
-            runId: "run-42",
-            actorId: "actor://scope-a/joker",
-            definitionActorId: "definition://joker",
-            revisionId: "rev-2",
-            deploymentId: "deploy-2",
-            workflowName: "joker",
-            completionStatus: "Completed",
+            scopeId: 'scope-a',
+            memberId: 'joker',
+            publishedServiceId: 'svc-joker',
+            runId: 'run-42',
+            actorId: 'actor://scope-a/joker',
+            definitionActorId: 'definition://joker',
+            revisionId: 'rev-2',
+            deploymentId: 'deploy-2',
+            workflowName: 'joker',
+            completionStatus: 'Completed',
             stateVersion: 3,
-            lastEventId: "evt-3",
-            lastUpdatedAt: "2026-03-31T08:00:00Z",
-            boundAt: "2026-03-31T07:50:00Z",
-            bindingUpdatedAt: "2026-03-31T07:55:00Z",
+            lastEventId: 'evt-3',
+            lastUpdatedAt: '2026-03-31T08:00:00Z',
+            boundAt: '2026-03-31T07:50:00Z',
+            bindingUpdatedAt: '2026-03-31T07:55:00Z',
             lastSuccess: true,
             totalSteps: 4,
             completedSteps: 4,
             roleReplyCount: 1,
-            lastOutput: "Done",
-            lastError: "",
+            lastOutput: 'Done',
+            lastError: '',
           },
         ],
       }),
@@ -462,91 +508,94 @@ describe("scopeRuntimeApi", () => {
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.listMemberRuns("scope-a", "joker", {
-        scheduleId: " schedule-member ",
-        status: " Completed ",
+      scopeRuntimeApi.listMemberRuns('scope-a', 'joker', {
+        scheduleId: ' schedule-member ',
+        status: ' Completed ',
         take: 5,
-        updatedFrom: " 2026-04-27T00:30:00Z ",
-        updatedTo: " 2026-04-27T01:30:00Z ",
+        updatedFrom: ' 2026-04-27T00:30:00Z ',
+        updatedTo: ' 2026-04-27T01:30:00Z ',
       }),
     ).resolves.toEqual(
       expect.objectContaining({
-        memberId: "joker",
-        publishedServiceId: "svc-joker",
+        memberId: 'joker',
+        publishedServiceId: 'svc-joker',
         runs: [
           expect.objectContaining({
-            memberId: "joker",
-            publishedServiceId: "svc-joker",
-            runId: "run-42",
+            memberId: 'joker',
+            publishedServiceId: 'svc-joker',
+            runId: 'run-42',
           }),
         ],
       }),
     );
 
-    const [input] = fetchMock.mock.calls[0] as [string, RequestInit | undefined];
+    const [input] = fetchMock.mock.calls[0] as [
+      string,
+      RequestInit | undefined,
+    ];
     expect(input).toBe(
-      "/api/scopes/scope-a/members/joker/runs?scheduleId=schedule-member&status=Completed&take=5&updatedFrom=2026-04-27T00%3A30%3A00Z&updatedTo=2026-04-27T01%3A30%3A00Z",
+      '/api/scopes/scope-a/members/joker/runs?scheduleId=schedule-member&status=Completed&take=5&updatedFrom=2026-04-27T00%3A30%3A00Z&updatedTo=2026-04-27T01%3A30%3A00Z',
     );
   });
 
-  it("loads run audit for a scope-scoped service run", async () => {
+  it('loads run audit for a scope-scoped service run', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
         summary: {
-          scopeId: "scope-a",
-          serviceId: "default",
-          runId: "run-42",
-          actorId: "actor://scope-a/default",
-          definitionActorId: "definition://support",
-          revisionId: "rev-2",
-          deploymentId: "deploy-2",
-          workflowName: "support_flow",
+          scopeId: 'scope-a',
+          serviceId: 'default',
+          runId: 'run-42',
+          actorId: 'actor://scope-a/default',
+          definitionActorId: 'definition://support',
+          revisionId: 'rev-2',
+          deploymentId: 'deploy-2',
+          workflowName: 'support_flow',
           completionStatus: 1,
           stateVersion: 9,
-          lastEventId: "evt-9",
-          lastUpdatedAt: "2026-03-31T08:30:00Z",
-          boundAt: "2026-03-31T08:25:00Z",
-          bindingUpdatedAt: "2026-03-31T08:26:00Z",
+          lastEventId: 'evt-9',
+          lastUpdatedAt: '2026-03-31T08:30:00Z',
+          boundAt: '2026-03-31T08:25:00Z',
+          bindingUpdatedAt: '2026-03-31T08:26:00Z',
           lastSuccess: true,
           totalSteps: 4,
           completedSteps: 4,
           roleReplyCount: 2,
-          lastOutput: "Resolved successfully",
-          lastError: "",
+          lastOutput: 'Resolved successfully',
+          lastError: '',
         },
         audit: {
-          reportVersion: "1.0",
+          reportVersion: '1.0',
           projectionScope: 0,
           topologySource: 0,
           completionStatus: 1,
-          workflowName: "support_flow",
-          rootActorId: "actor://scope-a/default",
-          commandId: "cmd-42",
+          workflowName: 'support_flow',
+          rootActorId: 'actor://scope-a/default',
+          commandId: 'cmd-42',
           stateVersion: 9,
-          lastEventId: "evt-9",
-          createdAt: "2026-03-31T08:25:00Z",
-          updatedAt: "2026-03-31T08:30:00Z",
-          startedAt: "2026-03-31T08:25:05Z",
-          endedAt: "2026-03-31T08:30:00Z",
+          lastEventId: 'evt-9',
+          createdAt: '2026-03-31T08:25:00Z',
+          updatedAt: '2026-03-31T08:30:00Z',
+          startedAt: '2026-03-31T08:25:05Z',
+          endedAt: '2026-03-31T08:30:00Z',
           durationMs: 295000,
           success: true,
-          input: "hello service",
-          finalOutput: "Resolved successfully",
-          finalError: "",
+          input: 'hello service',
+          finalOutput: 'Resolved successfully',
+          finalError: '',
           topology: [],
           steps: [],
           roleReplies: [],
           timeline: [
             {
-              timestamp: "2026-03-31T08:25:05Z",
-              stage: "step_requested",
-              message: "Asked support agent",
-              agentId: "agent-1",
-              stepId: "answer",
-              stepType: "llm_call",
-              eventType: "requested",
+              timestamp: '2026-03-31T08:25:05Z',
+              stage: 'step_requested',
+              message: 'Asked support agent',
+              agentId: 'agent-1',
+              stepId: 'answer',
+              stepType: 'llm_call',
+              eventType: 'requested',
               data: {},
             },
           ],
@@ -565,18 +614,18 @@ describe("scopeRuntimeApi", () => {
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.getServiceRunAudit("scope-a", "default", "run-42", {
-        actorId: "actor://scope-a/default",
+      scopeRuntimeApi.getServiceRunAudit('scope-a', 'default', 'run-42', {
+        actorId: 'actor://scope-a/default',
       }),
     ).resolves.toEqual(
       expect.objectContaining({
         summary: expect.objectContaining({
-          runId: "run-42",
-          completionStatus: "completed",
+          runId: 'run-42',
+          completionStatus: 'completed',
         }),
         audit: expect.objectContaining({
-          completionStatus: "completed",
-          finalOutput: "Resolved successfully",
+          completionStatus: 'completed',
+          finalOutput: 'Resolved successfully',
           summary: expect.objectContaining({
             totalSteps: 4,
           }),
@@ -584,59 +633,62 @@ describe("scopeRuntimeApi", () => {
       }),
     );
 
-    const [input] = fetchMock.mock.calls[0] as [string, RequestInit | undefined];
+    const [input] = fetchMock.mock.calls[0] as [
+      string,
+      RequestInit | undefined,
+    ];
     expect(input).toBe(
-      "/api/scopes/scope-a/services/default/runs/run-42/audit?actorId=actor%3A%2F%2Fscope-a%2Fdefault",
+      '/api/scopes/scope-a/services/default/runs/run-42/audit?actorId=actor%3A%2F%2Fscope-a%2Fdefault',
     );
   });
 
-  it("loads run audit for a member-scoped run", async () => {
+  it('loads run audit for a member-scoped run', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
         summary: {
-          scopeId: "scope-a",
-          memberId: "joker",
-          publishedServiceId: "svc-joker",
-          runId: "run-42",
-          actorId: "actor://scope-a/joker",
-          definitionActorId: "definition://joker",
-          revisionId: "rev-2",
-          deploymentId: "deploy-2",
-          workflowName: "joker",
-          completionStatus: "Completed",
+          scopeId: 'scope-a',
+          memberId: 'joker',
+          publishedServiceId: 'svc-joker',
+          runId: 'run-42',
+          actorId: 'actor://scope-a/joker',
+          definitionActorId: 'definition://joker',
+          revisionId: 'rev-2',
+          deploymentId: 'deploy-2',
+          workflowName: 'joker',
+          completionStatus: 'Completed',
           stateVersion: 3,
-          lastEventId: "evt-3",
-          lastUpdatedAt: "2026-03-31T08:30:00Z",
-          boundAt: "2026-03-31T08:25:00Z",
-          bindingUpdatedAt: "2026-03-31T08:26:00Z",
+          lastEventId: 'evt-3',
+          lastUpdatedAt: '2026-03-31T08:30:00Z',
+          boundAt: '2026-03-31T08:25:00Z',
+          bindingUpdatedAt: '2026-03-31T08:26:00Z',
           lastSuccess: true,
           totalSteps: 0,
           completedSteps: 0,
           roleReplyCount: 0,
-          lastOutput: "Done",
-          lastError: "",
+          lastOutput: 'Done',
+          lastError: '',
         },
         audit: {
-          reportVersion: "1.0",
+          reportVersion: '1.0',
           projectionScope: 0,
           topologySource: 0,
-          completionStatus: "Completed",
-          workflowName: "joker",
-          rootActorId: "actor://scope-a/joker",
-          commandId: "cmd-42",
+          completionStatus: 'Completed',
+          workflowName: 'joker',
+          rootActorId: 'actor://scope-a/joker',
+          commandId: 'cmd-42',
           stateVersion: 3,
-          lastEventId: "evt-3",
-          createdAt: "2026-03-31T08:25:00Z",
-          updatedAt: "2026-03-31T08:30:00Z",
-          startedAt: "2026-03-31T08:25:05Z",
-          endedAt: "2026-03-31T08:30:00Z",
+          lastEventId: 'evt-3',
+          createdAt: '2026-03-31T08:25:00Z',
+          updatedAt: '2026-03-31T08:30:00Z',
+          startedAt: '2026-03-31T08:25:05Z',
+          endedAt: '2026-03-31T08:30:00Z',
           durationMs: 295000,
           success: true,
-          input: "hello joker",
-          finalOutput: "Done",
-          finalError: "",
+          input: 'hello joker',
+          finalOutput: 'Done',
+          finalError: '',
           topology: [],
           timeline: [],
           steps: [],
@@ -654,45 +706,48 @@ describe("scopeRuntimeApi", () => {
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.getMemberRunAudit("scope-a", "joker", "run-42", {
-        actorId: "actor://scope-a/joker",
+      scopeRuntimeApi.getMemberRunAudit('scope-a', 'joker', 'run-42', {
+        actorId: 'actor://scope-a/joker',
       }),
     ).resolves.toEqual(
       expect.objectContaining({
         summary: expect.objectContaining({
-          memberId: "joker",
-          publishedServiceId: "svc-joker",
-          runId: "run-42",
+          memberId: 'joker',
+          publishedServiceId: 'svc-joker',
+          runId: 'run-42',
         }),
       }),
     );
 
-    const [input] = fetchMock.mock.calls[0] as [string, RequestInit | undefined];
+    const [input] = fetchMock.mock.calls[0] as [
+      string,
+      RequestInit | undefined,
+    ];
     expect(input).toBe(
-      "/api/scopes/scope-a/members/joker/runs/run-42/audit?actorId=actor%3A%2F%2Fscope-a%2Fjoker",
+      '/api/scopes/scope-a/members/joker/runs/run-42/audit?actorId=actor%3A%2F%2Fscope-a%2Fjoker',
     );
   });
 
-  it("retires a scope-scoped service revision", async () => {
+  it('retires a scope-scoped service revision', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
       json: async () => ({
-        scopeId: "scope-a",
-        serviceId: "default",
-        revisionId: "rev-2",
-        status: "retired",
+        scopeId: 'scope-a',
+        serviceId: 'default',
+        revisionId: 'rev-2',
+        status: 'retired',
       }),
     } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
-      scopeRuntimeApi.retireServiceRevision("scope-a", "default", "rev-2"),
+      scopeRuntimeApi.retireServiceRevision('scope-a', 'default', 'rev-2'),
     ).resolves.toEqual({
-      scopeId: "scope-a",
-      serviceId: "default",
-      revisionId: "rev-2",
-      status: "retired",
+      scopeId: 'scope-a',
+      serviceId: 'default',
+      revisionId: 'rev-2',
+      status: 'retired',
     });
 
     const [input, init] = fetchMock.mock.calls[0] as [
@@ -700,8 +755,8 @@ describe("scopeRuntimeApi", () => {
       RequestInit | undefined,
     ];
     expect(input).toBe(
-      "/api/scopes/scope-a/services/default/revisions/rev-2:retire",
+      '/api/scopes/scope-a/services/default/revisions/rev-2:retire',
     );
-    expect(init?.method).toBe("POST");
+    expect(init?.method).toBe('POST');
   });
 });
diff --git a/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.ts b/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.ts
index a46ad5cd02..1265702e25 100644
--- a/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.ts
+++ b/apps/aevatar-console-web/src/shared/api/scopeRuntimeApi.ts
@@ -1,83 +1,94 @@
-import { jsonBody, requestJson, withQuery } from "./http/client";
-import { decodeServiceCatalogSnapshots } from "./servicesApi";
-import {
-  expectArray,
-  expectRecord,
-  normalizeEnumValue,
-  readBoolean,
-  readNullableString,
-  readNumber,
-  readString,
-  readStringArray,
-  readStringRecord,
-} from "./http/decoders";
+import { authFetch } from '@/shared/auth/fetch';
+import type {
+  BoundConnectorReference,
+  BoundSecretReference,
+  BoundServiceReference,
+  ServiceBindingSnapshot,
+} from '@/shared/models/governance';
 import type {
+  ScopeMemberEndpointContract,
   ScopeMemberRunAuditSnapshot,
   ScopeMemberRunCatalogSnapshot,
   ScopeMemberRunSummary,
-  ScopeMemberEndpointContract,
   ScopeServiceBindingCatalogSnapshot,
   ScopeServiceBindingInput,
   ScopeServiceEndpointContract,
   ScopeServiceRevisionActionResult,
   ScopeServiceRevisionCatalogSnapshot,
-  ScopeServiceRunAuditReport,
   ScopeServiceRunAuditReply,
+  ScopeServiceRunAuditReport,
   ScopeServiceRunAuditSnapshot,
   ScopeServiceRunAuditStep,
   ScopeServiceRunAuditSummary,
   ScopeServiceRunAuditTimelineEvent,
   ScopeServiceRunCatalogSnapshot,
   ScopeServiceRunSummary,
-} from "@/shared/models/runtime/scopeServices";
-import type {
-  BoundConnectorReference,
-  BoundSecretReference,
-  BoundServiceReference,
-  ServiceBindingSnapshot,
-} from "@/shared/models/governance";
+} from '@/shared/models/runtime/scopeServices';
 import type {
   ServiceCatalogSnapshot,
   ServiceCommandAcceptedReceipt,
-} from "@/shared/models/services";
+} from '@/shared/models/services';
 import {
   normalizeStudioScopeBindingImplementationKind,
   type StudioScopeBindingRevision,
-} from "@/shared/studio/models";
+} from '@/shared/studio/models';
+import { jsonBody, requestJson, withQuery } from './http/client';
+import {
+  expectArray,
+  expectRecord,
+  normalizeEnumValue,
+  readBoolean,
+  readNullableString,
+  readNumber,
+  readString,
+  readStringArray,
+  readStringRecord,
+} from './http/decoders';
+import { readResponseError } from './http/error';
+import { decodeServiceCatalogSnapshots } from './servicesApi';
+
+export type ScopeServiceBindingCatalogRead =
+  | {
+      readonly kind: 'available';
+      readonly snapshot: ScopeServiceBindingCatalogSnapshot;
+    }
+  | {
+      readonly kind: 'not_materialized';
+    };
 
 const bindingKindMap = {
-  "0": "unspecified",
-  "1": "service",
-  "2": "connector",
-  "3": "secret",
-  service_binding_kind_unspecified: "unspecified",
-  service_binding_kind_service: "service",
-  service_binding_kind_connector: "connector",
-  service_binding_kind_secret: "secret",
-  unspecified: "unspecified",
-  service: "service",
-  connector: "connector",
-  secret: "secret",
+  '0': 'unspecified',
+  '1': 'service',
+  '2': 'connector',
+  '3': 'secret',
+  service_binding_kind_unspecified: 'unspecified',
+  service_binding_kind_service: 'service',
+  service_binding_kind_connector: 'connector',
+  service_binding_kind_secret: 'secret',
+  unspecified: 'unspecified',
+  service: 'service',
+  connector: 'connector',
+  secret: 'secret',
 };
 
 const completionStatusMap = {
-  "0": "running",
-  "1": "completed",
-  "2": "timed_out",
-  "3": "failed",
-  "4": "stopped",
-  "5": "not_found",
-  "6": "disabled",
-  "99": "unknown",
-  running: "running",
-  completed: "completed",
-  timed_out: "timed_out",
-  timedout: "timed_out",
-  failed: "failed",
-  stopped: "stopped",
-  not_found: "not_found",
-  disabled: "disabled",
-  unknown: "unknown",
+  '0': 'running',
+  '1': 'completed',
+  '2': 'timed_out',
+  '3': 'failed',
+  '4': 'stopped',
+  '5': 'not_found',
+  '6': 'disabled',
+  '99': 'unknown',
+  running: 'running',
+  completed: 'completed',
+  timed_out: 'timed_out',
+  timedout: 'timed_out',
+  failed: 'failed',
+  stopped: 'stopped',
+  not_found: 'not_found',
+  disabled: 'disabled',
+  unknown: 'unknown',
 };
 
 function readOptionalString(
@@ -86,7 +97,7 @@ function readOptionalString(
 ): string | undefined {
   for (const key of keys) {
     const rawValue = record[key];
-    if (typeof rawValue !== "string") {
+    if (typeof rawValue !== 'string') {
       continue;
     }
 
@@ -118,7 +129,7 @@ function readOptionalScalar(
 ): string | number | undefined {
   for (const key of keys) {
     const rawValue = record[key];
-    if (typeof rawValue === "string") {
+    if (typeof rawValue === 'string') {
       const normalized = rawValue.trim();
       if (normalized) {
         return normalized;
@@ -126,7 +137,7 @@ function readOptionalScalar(
       continue;
     }
 
-    if (typeof rawValue === "number" && !Number.isNaN(rawValue)) {
+    if (typeof rawValue === 'number' && !Number.isNaN(rawValue)) {
       return rawValue;
     }
   }
@@ -148,7 +159,7 @@ function readNullableBoolean(
       return null;
     }
 
-    if (typeof rawValue === "boolean") {
+    if (typeof rawValue === 'boolean') {
       return rawValue;
     }
 
@@ -173,7 +184,7 @@ function readNullableNumber(
       return null;
     }
 
-    if (typeof rawValue === "number" && !Number.isNaN(rawValue)) {
+    if (typeof rawValue === 'number' && !Number.isNaN(rawValue)) {
       return rawValue;
     }
 
@@ -185,23 +196,23 @@ function readNullableNumber(
 
 function decodeServiceCommandAcceptedReceipt(
   value: unknown,
-  label = "ServiceCommandAcceptedReceipt",
+  label = 'ServiceCommandAcceptedReceipt',
 ): ServiceCommandAcceptedReceipt {
   const record = expectRecord(value, label);
   return {
     targetActorId: readString(
       record,
-      ["targetActorId", "TargetActorId"],
+      ['targetActorId', 'TargetActorId'],
       `${label}.targetActorId`,
     ),
     commandId: readString(
       record,
-      ["commandId", "CommandId"],
+      ['commandId', 'CommandId'],
       `${label}.commandId`,
     ),
     correlationId: readString(
       record,
-      ["correlationId", "CorrelationId"],
+      ['correlationId', 'CorrelationId'],
       `${label}.correlationId`,
     ),
   };
@@ -209,7 +220,7 @@ function decodeServiceCommandAcceptedReceipt(
 
 function decodeBoundServiceReference(
   value: unknown,
-  label = "BoundServiceReference",
+  label = 'BoundServiceReference',
 ): BoundServiceReference {
   const record = expectRecord(value, label);
   const identityRecord = expectRecord(
@@ -221,28 +232,28 @@ function decodeBoundServiceReference(
     identity: {
       tenantId: readString(
         identityRecord,
-        ["tenantId", "TenantId"],
+        ['tenantId', 'TenantId'],
         `${label}.identity.tenantId`,
       ),
       appId: readString(
         identityRecord,
-        ["appId", "AppId"],
+        ['appId', 'AppId'],
         `${label}.identity.appId`,
       ),
       namespace: readString(
         identityRecord,
-        ["namespace", "Namespace"],
+        ['namespace', 'Namespace'],
         `${label}.identity.namespace`,
       ),
       serviceId: readString(
         identityRecord,
-        ["serviceId", "ServiceId"],
+        ['serviceId', 'ServiceId'],
         `${label}.identity.serviceId`,
       ),
     },
     endpointId: readString(
       record,
-      ["endpointId", "EndpointId"],
+      ['endpointId', 'EndpointId'],
       `${label}.endpointId`,
     ),
   };
@@ -250,18 +261,18 @@ function decodeBoundServiceReference(
 
 function decodeBoundConnectorReference(
   value: unknown,
-  label = "BoundConnectorReference",
+  label = 'BoundConnectorReference',
 ): BoundConnectorReference {
   const record = expectRecord(value, label);
   return {
     connectorType: readString(
       record,
-      ["connectorType", "ConnectorType"],
+      ['connectorType', 'ConnectorType'],
       `${label}.connectorType`,
     ),
     connectorId: readString(
       record,
-      ["connectorId", "ConnectorId"],
+      ['connectorId', 'ConnectorId'],
       `${label}.connectorId`,
     ),
   };
@@ -269,13 +280,13 @@ function decodeBoundConnectorReference(
 
 function decodeBoundSecretReference(
   value: unknown,
-  label = "BoundSecretReference",
+  label = 'BoundSecretReference',
 ): BoundSecretReference {
   const record = expectRecord(value, label);
   return {
     secretName: readString(
       record,
-      ["secretName", "SecretName"],
+      ['secretName', 'SecretName'],
       `${label}.secretName`,
     ),
   };
@@ -283,7 +294,7 @@ function decodeBoundSecretReference(
 
 function decodeServiceBindingSnapshot(
   value: unknown,
-  label = "ServiceBindingSnapshot",
+  label = 'ServiceBindingSnapshot',
 ): ServiceBindingSnapshot {
   const record = expectRecord(value, label);
   const serviceRef = record.serviceRef ?? record.ServiceRef;
@@ -293,12 +304,12 @@ function decodeServiceBindingSnapshot(
   return {
     bindingId: readString(
       record,
-      ["bindingId", "BindingId"],
+      ['bindingId', 'BindingId'],
       `${label}.bindingId`,
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
+      ['displayName', 'DisplayName'],
       `${label}.displayName`,
     ),
     bindingKind: normalizeEnumValue(
@@ -308,10 +319,10 @@ function decodeServiceBindingSnapshot(
     ),
     policyIds: readStringArray(
       record,
-      ["policyIds", "PolicyIds"],
+      ['policyIds', 'PolicyIds'],
       `${label}.policyIds`,
     ),
-    retired: readBoolean(record, ["retired", "Retired"], `${label}.retired`),
+    retired: readBoolean(record, ['retired', 'Retired'], `${label}.retired`),
     serviceRef:
       serviceRef === undefined || serviceRef === null
         ? null
@@ -329,13 +340,13 @@ function decodeServiceBindingSnapshot(
 
 function decodeServiceBindingCatalogSnapshot(
   value: unknown,
-  label = "ScopeServiceBindingCatalogSnapshot",
+  label = 'ScopeServiceBindingCatalogSnapshot',
 ): ScopeServiceBindingCatalogSnapshot {
   const record = expectRecord(value, label);
   return {
     serviceKey: readString(
       record,
-      ["serviceKey", "ServiceKey"],
+      ['serviceKey', 'ServiceKey'],
       `${label}.serviceKey`,
     ),
     bindings: expectArray(
@@ -345,7 +356,7 @@ function decodeServiceBindingCatalogSnapshot(
     ),
     updatedAt: readNullableString(
       record,
-      ["updatedAt", "UpdatedAt"],
+      ['updatedAt', 'UpdatedAt'],
       `${label}.updatedAt`,
     ),
   };
@@ -354,197 +365,198 @@ function decodeServiceBindingCatalogSnapshot(
 function readImplementationKind(
   record: Record<string, unknown>,
   label: string,
-): StudioScopeBindingRevision["implementationKind"] {
+): StudioScopeBindingRevision['implementationKind'] {
   const rawValue =
-    readOptionalScalar(record, ["implementationKind", "ImplementationKind"]) ??
-    "unknown";
+    readOptionalScalar(record, ['implementationKind', 'ImplementationKind']) ??
+    'unknown';
   return normalizeStudioScopeBindingImplementationKind(
     normalizeEnumValue(rawValue, `${label}.implementationKind`, {
-      "0": "unknown",
-      "1": "workflow",
-      "2": "script",
-      "3": "gagent",
-      workflow: "workflow",
-      scripting: "script",
-      script: "script",
-      gagent: "gagent",
-      unspecified: "unknown",
+      '0': 'unknown',
+      '1': 'workflow',
+      '2': 'script',
+      '3': 'gagent',
+      workflow: 'workflow',
+      scripting: 'script',
+      script: 'script',
+      gagent: 'gagent',
+      unspecified: 'unknown',
     }),
   );
 }
 
 function decodeScopeServiceRevision(
   value: unknown,
-  label = "ScopeServiceRevision",
+  label = 'ScopeServiceRevision',
 ): StudioScopeBindingRevision {
   const record = expectRecord(value, label);
   return {
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
+      ['revisionId', 'RevisionId'],
       `${label}.revisionId`,
     ),
     implementationKind: readImplementationKind(record, label),
-    status: readString(record, ["status", "Status"], `${label}.status`),
+    status: readString(record, ['status', 'Status'], `${label}.status`),
     artifactHash: readString(
       record,
-      ["artifactHash", "ArtifactHash"],
+      ['artifactHash', 'ArtifactHash'],
       `${label}.artifactHash`,
     ),
     failureReason: readString(
       record,
-      ["failureReason", "FailureReason"],
+      ['failureReason', 'FailureReason'],
       `${label}.failureReason`,
     ),
     isDefaultServing: readBoolean(
       record,
-      ["isDefaultServing", "IsDefaultServing"],
+      ['isDefaultServing', 'IsDefaultServing'],
       `${label}.isDefaultServing`,
     ),
     isActiveServing: readBoolean(
       record,
-      ["isActiveServing", "IsActiveServing"],
+      ['isActiveServing', 'IsActiveServing'],
       `${label}.isActiveServing`,
     ),
     isServingTarget: readBoolean(
       record,
-      ["isServingTarget", "IsServingTarget"],
+      ['isServingTarget', 'IsServingTarget'],
       `${label}.isServingTarget`,
     ),
     allocationWeight: readNumber(
       record,
-      ["allocationWeight", "AllocationWeight"],
+      ['allocationWeight', 'AllocationWeight'],
       `${label}.allocationWeight`,
     ),
     servingState: readString(
       record,
-      ["servingState", "ServingState"],
+      ['servingState', 'ServingState'],
       `${label}.servingState`,
     ),
     deploymentId: readString(
       record,
-      ["deploymentId", "DeploymentId"],
+      ['deploymentId', 'DeploymentId'],
       `${label}.deploymentId`,
     ),
     primaryActorId: readString(
       record,
-      ["primaryActorId", "PrimaryActorId"],
+      ['primaryActorId', 'PrimaryActorId'],
       `${label}.primaryActorId`,
     ),
     createdAt: readNullableString(
       record,
-      ["createdAt", "CreatedAt"],
+      ['createdAt', 'CreatedAt'],
       `${label}.createdAt`,
     ),
     preparedAt: readNullableString(
       record,
-      ["preparedAt", "PreparedAt"],
+      ['preparedAt', 'PreparedAt'],
       `${label}.preparedAt`,
     ),
     publishedAt: readNullableString(
       record,
-      ["publishedAt", "PublishedAt"],
+      ['publishedAt', 'PublishedAt'],
       `${label}.publishedAt`,
     ),
     retiredAt: readNullableString(
       record,
-      ["retiredAt", "RetiredAt"],
+      ['retiredAt', 'RetiredAt'],
       `${label}.retiredAt`,
     ),
     workflowName:
-      readOptionalString(record, ["workflowName", "WorkflowName"]) || "",
+      readOptionalString(record, ['workflowName', 'WorkflowName']) || '',
     workflowDefinitionActorId:
       readOptionalString(record, [
-        "workflowDefinitionActorId",
-        "WorkflowDefinitionActorId",
-      ]) || "",
+        'workflowDefinitionActorId',
+        'WorkflowDefinitionActorId',
+      ]) || '',
     inlineWorkflowCount:
       record.inlineWorkflowCount === undefined &&
       record.InlineWorkflowCount === undefined
         ? 0
         : readNumber(
             record,
-            ["inlineWorkflowCount", "InlineWorkflowCount"],
+            ['inlineWorkflowCount', 'InlineWorkflowCount'],
             `${label}.inlineWorkflowCount`,
           ),
-    scriptId: readOptionalString(record, ["scriptId", "ScriptId"]) || "",
+    scriptId: readOptionalString(record, ['scriptId', 'ScriptId']) || '',
     scriptRevision:
-      readOptionalString(record, ["scriptRevision", "ScriptRevision"]) || "",
+      readOptionalString(record, ['scriptRevision', 'ScriptRevision']) || '',
     scriptDefinitionActorId:
       readOptionalString(record, [
-        "scriptDefinitionActorId",
-        "ScriptDefinitionActorId",
-      ]) || "",
+        'scriptDefinitionActorId',
+        'ScriptDefinitionActorId',
+      ]) || '',
     scriptSourceHash:
-      readOptionalString(record, ["scriptSourceHash", "ScriptSourceHash"]) || "",
+      readOptionalString(record, ['scriptSourceHash', 'ScriptSourceHash']) ||
+      '',
     staticActorTypeName:
       readOptionalString(record, [
-        "staticActorTypeName",
-        "StaticActorTypeName",
-      ]) || "",
+        'staticActorTypeName',
+        'StaticActorTypeName',
+      ]) || '',
   };
 }
 
 function decodeScopeServiceRevisionCatalogSnapshot(
   value: unknown,
-  label = "ScopeServiceRevisionCatalogSnapshot",
+  label = 'ScopeServiceRevisionCatalogSnapshot',
 ): ScopeServiceRevisionCatalogSnapshot {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     serviceId: readString(
       record,
-      ["serviceId", "ServiceId"],
+      ['serviceId', 'ServiceId'],
       `${label}.serviceId`,
     ),
     serviceKey: readString(
       record,
-      ["serviceKey", "ServiceKey"],
+      ['serviceKey', 'ServiceKey'],
       `${label}.serviceKey`,
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
+      ['displayName', 'DisplayName'],
       `${label}.displayName`,
     ),
     defaultServingRevisionId: readString(
       record,
-      ["defaultServingRevisionId", "DefaultServingRevisionId"],
+      ['defaultServingRevisionId', 'DefaultServingRevisionId'],
       `${label}.defaultServingRevisionId`,
     ),
     activeServingRevisionId: readString(
       record,
-      ["activeServingRevisionId", "ActiveServingRevisionId"],
+      ['activeServingRevisionId', 'ActiveServingRevisionId'],
       `${label}.activeServingRevisionId`,
     ),
     deploymentId: readString(
       record,
-      ["deploymentId", "DeploymentId"],
+      ['deploymentId', 'DeploymentId'],
       `${label}.deploymentId`,
     ),
     deploymentStatus: readString(
       record,
-      ["deploymentStatus", "DeploymentStatus"],
+      ['deploymentStatus', 'DeploymentStatus'],
       `${label}.deploymentStatus`,
     ),
     primaryActorId: readString(
       record,
-      ["primaryActorId", "PrimaryActorId"],
+      ['primaryActorId', 'PrimaryActorId'],
       `${label}.primaryActorId`,
     ),
     catalogStateVersion: readNumber(
       record,
-      ["catalogStateVersion", "CatalogStateVersion"],
+      ['catalogStateVersion', 'CatalogStateVersion'],
       `${label}.catalogStateVersion`,
     ),
     catalogLastEventId: readString(
       record,
-      ["catalogLastEventId", "CatalogLastEventId"],
+      ['catalogLastEventId', 'CatalogLastEventId'],
       `${label}.catalogLastEventId`,
     ),
     updatedAt: readNullableString(
       record,
-      ["updatedAt", "UpdatedAt"],
+      ['updatedAt', 'UpdatedAt'],
       `${label}.updatedAt`,
     ),
     revisions: expectArray(
@@ -557,128 +569,128 @@ function decodeScopeServiceRevisionCatalogSnapshot(
 
 function decodeScopeServiceRevisionActionResult(
   value: unknown,
-  label = "ScopeServiceRevisionActionResult",
+  label = 'ScopeServiceRevisionActionResult',
 ): ScopeServiceRevisionActionResult {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     serviceId: readString(
       record,
-      ["serviceId", "ServiceId"],
+      ['serviceId', 'ServiceId'],
       `${label}.serviceId`,
     ),
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
+      ['revisionId', 'RevisionId'],
       `${label}.revisionId`,
     ),
-    status: readString(record, ["status", "Status"], `${label}.status`),
+    status: readString(record, ['status', 'Status'], `${label}.status`),
   };
 }
 
 function decodeScopeServiceEndpointContract(
   value: unknown,
-  label = "ScopeServiceEndpointContract",
+  label = 'ScopeServiceEndpointContract',
 ): ScopeServiceEndpointContract {
   const record = expectRecord(value, label);
-  const serviceId = readOptionalString(record, ["serviceId", "ServiceId"]);
+  const serviceId = readOptionalString(record, ['serviceId', 'ServiceId']);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
-    serviceId: serviceId || "",
-    memberId: readOptionalString(record, ["memberId", "MemberId"]),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
+    serviceId: serviceId || '',
+    memberId: readOptionalString(record, ['memberId', 'MemberId']),
     publishedServiceId: readOptionalString(record, [
-      "publishedServiceId",
-      "PublishedServiceId",
+      'publishedServiceId',
+      'PublishedServiceId',
     ]),
     endpointId: readString(
       record,
-      ["endpointId", "EndpointId"],
+      ['endpointId', 'EndpointId'],
       `${label}.endpointId`,
     ),
     invokePath: readString(
       record,
-      ["invokePath", "InvokePath"],
+      ['invokePath', 'InvokePath'],
       `${label}.invokePath`,
     ),
-    method: readString(record, ["method", "Method"], `${label}.method`),
+    method: readString(record, ['method', 'Method'], `${label}.method`),
     requestContentType: readString(
       record,
-      ["requestContentType", "RequestContentType"],
+      ['requestContentType', 'RequestContentType'],
       `${label}.requestContentType`,
     ),
     responseContentType: readString(
       record,
-      ["responseContentType", "ResponseContentType"],
+      ['responseContentType', 'ResponseContentType'],
       `${label}.responseContentType`,
     ),
     requestTypeUrl: readString(
       record,
-      ["requestTypeUrl", "RequestTypeUrl"],
+      ['requestTypeUrl', 'RequestTypeUrl'],
       `${label}.requestTypeUrl`,
     ),
     responseTypeUrl: readString(
       record,
-      ["responseTypeUrl", "ResponseTypeUrl"],
+      ['responseTypeUrl', 'ResponseTypeUrl'],
       `${label}.responseTypeUrl`,
     ),
     supportsSse: readBoolean(
       record,
-      ["supportsSse", "SupportsSse"],
+      ['supportsSse', 'SupportsSse'],
       `${label}.supportsSse`,
     ),
     supportsWebSocket: readBoolean(
       record,
-      ["supportsWebSocket", "SupportsWebSocket"],
+      ['supportsWebSocket', 'SupportsWebSocket'],
       `${label}.supportsWebSocket`,
     ),
     supportsAguiFrames: readBoolean(
       record,
-      ["supportsAguiFrames", "SupportsAguiFrames"],
+      ['supportsAguiFrames', 'SupportsAguiFrames'],
       `${label}.supportsAguiFrames`,
     ),
     streamFrameFormat: readNullableString(
       record,
-      ["streamFrameFormat", "StreamFrameFormat"],
+      ['streamFrameFormat', 'StreamFrameFormat'],
       `${label}.streamFrameFormat`,
     ),
     smokeTestSupported: readBoolean(
       record,
-      ["smokeTestSupported", "SmokeTestSupported"],
+      ['smokeTestSupported', 'SmokeTestSupported'],
       `${label}.smokeTestSupported`,
     ),
     defaultSmokeInputMode: readString(
       record,
-      ["defaultSmokeInputMode", "DefaultSmokeInputMode"],
+      ['defaultSmokeInputMode', 'DefaultSmokeInputMode'],
       `${label}.defaultSmokeInputMode`,
-    ) as ScopeServiceEndpointContract["defaultSmokeInputMode"],
+    ) as ScopeServiceEndpointContract['defaultSmokeInputMode'],
     defaultSmokePrompt: readNullableString(
       record,
-      ["defaultSmokePrompt", "DefaultSmokePrompt"],
+      ['defaultSmokePrompt', 'DefaultSmokePrompt'],
       `${label}.defaultSmokePrompt`,
     ),
     sampleRequestJson: readNullableString(
       record,
-      ["sampleRequestJson", "SampleRequestJson"],
+      ['sampleRequestJson', 'SampleRequestJson'],
       `${label}.sampleRequestJson`,
     ),
     deploymentStatus: readString(
       record,
-      ["deploymentStatus", "DeploymentStatus"],
+      ['deploymentStatus', 'DeploymentStatus'],
       `${label}.deploymentStatus`,
     ),
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
+      ['revisionId', 'RevisionId'],
       `${label}.revisionId`,
     ),
     curlExample: readNullableString(
       record,
-      ["curlExample", "CurlExample"],
+      ['curlExample', 'CurlExample'],
       `${label}.curlExample`,
     ),
     fetchExample: readNullableString(
       record,
-      ["fetchExample", "FetchExample"],
+      ['fetchExample', 'FetchExample'],
       `${label}.fetchExample`,
     ),
   };
@@ -767,36 +779,36 @@ function decodeScopeMemberEndpointContract(
 
 function decodeScopeServiceRunSummary(
   value: unknown,
-  label = "ScopeServiceRunSummary",
+  label = 'ScopeServiceRunSummary',
 ): ScopeServiceRunSummary {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     serviceId: readString(
       record,
-      ["serviceId", "ServiceId"],
+      ['serviceId', 'ServiceId'],
       `${label}.serviceId`,
     ),
-    runId: readString(record, ["runId", "RunId"], `${label}.runId`),
-    actorId: readString(record, ["actorId", "ActorId"], `${label}.actorId`),
+    runId: readString(record, ['runId', 'RunId'], `${label}.runId`),
+    actorId: readString(record, ['actorId', 'ActorId'], `${label}.actorId`),
     definitionActorId: readString(
       record,
-      ["definitionActorId", "DefinitionActorId"],
+      ['definitionActorId', 'DefinitionActorId'],
       `${label}.definitionActorId`,
     ),
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
+      ['revisionId', 'RevisionId'],
       `${label}.revisionId`,
     ),
     deploymentId: readString(
       record,
-      ["deploymentId", "DeploymentId"],
+      ['deploymentId', 'DeploymentId'],
       `${label}.deploymentId`,
     ),
     workflowName: readString(
       record,
-      ["workflowName", "WorkflowName"],
+      ['workflowName', 'WorkflowName'],
       `${label}.workflowName`,
     ),
     completionStatus: normalizeEnumValue(
@@ -806,53 +818,53 @@ function decodeScopeServiceRunSummary(
     ),
     stateVersion: readNumber(
       record,
-      ["stateVersion", "StateVersion"],
+      ['stateVersion', 'StateVersion'],
       `${label}.stateVersion`,
     ),
     lastEventId: readString(
       record,
-      ["lastEventId", "LastEventId"],
+      ['lastEventId', 'LastEventId'],
       `${label}.lastEventId`,
     ),
     lastUpdatedAt: readNullableString(
       record,
-      ["lastUpdatedAt", "LastUpdatedAt"],
+      ['lastUpdatedAt', 'LastUpdatedAt'],
       `${label}.lastUpdatedAt`,
     ),
     boundAt: readNullableString(
       record,
-      ["boundAt", "BoundAt"],
+      ['boundAt', 'BoundAt'],
       `${label}.boundAt`,
     ),
     bindingUpdatedAt: readNullableString(
       record,
-      ["bindingUpdatedAt", "BindingUpdatedAt"],
+      ['bindingUpdatedAt', 'BindingUpdatedAt'],
       `${label}.bindingUpdatedAt`,
     ),
-    lastSuccess: readNullableBoolean(record, ["lastSuccess", "LastSuccess"]),
+    lastSuccess: readNullableBoolean(record, ['lastSuccess', 'LastSuccess']),
     totalSteps: readNumber(
       record,
-      ["totalSteps", "TotalSteps"],
+      ['totalSteps', 'TotalSteps'],
       `${label}.totalSteps`,
     ),
     completedSteps: readNumber(
       record,
-      ["completedSteps", "CompletedSteps"],
+      ['completedSteps', 'CompletedSteps'],
       `${label}.completedSteps`,
     ),
     roleReplyCount: readNumber(
       record,
-      ["roleReplyCount", "RoleReplyCount"],
+      ['roleReplyCount', 'RoleReplyCount'],
       `${label}.roleReplyCount`,
     ),
     lastOutput: readString(
       record,
-      ["lastOutput", "LastOutput"],
+      ['lastOutput', 'LastOutput'],
       `${label}.lastOutput`,
     ),
     lastError: readString(
       record,
-      ["lastError", "LastError"],
+      ['lastError', 'LastError'],
       `${label}.lastError`,
     ),
   };
@@ -860,24 +872,24 @@ function decodeScopeServiceRunSummary(
 
 function decodeScopeServiceRunCatalogSnapshot(
   value: unknown,
-  label = "ScopeServiceRunCatalogSnapshot",
+  label = 'ScopeServiceRunCatalogSnapshot',
 ): ScopeServiceRunCatalogSnapshot {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     serviceId: readString(
       record,
-      ["serviceId", "ServiceId"],
+      ['serviceId', 'ServiceId'],
       `${label}.serviceId`,
     ),
     serviceKey: readString(
       record,
-      ["serviceKey", "ServiceKey"],
+      ['serviceKey', 'ServiceKey'],
       `${label}.serviceKey`,
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
+      ['displayName', 'DisplayName'],
       `${label}.displayName`,
     ),
     runs: expectArray(
@@ -890,41 +902,37 @@ function decodeScopeServiceRunCatalogSnapshot(
 
 function decodeScopeMemberRunSummary(
   value: unknown,
-  label = "ScopeMemberRunSummary",
+  label = 'ScopeMemberRunSummary',
 ): ScopeMemberRunSummary {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
-    memberId: readString(
-      record,
-      ["memberId", "MemberId"],
-      `${label}.memberId`,
-    ),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
+    memberId: readString(record, ['memberId', 'MemberId'], `${label}.memberId`),
     publishedServiceId: readString(
       record,
-      ["publishedServiceId", "PublishedServiceId"],
+      ['publishedServiceId', 'PublishedServiceId'],
       `${label}.publishedServiceId`,
     ),
-    runId: readString(record, ["runId", "RunId"], `${label}.runId`),
-    actorId: readString(record, ["actorId", "ActorId"], `${label}.actorId`),
+    runId: readString(record, ['runId', 'RunId'], `${label}.runId`),
+    actorId: readString(record, ['actorId', 'ActorId'], `${label}.actorId`),
     definitionActorId: readString(
       record,
-      ["definitionActorId", "DefinitionActorId"],
+      ['definitionActorId', 'DefinitionActorId'],
       `${label}.definitionActorId`,
     ),
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
+      ['revisionId', 'RevisionId'],
       `${label}.revisionId`,
     ),
     deploymentId: readString(
       record,
-      ["deploymentId", "DeploymentId"],
+      ['deploymentId', 'DeploymentId'],
       `${label}.deploymentId`,
     ),
     workflowName: readString(
       record,
-      ["workflowName", "WorkflowName"],
+      ['workflowName', 'WorkflowName'],
       `${label}.workflowName`,
     ),
     completionStatus: normalizeEnumValue(
@@ -934,53 +942,53 @@ function decodeScopeMemberRunSummary(
     ),
     stateVersion: readNumber(
       record,
-      ["stateVersion", "StateVersion"],
+      ['stateVersion', 'StateVersion'],
       `${label}.stateVersion`,
     ),
     lastEventId: readString(
       record,
-      ["lastEventId", "LastEventId"],
+      ['lastEventId', 'LastEventId'],
       `${label}.lastEventId`,
     ),
     lastUpdatedAt: readNullableString(
       record,
-      ["lastUpdatedAt", "LastUpdatedAt"],
+      ['lastUpdatedAt', 'LastUpdatedAt'],
       `${label}.lastUpdatedAt`,
     ),
     boundAt: readNullableString(
       record,
-      ["boundAt", "BoundAt"],
+      ['boundAt', 'BoundAt'],
       `${label}.boundAt`,
     ),
     bindingUpdatedAt: readNullableString(
       record,
-      ["bindingUpdatedAt", "BindingUpdatedAt"],
+      ['bindingUpdatedAt', 'BindingUpdatedAt'],
       `${label}.bindingUpdatedAt`,
     ),
-    lastSuccess: readNullableBoolean(record, ["lastSuccess", "LastSuccess"]),
+    lastSuccess: readNullableBoolean(record, ['lastSuccess', 'LastSuccess']),
     totalSteps: readNumber(
       record,
-      ["totalSteps", "TotalSteps"],
+      ['totalSteps', 'TotalSteps'],
       `${label}.totalSteps`,
     ),
     completedSteps: readNumber(
       record,
-      ["completedSteps", "CompletedSteps"],
+      ['completedSteps', 'CompletedSteps'],
       `${label}.completedSteps`,
     ),
     roleReplyCount: readNumber(
       record,
-      ["roleReplyCount", "RoleReplyCount"],
+      ['roleReplyCount', 'RoleReplyCount'],
       `${label}.roleReplyCount`,
     ),
     lastOutput: readString(
       record,
-      ["lastOutput", "LastOutput"],
+      ['lastOutput', 'LastOutput'],
       `${label}.lastOutput`,
     ),
     lastError: readString(
       record,
-      ["lastError", "LastError"],
+      ['lastError', 'LastError'],
       `${label}.lastError`,
     ),
   };
@@ -988,29 +996,25 @@ function decodeScopeMemberRunSummary(
 
 function decodeScopeMemberRunCatalogSnapshot(
   value: unknown,
-  label = "ScopeMemberRunCatalogSnapshot",
+  label = 'ScopeMemberRunCatalogSnapshot',
 ): ScopeMemberRunCatalogSnapshot {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
-    memberId: readString(
-      record,
-      ["memberId", "MemberId"],
-      `${label}.memberId`,
-    ),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
+    memberId: readString(record, ['memberId', 'MemberId'], `${label}.memberId`),
     publishedServiceId: readString(
       record,
-      ["publishedServiceId", "PublishedServiceId"],
+      ['publishedServiceId', 'PublishedServiceId'],
       `${label}.publishedServiceId`,
     ),
     publishedServiceKey: readString(
       record,
-      ["publishedServiceKey", "PublishedServiceKey"],
+      ['publishedServiceKey', 'PublishedServiceKey'],
       `${label}.publishedServiceKey`,
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
+      ['displayName', 'DisplayName'],
       `${label}.displayName`,
     ),
     runs: expectArray(
@@ -1028,7 +1032,7 @@ function decodeStepTypeCounts(
   const record = expectRecord(value, label);
   return Object.fromEntries(
     Object.entries(record).map(([key, rawValue]) => {
-      if (typeof rawValue !== "number" || Number.isNaN(rawValue)) {
+      if (typeof rawValue !== 'number' || Number.isNaN(rawValue)) {
         throw new Error(`${label}.${key} must be a number.`);
       }
       return [key, rawValue];
@@ -1038,28 +1042,28 @@ function decodeStepTypeCounts(
 
 function decodeScopeServiceRunAuditSummary(
   value: unknown,
-  label = "ScopeServiceRunAuditSummary",
+  label = 'ScopeServiceRunAuditSummary',
 ): ScopeServiceRunAuditSummary {
   const record = expectRecord(value, label);
   return {
     totalSteps: readNumber(
       record,
-      ["totalSteps", "TotalSteps"],
+      ['totalSteps', 'TotalSteps'],
       `${label}.totalSteps`,
     ),
     requestedSteps: readNumber(
       record,
-      ["requestedSteps", "RequestedSteps"],
+      ['requestedSteps', 'RequestedSteps'],
       `${label}.requestedSteps`,
     ),
     completedSteps: readNumber(
       record,
-      ["completedSteps", "CompletedSteps"],
+      ['completedSteps', 'CompletedSteps'],
       `${label}.completedSteps`,
     ),
     roleReplyCount: readNumber(
       record,
-      ["roleReplyCount", "RoleReplyCount"],
+      ['roleReplyCount', 'RoleReplyCount'],
       `${label}.roleReplyCount`,
     ),
     stepTypeCounts: decodeStepTypeCounts(
@@ -1071,88 +1075,88 @@ function decodeScopeServiceRunAuditSummary(
 
 function decodeScopeServiceRunAuditStep(
   value: unknown,
-  label = "ScopeServiceRunAuditStep",
+  label = 'ScopeServiceRunAuditStep',
 ): ScopeServiceRunAuditStep {
   const record = expectRecord(value, label);
   return {
-    stepId: readString(record, ["stepId", "StepId"], `${label}.stepId`),
-    stepType: readString(record, ["stepType", "StepType"], `${label}.stepType`),
+    stepId: readString(record, ['stepId', 'StepId'], `${label}.stepId`),
+    stepType: readString(record, ['stepType', 'StepType'], `${label}.stepType`),
     targetRole: readString(
       record,
-      ["targetRole", "TargetRole"],
+      ['targetRole', 'TargetRole'],
       `${label}.targetRole`,
     ),
     requestedAt: readNullableString(
       record,
-      ["requestedAt", "RequestedAt"],
+      ['requestedAt', 'RequestedAt'],
       `${label}.requestedAt`,
     ),
     completedAt: readNullableString(
       record,
-      ["completedAt", "CompletedAt"],
+      ['completedAt', 'CompletedAt'],
       `${label}.completedAt`,
     ),
-    success: readNullableBoolean(record, ["success", "Success"]),
-    workerId: readString(record, ["workerId", "WorkerId"], `${label}.workerId`),
+    success: readNullableBoolean(record, ['success', 'Success']),
+    workerId: readString(record, ['workerId', 'WorkerId'], `${label}.workerId`),
     outputPreview: readString(
       record,
-      ["outputPreview", "OutputPreview"],
+      ['outputPreview', 'OutputPreview'],
       `${label}.outputPreview`,
     ),
-    error: readString(record, ["error", "Error"], `${label}.error`),
+    error: readString(record, ['error', 'Error'], `${label}.error`),
     requestParameters: readStringRecord(
       record,
-      ["requestParameters", "RequestParameters"],
+      ['requestParameters', 'RequestParameters'],
       `${label}.requestParameters`,
     ),
     completionAnnotations: readStringRecord(
       record,
-      ["completionAnnotations", "CompletionAnnotations"],
+      ['completionAnnotations', 'CompletionAnnotations'],
       `${label}.completionAnnotations`,
     ),
     nextStepId: readString(
       record,
-      ["nextStepId", "NextStepId"],
+      ['nextStepId', 'NextStepId'],
       `${label}.nextStepId`,
     ),
     branchKey: readString(
       record,
-      ["branchKey", "BranchKey"],
+      ['branchKey', 'BranchKey'],
       `${label}.branchKey`,
     ),
     assignedVariable: readString(
       record,
-      ["assignedVariable", "AssignedVariable"],
+      ['assignedVariable', 'AssignedVariable'],
       `${label}.assignedVariable`,
     ),
     assignedValue: readString(
       record,
-      ["assignedValue", "AssignedValue"],
+      ['assignedValue', 'AssignedValue'],
       `${label}.assignedValue`,
     ),
     suspensionType: readString(
       record,
-      ["suspensionType", "SuspensionType"],
+      ['suspensionType', 'SuspensionType'],
       `${label}.suspensionType`,
     ),
     suspensionPrompt: readString(
       record,
-      ["suspensionPrompt", "SuspensionPrompt"],
+      ['suspensionPrompt', 'SuspensionPrompt'],
       `${label}.suspensionPrompt`,
     ),
     suspensionTimeoutSeconds: readNullableNumber(
       record,
-      ["suspensionTimeoutSeconds", "SuspensionTimeoutSeconds"],
+      ['suspensionTimeoutSeconds', 'SuspensionTimeoutSeconds'],
       `${label}.suspensionTimeoutSeconds`,
     ),
     requestedVariableName: readString(
       record,
-      ["requestedVariableName", "RequestedVariableName"],
+      ['requestedVariableName', 'RequestedVariableName'],
       `${label}.requestedVariableName`,
     ),
     durationMs: readNullableNumber(
       record,
-      ["durationMs", "DurationMs"],
+      ['durationMs', 'DurationMs'],
       `${label}.durationMs`,
     ),
   };
@@ -1160,25 +1164,25 @@ function decodeScopeServiceRunAuditStep(
 
 function decodeScopeServiceRunAuditReply(
   value: unknown,
-  label = "ScopeServiceRunAuditReply",
+  label = 'ScopeServiceRunAuditReply',
 ): ScopeServiceRunAuditReply {
   const record = expectRecord(value, label);
   return {
     timestamp: readNullableString(
       record,
-      ["timestamp", "Timestamp"],
+      ['timestamp', 'Timestamp'],
       `${label}.timestamp`,
     ),
-    roleId: readString(record, ["roleId", "RoleId"], `${label}.roleId`),
+    roleId: readString(record, ['roleId', 'RoleId'], `${label}.roleId`),
     sessionId: readString(
       record,
-      ["sessionId", "SessionId"],
+      ['sessionId', 'SessionId'],
       `${label}.sessionId`,
     ),
-    content: readString(record, ["content", "Content"], `${label}.content`),
+    content: readString(record, ['content', 'Content'], `${label}.content`),
     contentLength: readNumber(
       record,
-      ["contentLength", "ContentLength"],
+      ['contentLength', 'ContentLength'],
       `${label}.contentLength`,
     ),
   };
@@ -1186,135 +1190,146 @@ function decodeScopeServiceRunAuditReply(
 
 function decodeScopeServiceRunAuditTimelineEvent(
   value: unknown,
-  label = "ScopeServiceRunAuditTimelineEvent",
+  label = 'ScopeServiceRunAuditTimelineEvent',
 ): ScopeServiceRunAuditTimelineEvent {
   const record = expectRecord(value, label);
   return {
     timestamp: readNullableString(
       record,
-      ["timestamp", "Timestamp"],
+      ['timestamp', 'Timestamp'],
       `${label}.timestamp`,
     ),
-    stage: readString(record, ["stage", "Stage"], `${label}.stage`),
-    message: readString(record, ["message", "Message"], `${label}.message`),
-    agentId: readString(record, ["agentId", "AgentId"], `${label}.agentId`),
-    stepId: readString(record, ["stepId", "StepId"], `${label}.stepId`),
-    stepType: readString(record, ["stepType", "StepType"], `${label}.stepType`),
+    stage: readString(record, ['stage', 'Stage'], `${label}.stage`),
+    message: readString(record, ['message', 'Message'], `${label}.message`),
+    agentId: readString(record, ['agentId', 'AgentId'], `${label}.agentId`),
+    stepId: readString(record, ['stepId', 'StepId'], `${label}.stepId`),
+    stepType: readString(record, ['stepType', 'StepType'], `${label}.stepType`),
     eventType: readString(
       record,
-      ["eventType", "EventType"],
+      ['eventType', 'EventType'],
       `${label}.eventType`,
     ),
-    data: readStringRecord(record, ["data", "Data"], `${label}.data`),
+    data: readStringRecord(record, ['data', 'Data'], `${label}.data`),
   };
 }
 
 function decodeScopeServiceRunAuditReport(
   value: unknown,
-  label = "ScopeServiceRunAuditReport",
+  label = 'ScopeServiceRunAuditReport',
 ): ScopeServiceRunAuditReport {
   const record = expectRecord(value, label);
   return {
     reportVersion: readString(
       record,
-      ["reportVersion", "ReportVersion"],
+      ['reportVersion', 'ReportVersion'],
       `${label}.reportVersion`,
     ),
     projectionScope: normalizeEnumValue(
-      record.projectionScope ?? record.ProjectionScope ?? "unknown",
+      record.projectionScope ?? record.ProjectionScope ?? 'unknown',
       `${label}.projectionScope`,
       {
-        "0": "actor_shared",
-        "1": "run_isolated",
-        "99": "unknown",
-        actor_shared: "actor_shared",
-        run_isolated: "run_isolated",
-        unknown: "unknown",
+        '0': 'actor_shared',
+        '1': 'run_isolated',
+        '99': 'unknown',
+        actor_shared: 'actor_shared',
+        run_isolated: 'run_isolated',
+        unknown: 'unknown',
       },
     ),
     topologySource: normalizeEnumValue(
-      record.topologySource ?? record.TopologySource ?? "unknown",
+      record.topologySource ?? record.TopologySource ?? 'unknown',
       `${label}.topologySource`,
       {
-        "0": "runtime_snapshot",
-        "99": "unknown",
-        runtime_snapshot: "runtime_snapshot",
-        unknown: "unknown",
+        '0': 'runtime_snapshot',
+        '99': 'unknown',
+        runtime_snapshot: 'runtime_snapshot',
+        unknown: 'unknown',
       },
     ),
     completionStatus: normalizeEnumValue(
-      record.completionStatus ?? record.CompletionStatus ?? "unknown",
+      record.completionStatus ?? record.CompletionStatus ?? 'unknown',
       `${label}.completionStatus`,
       completionStatusMap,
     ),
     workflowName: readString(
       record,
-      ["workflowName", "WorkflowName"],
+      ['workflowName', 'WorkflowName'],
       `${label}.workflowName`,
     ),
     rootActorId: readString(
       record,
-      ["rootActorId", "RootActorId"],
+      ['rootActorId', 'RootActorId'],
       `${label}.rootActorId`,
     ),
-    commandId: readString(record, ["commandId", "CommandId"], `${label}.commandId`),
+    commandId: readString(
+      record,
+      ['commandId', 'CommandId'],
+      `${label}.commandId`,
+    ),
     stateVersion: readNumber(
       record,
-      ["stateVersion", "StateVersion"],
+      ['stateVersion', 'StateVersion'],
       `${label}.stateVersion`,
     ),
     lastEventId: readString(
       record,
-      ["lastEventId", "LastEventId"],
+      ['lastEventId', 'LastEventId'],
       `${label}.lastEventId`,
     ),
     createdAt: readNullableString(
       record,
-      ["createdAt", "CreatedAt"],
+      ['createdAt', 'CreatedAt'],
       `${label}.createdAt`,
     ),
     updatedAt: readNullableString(
       record,
-      ["updatedAt", "UpdatedAt"],
+      ['updatedAt', 'UpdatedAt'],
       `${label}.updatedAt`,
     ),
     startedAt: readNullableString(
       record,
-      ["startedAt", "StartedAt"],
+      ['startedAt', 'StartedAt'],
       `${label}.startedAt`,
     ),
     endedAt: readNullableString(
       record,
-      ["endedAt", "EndedAt"],
+      ['endedAt', 'EndedAt'],
       `${label}.endedAt`,
     ),
-    durationMs: readNumber(record, ["durationMs", "DurationMs"], `${label}.durationMs`),
-    success: readNullableBoolean(record, ["success", "Success"]),
-    input: readString(record, ["input", "Input"], `${label}.input`),
+    durationMs: readNumber(
+      record,
+      ['durationMs', 'DurationMs'],
+      `${label}.durationMs`,
+    ),
+    success: readNullableBoolean(record, ['success', 'Success']),
+    input: readString(record, ['input', 'Input'], `${label}.input`),
     finalOutput: readString(
       record,
-      ["finalOutput", "FinalOutput"],
+      ['finalOutput', 'FinalOutput'],
       `${label}.finalOutput`,
     ),
     finalError: readString(
       record,
-      ["finalError", "FinalError"],
+      ['finalError', 'FinalError'],
       `${label}.finalError`,
     ),
     topology: expectArray(
       record.topology ?? record.Topology ?? [],
       `${label}.topology`,
       (entry, nestedLabel) => {
-        const nestedRecord = expectRecord(entry, nestedLabel || `${label}.topology[]`);
+        const nestedRecord = expectRecord(
+          entry,
+          nestedLabel || `${label}.topology[]`,
+        );
         return {
           parent: readString(
             nestedRecord,
-            ["parent", "Parent"],
+            ['parent', 'Parent'],
             `${nestedLabel}.parent`,
           ),
           child: readString(
             nestedRecord,
-            ["child", "Child"],
+            ['child', 'Child'],
             `${nestedLabel}.child`,
           ),
         };
@@ -1344,7 +1359,7 @@ function decodeScopeServiceRunAuditReport(
 
 function decodeScopeServiceRunAuditSnapshot(
   value: unknown,
-  label = "ScopeServiceRunAuditSnapshot",
+  label = 'ScopeServiceRunAuditSnapshot',
 ): ScopeServiceRunAuditSnapshot {
   const record = expectRecord(value, label);
   return {
@@ -1361,7 +1376,7 @@ function decodeScopeServiceRunAuditSnapshot(
 
 function decodeScopeMemberRunAuditSnapshot(
   value: unknown,
-  label = "ScopeMemberRunAuditSnapshot",
+  label = 'ScopeMemberRunAuditSnapshot',
 ): ScopeMemberRunAuditSnapshot {
   const record = expectRecord(value, label);
   return {
@@ -1381,7 +1396,9 @@ function encodeScopeServiceBindingPayload(input: ScopeServiceBindingInput) {
     bindingId: input.bindingId.trim(),
     displayName: input.displayName.trim(),
     bindingKind: input.bindingKind.trim(),
-    policyIds: (input.policyIds ?? []).map((item) => item.trim()).filter(Boolean),
+    policyIds: (input.policyIds ?? [])
+      .map((item) => item.trim())
+      .filter(Boolean),
     service: input.service
       ? {
           serviceId: input.service.serviceId.trim(),
@@ -1426,6 +1443,25 @@ export const scopeRuntimeApi = {
     );
   },
 
+  async getServiceBindingCatalogSnapshot(
+    scopeId: string,
+    serviceId: string,
+  ): Promise<ScopeServiceBindingCatalogRead> {
+    const response = await authFetch(
+      `/api/scopes/${encodeURIComponent(scopeId)}/services/${encodeURIComponent(serviceId)}/bindings`,
+    );
+    if (response.status === 404) {
+      return { kind: 'not_materialized' };
+    }
+    if (!response.ok) {
+      throw new Error(await readResponseError(response));
+    }
+    return {
+      kind: 'available',
+      snapshot: decodeServiceBindingCatalogSnapshot(await response.json()),
+    };
+  },
+
   createServiceBinding(
     scopeId: string,
     serviceId: string,
@@ -1435,7 +1471,7 @@ export const scopeRuntimeApi = {
       `/api/scopes/${encodeURIComponent(scopeId)}/services/${encodeURIComponent(serviceId)}/bindings`,
       decodeServiceCommandAcceptedReceipt,
       {
-        method: "POST",
+        method: 'POST',
         ...jsonBody(encodeScopeServiceBindingPayload(input)),
       },
     );
@@ -1451,7 +1487,7 @@ export const scopeRuntimeApi = {
       `/api/scopes/${encodeURIComponent(scopeId)}/services/${encodeURIComponent(serviceId)}/bindings/${encodeURIComponent(bindingId)}`,
       decodeServiceCommandAcceptedReceipt,
       {
-        method: "PUT",
+        method: 'PUT',
         ...jsonBody(encodeScopeServiceBindingPayload(input)),
       },
     );
@@ -1466,7 +1502,7 @@ export const scopeRuntimeApi = {
       `/api/scopes/${encodeURIComponent(scopeId)}/services/${encodeURIComponent(serviceId)}/bindings/${encodeURIComponent(bindingId)}:retire`,
       decodeServiceCommandAcceptedReceipt,
       {
-        method: "POST",
+        method: 'POST',
         ...jsonBody({}),
       },
     );
@@ -1525,7 +1561,7 @@ export const scopeRuntimeApi = {
       `/api/scopes/${encodeURIComponent(scopeId)}/services/${encodeURIComponent(serviceId)}/revisions/${encodeURIComponent(revisionId)}:retire`,
       decodeScopeServiceRevisionActionResult,
       {
-        method: "POST",
+        method: 'POST',
         ...jsonBody({}),
       },
     );
diff --git a/apps/aevatar-console-web/src/shared/api/scopesApi.test.ts b/apps/aevatar-console-web/src/shared/api/scopesApi.test.ts
new file mode 100644
index 0000000000..b94263fe4c
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/scopesApi.test.ts
@@ -0,0 +1,265 @@
+import { persistAuthSession } from '@/shared/auth/session';
+import { scopesApi } from './scopesApi';
+
+describe('scopesApi workflow catalogue', () => {
+  const originalFetch = global.fetch;
+
+  beforeEach(() => {
+    window.localStorage.clear();
+    jest.spyOn(Date, 'now').mockReturnValue(1_700_000_000_000);
+    persistAuthSession({
+      tokens: {
+        accessToken: 'access-token',
+        tokenType: 'Bearer',
+        expiresIn: 3600,
+        expiresAt: Date.now() + 3_600_000,
+      },
+      user: { sub: 'user-1' },
+    });
+  });
+
+  afterEach(() => {
+    global.fetch = originalFetch;
+    jest.restoreAllMocks();
+    window.localStorage.clear();
+  });
+
+  it('preserves the explicit published service identity on workflow summaries', async () => {
+    const fetchMock = jest.fn().mockResolvedValue({
+      json: async () => [
+        {
+          scopeId: 'scope-alpha',
+          workflowId: 'legacy-catalogue-row-alpha',
+          publishedServiceId: 'svc-alpha',
+          serviceAppId: 'workflow-app',
+          serviceNamespace: 'workflow-namespace',
+          displayName: 'Published workflow',
+          serviceKey: 'scope-alpha:studio:default:svc-alpha',
+          workflowName: 'published_workflow',
+          actorId: 'actor-alpha',
+          activeRevisionId: 'rev-alpha',
+          deploymentId: 'dep-alpha',
+          deploymentStatus: 'Active',
+          updatedAt: '2026-08-06T10:00:00Z',
+        },
+      ],
+      ok: true,
+      status: 200,
+      statusText: 'OK',
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(scopesApi.listWorkflows('scope-alpha')).resolves.toEqual([
+      expect.objectContaining({
+        workflowId: 'legacy-catalogue-row-alpha',
+        publishedServiceId: 'svc-alpha',
+      }),
+    ]);
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/scopes/scope-alpha/workflows?includeSource=false',
+      expect.objectContaining({ headers: expect.any(Headers) }),
+    );
+  });
+
+  it('queries and decodes the backend-owned workflow catalogue contract', async () => {
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        items: [
+          {
+            scopeId: 'scope alpha',
+            workflowId: 'wf-alpha',
+            name: '审批 workflow',
+            description: 'Handles approvals',
+            hasDraftSource: true,
+            hasCommittedSource: true,
+            updatedAtUtc: '2026-08-04T10:00:00Z',
+            updatedAtSource: 'committed',
+            publishedServiceId: 'svc-alpha',
+            capabilities: {
+              open: { available: true, unavailableReason: null },
+              activity: { available: true, unavailableReason: null },
+              rename: { available: true, unavailableReason: null },
+              delete: { available: false, unavailableReason: 'policy_denied' },
+            },
+            sourceWatermarkUtc: '2026-08-04T10:00:00Z',
+            committed: {
+              serviceKey: 'scope-alpha:workflow:default:svc-alpha',
+              workflowName: 'approval_flow',
+              actorId: 'actor-alpha',
+              activeRevisionId: 'rev-alpha',
+              deploymentId: 'dep-alpha',
+              deploymentStatus: 'Active',
+              serviceAppId: 'workflow-app',
+              serviceNamespace: 'workflow-namespace',
+            },
+          },
+          {
+            scopeId: 'scope alpha',
+            workflowId: 'wf-draft',
+            name: 'Draft only',
+            description: '',
+            hasDraftSource: true,
+            hasCommittedSource: false,
+            updatedAtUtc: '2026-08-03T10:00:00Z',
+            updatedAtSource: 'draft',
+            capabilities: {
+              open: { available: true, unavailableReason: null },
+              activity: {
+                available: false,
+                unavailableReason: 'committed_source_missing',
+              },
+              rename: { available: true, unavailableReason: null },
+              delete: { available: true, unavailableReason: null },
+            },
+            sourceWatermarkUtc: '2026-08-03T10:00:00Z',
+            committed: null,
+          },
+        ],
+        nextPageToken: 'next token',
+        freshness: {
+          refreshWatermarkUtc: '2026-08-04T10:00:00Z',
+          sourceVersionSemantics: 'max source timestamp',
+        },
+        search: {
+          searchableFields: ['name', 'description', 'workflowId'],
+          caseSemantics: 'ordinal ignore case',
+          unicodeNormalization: 'FormKC',
+          maximumQueryLength: 128,
+          emptyQuerySemantics: 'no filter',
+          workflowIdSemantics: 'exact or prefix',
+        },
+      }),
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+    const controller = new AbortController();
+
+    const response = await scopesApi.queryWorkflowCatalogue(
+      {
+        scopeId: 'scope alpha',
+        view: 'drafts',
+        query: '审批 flow',
+        cursor: 'next token',
+        take: 25,
+      },
+      controller.signal,
+    );
+
+    const [input, init] = fetchMock.mock.calls[0] as [
+      string,
+      RequestInit | undefined,
+    ];
+    expect(input).toBe(
+      '/api/scopes/scope%20alpha/workflow-catalogue?view=drafts&query=%E5%AE%A1%E6%89%B9+flow&cursor=next+token&take=25',
+    );
+    expect(init?.signal).toBe(controller.signal);
+    expect(response.nextPageToken).toBe('next token');
+    expect(response.items[0]).toMatchObject({
+      workflowId: 'wf-alpha',
+      publishedServiceId: 'svc-alpha',
+      capabilities: {
+        open: { available: true, unavailableReason: null },
+        activity: { available: true, unavailableReason: null },
+        rename: { available: true, unavailableReason: null },
+        delete: { available: false, unavailableReason: 'policy_denied' },
+      },
+      committed: {
+        serviceKey: 'scope-alpha:workflow:default:svc-alpha',
+        actorId: 'actor-alpha',
+        deploymentId: 'dep-alpha',
+        serviceAppId: 'workflow-app',
+        serviceNamespace: 'workflow-namespace',
+      },
+    });
+    expect(response.items[1]?.committed).toBeNull();
+    expect(response.freshness.refreshWatermarkUtc).toBe('2026-08-04T10:00:00Z');
+    expect(response.search.maximumQueryLength).toBe(128);
+  });
+
+  it('reads the published service identity from the workflow detail read model', async () => {
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        available: true,
+        scopeId: 'scope-alpha',
+        workflow: {
+          scopeId: 'scope-alpha',
+          workflowId: 'wf-alpha',
+          displayName: 'Workflow Alpha',
+          serviceKey: 'opaque-service-key',
+          workflowName: 'workflow_alpha',
+          actorId: 'actor-alpha',
+          activeRevisionId: 'rev-alpha',
+          deploymentId: 'dep-alpha',
+          deploymentStatus: 'Active',
+          updatedAt: '2026-08-04T10:00:00Z',
+          publishedServiceId: 'svc-alpha',
+          serviceAppId: 'workflow-app',
+          serviceNamespace: 'workflow-namespace',
+        },
+        source: null,
+      }),
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      scopesApi.getWorkflowDetail('scope-alpha', 'wf-alpha'),
+    ).resolves.toMatchObject({
+      available: true,
+      scopeId: 'scope-alpha',
+      workflow: {
+        workflowId: 'wf-alpha',
+        activeRevisionId: 'rev-alpha',
+        publishedServiceId: 'svc-alpha',
+        serviceAppId: 'workflow-app',
+        serviceNamespace: 'workflow-namespace',
+      },
+    });
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/scopes/scope-alpha/workflows/wf-alpha',
+      expect.objectContaining({ headers: expect.any(Headers) }),
+    );
+  });
+
+  it('archives a workflow through the scope-owned command boundary', async () => {
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: true,
+      status: 202,
+      json: async () => ({
+        scopeId: 'scope alpha',
+        workflowId: 'wf/alpha',
+        deploymentId: 'dep-alpha',
+        commandHandle: {
+          stage: 'deactivate_deployment',
+          targetActorId: 'deployment-actor-alpha',
+          commandId: 'cmd-archive-alpha',
+          correlationId: 'corr-archive-alpha',
+        },
+        readModelUrl: '/api/scopes/scope%20alpha/workflows/wf%2Falpha',
+        acceptanceStage: 'accepted',
+        propagationStage: 'readmodel_propagating',
+      }),
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      scopesApi.archiveWorkflow('scope alpha', 'wf/alpha'),
+    ).resolves.toMatchObject({
+      scopeId: 'scope alpha',
+      workflowId: 'wf/alpha',
+      deploymentId: 'dep-alpha',
+      commandHandle: {
+        stage: 'deactivate_deployment',
+        commandId: 'cmd-archive-alpha',
+      },
+      acceptanceStage: 'accepted',
+    });
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/scopes/scope%20alpha/workflows/wf%2Falpha:archive',
+      expect.objectContaining({ method: 'POST', headers: expect.any(Headers) }),
+    );
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/api/scopesApi.ts b/apps/aevatar-console-web/src/shared/api/scopesApi.ts
index 77f06305c7..b18e40097a 100644
--- a/apps/aevatar-console-web/src/shared/api/scopesApi.ts
+++ b/apps/aevatar-console-web/src/shared/api/scopesApi.ts
@@ -1,102 +1,347 @@
-import {
-  expectArray,
-  expectRecord,
-  readBoolean,
-  readOptionalRecord,
-  readString,
-  readStringArray,
-  readStringRecord,
-  type Decoder,
-} from "./http/decoders";
-import { requestJson } from "./http/client";
 import type {
   ScopeScriptCatalog,
   ScopeScriptDetail,
   ScopeScriptSource,
   ScopeScriptSummary,
+  ScopeWorkflowArchiveAcceptedResult,
+  ScopeWorkflowCatalogueActionCapability,
+  ScopeWorkflowCatalogueCommittedFacts,
+  ScopeWorkflowCatalogueQuery,
+  ScopeWorkflowCatalogueResponse,
+  ScopeWorkflowCatalogueRow,
+  ScopeWorkflowCatalogueRowCapabilities,
   ScopeWorkflowDetail,
   ScopeWorkflowSource,
   ScopeWorkflowSummary,
-} from "@/shared/models/scopes";
+} from '@/shared/models/scopes';
+import { requestJson, withQuery } from './http/client';
+import {
+  type Decoder,
+  expectArray,
+  expectRecord,
+  readBoolean,
+  readNullableString,
+  readNumber,
+  readOptionalRecord,
+  readString,
+  readStringArray,
+  readStringRecord,
+} from './http/decoders';
+
+function decodeScopeWorkflowCatalogueActionCapability(
+  value: unknown,
+  label: string,
+): ScopeWorkflowCatalogueActionCapability {
+  const record = expectRecord(value, label);
+  return {
+    available: readBoolean(
+      record,
+      ['available', 'Available'],
+      `${label}.available`,
+    ),
+    unavailableReason: readNullableString(
+      record,
+      ['unavailableReason', 'UnavailableReason'],
+      `${label}.unavailableReason`,
+    ),
+  };
+}
+
+function decodeScopeWorkflowCatalogueCapabilities(
+  value: unknown,
+  label: string,
+): ScopeWorkflowCatalogueRowCapabilities {
+  const record = expectRecord(value, label);
+  return {
+    open: decodeScopeWorkflowCatalogueActionCapability(
+      record.open ?? record.Open,
+      `${label}.open`,
+    ),
+    activity: decodeScopeWorkflowCatalogueActionCapability(
+      record.activity ?? record.Activity,
+      `${label}.activity`,
+    ),
+    rename: decodeScopeWorkflowCatalogueActionCapability(
+      record.rename ?? record.Rename,
+      `${label}.rename`,
+    ),
+    delete: decodeScopeWorkflowCatalogueActionCapability(
+      record.delete ?? record.Delete,
+      `${label}.delete`,
+    ),
+  };
+}
+
+function decodeScopeWorkflowCatalogueCommittedFacts(
+  value: unknown,
+  label: string,
+): ScopeWorkflowCatalogueCommittedFacts | null {
+  if (value === null || value === undefined) return null;
+
+  const record = expectRecord(value, label);
+  return {
+    serviceKey: readString(
+      record,
+      ['serviceKey', 'ServiceKey'],
+      `${label}.serviceKey`,
+    ),
+    workflowName: readString(
+      record,
+      ['workflowName', 'WorkflowName'],
+      `${label}.workflowName`,
+    ),
+    actorId: readString(record, ['actorId', 'ActorId'], `${label}.actorId`),
+    activeRevisionId: readString(
+      record,
+      ['activeRevisionId', 'ActiveRevisionId'],
+      `${label}.activeRevisionId`,
+    ),
+    deploymentId: readString(
+      record,
+      ['deploymentId', 'DeploymentId'],
+      `${label}.deploymentId`,
+    ),
+    deploymentStatus: readString(
+      record,
+      ['deploymentStatus', 'DeploymentStatus'],
+      `${label}.deploymentStatus`,
+    ),
+    serviceAppId: readString(
+      record,
+      ['serviceAppId', 'ServiceAppId'],
+      `${label}.serviceAppId`,
+    ),
+    serviceNamespace: readString(
+      record,
+      ['serviceNamespace', 'ServiceNamespace'],
+      `${label}.serviceNamespace`,
+    ),
+  };
+}
+
+function decodeScopeWorkflowCatalogueRow(
+  value: unknown,
+  label = 'ScopeWorkflowCatalogueRow',
+): ScopeWorkflowCatalogueRow {
+  const record = expectRecord(value, label);
+  return {
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
+    workflowId: readString(
+      record,
+      ['workflowId', 'WorkflowId'],
+      `${label}.workflowId`,
+    ),
+    name: readString(record, ['name', 'Name'], `${label}.name`),
+    description: readString(
+      record,
+      ['description', 'Description'],
+      `${label}.description`,
+    ),
+    hasDraftSource: readBoolean(
+      record,
+      ['hasDraftSource', 'HasDraftSource'],
+      `${label}.hasDraftSource`,
+    ),
+    hasCommittedSource: readBoolean(
+      record,
+      ['hasCommittedSource', 'HasCommittedSource'],
+      `${label}.hasCommittedSource`,
+    ),
+    updatedAtUtc: readString(
+      record,
+      ['updatedAtUtc', 'UpdatedAtUtc'],
+      `${label}.updatedAtUtc`,
+    ),
+    updatedAtSource: readString(
+      record,
+      ['updatedAtSource', 'UpdatedAtSource'],
+      `${label}.updatedAtSource`,
+    ),
+    capabilities: decodeScopeWorkflowCatalogueCapabilities(
+      record.capabilities ?? record.Capabilities,
+      `${label}.capabilities`,
+    ),
+    sourceWatermarkUtc: readString(
+      record,
+      ['sourceWatermarkUtc', 'SourceWatermarkUtc'],
+      `${label}.sourceWatermarkUtc`,
+    ),
+    committed: decodeScopeWorkflowCatalogueCommittedFacts(
+      record.committed ?? record.Committed,
+      `${label}.committed`,
+    ),
+    publishedServiceId: readNullableString(
+      record,
+      ['publishedServiceId', 'PublishedServiceId'],
+      `${label}.publishedServiceId`,
+    ),
+  };
+}
+
+const decodeScopeWorkflowCatalogueResponse: Decoder<
+  ScopeWorkflowCatalogueResponse
+> = (value, label = 'ScopeWorkflowCatalogueResponse') => {
+  const record = expectRecord(value, label);
+  const freshness = expectRecord(
+    record.freshness ?? record.Freshness,
+    `${label}.freshness`,
+  );
+  const search = expectRecord(
+    record.search ?? record.Search,
+    `${label}.search`,
+  );
+
+  return {
+    items: expectArray(
+      record.items ?? record.Items,
+      `${label}.items`,
+      decodeScopeWorkflowCatalogueRow,
+    ),
+    nextPageToken: readNullableString(
+      record,
+      ['nextPageToken', 'NextPageToken'],
+      `${label}.nextPageToken`,
+    ),
+    freshness: {
+      refreshWatermarkUtc: readNullableString(
+        freshness,
+        ['refreshWatermarkUtc', 'RefreshWatermarkUtc'],
+        `${label}.freshness.refreshWatermarkUtc`,
+      ),
+      sourceVersionSemantics: readString(
+        freshness,
+        ['sourceVersionSemantics', 'SourceVersionSemantics'],
+        `${label}.freshness.sourceVersionSemantics`,
+      ),
+    },
+    search: {
+      searchableFields: readStringArray(
+        search,
+        ['searchableFields', 'SearchableFields'],
+        `${label}.search.searchableFields`,
+      ),
+      caseSemantics: readString(
+        search,
+        ['caseSemantics', 'CaseSemantics'],
+        `${label}.search.caseSemantics`,
+      ),
+      unicodeNormalization: readString(
+        search,
+        ['unicodeNormalization', 'UnicodeNormalization'],
+        `${label}.search.unicodeNormalization`,
+      ),
+      maximumQueryLength: readNumber(
+        search,
+        ['maximumQueryLength', 'MaximumQueryLength'],
+        `${label}.search.maximumQueryLength`,
+      ),
+      emptyQuerySemantics: readString(
+        search,
+        ['emptyQuerySemantics', 'EmptyQuerySemantics'],
+        `${label}.search.emptyQuerySemantics`,
+      ),
+      workflowIdSemantics: readString(
+        search,
+        ['workflowIdSemantics', 'WorkflowIdSemantics'],
+        `${label}.search.workflowIdSemantics`,
+      ),
+    },
+  };
+};
 
 function decodeScopeWorkflowSummary(
   value: unknown,
-  label = "ScopeWorkflowSummary"
+  label = 'ScopeWorkflowSummary',
 ): ScopeWorkflowSummary {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     workflowId: readString(
       record,
-      ["workflowId", "WorkflowId"],
-      `${label}.workflowId`
+      ['workflowId', 'WorkflowId'],
+      `${label}.workflowId`,
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
-      `${label}.displayName`
+      ['displayName', 'DisplayName'],
+      `${label}.displayName`,
     ),
     serviceKey: readString(
       record,
-      ["serviceKey", "ServiceKey"],
-      `${label}.serviceKey`
+      ['serviceKey', 'ServiceKey'],
+      `${label}.serviceKey`,
     ),
     workflowName: readString(
       record,
-      ["workflowName", "WorkflowName"],
-      `${label}.workflowName`
+      ['workflowName', 'WorkflowName'],
+      `${label}.workflowName`,
     ),
-    actorId: readString(record, ["actorId", "ActorId"], `${label}.actorId`),
+    actorId: readString(record, ['actorId', 'ActorId'], `${label}.actorId`),
     activeRevisionId: readString(
       record,
-      ["activeRevisionId", "ActiveRevisionId"],
-      `${label}.activeRevisionId`
+      ['activeRevisionId', 'ActiveRevisionId'],
+      `${label}.activeRevisionId`,
     ),
     deploymentId: readString(
       record,
-      ["deploymentId", "DeploymentId"],
-      `${label}.deploymentId`
+      ['deploymentId', 'DeploymentId'],
+      `${label}.deploymentId`,
     ),
     deploymentStatus: readString(
       record,
-      ["deploymentStatus", "DeploymentStatus"],
-      `${label}.deploymentStatus`
+      ['deploymentStatus', 'DeploymentStatus'],
+      `${label}.deploymentStatus`,
     ),
     updatedAt: readString(
       record,
-      ["updatedAt", "UpdatedAt"],
-      `${label}.updatedAt`
+      ['updatedAt', 'UpdatedAt'],
+      `${label}.updatedAt`,
+    ),
+    publishedServiceId: readString(
+      record,
+      ['publishedServiceId', 'PublishedServiceId'],
+      `${label}.publishedServiceId`,
+    ),
+    serviceAppId: readString(
+      record,
+      ['serviceAppId', 'ServiceAppId'],
+      `${label}.serviceAppId`,
+    ),
+    serviceNamespace: readString(
+      record,
+      ['serviceNamespace', 'ServiceNamespace'],
+      `${label}.serviceNamespace`,
     ),
   };
 }
 
 function decodeScopeWorkflowSource(
   value: unknown,
-  label = "ScopeWorkflowSource"
+  label = 'ScopeWorkflowSource',
 ): ScopeWorkflowSource {
   const record = expectRecord(value, label);
   const inlineWorkflowYamls = readOptionalRecord(
     record,
-    ["inlineWorkflowYamls", "InlineWorkflowYamls"],
-    `${label}.inlineWorkflowYamls`
+    ['inlineWorkflowYamls', 'InlineWorkflowYamls'],
+    `${label}.inlineWorkflowYamls`,
   );
 
   return {
     workflowYaml: readString(
       record,
-      ["workflowYaml", "WorkflowYaml"],
-      `${label}.workflowYaml`
+      ['workflowYaml', 'WorkflowYaml'],
+      `${label}.workflowYaml`,
     ),
     definitionActorId: readString(
       record,
-      ["definitionActorId", "DefinitionActorId"],
-      `${label}.definitionActorId`
+      ['definitionActorId', 'DefinitionActorId'],
+      `${label}.definitionActorId`,
     ),
     inlineWorkflowYamls: inlineWorkflowYamls
       ? readStringRecord(
           { inlineWorkflowYamls },
-          "inlineWorkflowYamls",
-          `${label}.inlineWorkflowYamls`
+          'inlineWorkflowYamls',
+          `${label}.inlineWorkflowYamls`,
         )
       : null,
   };
@@ -104,7 +349,7 @@ function decodeScopeWorkflowSource(
 
 function decodeScopeWorkflowDetail(
   value: unknown,
-  label = "ScopeWorkflowDetail"
+  label = 'ScopeWorkflowDetail',
 ): ScopeWorkflowDetail {
   const record = expectRecord(value, label);
   const workflowValue = record.workflow ?? record.Workflow;
@@ -113,10 +358,10 @@ function decodeScopeWorkflowDetail(
   return {
     available: readBoolean(
       record,
-      ["available", "Available"],
-      `${label}.available`
+      ['available', 'Available'],
+      `${label}.available`,
     ),
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     workflow:
       workflowValue === null || workflowValue === undefined
         ? null
@@ -130,68 +375,68 @@ function decodeScopeWorkflowDetail(
 
 function decodeScopeScriptSummary(
   value: unknown,
-  label = "ScopeScriptSummary"
+  label = 'ScopeScriptSummary',
 ): ScopeScriptSummary {
   const record = expectRecord(value, label);
   return {
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
-    scriptId: readString(record, ["scriptId", "ScriptId"], `${label}.scriptId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
+    scriptId: readString(record, ['scriptId', 'ScriptId'], `${label}.scriptId`),
     catalogActorId: readString(
       record,
-      ["catalogActorId", "CatalogActorId"],
-      `${label}.catalogActorId`
+      ['catalogActorId', 'CatalogActorId'],
+      `${label}.catalogActorId`,
     ),
     definitionActorId: readString(
       record,
-      ["definitionActorId", "DefinitionActorId"],
-      `${label}.definitionActorId`
+      ['definitionActorId', 'DefinitionActorId'],
+      `${label}.definitionActorId`,
     ),
     activeRevision: readString(
       record,
-      ["activeRevision", "ActiveRevision"],
-      `${label}.activeRevision`
+      ['activeRevision', 'ActiveRevision'],
+      `${label}.activeRevision`,
     ),
     activeSourceHash: readString(
       record,
-      ["activeSourceHash", "ActiveSourceHash"],
-      `${label}.activeSourceHash`
+      ['activeSourceHash', 'ActiveSourceHash'],
+      `${label}.activeSourceHash`,
     ),
     updatedAt: readString(
       record,
-      ["updatedAt", "UpdatedAt"],
-      `${label}.updatedAt`
+      ['updatedAt', 'UpdatedAt'],
+      `${label}.updatedAt`,
     ),
   };
 }
 
 function decodeScopeScriptSource(
   value: unknown,
-  label = "ScopeScriptSource"
+  label = 'ScopeScriptSource',
 ): ScopeScriptSource {
   const record = expectRecord(value, label);
   return {
     sourceText: readString(
       record,
-      ["sourceText", "SourceText"],
-      `${label}.sourceText`
+      ['sourceText', 'SourceText'],
+      `${label}.sourceText`,
     ),
     definitionActorId: readString(
       record,
-      ["definitionActorId", "DefinitionActorId"],
-      `${label}.definitionActorId`
+      ['definitionActorId', 'DefinitionActorId'],
+      `${label}.definitionActorId`,
     ),
-    revision: readString(record, ["revision", "Revision"], `${label}.revision`),
+    revision: readString(record, ['revision', 'Revision'], `${label}.revision`),
     sourceHash: readString(
       record,
-      ["sourceHash", "SourceHash"],
-      `${label}.sourceHash`
+      ['sourceHash', 'SourceHash'],
+      `${label}.sourceHash`,
     ),
   };
 }
 
 function decodeScopeScriptDetail(
   value: unknown,
-  label = "ScopeScriptDetail"
+  label = 'ScopeScriptDetail',
 ): ScopeScriptDetail {
   const record = expectRecord(value, label);
   const scriptValue = record.script ?? record.Script;
@@ -200,10 +445,10 @@ function decodeScopeScriptDetail(
   return {
     available: readBoolean(
       record,
-      ["available", "Available"],
-      `${label}.available`
+      ['available', 'Available'],
+      `${label}.available`,
     ),
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     script:
       scriptValue === null || scriptValue === undefined
         ? null
@@ -217,109 +462,211 @@ function decodeScopeScriptDetail(
 
 function decodeScopeScriptCatalog(
   value: unknown,
-  label = "ScopeScriptCatalog"
+  label = 'ScopeScriptCatalog',
 ): ScopeScriptCatalog {
   const record = expectRecord(value, label);
   return {
-    scriptId: readString(record, ["scriptId", "ScriptId"], `${label}.scriptId`),
+    scriptId: readString(record, ['scriptId', 'ScriptId'], `${label}.scriptId`),
     activeRevision: readString(
       record,
-      ["activeRevision", "ActiveRevision"],
-      `${label}.activeRevision`
+      ['activeRevision', 'ActiveRevision'],
+      `${label}.activeRevision`,
     ),
     activeDefinitionActorId: readString(
       record,
-      ["activeDefinitionActorId", "ActiveDefinitionActorId"],
-      `${label}.activeDefinitionActorId`
+      ['activeDefinitionActorId', 'ActiveDefinitionActorId'],
+      `${label}.activeDefinitionActorId`,
     ),
     activeSourceHash: readString(
       record,
-      ["activeSourceHash", "ActiveSourceHash"],
-      `${label}.activeSourceHash`
+      ['activeSourceHash', 'ActiveSourceHash'],
+      `${label}.activeSourceHash`,
     ),
     previousRevision: readString(
       record,
-      ["previousRevision", "PreviousRevision"],
-      `${label}.previousRevision`
+      ['previousRevision', 'PreviousRevision'],
+      `${label}.previousRevision`,
     ),
     revisionHistory: readStringArray(
       record,
-      ["revisionHistory", "RevisionHistory"],
-      `${label}.revisionHistory`
+      ['revisionHistory', 'RevisionHistory'],
+      `${label}.revisionHistory`,
     ),
     lastProposalId: readString(
       record,
-      ["lastProposalId", "LastProposalId"],
-      `${label}.lastProposalId`
+      ['lastProposalId', 'LastProposalId'],
+      `${label}.lastProposalId`,
     ),
     catalogActorId: readString(
       record,
-      ["catalogActorId", "CatalogActorId"],
-      `${label}.catalogActorId`
+      ['catalogActorId', 'CatalogActorId'],
+      `${label}.catalogActorId`,
     ),
-    scopeId: readString(record, ["scopeId", "ScopeId"], `${label}.scopeId`),
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
     updatedAt: readString(
       record,
-      ["updatedAt", "UpdatedAt"],
-      `${label}.updatedAt`
+      ['updatedAt', 'UpdatedAt'],
+      `${label}.updatedAt`,
     ),
   };
 }
 
 const decodeScopeWorkflowSummaries: Decoder<ScopeWorkflowSummary[]> = (value) =>
-  expectArray(value, "ScopeWorkflowSummary[]", decodeScopeWorkflowSummary);
+  expectArray(value, 'ScopeWorkflowSummary[]', decodeScopeWorkflowSummary);
+
+const decodeScopeWorkflowDetails: Decoder<ScopeWorkflowDetail[]> = (value) =>
+  expectArray(value, 'ScopeWorkflowDetail[]', decodeScopeWorkflowDetail);
+
+const decodeScopeWorkflowArchiveAcceptedResult: Decoder<
+  ScopeWorkflowArchiveAcceptedResult
+> = (value, label = 'ScopeWorkflowArchiveAcceptedResult') => {
+  const record = expectRecord(value, label);
+  const commandHandle = expectRecord(
+    record.commandHandle ?? record.CommandHandle,
+    `${label}.commandHandle`,
+  );
+  return {
+    scopeId: readString(record, ['scopeId', 'ScopeId'], `${label}.scopeId`),
+    workflowId: readString(
+      record,
+      ['workflowId', 'WorkflowId'],
+      `${label}.workflowId`,
+    ),
+    deploymentId: readString(
+      record,
+      ['deploymentId', 'DeploymentId'],
+      `${label}.deploymentId`,
+    ),
+    commandHandle: {
+      stage: readString(
+        commandHandle,
+        ['stage', 'Stage'],
+        `${label}.commandHandle.stage`,
+      ),
+      targetActorId: readString(
+        commandHandle,
+        ['targetActorId', 'TargetActorId'],
+        `${label}.commandHandle.targetActorId`,
+      ),
+      commandId: readString(
+        commandHandle,
+        ['commandId', 'CommandId'],
+        `${label}.commandHandle.commandId`,
+      ),
+      correlationId: readString(
+        commandHandle,
+        ['correlationId', 'CorrelationId'],
+        `${label}.commandHandle.correlationId`,
+      ),
+    },
+    readModelUrl: readString(
+      record,
+      ['readModelUrl', 'ReadModelUrl'],
+      `${label}.readModelUrl`,
+    ),
+    acceptanceStage: readString(
+      record,
+      ['acceptanceStage', 'AcceptanceStage'],
+      `${label}.acceptanceStage`,
+    ),
+    propagationStage: readString(
+      record,
+      ['propagationStage', 'PropagationStage'],
+      `${label}.propagationStage`,
+    ),
+  };
+};
 
 const decodeScopeScriptSummaries: Decoder<ScopeScriptSummary[]> = (value) =>
-  expectArray(value, "ScopeScriptSummary[]", decodeScopeScriptSummary);
+  expectArray(value, 'ScopeScriptSummary[]', decodeScopeScriptSummary);
 
 export const scopesApi = {
+  queryWorkflowCatalogue(
+    input: ScopeWorkflowCatalogueQuery,
+    signal?: AbortSignal,
+  ): Promise<ScopeWorkflowCatalogueResponse> {
+    return requestJson(
+      withQuery(
+        `/api/scopes/${encodeURIComponent(input.scopeId)}/workflow-catalogue`,
+        {
+          view: input.view,
+          query: input.query?.trim() || undefined,
+          cursor: input.cursor,
+          take: input.take,
+        },
+      ),
+      decodeScopeWorkflowCatalogueResponse,
+      { signal },
+    );
+  },
+
   listWorkflows(scopeId: string): Promise<ScopeWorkflowSummary[]> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(scopeId)}/workflows?includeSource=false`,
-      decodeScopeWorkflowSummaries
+      decodeScopeWorkflowSummaries,
+    );
+  },
+
+  listWorkflowDetails(scopeId: string): Promise<ScopeWorkflowDetail[]> {
+    return requestJson(
+      `/api/scopes/${encodeURIComponent(scopeId)}/workflows?includeSource=true`,
+      decodeScopeWorkflowDetails,
     );
   },
 
   getWorkflowDetail(
     scopeId: string,
-    workflowId: string
+    workflowId: string,
   ): Promise<ScopeWorkflowDetail> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(
-        scopeId
+        scopeId,
       )}/workflows/${encodeURIComponent(workflowId)}`,
-      decodeScopeWorkflowDetail
+      decodeScopeWorkflowDetail,
+    );
+  },
+
+  archiveWorkflow(
+    scopeId: string,
+    workflowId: string,
+  ): Promise<ScopeWorkflowArchiveAcceptedResult> {
+    return requestJson(
+      `/api/scopes/${encodeURIComponent(scopeId)}/workflows/${encodeURIComponent(
+        workflowId,
+      )}:archive`,
+      decodeScopeWorkflowArchiveAcceptedResult,
+      { method: 'POST' },
     );
   },
 
   listScripts(scopeId: string): Promise<ScopeScriptSummary[]> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(scopeId)}/scripts?includeSource=false`,
-      decodeScopeScriptSummaries
+      decodeScopeScriptSummaries,
     );
   },
 
   getScriptDetail(
     scopeId: string,
-    scriptId: string
+    scriptId: string,
   ): Promise<ScopeScriptDetail> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(scopeId)}/scripts/${encodeURIComponent(
-        scriptId
+        scriptId,
       )}`,
-      decodeScopeScriptDetail
+      decodeScopeScriptDetail,
     );
   },
 
   getScriptCatalog(
     scopeId: string,
-    scriptId: string
+    scriptId: string,
   ): Promise<ScopeScriptCatalog> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(scopeId)}/scripts/${encodeURIComponent(
-        scriptId
+        scriptId,
       )}/catalog`,
-      decodeScopeScriptCatalog
+      decodeScopeScriptCatalog,
     );
   },
 };
diff --git a/apps/aevatar-console-web/src/shared/api/workflowActivityApi.test.ts b/apps/aevatar-console-web/src/shared/api/workflowActivityApi.test.ts
new file mode 100644
index 0000000000..933cb6986e
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/workflowActivityApi.test.ts
@@ -0,0 +1,458 @@
+import {
+  type WorkflowActivityApiError,
+  workflowActivityApi,
+} from './workflowActivityApi';
+
+describe('workflowActivityApi', () => {
+  const originalFetch = global.fetch;
+
+  afterEach(() => {
+    global.fetch = originalFetch;
+    jest.restoreAllMocks();
+  });
+
+  function jsonResponse(payload: unknown, status = 200): Partial<Response> {
+    return {
+      json: async () => payload,
+      ok: status >= 200 && status < 300,
+      status,
+      statusText: status === 403 ? 'Forbidden' : 'OK',
+      text: async () => JSON.stringify(payload),
+    };
+  }
+
+  it('encodes supported server filters and preserves an unknown status', async () => {
+    const fetchMock = jest.fn().mockResolvedValue(
+      jsonResponse([
+        {
+          runId: 'run-alpha',
+          workflowName: 'Support triage',
+          status: 'future_terminal_state',
+          success: null,
+          startedAtUtc: null,
+          updatedAtUtc: '2026-08-04T10:00:00Z',
+          stateVersion: 17,
+          scopeId: 'scope-alpha',
+          runOrigin: 'draft',
+        },
+      ]),
+    );
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      workflowActivityApi.listRuns('scope-alpha', {
+        status: 'failed',
+        origins: ['draft', 'member-invoke'],
+        definitionActorIds: ['definition-alpha'],
+        scheduleIds: ['schedule-alpha'],
+        fromUtc: '2026-08-01T00:00:00Z',
+        toUtc: '2026-08-05T00:00:00Z',
+        take: 25,
+      }),
+    ).resolves.toEqual([
+      expect.objectContaining({
+        runId: 'run-alpha',
+        stateVersion: 17,
+        status: 'future_terminal_state',
+      }),
+    ]);
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/workflow/observatory/runs?scope=scope-alpha&status=failed&origin=draft%2Cmember-invoke&definition=definition-alpha&schedule=schedule-alpha&from=2026-08-01T00%3A00%3A00Z&to=2026-08-05T00%3A00%3A00Z&take=25',
+    );
+  });
+
+  it('decodes the authoritative paginated Activity feed', async () => {
+    const fetchMock = jest.fn().mockResolvedValue(
+      jsonResponse({
+        items: [
+          {
+            runId: 'run-alpha',
+            actorId: 'actor-technical-alpha',
+            workflowId: 'wf-alpha',
+            workflowName: 'Support triage',
+            scopeId: 'scope-alpha',
+            status: 'failed',
+            runOrigin: 'draft',
+            success: false,
+            initiator: {
+              platform: 'nyxid',
+              tenant: 'tenant-alpha',
+              externalUserId: 'user-alpha',
+              scope: 'scope-alpha',
+              bindingId: 'binding-alpha',
+              displayValue: 'Abigail',
+              availability: 'available',
+            },
+            inputSummary: 'Ticket redacted',
+            currentStep: {
+              stepId: 'step-failed',
+              inputSummary: 'Connector request',
+              availability: 'available',
+            },
+            firstFailure: {
+              stepId: 'step-failed',
+              message: 'Connector unavailable',
+              availability: 'available',
+            },
+            waiting: {
+              stepId: '',
+              waitingKind: '',
+              prompt: '',
+              availability: 'unavailable',
+            },
+            startedAtUtc: '2026-08-04T09:58:00Z',
+            completedAtUtc: '2026-08-04T10:00:00Z',
+            updatedAtUtc: '2026-08-04T10:00:00Z',
+            durationMs: 120000,
+            stateVersion: 18,
+            recoveryCapability: recoveryCapability(),
+            lineage: runLineage(),
+          },
+        ],
+        nextCursor: 'next-cursor',
+        hasMore: true,
+        totalCount: 42,
+      }),
+    );
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      workflowActivityApi.listActivityRuns('scope-alpha', {
+        status: 'failed',
+        origins: ['draft'],
+        definitionActorIds: ['definition-alpha'],
+        scheduleIds: ['schedule-alpha'],
+        workflowId: 'wf-alpha',
+        searchText: 'Test Member',
+        fromUtc: '2026-08-01T00:00:00Z',
+        toUtc: '2026-08-05T00:00:00Z',
+        take: 25,
+        cursor: 'opaque-cursor',
+        includeTotalCount: true,
+      }),
+    ).resolves.toEqual(
+      expect.objectContaining({
+        hasMore: true,
+        nextCursor: 'next-cursor',
+        totalCount: 42,
+        items: [
+          expect.objectContaining({
+            actorId: 'actor-technical-alpha',
+            inputSummary: 'Ticket redacted',
+            recoveryCapability: expect.objectContaining({
+              workflowDefinitionRevisionId: 'revision-3',
+            }),
+            lineage: expect.objectContaining({
+              retryFork: expect.objectContaining({
+                sourceRunId: 'run-source',
+              }),
+              subWorkflow: expect.objectContaining({
+                parentRunId: 'run-parent',
+              }),
+            }),
+          }),
+        ],
+      }),
+    );
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/workflow/observatory/activity-runs?scope=scope-alpha&status=failed&origin=draft&definition=definition-alpha&schedule=schedule-alpha&workflowId=wf-alpha&q=Test+Member&from=2026-08-01T00%3A00%3A00Z&to=2026-08-05T00%3A00%3A00Z&take=25&cursor=opaque-cursor&includeTotalCount=true',
+    );
+  });
+
+  it('loads immutable detail and graph through independent resources', async () => {
+    const fetchMock = jest
+      .fn()
+      .mockResolvedValueOnce(
+        jsonResponse({
+          summary: {
+            runId: 'run-alpha',
+            workflowName: 'Support triage',
+            status: 'failed',
+            success: false,
+            startedAtUtc: '2026-08-04T09:58:00Z',
+            updatedAtUtc: '2026-08-04T10:00:00Z',
+            stateVersion: 18,
+            scopeId: 'scope-alpha',
+            runOrigin: 'draft',
+          },
+          input: 'ticket-42',
+          finalOutput: '',
+          finalError: 'Connector unavailable',
+          diagnostics: [],
+          steps: [
+            {
+              stepId: 'step-failed',
+              stepType: 'connector_call',
+              targetRole: '',
+              requestedAtUtc: '2026-08-04T09:59:00Z',
+              completedAtUtc: '2026-08-04T10:00:00Z',
+              success: false,
+              durationMs: 1000,
+              outputPreview: '',
+              error: 'Connector unavailable',
+              requestParameters: {},
+              nextStepId: '',
+              branchKey: '',
+              suspensionType: '',
+              suspensionPrompt: '',
+              suspensionContent: '',
+              suspensionTimeoutSeconds: null,
+              toolApproval: null,
+              usage: {
+                promptTokens: 1,
+                completionTokens: 0,
+                totalTokens: 1,
+                cost: 0,
+              },
+            },
+          ],
+          timeline: [],
+          statistics: {
+            totalSteps: 1,
+            requestedSteps: 1,
+            completedSteps: 1,
+            roleReplyCount: 0,
+            stepTypeCounts: { connector_call: 1 },
+          },
+          usageTotals: {
+            promptTokens: 1,
+            completionTokens: 0,
+            totalTokens: 1,
+            cost: 0,
+          },
+          recoveryCapability: recoveryCapability(),
+          lineage: runLineage(),
+        }),
+      )
+      .mockResolvedValueOnce(
+        jsonResponse({
+          rootNodeId: 'node-root',
+          nodes: [
+            {
+              nodeId: 'node-step',
+              nodeType: 'WorkflowStep',
+              stepId: 'step-failed',
+            },
+          ],
+          edges: [],
+        }),
+      );
+    global.fetch = fetchMock as typeof global.fetch;
+
+    const detail = await workflowActivityApi.getRun('scope-alpha', 'run-alpha');
+    const graph = await workflowActivityApi.getRunGraph(
+      'scope-alpha',
+      'run-alpha',
+    );
+
+    expect(detail.steps[0]?.stepId).toBe('step-failed');
+    expect(detail.recoveryCapability.retryFailedStep.startingStepId).toBe(
+      'step-failed',
+    );
+    expect(detail.lineage.retryFork.sourceRunId).toBe('run-source');
+    expect(graph.nodes[0]?.stepId).toBe('step-failed');
+    expect(fetchMock.mock.calls.map(([url]) => url)).toEqual([
+      '/api/workflow/observatory/runs/run-alpha?scope=scope-alpha',
+      '/api/workflow/observatory/runs/run-alpha/graph?scope=scope-alpha',
+    ]);
+  });
+
+  it('submits a fork without treating its actor identity as a run identity', async () => {
+    const fetchMock = jest.fn().mockResolvedValue(
+      jsonResponse(
+        {
+          accepted: true,
+          sourceRunId: 'run-alpha',
+          newRunId: 'run-new',
+          newRunActorId: 'actor-new',
+          workflowName: 'Support triage',
+          acceptedCommandId: 'command-fork',
+          correlationId: 'correlation-fork',
+          statusUrl: '/api/workflow/observatory/runs/run-new',
+        },
+        202,
+      ),
+    );
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      workflowActivityApi.forkRun({
+        sourceRunId: 'run-alpha',
+        startAtStepId: 'step-failed',
+        input: 'ticket-42',
+      }),
+    ).resolves.toEqual(
+      expect.objectContaining({
+        newRunId: 'run-new',
+        newRunActorId: 'actor-new',
+        sourceRunId: 'run-alpha',
+      }),
+    );
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/workflow/runs/fork',
+      expect.objectContaining({
+        body: JSON.stringify({
+          sourceRunId: 'run-alpha',
+          startAtStepId: 'step-failed',
+          input: 'ticket-42',
+        }),
+        method: 'POST',
+      }),
+    );
+  });
+
+  it('rejects a fork receipt without its public run identity', async () => {
+    global.fetch = jest.fn().mockResolvedValue(
+      jsonResponse(
+        {
+          accepted: true,
+          sourceRunId: 'run-alpha',
+          newRunActorId: 'actor-new',
+          workflowName: 'Support triage',
+          acceptedCommandId: 'command-fork',
+          correlationId: 'correlation-fork',
+          statusUrl: '/api/workflow-actors/actor-new/current-state',
+        },
+        202,
+      ),
+    ) as typeof global.fetch;
+
+    await expect(
+      workflowActivityApi.forkRun({
+        sourceRunId: 'run-alpha',
+        startAtStepId: 'step-failed',
+      }),
+    ).rejects.toThrow('newRunId');
+  });
+
+  it('preserves authorization status and rejects malformed authoritative identity', async () => {
+    const fetchMock = jest
+      .fn()
+      .mockResolvedValueOnce(
+        jsonResponse(
+          { code: 'SCOPE_ACCESS_DENIED', message: 'Forbidden' },
+          403,
+        ),
+      )
+      .mockResolvedValueOnce(
+        jsonResponse([
+          {
+            runId: '',
+            workflowName: 'Support triage',
+            status: 'running',
+            success: null,
+            startedAtUtc: null,
+            updatedAtUtc: '2026-08-04T10:00:00Z',
+            stateVersion: 1,
+            scopeId: 'scope-alpha',
+            runOrigin: 'draft',
+          },
+        ]),
+      );
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      workflowActivityApi.listRuns('scope-other'),
+    ).rejects.toMatchObject<Partial<WorkflowActivityApiError>>({
+      code: 'SCOPE_ACCESS_DENIED',
+      status: 403,
+    });
+    await expect(workflowActivityApi.listRuns('scope-alpha')).rejects.toThrow(
+      'runId must not be blank',
+    );
+  });
+
+  it('preserves typed failure guidance for actionable run toasts', async () => {
+    global.fetch = jest.fn().mockResolvedValue(
+      jsonResponse(
+        {
+          code: 'RATE_LIMITED',
+          correlationId: 'corr-alpha',
+          message: 'The request quota has been reached.',
+          retryAfterSeconds: 17,
+        },
+        429,
+      ),
+    ) as typeof global.fetch;
+
+    await expect(
+      workflowActivityApi.getRun('scope-alpha', 'run-alpha'),
+    ).rejects.toMatchObject({
+      code: 'RATE_LIMITED',
+      correlationId: 'corr-alpha',
+      message: 'The request quota has been reached.',
+      retryAfterSeconds: 17,
+      status: 429,
+    });
+  });
+});
+
+function recoveryCapability() {
+  return {
+    retryFailedStep: {
+      eligibility: 1,
+      unavailableReasonCode: 1,
+      unavailableReason: '',
+      recommendedActions: [1],
+      startingStepId: 'step-failed',
+      reusesPriorStepOutputs: true,
+      mayIncurModelOrToolCost: true,
+    },
+    runAgain: {
+      eligibility: 2,
+      unavailableReasonCode: 4,
+      unavailableReason: 'Fix access first.',
+      recommendedActions: [3],
+      startingStepId: 'step-start',
+      reusesPriorStepOutputs: false,
+      mayIncurModelOrToolCost: true,
+    },
+    workflowDefinitionRevisionId: 'revision-3',
+    workflowDefinitionVersion: 3,
+  };
+}
+
+function runLineage() {
+  return {
+    availability: 1,
+    retryFork: {
+      availability: 1,
+      sourceRunId: 'run-source',
+      originalRunId: 'run-original',
+      attempt: 2,
+      startAtStepId: 'step-failed',
+      childRuns: [
+        {
+          runId: 'run-retry-child',
+          actorId: 'actor-retry-child',
+          relationshipId: 'relationship-retry',
+          stepId: 'step-failed',
+          attempt: 3,
+          relationKind: 1,
+        },
+      ],
+    },
+    subWorkflow: {
+      availability: 1,
+      parentRunId: 'run-parent',
+      parentActorId: 'actor-parent',
+      parentStepId: 'step-parent',
+      rootRunId: 'run-root',
+      depth: 2,
+      childRuns: [
+        {
+          runId: 'run-sub-child',
+          actorId: 'actor-sub-child',
+          relationshipId: 'relationship-sub',
+          stepId: 'step-child',
+          attempt: 1,
+          relationKind: 2,
+        },
+      ],
+    },
+    unavailableReason: '',
+  };
+}
diff --git a/apps/aevatar-console-web/src/shared/api/workflowActivityApi.ts b/apps/aevatar-console-web/src/shared/api/workflowActivityApi.ts
new file mode 100644
index 0000000000..33c632ba7e
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/workflowActivityApi.ts
@@ -0,0 +1,915 @@
+import { withQuery } from '@/shared/api/http/client';
+import {
+  expectArray,
+  expectRecord,
+  expectString,
+  readBoolean,
+  readNumber,
+  readString,
+  readStringRecord,
+} from '@/shared/api/http/decoders';
+import { readResponseErrorDetails } from '@/shared/api/http/error';
+import { authFetch } from '@/shared/auth/fetch';
+import type {
+  WorkflowActivityDiagnostic,
+  WorkflowActivityGraphEdge,
+  WorkflowActivityGraphNode,
+  WorkflowActivityRunCurrentStep,
+  WorkflowActivityRunDetail,
+  WorkflowActivityRunFeedFilter,
+  WorkflowActivityRunFeedPage,
+  WorkflowActivityRunFeedRow,
+  WorkflowActivityRunFilter,
+  WorkflowActivityRunFirstFailure,
+  WorkflowActivityRunGraph,
+  WorkflowActivityRunInitiator,
+  WorkflowActivityRunStatistics,
+  WorkflowActivityRunSummary,
+  WorkflowActivityRunWaiting,
+  WorkflowActivityStep,
+  WorkflowActivityTimelineEvent,
+  WorkflowActivityToolApproval,
+  WorkflowActivityToolCall,
+  WorkflowActivityUsageTotals,
+  WorkflowRecoveryActionCapability,
+  WorkflowRecoveryEligibility,
+  WorkflowRecoveryRecommendedAction,
+  WorkflowRecoveryUnavailableReasonCode,
+  WorkflowRunForkAcceptedReceipt,
+  WorkflowRunForkRequest,
+  WorkflowRunLineage,
+  WorkflowRunLineageAvailability,
+  WorkflowRunLineageRelationKind,
+  WorkflowRunLineageRunRef,
+  WorkflowRunRecoveryCapability,
+  WorkflowRunRetryForkLineage,
+  WorkflowRunSubWorkflowLineage,
+} from '@/shared/models/workflowActivity';
+
+const JSON_HEADERS = {
+  Accept: 'application/json',
+  'Content-Type': 'application/json',
+};
+
+export class WorkflowActivityApiError extends Error {
+  readonly code?: string;
+  readonly correlationId?: string;
+  readonly retryAfterSeconds?: number;
+  readonly status: number;
+
+  constructor(
+    message: string,
+    status: number,
+    code?: string,
+    guidance?: {
+      readonly correlationId?: string;
+      readonly retryAfterSeconds?: number;
+    },
+  ) {
+    super(message);
+    this.name = 'WorkflowActivityApiError';
+    this.code = code;
+    this.correlationId = guidance?.correlationId;
+    this.retryAfterSeconds = guidance?.retryAfterSeconds;
+    this.status = status;
+  }
+}
+
+function requireNonBlank(value: string, label: string): string {
+  if (!value.trim()) {
+    throw new Error(`${label} must not be blank.`);
+  }
+  return value;
+}
+
+function readNonBlank(
+  record: Record<string, unknown>,
+  key: string,
+  label: string,
+): string {
+  return requireNonBlank(readString(record, key, label), label);
+}
+
+function readNullableStringValue(value: unknown, label: string): string | null {
+  return value === null || value === undefined
+    ? null
+    : expectString(value, label);
+}
+
+function readNullableBooleanValue(
+  value: unknown,
+  label: string,
+): boolean | null {
+  if (value === null || value === undefined) return null;
+  if (typeof value !== 'boolean')
+    throw new Error(`${label} must be a boolean.`);
+  return value;
+}
+
+function readNullableNumberValue(value: unknown, label: string): number | null {
+  if (value === null || value === undefined) return null;
+  if (typeof value !== 'number' || Number.isNaN(value)) {
+    throw new Error(`${label} must be a number.`);
+  }
+  return value;
+}
+
+function decodeNumericEnum<T extends number>(
+  value: unknown,
+  label: string,
+  allowed: readonly number[],
+): T {
+  if (
+    typeof value !== 'number' ||
+    !Number.isInteger(value) ||
+    !allowed.includes(value)
+  ) {
+    throw new Error(`${label} must be a supported numeric enum value.`);
+  }
+  return value as T;
+}
+
+function decodeRecoveryActionCapability(
+  value: unknown,
+  label = 'WorkflowRecoveryActionCapability',
+): WorkflowRecoveryActionCapability {
+  const record = expectRecord(value, label);
+  return {
+    eligibility: decodeNumericEnum<WorkflowRecoveryEligibility>(
+      record.eligibility,
+      `${label}.eligibility`,
+      [0, 1, 2, 3],
+    ),
+    unavailableReasonCode:
+      decodeNumericEnum<WorkflowRecoveryUnavailableReasonCode>(
+        record.unavailableReasonCode,
+        `${label}.unavailableReasonCode`,
+        [0, 1, 2, 3, 4, 5, 6, 7],
+      ),
+    unavailableReason: readString(
+      record,
+      'unavailableReason',
+      `${label}.unavailableReason`,
+    ),
+    recommendedActions: expectArray(
+      record.recommendedActions,
+      `${label}.recommendedActions`,
+      (entry, entryLabel = `${label}.recommendedActions[]`) =>
+        decodeNumericEnum<WorkflowRecoveryRecommendedAction>(
+          entry,
+          entryLabel,
+          [0, 1, 2, 3, 4, 5, 6, 7],
+        ),
+    ),
+    startingStepId: readString(
+      record,
+      'startingStepId',
+      `${label}.startingStepId`,
+    ),
+    reusesPriorStepOutputs: readBoolean(
+      record,
+      'reusesPriorStepOutputs',
+      `${label}.reusesPriorStepOutputs`,
+    ),
+    mayIncurModelOrToolCost: readBoolean(
+      record,
+      'mayIncurModelOrToolCost',
+      `${label}.mayIncurModelOrToolCost`,
+    ),
+  };
+}
+
+function decodeRecoveryCapability(
+  value: unknown,
+  label = 'WorkflowRunRecoveryCapability',
+): WorkflowRunRecoveryCapability {
+  const record = expectRecord(value, label);
+  return {
+    retryFailedStep: decodeRecoveryActionCapability(
+      record.retryFailedStep,
+      `${label}.retryFailedStep`,
+    ),
+    runAgain: decodeRecoveryActionCapability(
+      record.runAgain,
+      `${label}.runAgain`,
+    ),
+    workflowDefinitionRevisionId: readString(
+      record,
+      'workflowDefinitionRevisionId',
+      `${label}.workflowDefinitionRevisionId`,
+    ),
+    workflowDefinitionVersion: readNumber(
+      record,
+      'workflowDefinitionVersion',
+      `${label}.workflowDefinitionVersion`,
+    ),
+  };
+}
+
+function decodeLineageRunRef(
+  value: unknown,
+  label = 'WorkflowRunLineageRunRef',
+): WorkflowRunLineageRunRef {
+  const record = expectRecord(value, label);
+  return {
+    runId: readString(record, 'runId', `${label}.runId`),
+    actorId: readString(record, 'actorId', `${label}.actorId`),
+    relationshipId: readString(
+      record,
+      'relationshipId',
+      `${label}.relationshipId`,
+    ),
+    stepId: readString(record, 'stepId', `${label}.stepId`),
+    attempt: readNumber(record, 'attempt', `${label}.attempt`),
+    relationKind: decodeNumericEnum<WorkflowRunLineageRelationKind>(
+      record.relationKind,
+      `${label}.relationKind`,
+      [0, 1, 2],
+    ),
+  };
+}
+
+function decodeRetryForkLineage(
+  value: unknown,
+  label = 'WorkflowRunRetryForkLineage',
+): WorkflowRunRetryForkLineage {
+  const record = expectRecord(value, label);
+  return {
+    availability: decodeNumericEnum<WorkflowRunLineageAvailability>(
+      record.availability,
+      `${label}.availability`,
+      [0, 1, 2, 3],
+    ),
+    sourceRunId: readString(record, 'sourceRunId', `${label}.sourceRunId`),
+    originalRunId: readString(
+      record,
+      'originalRunId',
+      `${label}.originalRunId`,
+    ),
+    attempt: readNumber(record, 'attempt', `${label}.attempt`),
+    startAtStepId: readString(
+      record,
+      'startAtStepId',
+      `${label}.startAtStepId`,
+    ),
+    childRuns: expectArray(
+      record.childRuns,
+      `${label}.childRuns`,
+      decodeLineageRunRef,
+    ),
+  };
+}
+
+function decodeSubWorkflowLineage(
+  value: unknown,
+  label = 'WorkflowRunSubWorkflowLineage',
+): WorkflowRunSubWorkflowLineage {
+  const record = expectRecord(value, label);
+  return {
+    availability: decodeNumericEnum<WorkflowRunLineageAvailability>(
+      record.availability,
+      `${label}.availability`,
+      [0, 1, 2, 3],
+    ),
+    parentRunId: readString(record, 'parentRunId', `${label}.parentRunId`),
+    parentActorId: readString(
+      record,
+      'parentActorId',
+      `${label}.parentActorId`,
+    ),
+    parentStepId: readString(record, 'parentStepId', `${label}.parentStepId`),
+    rootRunId: readString(record, 'rootRunId', `${label}.rootRunId`),
+    depth: readNumber(record, 'depth', `${label}.depth`),
+    childRuns: expectArray(
+      record.childRuns,
+      `${label}.childRuns`,
+      decodeLineageRunRef,
+    ),
+  };
+}
+
+function decodeLineage(
+  value: unknown,
+  label = 'WorkflowRunLineage',
+): WorkflowRunLineage {
+  const record = expectRecord(value, label);
+  return {
+    availability: decodeNumericEnum<WorkflowRunLineageAvailability>(
+      record.availability,
+      `${label}.availability`,
+      [0, 1, 2, 3],
+    ),
+    retryFork: decodeRetryForkLineage(record.retryFork, `${label}.retryFork`),
+    subWorkflow: decodeSubWorkflowLineage(
+      record.subWorkflow,
+      `${label}.subWorkflow`,
+    ),
+    unavailableReason: readString(
+      record,
+      'unavailableReason',
+      `${label}.unavailableReason`,
+    ),
+  };
+}
+
+function decodeActivityInitiator(
+  value: unknown,
+  label = 'WorkflowActivityRunInitiator',
+): WorkflowActivityRunInitiator {
+  const record = expectRecord(value, label);
+  return {
+    platform: readString(record, 'platform', `${label}.platform`),
+    tenant: readString(record, 'tenant', `${label}.tenant`),
+    externalUserId: readString(
+      record,
+      'externalUserId',
+      `${label}.externalUserId`,
+    ),
+    scope: readString(record, 'scope', `${label}.scope`),
+    bindingId: readString(record, 'bindingId', `${label}.bindingId`),
+    displayValue: readString(record, 'displayValue', `${label}.displayValue`),
+    availability: readString(record, 'availability', `${label}.availability`),
+  };
+}
+
+function decodeActivityCurrentStep(
+  value: unknown,
+  label = 'WorkflowActivityRunCurrentStep',
+): WorkflowActivityRunCurrentStep {
+  const record = expectRecord(value, label);
+  return {
+    stepId: readString(record, 'stepId', `${label}.stepId`),
+    inputSummary: readString(record, 'inputSummary', `${label}.inputSummary`),
+    availability: readString(record, 'availability', `${label}.availability`),
+  };
+}
+
+function decodeActivityFirstFailure(
+  value: unknown,
+  label = 'WorkflowActivityRunFirstFailure',
+): WorkflowActivityRunFirstFailure {
+  const record = expectRecord(value, label);
+  return {
+    stepId: readString(record, 'stepId', `${label}.stepId`),
+    message: readString(record, 'message', `${label}.message`),
+    availability: readString(record, 'availability', `${label}.availability`),
+  };
+}
+
+function decodeActivityWaiting(
+  value: unknown,
+  label = 'WorkflowActivityRunWaiting',
+): WorkflowActivityRunWaiting {
+  const record = expectRecord(value, label);
+  return {
+    stepId: readString(record, 'stepId', `${label}.stepId`),
+    waitingKind: readString(record, 'waitingKind', `${label}.waitingKind`),
+    prompt: readString(record, 'prompt', `${label}.prompt`),
+    availability: readString(record, 'availability', `${label}.availability`),
+  };
+}
+
+function decodeActivityRunFeedRow(
+  value: unknown,
+  label = 'WorkflowActivityRunFeedRow',
+): WorkflowActivityRunFeedRow {
+  const record = expectRecord(value, label);
+  return {
+    runId: readNonBlank(record, 'runId', `${label}.runId`),
+    actorId: readNonBlank(record, 'actorId', `${label}.actorId`),
+    workflowId: readString(record, 'workflowId', `${label}.workflowId`),
+    workflowName: readString(record, 'workflowName', `${label}.workflowName`),
+    scopeId: readNonBlank(record, 'scopeId', `${label}.scopeId`),
+    status: readString(record, 'status', `${label}.status`),
+    runOrigin: readString(record, 'runOrigin', `${label}.runOrigin`),
+    success: readNullableBooleanValue(record.success, `${label}.success`),
+    initiator: decodeActivityInitiator(record.initiator, `${label}.initiator`),
+    inputSummary: readString(record, 'inputSummary', `${label}.inputSummary`),
+    currentStep: decodeActivityCurrentStep(
+      record.currentStep,
+      `${label}.currentStep`,
+    ),
+    firstFailure: decodeActivityFirstFailure(
+      record.firstFailure,
+      `${label}.firstFailure`,
+    ),
+    waiting: decodeActivityWaiting(record.waiting, `${label}.waiting`),
+    startedAtUtc: readNullableStringValue(
+      record.startedAtUtc,
+      `${label}.startedAtUtc`,
+    ),
+    completedAtUtc: readNullableStringValue(
+      record.completedAtUtc,
+      `${label}.completedAtUtc`,
+    ),
+    updatedAtUtc: readNonBlank(record, 'updatedAtUtc', `${label}.updatedAtUtc`),
+    durationMs: readNullableNumberValue(
+      record.durationMs,
+      `${label}.durationMs`,
+    ),
+    stateVersion: readNumber(record, 'stateVersion', `${label}.stateVersion`),
+    recoveryCapability: decodeRecoveryCapability(
+      record.recoveryCapability,
+      `${label}.recoveryCapability`,
+    ),
+    lineage: decodeLineage(record.lineage, `${label}.lineage`),
+  };
+}
+
+function decodeActivityRunFeedPage(
+  value: unknown,
+): WorkflowActivityRunFeedPage {
+  const label = 'WorkflowActivityRunFeedPage';
+  const record = expectRecord(value, label);
+  return {
+    items: expectArray(
+      record.items,
+      `${label}.items`,
+      decodeActivityRunFeedRow,
+    ),
+    nextCursor: readNullableStringValue(
+      record.nextCursor,
+      `${label}.nextCursor`,
+    ),
+    hasMore: readBoolean(record, 'hasMore', `${label}.hasMore`),
+    totalCount: readNullableNumberValue(
+      record.totalCount,
+      `${label}.totalCount`,
+    ),
+  };
+}
+
+function decodeUsage(
+  value: unknown,
+  label: string,
+): WorkflowActivityUsageTotals {
+  const record = expectRecord(value, label);
+  return {
+    promptTokens: readNumber(record, 'promptTokens', `${label}.promptTokens`),
+    completionTokens: readNumber(
+      record,
+      'completionTokens',
+      `${label}.completionTokens`,
+    ),
+    totalTokens: readNumber(record, 'totalTokens', `${label}.totalTokens`),
+    cost: readNumber(record, 'cost', `${label}.cost`),
+  };
+}
+
+function decodeSummary(
+  value: unknown,
+  label = 'WorkflowActivityRunSummary',
+): WorkflowActivityRunSummary {
+  const record = expectRecord(value, label);
+  return {
+    runId: readNonBlank(record, 'runId', `${label}.runId`),
+    workflowName: readString(record, 'workflowName', `${label}.workflowName`),
+    status: readString(record, 'status', `${label}.status`),
+    success: readNullableBooleanValue(record.success, `${label}.success`),
+    startedAtUtc: readNullableStringValue(
+      record.startedAtUtc,
+      `${label}.startedAtUtc`,
+    ),
+    updatedAtUtc: readNonBlank(record, 'updatedAtUtc', `${label}.updatedAtUtc`),
+    stateVersion: readNumber(record, 'stateVersion', `${label}.stateVersion`),
+    scopeId: readNonBlank(record, 'scopeId', `${label}.scopeId`),
+    runOrigin: readString(record, 'runOrigin', `${label}.runOrigin`),
+  };
+}
+
+function decodeDiagnostic(
+  value: unknown,
+  label = 'WorkflowActivityDiagnostic',
+): WorkflowActivityDiagnostic {
+  const record = expectRecord(value, label);
+  return {
+    timestampUtc: readNullableStringValue(
+      record.timestampUtc,
+      `${label}.timestampUtc`,
+    ),
+    severity: readString(record, 'severity', `${label}.severity`),
+    code: readString(record, 'code', `${label}.code`),
+    source: readString(record, 'source', `${label}.source`),
+    message: readString(record, 'message', `${label}.message`),
+    hint: readString(record, 'hint', `${label}.hint`),
+    stepId: readString(record, 'stepId', `${label}.stepId`),
+    stepType: readString(record, 'stepType', `${label}.stepType`),
+    targetRole: readString(record, 'targetRole', `${label}.targetRole`),
+  };
+}
+
+function decodeToolApproval(
+  value: unknown,
+  label: string,
+): WorkflowActivityToolApproval {
+  const record = expectRecord(value, label);
+  return {
+    executionId: readString(record, 'executionId', `${label}.executionId`),
+    toolName: readString(record, 'toolName', `${label}.toolName`),
+    toolCallId: readString(record, 'toolCallId', `${label}.toolCallId`),
+    approvalRequestId: readString(
+      record,
+      'approvalRequestId',
+      `${label}.approvalRequestId`,
+    ),
+  };
+}
+
+function decodeStep(
+  value: unknown,
+  label = 'WorkflowActivityStep',
+): WorkflowActivityStep {
+  const record = expectRecord(value, label);
+  return {
+    stepId: readNonBlank(record, 'stepId', `${label}.stepId`),
+    stepType: readString(record, 'stepType', `${label}.stepType`),
+    targetRole: readString(record, 'targetRole', `${label}.targetRole`),
+    requestedAtUtc: readNullableStringValue(
+      record.requestedAtUtc,
+      `${label}.requestedAtUtc`,
+    ),
+    completedAtUtc: readNullableStringValue(
+      record.completedAtUtc,
+      `${label}.completedAtUtc`,
+    ),
+    success: readNullableBooleanValue(record.success, `${label}.success`),
+    durationMs: readNullableNumberValue(
+      record.durationMs,
+      `${label}.durationMs`,
+    ),
+    outputPreview: readString(
+      record,
+      'outputPreview',
+      `${label}.outputPreview`,
+    ),
+    error: readString(record, 'error', `${label}.error`),
+    requestParameters: readStringRecord(
+      record,
+      'requestParameters',
+      `${label}.requestParameters`,
+    ),
+    nextStepId: readString(record, 'nextStepId', `${label}.nextStepId`),
+    branchKey: readString(record, 'branchKey', `${label}.branchKey`),
+    suspensionType: readString(
+      record,
+      'suspensionType',
+      `${label}.suspensionType`,
+    ),
+    suspensionPrompt: readString(
+      record,
+      'suspensionPrompt',
+      `${label}.suspensionPrompt`,
+    ),
+    suspensionContent: readString(
+      record,
+      'suspensionContent',
+      `${label}.suspensionContent`,
+    ),
+    suspensionTimeoutSeconds: readNullableNumberValue(
+      record.suspensionTimeoutSeconds,
+      `${label}.suspensionTimeoutSeconds`,
+    ),
+    toolApproval:
+      record.toolApproval === null || record.toolApproval === undefined
+        ? null
+        : decodeToolApproval(record.toolApproval, `${label}.toolApproval`),
+    usage: decodeUsage(record.usage, `${label}.usage`),
+  };
+}
+
+function decodeToolCall(
+  value: unknown,
+  label: string,
+): WorkflowActivityToolCall {
+  const record = expectRecord(value, label);
+  return {
+    toolName: readString(record, 'toolName', `${label}.toolName`),
+    callId: readString(record, 'callId', `${label}.callId`),
+    argumentsJson: readString(
+      record,
+      'argumentsJson',
+      `${label}.argumentsJson`,
+    ),
+    resultJson: readString(record, 'resultJson', `${label}.resultJson`),
+    success: readBoolean(record, 'success', `${label}.success`),
+    error: readString(record, 'error', `${label}.error`),
+  };
+}
+
+function decodeTimelineEvent(
+  value: unknown,
+  label = 'WorkflowActivityTimelineEvent',
+): WorkflowActivityTimelineEvent {
+  const record = expectRecord(value, label);
+  return {
+    kind: readString(record, 'kind', `${label}.kind`),
+    timestampUtc: readNonBlank(record, 'timestampUtc', `${label}.timestampUtc`),
+    stage: readString(record, 'stage', `${label}.stage`),
+    message: readString(record, 'message', `${label}.message`),
+    agentId: readString(record, 'agentId', `${label}.agentId`),
+    stepId: readString(record, 'stepId', `${label}.stepId`),
+    stepType: readString(record, 'stepType', `${label}.stepType`),
+    toolCall:
+      record.toolCall === null || record.toolCall === undefined
+        ? null
+        : decodeToolCall(record.toolCall, `${label}.toolCall`),
+    content: readString(record, 'content', `${label}.content`),
+    data: readStringRecord(record, 'data', `${label}.data`),
+  };
+}
+
+function decodeStatistics(
+  value: unknown,
+  label: string,
+): WorkflowActivityRunStatistics {
+  const record = expectRecord(value, label);
+  const counts = expectRecord(record.stepTypeCounts, `${label}.stepTypeCounts`);
+  return {
+    totalSteps: readNumber(record, 'totalSteps', `${label}.totalSteps`),
+    requestedSteps: readNumber(
+      record,
+      'requestedSteps',
+      `${label}.requestedSteps`,
+    ),
+    completedSteps: readNumber(
+      record,
+      'completedSteps',
+      `${label}.completedSteps`,
+    ),
+    roleReplyCount: readNumber(
+      record,
+      'roleReplyCount',
+      `${label}.roleReplyCount`,
+    ),
+    stepTypeCounts: Object.fromEntries(
+      Object.entries(counts).map(([key, entry]) => {
+        if (typeof entry !== 'number' || Number.isNaN(entry)) {
+          throw new Error(`${label}.stepTypeCounts.${key} must be a number.`);
+        }
+        return [key, entry];
+      }),
+    ),
+  };
+}
+
+function decodeDetail(value: unknown): WorkflowActivityRunDetail {
+  const record = expectRecord(value, 'WorkflowActivityRunDetail');
+  return {
+    summary: decodeSummary(record.summary, 'WorkflowActivityRunDetail.summary'),
+    input: readString(record, 'input', 'WorkflowActivityRunDetail.input'),
+    finalOutput: readString(
+      record,
+      'finalOutput',
+      'WorkflowActivityRunDetail.finalOutput',
+    ),
+    finalError: readString(
+      record,
+      'finalError',
+      'WorkflowActivityRunDetail.finalError',
+    ),
+    diagnostics: expectArray(
+      record.diagnostics,
+      'WorkflowActivityRunDetail.diagnostics',
+      decodeDiagnostic,
+    ),
+    steps: expectArray(
+      record.steps,
+      'WorkflowActivityRunDetail.steps',
+      decodeStep,
+    ),
+    timeline: expectArray(
+      record.timeline,
+      'WorkflowActivityRunDetail.timeline',
+      decodeTimelineEvent,
+    ),
+    statistics: decodeStatistics(
+      record.statistics,
+      'WorkflowActivityRunDetail.statistics',
+    ),
+    usageTotals: decodeUsage(
+      record.usageTotals,
+      'WorkflowActivityRunDetail.usageTotals',
+    ),
+    recoveryCapability: decodeRecoveryCapability(
+      record.recoveryCapability,
+      'WorkflowActivityRunDetail.recoveryCapability',
+    ),
+    lineage: decodeLineage(record.lineage, 'WorkflowActivityRunDetail.lineage'),
+  };
+}
+
+function decodeGraphNode(
+  value: unknown,
+  label = 'WorkflowActivityGraphNode',
+): WorkflowActivityGraphNode {
+  const record = expectRecord(value, label);
+  return {
+    nodeId: readNonBlank(record, 'nodeId', `${label}.nodeId`),
+    nodeType: readString(record, 'nodeType', `${label}.nodeType`),
+    stepId: readString(record, 'stepId', `${label}.stepId`),
+  };
+}
+
+function decodeGraphEdge(
+  value: unknown,
+  label = 'WorkflowActivityGraphEdge',
+): WorkflowActivityGraphEdge {
+  const record = expectRecord(value, label);
+  return {
+    edgeId: readNonBlank(record, 'edgeId', `${label}.edgeId`),
+    fromNodeId: readNonBlank(record, 'fromNodeId', `${label}.fromNodeId`),
+    toNodeId: readNonBlank(record, 'toNodeId', `${label}.toNodeId`),
+    edgeType: readString(record, 'edgeType', `${label}.edgeType`),
+    branchKey: readString(record, 'branchKey', `${label}.branchKey`),
+  };
+}
+
+function decodeGraph(value: unknown): WorkflowActivityRunGraph {
+  const record = expectRecord(value, 'WorkflowActivityRunGraph');
+  return {
+    rootNodeId: readString(
+      record,
+      'rootNodeId',
+      'WorkflowActivityRunGraph.rootNodeId',
+    ),
+    nodes: expectArray(
+      record.nodes,
+      'WorkflowActivityRunGraph.nodes',
+      decodeGraphNode,
+    ),
+    edges: expectArray(
+      record.edges,
+      'WorkflowActivityRunGraph.edges',
+      decodeGraphEdge,
+    ),
+  };
+}
+
+function decodeForkReceipt(value: unknown): WorkflowRunForkAcceptedReceipt {
+  const record = expectRecord(value, 'WorkflowRunForkAcceptedReceipt');
+  if (
+    readBoolean(
+      record,
+      'accepted',
+      'WorkflowRunForkAcceptedReceipt.accepted',
+    ) !== true
+  ) {
+    throw new Error('WorkflowRunForkAcceptedReceipt.accepted must be true.');
+  }
+  return {
+    accepted: true,
+    sourceRunId: readNonBlank(
+      record,
+      'sourceRunId',
+      'WorkflowRunForkAcceptedReceipt.sourceRunId',
+    ),
+    newRunId: readNonBlank(
+      record,
+      'newRunId',
+      'WorkflowRunForkAcceptedReceipt.newRunId',
+    ),
+    newRunActorId: readNonBlank(
+      record,
+      'newRunActorId',
+      'WorkflowRunForkAcceptedReceipt.newRunActorId',
+    ),
+    workflowName: readString(
+      record,
+      'workflowName',
+      'WorkflowRunForkAcceptedReceipt.workflowName',
+    ),
+    acceptedCommandId: readNonBlank(
+      record,
+      'acceptedCommandId',
+      'WorkflowRunForkAcceptedReceipt.acceptedCommandId',
+    ),
+    correlationId: readNonBlank(
+      record,
+      'correlationId',
+      'WorkflowRunForkAcceptedReceipt.correlationId',
+    ),
+    statusUrl: readNonBlank(
+      record,
+      'statusUrl',
+      'WorkflowRunForkAcceptedReceipt.statusUrl',
+    ),
+  };
+}
+
+async function requestActivityJson<T>(
+  input: string,
+  decode: (value: unknown) => T,
+  init?: RequestInit,
+): Promise<T> {
+  const response = await authFetch(input, init);
+  if (!response.ok) {
+    const details = await readResponseErrorDetails(response);
+    throw new WorkflowActivityApiError(
+      details.message,
+      details.status,
+      details.code,
+      {
+        correlationId: details.correlationId,
+        retryAfterSeconds: details.retryAfterSeconds,
+      },
+    );
+  }
+  return decode(await response.json());
+}
+
+function joinFilter(values?: readonly string[]): string | undefined {
+  const normalized = values?.map((value) => value.trim()).filter(Boolean) ?? [];
+  return normalized.length > 0 ? normalized.join(',') : undefined;
+}
+
+function compactForkRequest(
+  input: WorkflowRunForkRequest,
+): Record<string, unknown> {
+  return Object.fromEntries(
+    Object.entries({
+      sourceRunId: input.sourceRunId.trim(),
+      startAtStepId: input.startAtStepId.trim(),
+      inlineYaml: input.inlineYaml,
+      inlineSubYamls: input.inlineSubYamls,
+      variableOverrides: input.variableOverrides,
+      input: input.input,
+      commandId: input.commandId?.trim() || undefined,
+      correlationId: input.correlationId?.trim() || undefined,
+    }).filter(([, value]) => value !== undefined),
+  );
+}
+
+export const workflowActivityApi = {
+  listRuns(
+    scopeId: string,
+    filter: WorkflowActivityRunFilter = {},
+  ): Promise<WorkflowActivityRunSummary[]> {
+    const url = withQuery('/api/workflow/observatory/runs', {
+      scope: scopeId.trim(),
+      status: filter.status?.trim(),
+      origin: joinFilter(filter.origins),
+      definition: joinFilter(filter.definitionActorIds),
+      schedule: joinFilter(filter.scheduleIds),
+      from: filter.fromUtc?.trim(),
+      to: filter.toUtc?.trim(),
+      take: filter.take,
+    });
+    return requestActivityJson(url, (value) =>
+      expectArray(value, 'WorkflowActivityRunSummary[]', decodeSummary),
+    );
+  },
+
+  listActivityRuns(
+    scopeId: string,
+    filter: WorkflowActivityRunFeedFilter = {},
+  ): Promise<WorkflowActivityRunFeedPage> {
+    const url = withQuery('/api/workflow/observatory/activity-runs', {
+      scope: scopeId.trim(),
+      status: filter.status?.trim(),
+      origin: joinFilter(filter.origins),
+      definition: joinFilter(filter.definitionActorIds),
+      schedule: joinFilter(filter.scheduleIds),
+      workflowId: filter.workflowId?.trim(),
+      q: filter.searchText?.trim(),
+      from: filter.fromUtc?.trim(),
+      to: filter.toUtc?.trim(),
+      take: filter.take,
+      cursor: filter.cursor?.trim(),
+      includeTotalCount: filter.includeTotalCount,
+    });
+    return requestActivityJson(url, decodeActivityRunFeedPage);
+  },
+
+  getRun(scopeId: string, runId: string): Promise<WorkflowActivityRunDetail> {
+    return requestActivityJson(
+      withQuery(
+        `/api/workflow/observatory/runs/${encodeURIComponent(runId.trim())}`,
+        { scope: scopeId.trim() },
+      ),
+      decodeDetail,
+    );
+  },
+
+  getRunGraph(
+    scopeId: string,
+    runId: string,
+  ): Promise<WorkflowActivityRunGraph> {
+    return requestActivityJson(
+      withQuery(
+        `/api/workflow/observatory/runs/${encodeURIComponent(runId.trim())}/graph`,
+        { scope: scopeId.trim() },
+      ),
+      decodeGraph,
+    );
+  },
+
+  forkRun(
+    input: WorkflowRunForkRequest,
+  ): Promise<WorkflowRunForkAcceptedReceipt> {
+    return requestActivityJson('/api/workflow/runs/fork', decodeForkReceipt, {
+      method: 'POST',
+      headers: JSON_HEADERS,
+      body: JSON.stringify(compactForkRequest(input)),
+    });
+  },
+};
diff --git a/apps/aevatar-console-web/src/shared/api/workflowScheduleApi.test.ts b/apps/aevatar-console-web/src/shared/api/workflowScheduleApi.test.ts
new file mode 100644
index 0000000000..7e684bc442
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/workflowScheduleApi.test.ts
@@ -0,0 +1,304 @@
+import { persistAuthSession } from '@/shared/auth/session';
+import { workflowScheduleApi } from './workflowScheduleApi';
+
+describe('workflowScheduleApi', () => {
+  const originalFetch = global.fetch;
+
+  beforeEach(() => {
+    window.localStorage.clear();
+    persistAuthSession({
+      tokens: {
+        accessToken: 'access-token',
+        tokenType: 'Bearer',
+        expiresIn: 3600,
+        expiresAt: Date.now() + 3_600_000,
+      },
+      user: { sub: 'user-1' },
+    });
+  });
+
+  afterEach(() => {
+    global.fetch = originalFetch;
+    jest.restoreAllMocks();
+    window.localStorage.clear();
+  });
+
+  function createSummary(overrides: Record<string, unknown> = {}) {
+    return {
+      scheduleId: 'schedule-alpha',
+      displayName: 'Daily workflow run',
+      targetKind: 'ServiceInvocation',
+      targetActorId: 'actor-alpha',
+      payloadTypeUrl: 'type.googleapis.com/aevatar.ChatRequestEvent',
+      serviceKey: 'scope-alpha:default:default:service-alpha',
+      serviceId: 'service-alpha',
+      serviceEndpointId: 'chat',
+      prompt: 'Run the workflow',
+      cronExpression: '17 9 * * *',
+      timezone: 'Asia/Shanghai',
+      enabled: true,
+      createdAt: '2026-08-20T08:00:00Z',
+      updatedAt: '2026-08-20T08:00:00Z',
+      nextFireAt: '2026-08-21T01:17:00Z',
+      lastFireAt: null,
+      lastTargetActorId: '',
+      lastCommandId: '',
+      lastCorrelationId: '',
+      lastError: '',
+      fireCount: 0,
+      failureCount: 0,
+      headers: {},
+      scheduleActorId: 'schedule-actor-alpha',
+      scheduleKind: 'Workflow',
+      deleted: false,
+      ...overrides,
+    };
+  }
+
+  function createReceipt() {
+    return {
+      scheduleId: 'schedule-alpha',
+      scheduleActorId: 'schedule-actor-alpha',
+      accepted: true,
+      commandId: 'command-alpha',
+      correlationId: 'correlation-alpha',
+      ackedAt: '2026-08-20T08:00:00Z',
+      ackStage: 'accepted',
+    };
+  }
+
+  function createRunNowReceipt() {
+    return {
+      ...createReceipt(),
+      scheduledFireAt: '2026-08-20T08:01:00Z',
+      idempotencyKey: 'schedule-alpha:manual:1',
+    };
+  }
+
+  function mockJson(body: unknown) {
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => body,
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+    return fetchMock;
+  }
+
+  it('lists exact workflow schedules without service or owner query fields', async () => {
+    const fetchMock = mockJson({
+      items: [createSummary()],
+      nextCursor: null,
+      totalCount: 1,
+    });
+
+    await expect(
+      workflowScheduleApi.list('scope/alpha', 'wf+alpha', {
+        includeTotalCount: true,
+        take: 25,
+      }),
+    ).resolves.toEqual({
+      items: [expect.objectContaining({ scheduleId: 'schedule-alpha' })],
+      nextCursor: null,
+      totalCount: 1,
+    });
+
+    expect(fetchMock.mock.calls[0]?.[0]).toBe(
+      '/api/scopes/scope%2Falpha/workflows/wf%2Balpha/schedules?includeTotalCount=true&take=25',
+    );
+  });
+
+  it('uses workflow-scoped preview and create payloads', async () => {
+    const fetchMock = mockJson({
+      cronExpression: '17 9 * * *',
+      timezone: 'Asia/Shanghai',
+      nextFireTimes: ['2026-08-21T01:17:00Z'],
+    });
+
+    await workflowScheduleApi.preview('scope-alpha', 'wf-alpha', {
+      cronExpression: '17 9 * * *',
+      timezone: 'Asia/Shanghai',
+      count: 1,
+    });
+    expect(fetchMock.mock.calls[0]?.[0]).toBe(
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules/preview',
+    );
+    expect(fetchMock.mock.calls[0]?.[1]).toEqual(
+      expect.objectContaining({ method: 'POST' }),
+    );
+    expect(JSON.parse(String(fetchMock.mock.calls[0]?.[1]?.body))).toEqual({
+      cronExpression: '17 9 * * *',
+      timezone: 'Asia/Shanghai',
+      count: 1,
+    });
+
+    fetchMock.mockResolvedValueOnce({
+      ok: true,
+      status: 202,
+      json: async () => createReceipt(),
+    } as Response);
+    await workflowScheduleApi.create('scope-alpha', 'wf-alpha', {
+      displayName: 'Daily workflow run',
+      cronExpression: '17 9 * * *',
+      timezone: 'Asia/Shanghai',
+      enabled: true,
+      prompt: 'Run the workflow',
+    });
+    expect(fetchMock.mock.calls[1]?.[0]).toBe(
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules',
+    );
+    expect(JSON.parse(String(fetchMock.mock.calls[1]?.[1]?.body))).toEqual({
+      displayName: 'Daily workflow run',
+      cronExpression: '17 9 * * *',
+      timezone: 'Asia/Shanghai',
+      enabled: true,
+      prompt: 'Run the workflow',
+      headers: {},
+    });
+  });
+
+  it('maps the scheduled dispatch target actor to the authoritative Run destination', async () => {
+    mockJson({
+      schedule: createSummary(),
+      recentFires: [
+        {
+          scheduledFireAt: '2026-08-20T08:00:00Z',
+          completedAt: '2026-08-20T08:01:00Z',
+          idempotencyKey: 'schedule-alpha:fire:1',
+          targetActorId: 'run-alpha',
+          error: '',
+          manual: false,
+        },
+      ],
+    });
+
+    await expect(
+      workflowScheduleApi.get('scope-alpha', 'wf-alpha', 'schedule-alpha'),
+    ).resolves.toEqual({
+      schedule: expect.objectContaining({ scheduleId: 'schedule-alpha' }),
+      recentFires: [expect.objectContaining({ runActorId: 'run-alpha' })],
+    });
+  });
+
+  it('keeps detail and mutation routes under the exact workflow identity', async () => {
+    const fetchMock = mockJson({
+      schedule: createSummary(),
+      recentFires: [],
+    });
+    fetchMock.mockReset();
+    fetchMock
+      .mockResolvedValueOnce({
+        ok: true,
+        status: 200,
+        json: async () => ({
+          schedule: createSummary(),
+          recentFires: [
+            {
+              ScheduledFireAt: '2026-08-20T08:00:00Z',
+              CompletedAt: '2026-08-20T08:01:00Z',
+              IdempotencyKey: 'schedule-alpha:fire:1',
+              RunActorId: 'run-alpha',
+              Error: '',
+              Manual: false,
+            },
+            {
+              ScheduledFireAt: '2026-08-20T09:00:00Z',
+              CompletedAt: '2026-08-20T09:01:00Z',
+              IdempotencyKey: 'schedule-alpha:fire:2',
+              RunActorId: null,
+              Error: 'Run identity was not recorded',
+              Manual: false,
+            },
+            {
+              ScheduledFireAt: '2026-08-20T10:00:00Z',
+              CompletedAt: '2026-08-20T10:01:00Z',
+              IdempotencyKey: 'schedule-alpha:fire:3',
+              Error: '',
+              Manual: false,
+            },
+          ],
+        }),
+      } as Response)
+      .mockResolvedValueOnce({
+        ok: true,
+        status: 202,
+        json: async () => createReceipt(),
+      } as Response)
+      .mockResolvedValueOnce({
+        ok: true,
+        status: 202,
+        json: async () => createReceipt(),
+      } as Response)
+      .mockResolvedValueOnce({
+        ok: true,
+        status: 202,
+        json: async () => createReceipt(),
+      } as Response)
+      .mockResolvedValueOnce({
+        ok: true,
+        status: 202,
+        json: async () => createRunNowReceipt(),
+      } as Response)
+      .mockResolvedValueOnce({
+        ok: true,
+        status: 202,
+        json: async () => createReceipt(),
+      } as Response);
+
+    const detail = await workflowScheduleApi.get(
+      'scope-alpha',
+      'wf-alpha',
+      'schedule-alpha',
+    );
+    await workflowScheduleApi.update(
+      'scope-alpha',
+      'wf-alpha',
+      'schedule-alpha',
+      {
+        displayName: 'Updated workflow run',
+        cronExpression: '0 10 * * 1',
+        timezone: 'Asia/Shanghai',
+        enabled: true,
+      },
+    );
+    await workflowScheduleApi.enable(
+      'scope-alpha',
+      'wf-alpha',
+      'schedule-alpha',
+      'resume',
+    );
+    await workflowScheduleApi.disable(
+      'scope-alpha',
+      'wf-alpha',
+      'schedule-alpha',
+    );
+    await workflowScheduleApi.runNow(
+      'scope-alpha',
+      'wf-alpha',
+      'schedule-alpha',
+    );
+    await workflowScheduleApi.delete(
+      'scope-alpha',
+      'wf-alpha',
+      'schedule-alpha',
+      'remove schedule',
+    );
+
+    expect(fetchMock.mock.calls.map(([input]) => input)).toEqual([
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules/schedule-alpha',
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules/schedule-alpha',
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules/schedule-alpha:enable',
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules/schedule-alpha:disable',
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules/schedule-alpha:run-now',
+      '/api/scopes/scope-alpha/workflows/wf-alpha/schedules/schedule-alpha?reason=remove+schedule',
+    ]);
+    expect(
+      fetchMock.mock.calls.slice(1).every(([, init]) => init?.method),
+    ).toBe(true);
+    expect(detail.recentFires).toEqual([
+      expect.objectContaining({ runActorId: 'run-alpha' }),
+      expect.objectContaining({ runActorId: '' }),
+      expect.objectContaining({ runActorId: '' }),
+    ]);
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/api/workflowScheduleApi.ts b/apps/aevatar-console-web/src/shared/api/workflowScheduleApi.ts
new file mode 100644
index 0000000000..56fa8b8c5b
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/api/workflowScheduleApi.ts
@@ -0,0 +1,492 @@
+import { jsonBody, requestJson, withQuery } from '@/shared/api/http/client';
+import {
+  expectArray,
+  expectRecord,
+  readBoolean,
+  readNullableString,
+  readNumber,
+  readOptionalArray,
+  readString,
+} from './http/decoders';
+
+export type WorkflowScheduleConfigurationInput = {
+  readonly scheduleId?: string;
+  readonly displayName: string;
+  readonly cronExpression: string;
+  readonly timezone: string;
+  readonly enabled: boolean;
+  readonly prompt?: string;
+  readonly headers?: Readonly<Record<string, string>>;
+};
+
+export type WorkflowSchedulePreviewInput = {
+  readonly cronExpression: string;
+  readonly timezone: string;
+  readonly count?: number;
+  readonly fromUtc?: string;
+};
+
+export type WorkflowScheduleListQuery = {
+  readonly cursor?: string;
+  readonly includeTotalCount?: boolean;
+  readonly take?: number;
+};
+
+export type WorkflowScheduleSummary = {
+  readonly scheduleId: string;
+  readonly displayName: string;
+  readonly prompt: string;
+  readonly cronExpression: string;
+  readonly timezone: string;
+  readonly enabled: boolean;
+  readonly createdAt: string;
+  readonly updatedAt: string;
+  readonly nextFireAt: string | null;
+  readonly lastFireAt: string | null;
+  readonly fireCount: number;
+  readonly failureCount: number;
+};
+
+export type WorkflowScheduleFire = {
+  readonly scheduledFireAt: string;
+  readonly completedAt: string;
+  readonly idempotencyKey: string;
+  readonly runActorId: string;
+  readonly error: string;
+  readonly manual: boolean;
+};
+
+export type WorkflowScheduleDetail = {
+  readonly schedule: WorkflowScheduleSummary;
+  readonly recentFires: readonly WorkflowScheduleFire[];
+};
+
+export type WorkflowSchedulePreview = {
+  readonly cronExpression: string;
+  readonly timezone: string;
+  readonly nextFireTimes: readonly string[];
+};
+
+export type WorkflowScheduleMutationReceipt = {
+  readonly scheduleId: string;
+  readonly accepted: boolean;
+};
+
+export type WorkflowScheduleRunNowReceipt = WorkflowScheduleMutationReceipt & {
+  readonly scheduledFireAt: string;
+};
+
+export type WorkflowScheduleListResult = {
+  readonly items: readonly WorkflowScheduleSummary[];
+  readonly nextCursor: string | null;
+  readonly totalCount: number | null;
+};
+
+export type WorkflowScheduleApi = {
+  readonly list: (
+    scopeId: string,
+    workflowId: string,
+    query?: WorkflowScheduleListQuery,
+  ) => Promise<WorkflowScheduleListResult>;
+  readonly get: (
+    scopeId: string,
+    workflowId: string,
+    scheduleId: string,
+  ) => Promise<WorkflowScheduleDetail>;
+  readonly preview: (
+    scopeId: string,
+    workflowId: string,
+    input: WorkflowSchedulePreviewInput,
+  ) => Promise<WorkflowSchedulePreview>;
+  readonly create: (
+    scopeId: string,
+    workflowId: string,
+    input: WorkflowScheduleConfigurationInput,
+  ) => Promise<WorkflowScheduleMutationReceipt>;
+  readonly update: (
+    scopeId: string,
+    workflowId: string,
+    scheduleId: string,
+    input: WorkflowScheduleConfigurationInput,
+  ) => Promise<WorkflowScheduleMutationReceipt>;
+  readonly enable: (
+    scopeId: string,
+    workflowId: string,
+    scheduleId: string,
+    reason?: string,
+  ) => Promise<WorkflowScheduleMutationReceipt>;
+  readonly disable: (
+    scopeId: string,
+    workflowId: string,
+    scheduleId: string,
+    reason?: string,
+  ) => Promise<WorkflowScheduleMutationReceipt>;
+  readonly runNow: (
+    scopeId: string,
+    workflowId: string,
+    scheduleId: string,
+  ) => Promise<WorkflowScheduleRunNowReceipt>;
+  readonly delete: (
+    scopeId: string,
+    workflowId: string,
+    scheduleId: string,
+    reason?: string,
+  ) => Promise<WorkflowScheduleMutationReceipt>;
+};
+
+function readDateTimeString(
+  record: Record<string, unknown>,
+  keys: [string, string],
+  label: string,
+): string {
+  const value = record[keys[0]] ?? record[keys[1]];
+  if (value instanceof Date) return value.toISOString();
+  if (typeof value === 'string') return value;
+  throw new Error(`${label} must be a string.`);
+}
+
+function readNullableDateTimeString(
+  record: Record<string, unknown>,
+  keys: [string, string],
+): string | null {
+  const value = record[keys[0]] ?? record[keys[1]];
+  if (value === null || value === undefined) return null;
+  if (value instanceof Date) return value.toISOString();
+  if (typeof value === 'string') return value;
+  throw new Error(`${keys[0]} must be a string or null.`);
+}
+
+function decodeWorkflowScheduleSummary(
+  value: unknown,
+  label = 'WorkflowScheduleSummary',
+): WorkflowScheduleSummary {
+  const record = expectRecord(value, label);
+  return {
+    scheduleId: readString(
+      record,
+      ['scheduleId', 'ScheduleId'],
+      `${label}.scheduleId`,
+    ),
+    displayName: readString(
+      record,
+      ['displayName', 'DisplayName'],
+      `${label}.displayName`,
+    ),
+    prompt:
+      readNullableString(record, ['prompt', 'Prompt'], `${label}.prompt`) ?? '',
+    cronExpression: readString(
+      record,
+      ['cronExpression', 'CronExpression'],
+      `${label}.cronExpression`,
+    ),
+    timezone: readString(record, ['timezone', 'Timezone'], `${label}.timezone`),
+    enabled: readBoolean(record, ['enabled', 'Enabled'], `${label}.enabled`),
+    createdAt: readDateTimeString(
+      record,
+      ['createdAt', 'CreatedAt'],
+      `${label}.createdAt`,
+    ),
+    updatedAt: readDateTimeString(
+      record,
+      ['updatedAt', 'UpdatedAt'],
+      `${label}.updatedAt`,
+    ),
+    nextFireAt: readNullableDateTimeString(record, [
+      'nextFireAt',
+      'NextFireAt',
+    ]),
+    lastFireAt: readNullableDateTimeString(record, [
+      'lastFireAt',
+      'LastFireAt',
+    ]),
+    fireCount: readNumber(
+      record,
+      ['fireCount', 'FireCount'],
+      `${label}.fireCount`,
+    ),
+    failureCount: readNumber(
+      record,
+      ['failureCount', 'FailureCount'],
+      `${label}.failureCount`,
+    ),
+  };
+}
+
+function decodeWorkflowScheduleDetail(value: unknown): WorkflowScheduleDetail {
+  const record = expectRecord(value, 'WorkflowScheduleDetail');
+  return {
+    schedule: decodeWorkflowScheduleSummary(record.schedule ?? record.Schedule),
+    recentFires: readOptionalArray(
+      record,
+      ['recentFires', 'RecentFires'],
+      'WorkflowScheduleDetail.recentFires',
+      (entry, label) => {
+        const entryLabel = label ?? 'WorkflowScheduleDetail.recentFires[]';
+        const fire = expectRecord(entry, entryLabel);
+        return {
+          scheduledFireAt: readDateTimeString(
+            fire,
+            ['scheduledFireAt', 'ScheduledFireAt'],
+            `${entryLabel}.scheduledFireAt`,
+          ),
+          completedAt: readDateTimeString(
+            fire,
+            ['completedAt', 'CompletedAt'],
+            `${entryLabel}.completedAt`,
+          ),
+          idempotencyKey: readString(
+            fire,
+            ['idempotencyKey', 'IdempotencyKey'],
+            `${entryLabel}.idempotencyKey`,
+          ),
+          runActorId:
+            readNullableString(
+              fire,
+              ['runActorId', 'RunActorId'],
+              `${entryLabel}.runActorId`,
+            ) ??
+            readNullableString(
+              fire,
+              ['targetActorId', 'TargetActorId'],
+              `${entryLabel}.targetActorId`,
+            ) ??
+            '',
+          error: readString(fire, ['error', 'Error'], `${entryLabel}.error`),
+          manual: readBoolean(
+            fire,
+            ['manual', 'Manual'],
+            `${entryLabel}.manual`,
+          ),
+        };
+      },
+    ),
+  };
+}
+
+function decodeWorkflowScheduleList(
+  value: unknown,
+): WorkflowScheduleListResult {
+  const record = expectRecord(value, 'WorkflowScheduleListResult');
+  const nextCursor = record.nextCursor ?? record.NextCursor;
+  const totalCount = record.totalCount ?? record.TotalCount;
+  return {
+    items: expectArray(
+      record.items ?? record.Items,
+      'WorkflowScheduleListResult.items',
+      decodeWorkflowScheduleSummary,
+    ),
+    nextCursor:
+      nextCursor === null || nextCursor === undefined
+        ? null
+        : readString(
+            { value: nextCursor },
+            'value',
+            'WorkflowScheduleListResult.nextCursor',
+          ),
+    totalCount:
+      totalCount === null || totalCount === undefined
+        ? null
+        : readNumber(
+            { value: totalCount },
+            'value',
+            'WorkflowScheduleListResult.totalCount',
+          ),
+  };
+}
+
+function decodeWorkflowSchedulePreview(
+  value: unknown,
+): WorkflowSchedulePreview {
+  const record = expectRecord(value, 'WorkflowSchedulePreview');
+  return {
+    cronExpression: readString(
+      record,
+      ['cronExpression', 'CronExpression'],
+      'WorkflowSchedulePreview.cronExpression',
+    ),
+    timezone: readString(
+      record,
+      ['timezone', 'Timezone'],
+      'WorkflowSchedulePreview.timezone',
+    ),
+    nextFireTimes: expectArray(
+      record.nextFireTimes ?? record.NextFireTimes,
+      'WorkflowSchedulePreview.nextFireTimes',
+      (entry, label) => {
+        if (typeof entry === 'string') return entry;
+        if (entry instanceof Date) return entry.toISOString();
+        throw new Error(`${label} must be a string.`);
+      },
+    ),
+  };
+}
+
+function decodeWorkflowScheduleReceipt(
+  value: unknown,
+): WorkflowScheduleMutationReceipt {
+  const record = expectRecord(value, 'WorkflowScheduleMutationReceipt');
+  return {
+    scheduleId: readString(
+      record,
+      ['scheduleId', 'ScheduleId'],
+      'WorkflowScheduleMutationReceipt.scheduleId',
+    ),
+    accepted: readBoolean(
+      record,
+      ['accepted', 'Accepted'],
+      'WorkflowScheduleMutationReceipt.accepted',
+    ),
+  };
+}
+
+function decodeWorkflowScheduleRunNowReceipt(
+  value: unknown,
+): WorkflowScheduleRunNowReceipt {
+  const record = expectRecord(value, 'WorkflowScheduleRunNowReceipt');
+  return {
+    ...decodeWorkflowScheduleReceipt(value),
+    scheduledFireAt: readDateTimeString(
+      record,
+      ['scheduledFireAt', 'ScheduledFireAt'],
+      'WorkflowScheduleRunNowReceipt.scheduledFireAt',
+    ),
+  };
+}
+
+function requireIdentifier(value: string, label: string): string {
+  const normalized = value.trim();
+  if (!normalized) throw new Error(`${label} is required.`);
+  return encodeURIComponent(normalized);
+}
+
+function route(scopeId: string, workflowId: string): string {
+  return `/api/scopes/${requireIdentifier(scopeId, 'scopeId')}/workflows/${requireIdentifier(workflowId, 'workflowId')}/schedules`;
+}
+
+function encodeConfiguration(input: WorkflowScheduleConfigurationInput) {
+  const displayName = input.displayName.trim();
+  const cronExpression = input.cronExpression.trim();
+  const timezone = input.timezone.trim();
+  if (!displayName) throw new Error('Schedule displayName is required.');
+  if (!cronExpression) throw new Error('Schedule cronExpression is required.');
+  if (!timezone) throw new Error('Schedule timezone is required.');
+
+  return {
+    ...(input.scheduleId?.trim()
+      ? { scheduleId: input.scheduleId.trim() }
+      : {}),
+    displayName,
+    cronExpression,
+    timezone,
+    enabled: input.enabled,
+    prompt: input.prompt?.trim() ?? '',
+    headers: input.headers ?? {},
+  };
+}
+
+function encodePreview(input: WorkflowSchedulePreviewInput) {
+  const cronExpression = input.cronExpression.trim();
+  const timezone = input.timezone.trim();
+  if (!cronExpression) throw new Error('Schedule cronExpression is required.');
+  if (!timezone) throw new Error('Schedule timezone is required.');
+  return {
+    cronExpression,
+    timezone,
+    count: input.count ?? 5,
+    ...(input.fromUtc?.trim() ? { fromUtc: input.fromUtc.trim() } : {}),
+  };
+}
+
+function mutationBody(reason?: string) {
+  const normalizedReason = reason?.trim() ?? '';
+  return normalizedReason ? { reason: normalizedReason } : {};
+}
+
+export const workflowScheduleApi: WorkflowScheduleApi = {
+  list(scopeId, workflowId, query) {
+    return requestJson(
+      withQuery(route(scopeId, workflowId), {
+        cursor: query?.cursor,
+        includeTotalCount: query?.includeTotalCount,
+        take: query?.take,
+      }),
+      decodeWorkflowScheduleList,
+    );
+  },
+
+  get(scopeId, workflowId, scheduleId) {
+    return requestJson(
+      `${route(scopeId, workflowId)}/${requireIdentifier(scheduleId, 'scheduleId')}`,
+      decodeWorkflowScheduleDetail,
+    );
+  },
+
+  preview(scopeId, workflowId, input) {
+    return requestJson(
+      `${route(scopeId, workflowId)}/preview`,
+      decodeWorkflowSchedulePreview,
+      {
+        method: 'POST',
+        ...jsonBody(encodePreview(input)),
+      },
+    );
+  },
+
+  create(scopeId, workflowId, input) {
+    return requestJson(
+      route(scopeId, workflowId),
+      decodeWorkflowScheduleReceipt,
+      {
+        method: 'POST',
+        ...jsonBody(encodeConfiguration(input)),
+      },
+    );
+  },
+
+  update(scopeId, workflowId, scheduleId, input) {
+    return requestJson(
+      `${route(scopeId, workflowId)}/${requireIdentifier(scheduleId, 'scheduleId')}`,
+      decodeWorkflowScheduleReceipt,
+      {
+        method: 'PUT',
+        ...jsonBody(encodeConfiguration({ ...input, scheduleId })),
+      },
+    );
+  },
+
+  enable(scopeId, workflowId, scheduleId, reason) {
+    return requestJson(
+      `${route(scopeId, workflowId)}/${requireIdentifier(scheduleId, 'scheduleId')}:enable`,
+      decodeWorkflowScheduleReceipt,
+      { method: 'POST', ...jsonBody(mutationBody(reason)) },
+    );
+  },
+
+  disable(scopeId, workflowId, scheduleId, reason) {
+    return requestJson(
+      `${route(scopeId, workflowId)}/${requireIdentifier(scheduleId, 'scheduleId')}:disable`,
+      decodeWorkflowScheduleReceipt,
+      { method: 'POST', ...jsonBody(mutationBody(reason)) },
+    );
+  },
+
+  runNow(scopeId, workflowId, scheduleId) {
+    return requestJson(
+      `${route(scopeId, workflowId)}/${requireIdentifier(scheduleId, 'scheduleId')}:run-now`,
+      decodeWorkflowScheduleRunNowReceipt,
+      { method: 'POST', ...jsonBody({}) },
+    );
+  },
+
+  delete(scopeId, workflowId, scheduleId, reason) {
+    const normalizedReason = reason?.trim() ?? '';
+    return requestJson(
+      withQuery(
+        `${route(scopeId, workflowId)}/${requireIdentifier(scheduleId, 'scheduleId')}`,
+        normalizedReason ? { reason: normalizedReason } : undefined,
+      ),
+      decodeWorkflowScheduleReceipt,
+      { method: 'DELETE', ...jsonBody(mutationBody(reason)) },
+    );
+  },
+};
diff --git a/apps/aevatar-console-web/src/shared/auth/client.test.ts b/apps/aevatar-console-web/src/shared/auth/client.test.ts
index 7d91cc44b6..62bed0cad9 100644
--- a/apps/aevatar-console-web/src/shared/auth/client.test.ts
+++ b/apps/aevatar-console-web/src/shared/auth/client.test.ts
@@ -1,26 +1,30 @@
-import { TextEncoder } from "node:util";
+import { TextEncoder } from 'node:util';
+import { CONSOLE_HOME_ROUTE } from '../navigation/consoleHome';
 import {
   ensureActiveAuthSession,
   hasRestorableAuthSession,
-  NyxIDAuthClient,
-  SERVICE_ACCESS_REVIEW_RETURN_TO,
   type NyxIDAuthCallbackError,
   type NyxIDAuthCallbackErrorReason,
-} from "./client";
-import type { NyxIDRuntimeConfig } from "./config";
-import { loadStoredAuthSession } from "./session";
+  NyxIDAuthClient,
+} from './client';
+import type { NyxIDRuntimeConfig } from './config';
+import { loadStoredAuthSession } from './session';
 
 const runtimeConfig: NyxIDRuntimeConfig = {
   enabled: true,
-  baseUrl: "https://nyx.example",
-  clientId: "console-client-1",
-  redirectUri: "http://localhost:8000/auth/callback",
-  scope: "openid profile email offline_access urn:nyxid:scope:broker_binding proxy",
+  baseUrl: 'https://nyx.example',
+  clientId: 'console-client-1',
+  redirectUri: 'http://localhost:8000/auth/callback',
+  scope:
+    'openid profile email offline_access urn:nyxid:scope:broker_binding proxy',
 };
 
+const reviewReturnTo =
+  '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account';
+
 function installLocationAssignSpy() {
   const assign = jest.fn();
-  Object.defineProperty(window, "location", {
+  Object.defineProperty(window, 'location', {
     configurable: true,
     value: {
       ...window.location,
@@ -32,19 +36,22 @@ function installLocationAssignSpy() {
   return assign;
 }
 
-describe("NyxIDAuthClient", () => {
+describe('NyxIDAuthClient', () => {
   const originalFetch = global.fetch;
-  const originalLocationDescriptor = Object.getOwnPropertyDescriptor(window, "location");
+  const originalLocationDescriptor = Object.getOwnPropertyDescriptor(
+    window,
+    'location',
+  );
 
   beforeEach(() => {
     window.localStorage.clear();
-    window.history.replaceState({}, "", "/login");
-    jest.spyOn(Date, "now").mockReturnValue(1_700_000_000_000);
-    Object.defineProperty(globalThis, "TextEncoder", {
+    window.history.replaceState({}, '', '/login');
+    jest.spyOn(Date, 'now').mockReturnValue(1_700_000_000_000);
+    Object.defineProperty(globalThis, 'TextEncoder', {
       configurable: true,
       value: TextEncoder,
     });
-    Object.defineProperty(globalThis, "crypto", {
+    Object.defineProperty(globalThis, 'crypto', {
       configurable: true,
       value: {
         getRandomValues: (array: Uint8Array) => {
@@ -61,78 +68,80 @@ describe("NyxIDAuthClient", () => {
   afterEach(() => {
     global.fetch = originalFetch;
     if (originalLocationDescriptor) {
-      Object.defineProperty(window, "location", originalLocationDescriptor);
+      Object.defineProperty(window, 'location', originalLocationDescriptor);
     }
     jest.restoreAllMocks();
     window.localStorage.clear();
   });
 
-  it("starts authorize entirely from frontend runtime config", async () => {
+  it('starts authorize entirely from frontend runtime config', async () => {
     const assign = installLocationAssignSpy();
     const fetchMock = jest.fn();
     global.fetch = fetchMock as typeof global.fetch;
 
     await new NyxIDAuthClient(runtimeConfig).loginWithRedirect({
-      returnTo: "/scopes/scope-1/teams",
+      returnTo: '/scopes/scope-1/teams',
     });
 
     expect(fetchMock).not.toHaveBeenCalled();
     expect(assign).toHaveBeenCalledTimes(1);
     const authorizeUrl = new URL(assign.mock.calls[0][0]);
     expect(authorizeUrl.origin + authorizeUrl.pathname).toBe(
-      "https://nyx.example/oauth/authorize",
+      'https://nyx.example/oauth/authorize',
     );
-    expect(authorizeUrl.searchParams.get("client_id")).toBe("console-client-1");
-    expect(authorizeUrl.searchParams.get("redirect_uri")).toBe(
-      "http://localhost:8000/auth/callback",
+    expect(authorizeUrl.searchParams.get('client_id')).toBe('console-client-1');
+    expect(authorizeUrl.searchParams.get('redirect_uri')).toBe(
+      'http://localhost:8000/auth/callback',
     );
-    expect(authorizeUrl.searchParams.get("scope")).toBe(
-      "openid profile email offline_access urn:nyxid:scope:broker_binding proxy",
+    expect(authorizeUrl.searchParams.get('scope')).toBe(
+      'openid profile email offline_access urn:nyxid:scope:broker_binding proxy',
     );
-    expect(authorizeUrl.searchParams.get("prompt")).toBeNull();
-    expect(authorizeUrl.searchParams.getAll("resource")).toEqual([]);
+    expect(authorizeUrl.searchParams.get('prompt')).toBeNull();
+    expect(authorizeUrl.searchParams.getAll('resource')).toEqual([]);
 
     const pending = JSON.parse(
       window.localStorage.getItem(
-        "aevatar-console:nyxid:pending:console-client-1",
-      ) ?? "{}",
+        'aevatar-console:nyxid:pending:console-client-1',
+      ) ?? '{}',
     );
     expect(pending).toEqual(
       expect.objectContaining({
-        clientId: "console-client-1",
-        redirectUri: "http://localhost:8000/auth/callback",
-        returnTo: "/scopes/scope-1/teams",
-        scope: "openid profile email offline_access urn:nyxid:scope:broker_binding proxy",
-        state: authorizeUrl.searchParams.get("state"),
-        flow: "signIn",
+        clientId: 'console-client-1',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: '/scopes/scope-1/teams',
+        scope:
+          'openid profile email offline_access urn:nyxid:scope:broker_binding proxy',
+        state: authorizeUrl.searchParams.get('state'),
+        flow: 'signIn',
       }),
     );
   });
 
-  it("starts service access review with consent prompt and account return default", async () => {
+  it('starts service access review with consent prompt and account return state', async () => {
     const assign = installLocationAssignSpy();
     const fetchMock = jest.fn();
     global.fetch = fetchMock as typeof global.fetch;
 
     await new NyxIDAuthClient(runtimeConfig).loginWithRedirect({
-      flow: "serviceAccessReview",
+      flow: 'serviceAccessReview',
+      returnTo: reviewReturnTo,
     });
 
     const authorizeUrl = new URL(assign.mock.calls[0][0]);
-    expect(authorizeUrl.searchParams.get("prompt")).toBe("consent");
-    expect(authorizeUrl.searchParams.getAll("resource")).toEqual([]);
+    expect(authorizeUrl.searchParams.get('prompt')).toBe('consent');
+    expect(authorizeUrl.searchParams.getAll('resource')).toEqual([]);
     expect(fetchMock).not.toHaveBeenCalled();
 
     const pending = JSON.parse(
       window.localStorage.getItem(
-        "aevatar-console:nyxid:pending:console-client-1",
-      ) ?? "{}",
+        'aevatar-console:nyxid:pending:console-client-1',
+      ) ?? '{}',
     );
     expect(pending).toEqual(
       expect.objectContaining({
-        flow: "serviceAccessReview",
-        returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
-        state: authorizeUrl.searchParams.get("state"),
+        flow: 'serviceAccessReview',
+        returnTo: reviewReturnTo,
+        state: authorizeUrl.searchParams.get('state'),
       }),
     );
   });
@@ -169,34 +178,34 @@ describe("NyxIDAuthClient", () => {
     const assign = installLocationAssignSpy();
 
     await new NyxIDAuthClient(runtimeConfig).loginWithRedirect({
-      prompt: "consent",
-      returnTo: "/scopes/scope-1/teams/team-1/members/m-alpha/automations",
+      prompt: 'consent',
+      returnTo: '/scopes/scope-1/teams/team-1/members/m-alpha/automations',
     });
 
     const authorizeUrl = new URL(assign.mock.calls[0][0]);
-    expect(authorizeUrl.searchParams.get("prompt")).toBe("consent");
+    expect(authorizeUrl.searchParams.get('prompt')).toBe('consent');
     const pending = JSON.parse(
       window.localStorage.getItem(
-        "aevatar-console:nyxid:pending:console-client-1",
-      ) ?? "{}",
+        'aevatar-console:nyxid:pending:console-client-1',
+      ) ?? '{}',
     );
     expect(pending.returnTo).toBe(
-      "/scopes/scope-1/teams/team-1/members/m-alpha/automations",
+      '/scopes/scope-1/teams/team-1/members/m-alpha/automations',
     );
-    expect(pending.flow).toBe("signIn");
+    expect(pending.flow).toBe('signIn');
   });
 
-  it("finalizes callback through the backend without a browser token exchange", async () => {
-    const pendingKey = "aevatar-console:nyxid:pending:broker-client-1";
+  it('finalizes callback through the backend without a browser token exchange', async () => {
+    const pendingKey = 'aevatar-console:nyxid:pending:broker-client-1';
     window.localStorage.setItem(
       pendingKey,
       JSON.stringify({
-        clientId: "broker-client-1",
-        codeVerifier: "pkce-verifier",
-        redirectUri: "http://localhost:8000/auth/callback",
-        returnTo: "/scopes/scope-1/teams",
-        scope: "openid urn:nyxid:scope:broker_binding proxy",
-        state: "state-1",
+        clientId: 'broker-client-1',
+        codeVerifier: 'pkce-verifier',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: '/scopes/scope-1/teams',
+        scope: 'openid urn:nyxid:scope:broker_binding proxy',
+        state: 'state-1',
       }),
     );
     const fetchMock = jest.fn().mockResolvedValue({
@@ -204,14 +213,14 @@ describe("NyxIDAuthClient", () => {
       status: 200,
       json: async () => ({
         tokens: {
-          accessToken: "access-token",
-          refreshToken: "refresh-token",
-          tokenType: "Bearer",
+          accessToken: 'access-token',
+          refreshToken: 'refresh-token',
+          tokenType: 'Bearer',
           expiresIn: 1800,
-          scope: "openid profile email offline_access proxy",
+          scope: 'openid profile email offline_access proxy',
         },
         user: {
-          sub: "owner-user-1",
+          sub: 'owner-user-1',
         },
         bindingDispatchAccepted: true,
       }),
@@ -220,18 +229,18 @@ describe("NyxIDAuthClient", () => {
 
     await expect(
       new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
-        "http://localhost:8000/auth/callback?code=auth-code&state=state-1",
+        'http://localhost:8000/auth/callback?code=auth-code&state=state-1',
       ),
     ).resolves.toEqual({
-      flow: "signIn",
-      returnTo: "/scopes/scope-1/teams",
+      flow: 'signIn',
+      returnTo: '/scopes/scope-1/teams',
       session: expect.objectContaining({
         tokens: expect.objectContaining({
-          accessToken: "access-token",
-          refreshToken: "refresh-token",
+          accessToken: 'access-token',
+          refreshToken: 'refresh-token',
         }),
         user: {
-          sub: "owner-user-1",
+          sub: 'owner-user-1',
           email: undefined,
           email_verified: undefined,
           groups: undefined,
@@ -245,30 +254,30 @@ describe("NyxIDAuthClient", () => {
 
     expect(fetchMock).toHaveBeenCalledTimes(1);
     const [input, init] = fetchMock.mock.calls[0] as [string, RequestInit];
-    expect(input).toBe("/api/auth/nyxid/finalize");
+    expect(input).toBe('/api/auth/nyxid/finalize');
     expect(JSON.parse(String(init.body))).toEqual({
-      code: "auth-code",
-      codeVerifier: "pkce-verifier",
-      redirectUri: "http://localhost:8000/auth/callback",
+      code: 'auth-code',
+      codeVerifier: 'pkce-verifier',
+      redirectUri: 'http://localhost:8000/auth/callback',
     });
-    expect(String(input)).not.toContain("/oauth/token");
+    expect(String(input)).not.toContain('/oauth/token');
     expect(window.localStorage.getItem(pendingKey)).toBeNull();
-    expect(loadStoredAuthSession()?.tokens.accessToken).toBe("access-token");
-    expect(loadStoredAuthSession()?.tokens.refreshToken).toBe("refresh-token");
+    expect(loadStoredAuthSession()?.tokens.accessToken).toBe('access-token');
+    expect(loadStoredAuthSession()?.tokens.refreshToken).toBe('refresh-token');
   });
 
-  it("finalizes service access review with the stored flow flag", async () => {
-    const pendingKey = "aevatar-console:nyxid:pending:broker-client-1";
+  it('finalizes service access review with the stored flow flag', async () => {
+    const pendingKey = 'aevatar-console:nyxid:pending:broker-client-1';
     window.localStorage.setItem(
       pendingKey,
       JSON.stringify({
-        clientId: "broker-client-1",
-        codeVerifier: "pkce-verifier",
-        redirectUri: "http://localhost:8000/auth/callback",
-        returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
-        scope: "openid urn:nyxid:scope:broker_binding proxy",
-        state: "state-1",
-        flow: "serviceAccessReview",
+        clientId: 'broker-client-1',
+        codeVerifier: 'pkce-verifier',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: reviewReturnTo,
+        scope: 'openid urn:nyxid:scope:broker_binding proxy',
+        state: 'state-1',
+        flow: 'serviceAccessReview',
       }),
     );
     const fetchMock = jest.fn().mockResolvedValue({
@@ -276,14 +285,14 @@ describe("NyxIDAuthClient", () => {
       status: 200,
       json: async () => ({
         tokens: {
-          accessToken: "review-access-token",
-          refreshToken: "review-refresh-token",
-          tokenType: "Bearer",
+          accessToken: 'review-access-token',
+          refreshToken: 'review-refresh-token',
+          tokenType: 'Bearer',
           expiresIn: 1800,
-          scope: "openid profile email offline_access proxy",
+          scope: 'openid profile email offline_access proxy',
         },
         user: {
-          sub: "owner-user-1",
+          sub: 'owner-user-1',
         },
         bindingDispatchAccepted: true,
       }),
@@ -292,139 +301,191 @@ describe("NyxIDAuthClient", () => {
 
     await expect(
       new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
-        "http://localhost:8000/auth/callback?code=auth-code&state=state-1",
+        'http://localhost:8000/auth/callback?code=auth-code&state=state-1',
       ),
     ).resolves.toEqual({
-      flow: "serviceAccessReview",
-      returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
+      flow: 'serviceAccessReview',
+      returnTo: reviewReturnTo,
       session: expect.objectContaining({
         tokens: expect.objectContaining({
-          accessToken: "review-access-token",
-          refreshToken: "review-refresh-token",
+          accessToken: 'review-access-token',
+          refreshToken: 'review-refresh-token',
         }),
       }),
     });
 
     const [input, init] = fetchMock.mock.calls[0] as [string, RequestInit];
-    expect(input).toBe("/api/auth/nyxid/finalize");
+    expect(input).toBe('/api/auth/nyxid/finalize');
     expect(JSON.parse(String(init.body))).toEqual({
-      code: "auth-code",
-      codeVerifier: "pkce-verifier",
-      redirectUri: "http://localhost:8000/auth/callback",
+      code: 'auth-code',
+      codeVerifier: 'pkce-verifier',
+      redirectUri: 'http://localhost:8000/auth/callback',
       serviceAccessReview: true,
     });
     expect(window.localStorage.getItem(pendingKey)).toBeNull();
-    expect(loadStoredAuthSession()?.tokens.accessToken).toBe("review-access-token");
+    expect(loadStoredAuthSession()?.tokens.accessToken).toBe(
+      'review-access-token',
+    );
+  });
+
+  it('recognizes a plain-text required service access failure during sign-in', async () => {
+    const pendingKey = 'aevatar-console:nyxid:pending:broker-client-1';
+    window.localStorage.setItem(
+      pendingKey,
+      JSON.stringify({
+        clientId: 'broker-client-1',
+        codeVerifier: 'pkce-verifier',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: '/scopes/scope-1/workflow-activity-vnext/workflows',
+        scope: 'openid urn:nyxid:scope:broker_binding proxy',
+        state: 'state-1',
+        flow: 'signIn',
+      }),
+    );
+    global.fetch = jest.fn().mockResolvedValue({
+      ok: false,
+      status: 400,
+      statusText: 'Bad Request',
+      text: async () => 'required_service_access_missing',
+    } as Response) as typeof global.fetch;
+
+    await expect(
+      new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
+        'http://localhost:8000/auth/callback?code=auth-code&state=state-1',
+      ),
+    ).rejects.toMatchObject({
+      flow: 'signIn',
+      reason: 'requiredServiceAccessMissing',
+      returnTo: '/scopes/scope-1/workflow-activity-vnext/workflows',
+    });
   });
 
   it.each<[number, string, NyxIDAuthCallbackErrorReason]>([
-    [409, "required_service_access_missing", "requiredServiceAccessMissing"],
-    [503, "issued_binding_invalid", "issuedBindingInvalid"],
-    [503, "issued_binding_probe_failed", "issuedBindingProbeFailed"],
-    [503, "binding_probe_failed", "bindingProbeFailed"],
-  ])("preserves review retry state for backend error %s %s", async (status, code, reason) => {
-    const pendingKey = "aevatar-console:nyxid:pending:broker-client-1";
+    [409, 'required_service_access_missing', 'requiredServiceAccessMissing'],
+    [503, 'issued_binding_invalid', 'issuedBindingInvalid'],
+    [503, 'issued_binding_probe_failed', 'issuedBindingProbeFailed'],
+    [503, 'binding_probe_failed', 'bindingProbeFailed'],
+  ])('preserves review retry state for backend error %s %s', async (status, code, reason) => {
+    const pendingKey = 'aevatar-console:nyxid:pending:broker-client-1';
     window.localStorage.setItem(
       pendingKey,
       JSON.stringify({
-        clientId: "broker-client-1",
-        codeVerifier: "pkce-verifier",
-        redirectUri: "http://localhost:8000/auth/callback",
-        returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
-        scope: "openid urn:nyxid:scope:broker_binding proxy",
-        state: "state-1",
-        flow: "serviceAccessReview",
+        clientId: 'broker-client-1',
+        codeVerifier: 'pkce-verifier',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: reviewReturnTo,
+        scope: 'openid urn:nyxid:scope:broker_binding proxy',
+        state: 'state-1',
+        flow: 'serviceAccessReview',
       }),
     );
     window.localStorage.setItem(
-      "aevatar-console:nyxid:session",
+      'aevatar-console:nyxid:session',
       JSON.stringify({
         tokens: {
-          accessToken: "existing-access-token",
-          tokenType: "Bearer",
+          accessToken: 'existing-access-token',
+          tokenType: 'Bearer',
           expiresIn: 3600,
           expiresAt: Date.now() + 3_600_000,
         },
         user: {
-          sub: "owner-user-1",
+          sub: 'owner-user-1',
         },
       }),
     );
     const fetchMock = jest.fn().mockResolvedValue({
       ok: false,
       status,
-      statusText: "Service Unavailable",
+      statusText: 'Service Unavailable',
       text: async () =>
         JSON.stringify({
           error: code,
-          detail: "NyxID binding could not be verified.",
+          detail: 'NyxID binding could not be verified.',
         }),
     } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(
       new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
-        "http://localhost:8000/auth/callback?code=auth-code&state=state-1",
+        'http://localhost:8000/auth/callback?code=auth-code&state=state-1',
       ),
     ).rejects.toMatchObject({
-      name: "NyxIDAuthCallbackError",
-      flow: "serviceAccessReview",
+      name: 'NyxIDAuthCallbackError',
+      flow: 'serviceAccessReview',
       reason,
-      returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
+      returnTo: reviewReturnTo,
       message: code,
     } satisfies Partial<NyxIDAuthCallbackError>);
 
     expect(window.localStorage.getItem(pendingKey)).toBeNull();
     expect(loadStoredAuthSession()?.tokens.accessToken).toBe(
-      "existing-access-token",
+      'existing-access-token',
     );
   });
 
-  it("keeps ordinary sign-in failures out of service access review semantics", async () => {
-    const pendingKey = "aevatar-console:nyxid:pending:broker-client-1";
-    window.localStorage.setItem(pendingKey, JSON.stringify({
-      clientId: "broker-client-1", codeVerifier: "pkce-verifier",
-      redirectUri: "http://localhost:8000/auth/callback", returnTo: "/runtime/runs",
-      scope: "openid proxy", state: "state-1", flow: "signIn",
-    }));
+  it('keeps ordinary sign-in failures out of service access review semantics', async () => {
+    const pendingKey = 'aevatar-console:nyxid:pending:broker-client-1';
+    window.localStorage.setItem(
+      pendingKey,
+      JSON.stringify({
+        clientId: 'broker-client-1',
+        codeVerifier: 'pkce-verifier',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: '/runtime/runs',
+        scope: 'openid proxy',
+        state: 'state-1',
+        flow: 'signIn',
+      }),
+    );
     global.fetch = jest.fn().mockResolvedValue({
-      ok: false, status: 502, statusText: "Bad Gateway",
-      text: async () => JSON.stringify({ error: "token_exchange_failed", detail: "Login failed." }),
+      ok: false,
+      status: 502,
+      statusText: 'Bad Gateway',
+      text: async () =>
+        JSON.stringify({
+          error: 'token_exchange_failed',
+          detail: 'Login failed.',
+        }),
     } as Response) as typeof global.fetch;
 
-    await expect(new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
-      "http://localhost:8000/auth/callback?code=auth-code&state=state-1",
-    )).rejects.toMatchObject({
-      flow: "signIn", message: "token_exchange_failed",
-      name: "NyxIDAuthCallbackError", reason: "signInFailed", returnTo: "/runtime/runs",
+    await expect(
+      new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
+        'http://localhost:8000/auth/callback?code=auth-code&state=state-1',
+      ),
+    ).rejects.toMatchObject({
+      flow: 'signIn',
+      message: 'token_exchange_failed',
+      name: 'NyxIDAuthCallbackError',
+      reason: 'signInFailed',
+      returnTo: '/runtime/runs',
     } satisfies Partial<NyxIDAuthCallbackError>);
   });
 
-  it("preserves the existing Studio session when service access review is denied", async () => {
-    const pendingKey = "aevatar-console:nyxid:pending:broker-client-1";
+  it('preserves the existing Studio session when service access review is denied', async () => {
+    const pendingKey = 'aevatar-console:nyxid:pending:broker-client-1';
     window.localStorage.setItem(
       pendingKey,
       JSON.stringify({
-        clientId: "broker-client-1",
-        codeVerifier: "pkce-verifier",
-        redirectUri: "http://localhost:8000/auth/callback",
-        returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
-        scope: "openid urn:nyxid:scope:broker_binding proxy",
-        state: "state-1",
-        flow: "serviceAccessReview",
+        clientId: 'broker-client-1',
+        codeVerifier: 'pkce-verifier',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: reviewReturnTo,
+        scope: 'openid urn:nyxid:scope:broker_binding proxy',
+        state: 'state-1',
+        flow: 'serviceAccessReview',
       }),
     );
     window.localStorage.setItem(
-      "aevatar-console:nyxid:session",
+      'aevatar-console:nyxid:session',
       JSON.stringify({
         tokens: {
-          accessToken: "existing-access-token",
-          tokenType: "Bearer",
+          accessToken: 'existing-access-token',
+          tokenType: 'Bearer',
           expiresIn: 3600,
           expiresAt: Date.now() + 3_600_000,
         },
         user: {
-          sub: "owner-user-1",
+          sub: 'owner-user-1',
         },
       }),
     );
@@ -433,95 +494,119 @@ describe("NyxIDAuthClient", () => {
 
     await expect(
       new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
-        "http://localhost:8000/auth/callback?error=access_denied&state=state-1",
+        'http://localhost:8000/auth/callback?error=access_denied&state=state-1',
       ),
     ).rejects.toMatchObject({
-      name: "NyxIDAuthCallbackError",
-      flow: "serviceAccessReview",
-      reason: "oauthDenied",
-      returnTo: SERVICE_ACCESS_REVIEW_RETURN_TO,
-      message: "OAuth error: access_denied",
+      name: 'NyxIDAuthCallbackError',
+      flow: 'serviceAccessReview',
+      reason: 'oauthDenied',
+      returnTo: reviewReturnTo,
+      message: 'OAuth error: access_denied',
     } satisfies Partial<NyxIDAuthCallbackError>);
 
     expect(fetchMock).not.toHaveBeenCalled();
     expect(window.localStorage.getItem(pendingKey)).toBeNull();
     expect(loadStoredAuthSession()?.tokens.accessToken).toBe(
-      "existing-access-token",
+      'existing-access-token',
+    );
+  });
+
+  it('sanitizes a tampered review return target restored from pending state', async () => {
+    const pendingKey = 'aevatar-console:nyxid:pending:broker-client-1';
+    window.localStorage.setItem(
+      pendingKey,
+      JSON.stringify({
+        clientId: 'broker-client-1',
+        codeVerifier: 'pkce-verifier',
+        redirectUri: 'http://localhost:8000/auth/callback',
+        returnTo: '//evil.example/account',
+        scope: 'openid urn:nyxid:scope:broker_binding proxy',
+        state: 'state-1',
+        flow: 'serviceAccessReview',
+      }),
     );
+
+    await expect(
+      new NyxIDAuthClient(runtimeConfig).handleRedirectCallback(
+        'http://localhost:8000/auth/callback?error=access_denied&state=state-1',
+      ),
+    ).rejects.toMatchObject({
+      flow: 'serviceAccessReview',
+      reason: 'oauthDenied',
+      returnTo: CONSOLE_HOME_ROUTE,
+    } satisfies Partial<NyxIDAuthCallbackError>);
   });
 
-  it("refreshes an expired local session before returning it as active", async () => {
+  it('refreshes an expired local session before returning it as active', async () => {
     window.localStorage.setItem(
-      "aevatar-console:nyxid:session",
+      'aevatar-console:nyxid:session',
       JSON.stringify({
         tokens: {
-          accessToken: "expired-token",
-          tokenType: "Bearer",
+          accessToken: 'expired-token',
+          tokenType: 'Bearer',
           expiresIn: 3600,
           expiresAt: Date.now() - 1,
-          refreshToken: "refresh-token-1",
-          idToken: "old-id-token",
-          scope: "openid profile email offline_access proxy",
+          refreshToken: 'refresh-token-1',
+          idToken: 'old-id-token',
+          scope: 'openid profile email offline_access proxy',
         },
         user: {
-          sub: "owner-user-1",
-          email: "owner@example.com",
+          sub: 'owner-user-1',
+          email: 'owner@example.com',
         },
       }),
     );
-    const fetchMock = jest
-      .fn()
-      .mockResolvedValueOnce({
-        ok: true,
-        status: 200,
-        json: async () => ({
-          access_token: "access-token-2",
-          refresh_token: "refresh-token-2",
-          token_type: "Bearer",
-          expires_in: 300,
-          id_token: "id-token-2",
-          scope: "openid profile email offline_access proxy",
-        }),
-      } as Response);
+    const fetchMock = jest.fn().mockResolvedValueOnce({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        access_token: 'access-token-2',
+        refresh_token: 'refresh-token-2',
+        token_type: 'Bearer',
+        expires_in: 300,
+        id_token: 'id-token-2',
+        scope: 'openid profile email offline_access proxy',
+      }),
+    } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(ensureActiveAuthSession(runtimeConfig)).resolves.toEqual({
       tokens: {
-        accessToken: "access-token-2",
-        refreshToken: "refresh-token-2",
-        tokenType: "Bearer",
+        accessToken: 'access-token-2',
+        refreshToken: 'refresh-token-2',
+        tokenType: 'Bearer',
         expiresIn: 300,
         expiresAt: Date.now() + 300_000,
-        idToken: "id-token-2",
-        scope: "openid profile email offline_access proxy",
+        idToken: 'id-token-2',
+        scope: 'openid profile email offline_access proxy',
       },
       user: {
-        sub: "owner-user-1",
-        email: "owner@example.com",
+        sub: 'owner-user-1',
+        email: 'owner@example.com',
       },
     });
 
     expect(hasRestorableAuthSession()).toBe(true);
-    expect(loadStoredAuthSession()?.tokens.accessToken).toBe("access-token-2");
+    expect(loadStoredAuthSession()?.tokens.accessToken).toBe('access-token-2');
     expect(fetchMock).toHaveBeenCalledTimes(1);
-    expect(fetchMock.mock.calls[0][0]).toBe("https://nyx.example/oauth/token");
+    expect(fetchMock.mock.calls[0][0]).toBe('https://nyx.example/oauth/token');
     expect(String(fetchMock.mock.calls[0][1]?.body)).toBe(
-      "grant_type=refresh_token&refresh_token=refresh-token-1&client_id=console-client-1",
+      'grant_type=refresh_token&refresh_token=refresh-token-1&client_id=console-client-1',
     );
   });
 
-  it("clears expired local sessions when refresh token issuance is unavailable", async () => {
+  it('clears expired local sessions when refresh token issuance is unavailable', async () => {
     window.localStorage.setItem(
-      "aevatar-console:nyxid:session",
+      'aevatar-console:nyxid:session',
       JSON.stringify({
         tokens: {
-          accessToken: "expired-token",
-          tokenType: "Bearer",
+          accessToken: 'expired-token',
+          tokenType: 'Bearer',
           expiresIn: 3600,
           expiresAt: Date.now() - 1,
         },
         user: {
-          sub: "owner-user-1",
+          sub: 'owner-user-1',
         },
       }),
     );
@@ -531,41 +616,41 @@ describe("NyxIDAuthClient", () => {
     expect(hasRestorableAuthSession()).toBe(false);
     await expect(ensureActiveAuthSession(runtimeConfig)).resolves.toBeNull();
     expect(fetchMock).not.toHaveBeenCalled();
-    expect(window.localStorage.getItem("aevatar-console:nyxid:session")).toBeNull();
+    expect(
+      window.localStorage.getItem('aevatar-console:nyxid:session'),
+    ).toBeNull();
   });
 
-  it("does not restore a stale session if local storage changes during refresh", async () => {
-    const sessionKey = "aevatar-console:nyxid:session";
+  it('does not restore a stale session if local storage changes during refresh', async () => {
+    const sessionKey = 'aevatar-console:nyxid:session';
     window.localStorage.setItem(
       sessionKey,
       JSON.stringify({
         tokens: {
-          accessToken: "expired-token",
-          tokenType: "Bearer",
+          accessToken: 'expired-token',
+          tokenType: 'Bearer',
           expiresIn: 3600,
           expiresAt: Date.now() - 1,
-          refreshToken: "refresh-token-1",
+          refreshToken: 'refresh-token-1',
         },
         user: {
-          sub: "owner-user-1",
+          sub: 'owner-user-1',
         },
       }),
     );
-    const fetchMock = jest
-      .fn()
-      .mockResolvedValueOnce({
-        ok: true,
-        status: 200,
-        json: async () => {
-          window.localStorage.removeItem(sessionKey);
-          return {
-            access_token: "access-token-2",
-            refresh_token: "refresh-token-2",
-            token_type: "Bearer",
-            expires_in: 300,
-          };
-        },
-      } as Response);
+    const fetchMock = jest.fn().mockResolvedValueOnce({
+      ok: true,
+      status: 200,
+      json: async () => {
+        window.localStorage.removeItem(sessionKey);
+        return {
+          access_token: 'access-token-2',
+          refresh_token: 'refresh-token-2',
+          token_type: 'Bearer',
+          expires_in: 300,
+        };
+      },
+    } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
     await expect(ensureActiveAuthSession(runtimeConfig)).resolves.toBeNull();
diff --git a/apps/aevatar-console-web/src/shared/auth/client.ts b/apps/aevatar-console-web/src/shared/auth/client.ts
index 083a9bc0e5..3693e2618c 100644
--- a/apps/aevatar-console-web/src/shared/auth/client.ts
+++ b/apps/aevatar-console-web/src/shared/auth/client.ts
@@ -1,20 +1,17 @@
-import {
-  getNyxIDRuntimeConfig,
-  type NyxIDRuntimeConfig,
-} from './config';
 import {
   finalizeBackendNyxIDLogin,
   NyxIDLoginFinalizationError,
   refreshNyxIDTokenSet,
 } from './backend';
+import { getNyxIDRuntimeConfig, type NyxIDRuntimeConfig } from './config';
 import {
   clearStoredAuthSession,
   hasActiveAccessToken,
   loadStoredAuthSession,
+  type NyxIDAuthSession,
   persistAuthSession,
   readStoredAuthSession,
   sanitizeReturnTo,
-  type NyxIDAuthSession,
 } from './session';
 
 interface PendingAuthState {
@@ -27,30 +24,32 @@ interface PendingAuthState {
   readonly flow: AuthFlow;
 }
 
-export type AuthFlow = "signIn" | "serviceAccessReview";
+export type AuthFlow = 'signIn' | 'serviceAccessReview';
 
 export type NyxIDAuthCallbackErrorReason =
-  | "oauthDenied"
-  | "requiredServiceAccessMissing"
-  | "issuedBindingInvalid"
-  | "issuedBindingProbeFailed"
-  | "bindingProbeFailed"
-  | "serviceAccessReviewRequired"
-  | "serviceAccessReviewUnavailable"
-  | "serviceAccessReviewFailed"
-  | "signInFailed";
-
-export interface LoginRedirectOptions {
-  readonly returnTo?: string;
-  readonly flow?: AuthFlow;
-  readonly prompt?: "none" | "consent" | "login";
-  /**
-   * RFC 8707 resource indicators appended to the authorize request. A
-   * service access review targets the exact proxied service resources the
-   * chat session must be authorized for.
-   */
-  readonly resources?: readonly string[];
-}
+  | 'oauthDenied'
+  | 'requiredServiceAccessMissing'
+  | 'issuedBindingInvalid'
+  | 'issuedBindingProbeFailed'
+  | 'bindingProbeFailed'
+  | 'serviceAccessReviewRequired'
+  | 'serviceAccessReviewUnavailable'
+  | 'serviceAccessReviewFailed'
+  | 'signInFailed';
+
+export type LoginRedirectOptions =
+  | {
+      readonly flow?: 'signIn';
+      readonly returnTo?: string;
+      readonly prompt?: 'none' | 'consent' | 'login';
+    }
+  | {
+      readonly flow: 'serviceAccessReview';
+      /** Exact RFC 8707 service resources requested by this access review. */
+      readonly resources?: readonly string[];
+      readonly returnTo: string;
+      readonly prompt?: never;
+    };
 
 export interface AuthCallbackResult {
   readonly session: NyxIDAuthSession;
@@ -59,7 +58,6 @@ export interface AuthCallbackResult {
 }
 
 const PENDING_KEY_PREFIX = 'aevatar-console:nyxid:pending:';
-export const SERVICE_ACCESS_REVIEW_RETURN_TO = "/settings?section=account";
 let pendingRefreshPromise: Promise<NyxIDAuthSession | null> | null = null;
 
 export class NyxIDAuthCallbackError extends Error {
@@ -76,7 +74,7 @@ export class NyxIDAuthCallbackError extends Error {
     },
   ) {
     super(message);
-    this.name = "NyxIDAuthCallbackError";
+    this.name = 'NyxIDAuthCallbackError';
     this.flow = options.flow;
     this.reason = options.reason;
     this.returnTo = options.returnTo;
@@ -89,7 +87,10 @@ function base64UrlEncode(input: Uint8Array): string {
     binary += String.fromCharCode(byte);
   }
 
-  return btoa(binary).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/g, '');
+  return btoa(binary)
+    .replace(/\+/g, '-')
+    .replace(/\//g, '_')
+    .replace(/=+$/g, '');
 }
 
 function randomUrlSafeString(bytes = 32): string {
@@ -107,18 +108,10 @@ async function sha256Base64Url(input: string): Promise<string> {
 }
 
 function readAuthFlow(value: unknown): AuthFlow {
-  return value === "serviceAccessReview" ? "serviceAccessReview" : "signIn";
+  return value === 'serviceAccessReview' ? 'serviceAccessReview' : 'signIn';
 }
 
-function resolveReturnToForFlow(flow: AuthFlow, returnTo?: string | null): string {
-  if (flow === "serviceAccessReview") {
-    // A review started from the chat returns to the paused conversation;
-    // the settings entry point keeps its account-page default.
-    return returnTo?.trim()
-      ? sanitizeReturnTo(returnTo)
-      : SERVICE_ACCESS_REVIEW_RETURN_TO;
-  }
-
+function resolveReturnTo(returnTo?: string | null): string {
   return sanitizeReturnTo(returnTo);
 }
 
@@ -133,29 +126,34 @@ function resolveFinalizationErrorReason(
   flow: AuthFlow,
   error: unknown,
 ): NyxIDAuthCallbackErrorReason {
-  if (flow !== "serviceAccessReview") return "signInFailed";
   if (!(error instanceof NyxIDLoginFinalizationError)) {
-    return "serviceAccessReviewFailed";
+    return flow === 'serviceAccessReview'
+      ? 'serviceAccessReviewFailed'
+      : 'signInFailed';
   }
 
-  switch (error.code) {
-    case "required_service_access_missing":
-      return "requiredServiceAccessMissing";
-    case "issued_binding_invalid":
-      return "issuedBindingInvalid";
-    case "issued_binding_probe_failed":
-      return "issuedBindingProbeFailed";
-    case "binding_probe_failed":
-      return "bindingProbeFailed";
+  const errorCode = error.code ?? error.message;
+  if (errorCode === 'required_service_access_missing') {
+    return 'requiredServiceAccessMissing';
+  }
+  if (flow !== 'serviceAccessReview') return 'signInFailed';
+
+  switch (errorCode) {
+    case 'issued_binding_invalid':
+      return 'issuedBindingInvalid';
+    case 'issued_binding_probe_failed':
+      return 'issuedBindingProbeFailed';
+    case 'binding_probe_failed':
+      return 'bindingProbeFailed';
     default:
       break;
   }
 
-  if (error.status === 409) return "serviceAccessReviewRequired";
+  if (error.status === 409) return 'serviceAccessReviewRequired';
   if (error.status === 502 || error.status === 503) {
-    return "serviceAccessReviewUnavailable";
+    return 'serviceAccessReviewUnavailable';
   }
-  return "serviceAccessReviewFailed";
+  return 'serviceAccessReviewFailed';
 }
 
 export class NyxIDAuthClient {
@@ -190,7 +188,7 @@ export class NyxIDAuthClient {
     const redirectUri = this.config.redirectUri;
     const scope = this.config.scope;
     const flow = readAuthFlow(options.flow);
-    const returnTo = resolveReturnToForFlow(flow, options.returnTo);
+    const returnTo = resolveReturnTo(options.returnTo);
 
     const pending: PendingAuthState = {
       state,
@@ -211,11 +209,11 @@ export class NyxIDAuthClient {
     url.searchParams.set('code_challenge', codeChallenge);
     url.searchParams.set('code_challenge_method', 'S256');
     url.searchParams.set('state', state);
-    const prompt = flow === "serviceAccessReview" ? "consent" : options.prompt;
+    const prompt = flow === 'serviceAccessReview' ? 'consent' : options.prompt;
     if (prompt) {
       url.searchParams.set('prompt', prompt);
     }
-    if (flow === "serviceAccessReview") {
+    if (options.flow === 'serviceAccessReview') {
       for (const resource of options.resources ?? []) {
         if (resource.trim()) url.searchParams.append('resource', resource);
       }
@@ -266,10 +264,7 @@ export class NyxIDAuthClient {
     const state = callback.searchParams.get('state');
     const storedPending = state ? this.loadPendingState(state) : null;
     const pendingFlow = readAuthFlow(storedPending?.pending.flow);
-    const pendingReturnTo = resolveReturnToForFlow(
-      pendingFlow,
-      storedPending?.pending.returnTo,
-    );
+    const pendingReturnTo = resolveReturnTo(storedPending?.pending.returnTo);
     if (oauthError) {
       if (storedPending) {
         this.storage.removeItem(storedPending.key);
@@ -282,7 +277,10 @@ export class NyxIDAuthClient {
         ),
         {
           flow: pendingFlow,
-          reason: pendingFlow === "serviceAccessReview" ? "oauthDenied" : "signInFailed",
+          reason:
+            pendingFlow === 'serviceAccessReview'
+              ? 'oauthDenied'
+              : 'signInFailed',
           returnTo: pendingReturnTo,
         },
       );
@@ -303,14 +301,14 @@ export class NyxIDAuthClient {
     }
 
     const flow = readAuthFlow(pending.flow);
-    const returnTo = resolveReturnToForFlow(flow, pending.returnTo);
+    const returnTo = resolveReturnTo(pending.returnTo);
 
     try {
       const result = await finalizeBackendNyxIDLogin({
         code,
         codeVerifier: pending.codeVerifier,
         redirectUri: pending.redirectUri,
-        ...(flow === "serviceAccessReview"
+        ...(flow === 'serviceAccessReview'
           ? { serviceAccessReview: true }
           : {}),
       });
@@ -329,7 +327,7 @@ export class NyxIDAuthClient {
       throw new NyxIDAuthCallbackError(
         error instanceof Error
           ? error.message
-          : String(error ?? "NyxID callback failed"),
+          : String(error ?? 'NyxID callback failed'),
         {
           flow,
           reason: resolveFinalizationErrorReason(flow, error),
diff --git a/apps/aevatar-console-web/src/shared/auth/routeAccess.ts b/apps/aevatar-console-web/src/shared/auth/routeAccess.ts
new file mode 100644
index 0000000000..7cd76f050e
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/auth/routeAccess.ts
@@ -0,0 +1,10 @@
+const benchmarkEnabled = process.env.AEVATAR_WORKFLOW_CANVAS_BENCHMARK === '1';
+export const PUBLIC_ROUTES = new Set([
+  '/login',
+  '/auth/callback',
+  ...(benchmarkEnabled ? ['/workflow-canvas-benchmark'] : []),
+]);
+
+export function requiresGlobalAuthGate(pathname: string): boolean {
+  return !PUBLIC_ROUTES.has(pathname) && pathname !== '/studio';
+}
diff --git a/apps/aevatar-console-web/src/shared/auth/serviceGrants.ts b/apps/aevatar-console-web/src/shared/auth/serviceGrants.ts
new file mode 100644
index 0000000000..28d7a9d499
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/auth/serviceGrants.ts
@@ -0,0 +1,59 @@
+import {
+  expectArray,
+  expectBoolean,
+  expectRecord,
+  expectString,
+} from '@/shared/api/http/decoders';
+
+export interface NyxIDServiceGrants {
+  readonly allowAllServices: boolean;
+  readonly allowedServiceIds: readonly string[];
+}
+
+// Display filtering only: this does not verify a JWT signature or authorize an
+// operation. NyxID validates the same bearer on the inventory request, and the
+// registration endpoint remains responsible for enforcing delegation limits.
+export function readAccessTokenServiceGrants(
+  accessToken: string,
+  expectedSubject: string,
+): NyxIDServiceGrants {
+  try {
+    const parts = accessToken.split('.');
+    if (parts.length !== 3 || parts.some((part) => !part)) throw new Error();
+    const payload = parts[1].replace(/-/g, '+').replace(/_/g, '/');
+    const bytes = Uint8Array.from(atob(payload), (character) =>
+      character.charCodeAt(0),
+    );
+    const claims = expectRecord(
+      JSON.parse(new TextDecoder().decode(bytes)),
+      'Access claims',
+    );
+    if (
+      claims.token_type !== 'access' ||
+      claims.relay === true ||
+      !expectedSubject ||
+      claims.sub !== expectedSubject ||
+      typeof claims.exp !== 'number' ||
+      !Number.isFinite(claims.exp) ||
+      claims.exp * 1000 <= Date.now()
+    )
+      throw new Error();
+    const allowAllServices = expectBoolean(
+      claims.allow_all_services,
+      'Service grant mode',
+    );
+    const allowedServiceIds = expectArray(
+      claims.allowed_service_ids,
+      'Service grants',
+      (value) => {
+        const id = expectString(value, 'User service ID');
+        if (!id.trim()) throw new Error();
+        return id;
+      },
+    );
+    return { allowAllServices, allowedServiceIds };
+  } catch {
+    // JSON/parser errors must never expose any part of the bearer payload.
+    throw new Error('Could not read the current NyxID service authorization.');
+  }
+}
diff --git a/apps/aevatar-console-web/src/shared/auth/session.test.ts b/apps/aevatar-console-web/src/shared/auth/session.test.ts
index d3bbebed58..e0b19196b8 100644
--- a/apps/aevatar-console-web/src/shared/auth/session.test.ts
+++ b/apps/aevatar-console-web/src/shared/auth/session.test.ts
@@ -115,13 +115,27 @@ describe('auth session storage', () => {
   });
 
   it('accepts only safe in-app redirect targets', () => {
-    expect(sanitizeReturnTo('/runs?tab=active')).toBe('/runtime/runs?tab=active');
-    expect(sanitizeReturnTo('/gagents?scopeId=scope-a')).toBe('/runtime/gagents?scopeId=scope-a');
+    expect(sanitizeReturnTo('/workflows')).toBe('/workflows');
+    expect(
+      sanitizeReturnTo(
+        '/scopes/scope-b/workflow-activity-vnext/workflows/wf-b?run=1#output',
+      ),
+    ).toBe(
+      '/scopes/scope-b/workflow-activity-vnext/workflows/wf-b?run=1#output',
+    );
+    expect(sanitizeReturnTo('/runs?tab=active')).toBe(
+      '/runtime/runs?tab=active',
+    );
+    expect(sanitizeReturnTo('/gagents?scopeId=scope-a')).toBe(
+      '/runtime/gagents?scopeId=scope-a',
+    );
     expect(sanitizeReturnTo('/mission-wall?focusRunId=run-1')).toBe(
       '/runtime/mission-wall?focusRunId=run-1',
     );
     expect(sanitizeReturnTo('https://example.com')).toBe(CONSOLE_HOME_ROUTE);
-    expect(sanitizeReturnTo('/login?redirect=/overview')).toBe(CONSOLE_HOME_ROUTE);
+    expect(sanitizeReturnTo('/login?redirect=/overview')).toBe(
+      CONSOLE_HOME_ROUTE,
+    );
     expect(sanitizeReturnTo('//evil.example.com')).toBe(CONSOLE_HOME_ROUTE);
   });
 });
diff --git a/apps/aevatar-console-web/src/shared/auth/session.ts b/apps/aevatar-console-web/src/shared/auth/session.ts
index 143d958c1b..0fa29f2b71 100644
--- a/apps/aevatar-console-web/src/shared/auth/session.ts
+++ b/apps/aevatar-console-web/src/shared/auth/session.ts
@@ -38,7 +38,6 @@ const AUTH_SESSION_STORAGE_KEY = 'aevatar-console:nyxid:session';
 const ACCESS_TOKEN_CLOCK_SKEW_MS = 30_000;
 const AUTH_BLOCKED_PATHS = new Set(['/login', '/auth/callback']);
 const LEGACY_RETURN_TO_ALIASES = new Map<string, string>([
-  ['/workflows', '/runtime/workflows'],
   ['/primitives', '/runtime/primitives'],
   ['/runs', '/runtime/runs'],
   ['/actors', '/runtime/explorer'],
@@ -67,7 +66,9 @@ function safeParse<T>(raw: string | null): T | null {
   }
 }
 
-export function hasActiveAccessToken(tokens: NyxIDTokenSet | undefined): boolean {
+export function hasActiveAccessToken(
+  tokens: NyxIDTokenSet | undefined,
+): boolean {
   if (!tokens) {
     return false;
   }
@@ -146,7 +147,9 @@ export function getActiveAccessToken(): string | undefined {
   return loadStoredAuthSession()?.tokens.accessToken;
 }
 
-export function buildAuthInitialState(config: NyxIDRuntimeConfig): AuthInitialState {
+export function buildAuthInitialState(
+  config: NyxIDRuntimeConfig,
+): AuthInitialState {
   const session = config.enabled ? loadStoredAuthSession() : null;
 
   return {
@@ -159,7 +162,11 @@ export function buildAuthInitialState(config: NyxIDRuntimeConfig): AuthInitialSt
 
 export function sanitizeReturnTo(value?: string | null): string {
   const normalized = value?.trim();
-  if (!normalized || !normalized.startsWith('/') || normalized.startsWith('//')) {
+  if (
+    !normalized ||
+    !normalized.startsWith('/') ||
+    normalized.startsWith('//')
+  ) {
     return CONSOLE_HOME_ROUTE;
   }
 
diff --git a/apps/aevatar-console-web/src/shared/config/proxyConfig.test.ts b/apps/aevatar-console-web/src/shared/config/proxyConfig.test.ts
index 293a5f4897..4bbc46c841 100644
--- a/apps/aevatar-console-web/src/shared/config/proxyConfig.test.ts
+++ b/apps/aevatar-console-web/src/shared/config/proxyConfig.test.ts
@@ -1,8 +1,7 @@
 describe('proxy config', () => {
   const originalApiTarget = process.env.AEVATAR_API_TARGET;
   const originalStudioApiTarget = process.env.AEVATAR_STUDIO_API_TARGET;
-  const originalPreserveAuthHost =
-    process.env.AEVATAR_PROXY_PRESERVE_AUTH_HOST;
+  const originalPreserveAuthHost = process.env.AEVATAR_PROXY_PRESERVE_AUTH_HOST;
   type ProxyEntry = {
     target: string;
     changeOrigin: boolean;
@@ -46,8 +45,7 @@ describe('proxy config', () => {
     if (originalPreserveAuthHost === undefined) {
       delete process.env.AEVATAR_PROXY_PRESERVE_AUTH_HOST;
     } else {
-      process.env.AEVATAR_PROXY_PRESERVE_AUTH_HOST =
-        originalPreserveAuthHost;
+      process.env.AEVATAR_PROXY_PRESERVE_AUTH_HOST = originalPreserveAuthHost;
     }
 
     jest.resetModules();
@@ -116,6 +114,25 @@ describe('proxy config', () => {
     });
   });
 
+  it('routes user configuration endpoints to the Studio host', () => {
+    process.env.AEVATAR_API_TARGET = 'http://127.0.0.1:5080';
+    process.env.AEVATAR_STUDIO_API_TARGET = 'http://127.0.0.1:5180';
+
+    const proxyModule = require('../../../config/proxy');
+    const devProxy = proxyModule.default.dev as Record<string, ProxyEntry>;
+
+    expect(resolveProxyEntry(devProxy, '/api/user-config/llm')).toEqual({
+      target: 'http://127.0.0.1:5180',
+      changeOrigin: true,
+      ws: true,
+    });
+    expect(resolveProxyEntry(devProxy, '/api/user-config/runtime')).toEqual({
+      target: 'http://127.0.0.1:5180',
+      changeOrigin: true,
+      ws: true,
+    });
+  });
+
   it('routes scope workflow draft runs to the Studio host', () => {
     process.env.AEVATAR_API_TARGET = 'http://127.0.0.1:5080';
     process.env.AEVATAR_STUDIO_API_TARGET = 'http://127.0.0.1:5180';
@@ -135,7 +152,9 @@ describe('proxy config', () => {
       changeOrigin: true,
       ws: true,
     });
-    expect(resolveProxyEntry(devProxy, '/api/scopes/scope-1/members/m-alpha/runs')).toEqual({
+    expect(
+      resolveProxyEntry(devProxy, '/api/scopes/scope-1/members/m-alpha/runs'),
+    ).toEqual({
       target: 'http://127.0.0.1:5080',
       changeOrigin: true,
       ws: true,
@@ -150,7 +169,10 @@ describe('proxy config', () => {
     const devProxy = proxyModule.default.dev as Record<string, ProxyEntry>;
 
     expect(
-      resolveProxyEntry(devProxy, '/api/scopes/scope-1/workflows:save-and-bind'),
+      resolveProxyEntry(
+        devProxy,
+        '/api/scopes/scope-1/workflows:save-and-bind',
+      ),
     ).toEqual({
       target: 'http://127.0.0.1:5180',
       changeOrigin: true,
@@ -163,6 +185,31 @@ describe('proxy config', () => {
     });
   });
 
+  it('routes public workflow templates and scoped instantiation to the Studio host', () => {
+    process.env.AEVATAR_API_TARGET = 'http://127.0.0.1:5080';
+    process.env.AEVATAR_STUDIO_API_TARGET = 'http://127.0.0.1:5180';
+
+    const proxyModule = require('../../../config/proxy');
+    const devProxy = proxyModule.default.dev as Record<string, ProxyEntry>;
+
+    for (const pathname of [
+      '/api/workflow-templates',
+      '/api/workflow-templates/template-alpha',
+      '/api/scopes/scope-alpha/workflow-templates/template-alpha:instantiate',
+    ]) {
+      expect(resolveProxyEntry(devProxy, pathname)).toEqual({
+        target: 'http://127.0.0.1:5180',
+        changeOrigin: true,
+        ws: true,
+      });
+    }
+    expect(resolveProxyEntry(devProxy, '/api/workflows')).toEqual({
+      target: 'http://127.0.0.1:5080',
+      changeOrigin: true,
+      ws: true,
+    });
+  });
+
   it('routes scoped chat history endpoints to the Studio host', () => {
     process.env.AEVATAR_API_TARGET = 'http://127.0.0.1:5080';
     process.env.AEVATAR_STUDIO_API_TARGET = 'http://127.0.0.1:5180';
@@ -211,13 +258,18 @@ describe('proxy config', () => {
       changeOrigin: true,
       ws: true,
     });
-    expect(resolveProxyEntry(devProxy, '/api/scopes/scope-1/members/m-alpha')).toEqual({
+    expect(
+      resolveProxyEntry(devProxy, '/api/scopes/scope-1/members/m-alpha'),
+    ).toEqual({
       target: 'http://127.0.0.1:5180',
       changeOrigin: true,
       ws: true,
     });
     expect(
-      resolveProxyEntry(devProxy, '/api/scopes/scope-1/members/m-alpha/binding'),
+      resolveProxyEntry(
+        devProxy,
+        '/api/scopes/scope-1/members/m-alpha/binding',
+      ),
     ).toEqual({
       target: 'http://127.0.0.1:5180',
       changeOrigin: true,
@@ -241,7 +293,10 @@ describe('proxy config', () => {
       ws: true,
     });
     expect(
-      resolveProxyEntry(devProxy, '/api/scopes/scope-1/teams/t-alpha/invoke/chat:stream'),
+      resolveProxyEntry(
+        devProxy,
+        '/api/scopes/scope-1/teams/t-alpha/invoke/chat:stream',
+      ),
     ).toEqual({
       target: 'http://127.0.0.1:5080',
       changeOrigin: true,
@@ -261,7 +316,10 @@ describe('proxy config', () => {
     process.env.AEVATAR_STUDIO_API_TARGET = 'http://127.0.0.1:5180';
 
     const localProxyModule = require('../../../config/proxy');
-    const localDevProxy = localProxyModule.default.dev as Record<string, ProxyEntry>;
+    const localDevProxy = localProxyModule.default.dev as Record<
+      string,
+      ProxyEntry
+    >;
 
     expect(resolveProxyEntry(localDevProxy, '/api/auth/me')).toEqual({
       target: 'http://127.0.0.1:5180',
@@ -274,7 +332,10 @@ describe('proxy config', () => {
       'https://aevatar-console-backend-api.aevatar.ai';
 
     const remoteProxyModule = require('../../../config/proxy');
-    const remoteDevProxy = remoteProxyModule.default.dev as Record<string, ProxyEntry>;
+    const remoteDevProxy = remoteProxyModule.default.dev as Record<
+      string,
+      ProxyEntry
+    >;
 
     expect(resolveProxyEntry(remoteDevProxy, '/api/auth/me')).toEqual({
       target: 'https://aevatar-console-backend-api.aevatar.ai',
diff --git a/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx b/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx
index 3c71111e72..7576a3f28a 100644
--- a/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx
+++ b/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx
@@ -1,11 +1,34 @@
-import * as React from 'react';
 import { act, render, screen } from '@testing-library/react';
+import { setLocale } from '@umijs/max';
+import * as React from 'react';
 import GraphCanvas from './GraphCanvas';
 
 const mockBackgroundRender = jest.fn();
 const mockControlsRender = jest.fn();
 const mockMiniMapRender = jest.fn();
 const mockReactFlowRender = jest.fn();
+const mockApplyNodeChanges = jest.fn();
+const mockUseStore = jest.fn();
+const mockFlowStoreListeners = new Set<() => void>();
+const mockNodesInitializedListeners = new Set<() => void>();
+const mockInitializedNodeTopologies = new Set<string>();
+let mockZoom = 1;
+let mockRenderedNodeTopology = '[]';
+let mockReactFlowInstance: any;
+let mockRenderFlowNodes = false;
+let mockViewportHeight = 600;
+let mockViewportNodeLookup = new Map<string, any>();
+let mockViewportWidth = 1000;
+let mockViewportX = 0;
+let mockViewportY = 0;
+const mockFlowStoreApi = {
+  getState: () => ({
+    height: mockViewportHeight,
+    nodeLookup: mockViewportNodeLookup,
+    transform: [mockViewportX, mockViewportY, mockZoom],
+    width: mockViewportWidth,
+  }),
+};
 
 jest.mock('@xyflow/react', () => {
   const React = require('react');
@@ -24,11 +47,7 @@ jest.mock('@xyflow/react', () => {
       mockControlsRender(props);
       return null;
     },
-    Handle: (props: {
-      className?: string;
-      position?: string;
-      type?: string;
-    }) =>
+    Handle: (props: { className?: string; position?: string; type?: string }) =>
       React.createElement('span', {
         className: props.className,
         'data-position': props.position,
@@ -44,16 +63,75 @@ jest.mock('@xyflow/react', () => {
     },
     ReactFlow: (props: any) => {
       mockReactFlowRender(props);
+      mockViewportNodeLookup = new Map(
+        props.nodes.map((node: any) => [
+          node.id,
+          {
+            ...node,
+            internals: {
+              positionAbsolute: node.position,
+            },
+            measured: {
+              height:
+                node.measured?.height ??
+                node.height ??
+                node.initialHeight ??
+                120,
+              width:
+                node.measured?.width ?? node.width ?? node.initialWidth ?? 268,
+            },
+          },
+        ]),
+      );
+      mockRenderedNodeTopology = JSON.stringify(
+        props.nodes.map((node: any) => node.id),
+      );
+      const renderedNodes = mockRenderFlowNodes
+        ? props.nodes.map((node: any) => {
+            const NodeComponent = props.nodeTypes?.[node.type];
+            return NodeComponent
+              ? React.createElement(NodeComponent, {
+                  data: node.data,
+                  id: node.id,
+                  key: node.id,
+                  selected: Boolean(node.selected),
+                })
+              : null;
+          })
+        : null;
       return React.createElement(
         'div',
         { 'data-testid': 'react-flow-mock' },
+        renderedNodes,
         props.children,
       );
     },
-    applyNodeChanges: jest.fn((_changes, nodes) => nodes),
+    applyNodeChanges: (...args: unknown[]) => mockApplyNodeChanges(...args),
+    useNodesInitialized: () => {
+      const [, forceRender] = React.useReducer((value: number) => value + 1, 0);
+      React.useEffect(() => {
+        mockNodesInitializedListeners.add(forceRender);
+        return () => {
+          mockNodesInitializedListeners.delete(forceRender);
+        };
+      }, [forceRender]);
+      return mockInitializedNodeTopologies.has(mockRenderedNodeTopology);
+    },
+    useReactFlow: () => mockReactFlowInstance,
     useEdgesState: (initialEdges: any[]) => React.useState(initialEdges),
     useNodesState: (initialNodes: any[]) => React.useState(initialNodes),
-    useStore: (selector: any) => selector({ transform: [0, 0, 1] }),
+    useStore: (selector: any) => {
+      mockUseStore(selector);
+      return React.useSyncExternalStore(
+        (listener: () => void) => {
+          mockFlowStoreListeners.add(listener);
+          return () => mockFlowStoreListeners.delete(listener);
+        },
+        () => selector({ transform: [0, 0, mockZoom] }),
+        () => selector({ transform: [0, 0, mockZoom] }),
+      );
+    },
+    useStoreApi: () => mockFlowStoreApi,
   };
 });
 
@@ -88,12 +166,118 @@ describe('GraphCanvas', () => {
   ];
 
   beforeEach(() => {
+    setLocale('en-US', false);
+    mockZoom = 1;
+    mockRenderFlowNodes = false;
+    mockRenderedNodeTopology = '[]';
+    mockReactFlowInstance = createFlowInstance();
+    mockViewportHeight = 600;
+    mockViewportNodeLookup = new Map();
+    mockViewportWidth = 1000;
+    mockViewportX = 0;
+    mockViewportY = 0;
+    mockFlowStoreListeners.clear();
+    mockNodesInitializedListeners.clear();
+    mockInitializedNodeTopologies.clear();
+    mockApplyNodeChanges.mockReset();
+    mockApplyNodeChanges.mockImplementation((changes, currentNodes) =>
+      currentNodes.map((node: any) => {
+        const positionChange = changes.find(
+          (change: any) => change.id === node.id && change.type === 'position',
+        );
+        const dimensionsChange = changes.find(
+          (change: any) =>
+            change.id === node.id && change.type === 'dimensions',
+        );
+        if (!positionChange?.position && !dimensionsChange?.dimensions) {
+          return node;
+        }
+        return {
+          ...node,
+          dragging: positionChange?.dragging ?? node.dragging,
+          measured: dimensionsChange?.dimensions ?? node.measured,
+          position: positionChange?.position ?? node.position,
+          resizing: dimensionsChange?.resizing ?? node.resizing,
+        };
+      }),
+    );
+    mockUseStore.mockClear();
     mockBackgroundRender.mockClear();
     mockControlsRender.mockClear();
     mockMiniMapRender.mockClear();
     mockReactFlowRender.mockClear();
   });
 
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  const latestReactFlowProps = () =>
+    mockReactFlowRender.mock.calls.at(-1)?.[0] as any;
+
+  const installAnimationFrameMock = () => {
+    const callbacks = new Map<number, FrameRequestCallback>();
+    let nextFrameId = 1;
+    const requestAnimationFrame = jest
+      .spyOn(window, 'requestAnimationFrame')
+      .mockImplementation((callback) => {
+        const frameId = nextFrameId;
+        nextFrameId += 1;
+        callbacks.set(frameId, callback);
+        return frameId;
+      });
+    jest.spyOn(window, 'cancelAnimationFrame').mockImplementation((frameId) => {
+      callbacks.delete(frameId);
+    });
+
+    return {
+      flush: () => {
+        const scheduled = [...callbacks.values()];
+        callbacks.clear();
+        act(() => {
+          scheduled.forEach((callback) => {
+            callback(0);
+          });
+        });
+      },
+      requestAnimationFrame,
+    };
+  };
+
+  const createFlowInstance = () => ({
+    fitView: jest.fn(async () => true),
+    getNodes: jest.fn(() => nodes),
+    screenToFlowPosition: jest.fn(({ x, y }) => ({ x, y })),
+  });
+
+  const updateZoom = (zoom: number) => {
+    act(() => {
+      mockZoom = zoom;
+      mockFlowStoreListeners.forEach((listener) => {
+        listener();
+      });
+    });
+  };
+
+  const updateNodesInitialized = (initialized: boolean) => {
+    act(() => {
+      if (initialized) {
+        mockInitializedNodeTopologies.add(mockRenderedNodeTopology);
+      } else {
+        mockInitializedNodeTopologies.delete(mockRenderedNodeTopology);
+      }
+      mockNodesInitializedListeners.forEach((listener) => {
+        listener();
+      });
+    });
+  };
+
+  const markNodesInitialized = (nodesToInitialize: readonly any[]) => {
+    mockInitializedNodeTopologies.add(
+      JSON.stringify(nodesToInitialize.map((node) => node.id)),
+    );
+  };
+
   it('routes studio node deletion through the parent callback before mutating the graph', async () => {
     const onDeleteNodes = jest.fn(async () => undefined);
 
@@ -155,6 +339,90 @@ describe('GraphCanvas', () => {
     expect(onDeleteEdges).toHaveBeenCalledWith(['edge:assert:publish:linear']);
   });
 
+  it('makes the selected edge visually distinct without changing other edges', () => {
+    const styledEdges = [
+      {
+        ...edges[0],
+        markerEnd: {
+          color: '#2F6FEC',
+          height: 11,
+          type: 'arrowclosed',
+          width: 11,
+        },
+        style: {
+          opacity: 0.9,
+          stroke: '#2F6FEC',
+          strokeWidth: 2.5,
+        },
+      },
+      {
+        ...edges[0],
+        id: 'edge:publish:archive:linear',
+        markerEnd: {
+          color: '#8B5CF6',
+          height: 11,
+          type: 'arrowclosed',
+          width: 11,
+        },
+        source: 'step:publish',
+        style: {
+          stroke: '#8B5CF6',
+          strokeWidth: 2.5,
+        },
+        target: 'step:archive',
+      },
+    ];
+
+    const { rerender } = render(
+      <GraphCanvas
+        edges={styledEdges}
+        nodes={nodes}
+        selectedEdgeId="edge:assert:publish:linear"
+        variant="studio"
+      />,
+    );
+
+    const reactFlowProps = mockReactFlowRender.mock.calls.at(-1)?.[0] as any;
+    const selectedEdge = reactFlowProps.edges[0];
+    const unselectedEdge = reactFlowProps.edges[1];
+
+    expect(selectedEdge.selected).toBe(true);
+    expect(selectedEdge.style).toEqual(
+      expect.objectContaining({
+        filter: 'drop-shadow(0 0 3px rgba(22, 119, 255, 0.55))',
+        opacity: 0.9,
+        stroke: 'var(--ant-color-primary)',
+        strokeWidth: 4,
+      }),
+    );
+    expect(selectedEdge.markerEnd).toEqual({
+      color: '#1677ff',
+      height: 11,
+      type: 'arrowclosed',
+      width: 11,
+    });
+    expect(unselectedEdge).toEqual(
+      expect.objectContaining({
+        markerEnd: styledEdges[1].markerEnd,
+        selected: false,
+        style: styledEdges[1].style,
+      }),
+    );
+
+    rerender(
+      <GraphCanvas edges={styledEdges} nodes={nodes} variant="studio" />,
+    );
+    const restoredEdges = latestReactFlowProps().edges;
+    expect(restoredEdges[0]).toEqual(
+      expect.objectContaining({
+        markerEnd: styledEdges[0].markerEnd,
+        selected: false,
+        style: styledEdges[0].style,
+      }),
+    );
+    expect(restoredEdges[1]).toBe(unselectedEdge);
+  });
+
   it('renders studio nodes with their product label instead of the backend step type id', () => {
     render(<GraphCanvas edges={edges} nodes={nodes} variant="studio" />);
 
@@ -191,7 +459,7 @@ describe('GraphCanvas', () => {
     const miniMapProps = mockMiniMapRender.mock.calls.at(-1)?.[0] as any;
     const backgroundProps = mockBackgroundRender.mock.calls.at(-1)?.[0] as any;
 
-    expect(reactFlowProps.fitView).toBe(true);
+    expect(reactFlowProps.fitView).toBe(false);
     expect(reactFlowProps.fitViewOptions).toEqual({
       duration: 0,
       maxZoom: 1.06,
@@ -319,4 +587,974 @@ describe('GraphCanvas', () => {
       'studio-workflow-node__handle',
     );
   });
+
+  it('updates memoized studio node labels when the locale context changes', () => {
+    render(<GraphCanvas edges={edges} nodes={nodes} variant="studio" />);
+
+    const StudioNode = latestReactFlowProps().nodeTypes.studioWorkflowNode;
+    const localizedNodeData = {
+      ...nodes[0].data,
+      branchCount: 2,
+      targetRole: 'assistant',
+    };
+    render(
+      <StudioNode data={localizedNodeData} id="step:assert" selected={false} />,
+    );
+
+    expect(screen.getByText('2 branches')).toBeTruthy();
+    expect(screen.getByText('Role')).toBeTruthy();
+
+    act(() => {
+      setLocale('zh-CN', false);
+    });
+
+    expect(screen.getByText('2 个分支')).toBeTruthy();
+    expect(screen.getByText('角色')).toBeTruthy();
+    expect(screen.queryByText('2 branches')).toBeNull();
+    expect(screen.queryByText('Role')).toBeNull();
+  });
+
+  it('keeps React Flow invariants and semantic event handlers stable across parent rerenders', () => {
+    const callbacks = {
+      onCanvasContextMenu: jest.fn(),
+      onCanvasSelect: jest.fn(),
+      onConnectNodes: jest.fn(),
+      onDeleteEdges: jest.fn(),
+      onDeleteNodes: jest.fn(),
+      onEdgeSelect: jest.fn(),
+      onNodeLayoutChange: jest.fn(),
+      onNodeSelect: jest.fn(),
+    };
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="workflow-alpha"
+        bottomInset={12}
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+        {...callbacks}
+      />,
+    );
+    const firstFlowProps = latestReactFlowProps();
+    const firstMiniMapProps = mockMiniMapRender.mock.calls.at(-1)?.[0] as any;
+    const firstControlsProps = mockControlsRender.mock.calls.at(-1)?.[0] as any;
+
+    rerender(
+      <GraphCanvas
+        autoFitKey="workflow-alpha"
+        bottomInset={12}
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+        {...callbacks}
+      />,
+    );
+
+    const nextFlowProps = latestReactFlowProps();
+    const nextMiniMapProps = mockMiniMapRender.mock.calls.at(-1)?.[0] as any;
+    const nextControlsProps = mockControlsRender.mock.calls.at(-1)?.[0] as any;
+
+    expect(nextFlowProps.nodeTypes).toBe(firstFlowProps.nodeTypes);
+    expect(nextFlowProps.proOptions).toBe(firstFlowProps.proOptions);
+    expect(nextFlowProps.fitViewOptions).toBe(firstFlowProps.fitViewOptions);
+    expect(nextMiniMapProps.nodeColor).toBe(firstMiniMapProps.nodeColor);
+    expect(nextMiniMapProps.style).toBe(firstMiniMapProps.style);
+    expect(nextControlsProps.style).toBe(firstControlsProps.style);
+    expect(nextFlowProps.onlyRenderVisibleElements).toBe(true);
+    [
+      'onBeforeDelete',
+      'onConnect',
+      'onEdgeClick',
+      'onMoveEnd',
+      'onMoveStart',
+      'onNodeClick',
+      'onNodeDragStop',
+      'onNodesChange',
+      'onPaneClick',
+      'onPaneContextMenu',
+    ].forEach((handlerName) => {
+      expect(nextFlowProps[handlerName]).toBe(firstFlowProps[handlerName]);
+    });
+
+    mockReactFlowRender.mockClear();
+    render(
+      <GraphCanvas edges={edges} nodes={nodes} selectedNodeId="step:assert" />,
+    );
+    const defaultFlowProps = latestReactFlowProps();
+    expect(defaultFlowProps.onlyRenderVisibleElements).toBeUndefined();
+    expect(defaultFlowProps.nodes[0]).toEqual(
+      expect.objectContaining({
+        selected: true,
+        style: expect.objectContaining({
+          borderColor: 'var(--ant-color-primary)',
+        }),
+      }),
+    );
+  });
+
+  it('preserves Studio rendering defaults and accepts explicit benchmark policy overrides', () => {
+    render(<GraphCanvas edges={edges} nodes={nodes} variant="studio" />);
+
+    expect(latestReactFlowProps().onlyRenderVisibleElements).toBe(true);
+    expect(mockMiniMapRender).toHaveBeenCalled();
+
+    mockMiniMapRender.mockClear();
+    render(
+      <GraphCanvas
+        edges={edges}
+        nodes={nodes}
+        onlyRenderVisibleElements={false}
+        showMiniMap={false}
+        variant="studio"
+      />,
+    );
+
+    expect(latestReactFlowProps().onlyRenderVisibleElements).toBe(false);
+    expect(mockMiniMapRender).not.toHaveBeenCalled();
+  });
+
+  it('reports committed Studio node renders without adding instrumentation to node data', () => {
+    mockRenderFlowNodes = true;
+    const onStudioNodeRender = jest.fn();
+    const { rerender } = render(
+      <GraphCanvas
+        edges={edges}
+        nodes={nodes}
+        onStudioNodeRender={onStudioNodeRender}
+        variant="studio"
+      />,
+    );
+
+    expect(onStudioNodeRender).toHaveBeenCalledWith('step:assert');
+    expect(latestReactFlowProps().nodes[0].data).toBe(nodes[0].data);
+
+    onStudioNodeRender.mockClear();
+    rerender(
+      <GraphCanvas
+        edges={edges}
+        nodes={nodes}
+        onStudioNodeRender={onStudioNodeRender}
+        variant="studio"
+      />,
+    );
+    expect(onStudioNodeRender).not.toHaveBeenCalled();
+
+    rerender(
+      <GraphCanvas
+        edges={edges}
+        nodes={[
+          {
+            ...nodes[0],
+            data: { ...nodes[0].data, executionStatus: 'active' },
+          },
+        ]}
+        onStudioNodeRender={onStudioNodeRender}
+        variant="studio"
+      />,
+    );
+    expect(onStudioNodeRender).toHaveBeenCalledTimes(1);
+    expect(onStudioNodeRender).toHaveBeenLastCalledWith('step:assert');
+  });
+
+  it('exposes the actual Studio node references delivered to React Flow', () => {
+    const onRenderedNodesChange = jest.fn();
+    const { rerender } = render(
+      <GraphCanvas
+        edges={edges}
+        nodes={nodes}
+        onRenderedNodesChange={onRenderedNodesChange}
+        variant="studio"
+      />,
+    );
+    const firstRenderedNodes = latestReactFlowProps().nodes;
+
+    expect(onRenderedNodesChange).toHaveBeenLastCalledWith(firstRenderedNodes);
+
+    onRenderedNodesChange.mockClear();
+    rerender(
+      <GraphCanvas
+        edges={edges}
+        nodes={nodes}
+        onRenderedNodesChange={onRenderedNodesChange}
+        selectedNodeId="step:assert"
+        variant="studio"
+      />,
+    );
+    const selectedRenderedNodes = latestReactFlowProps().nodes;
+
+    expect(selectedRenderedNodes).not.toBe(firstRenderedNodes);
+    expect(onRenderedNodesChange).toHaveBeenLastCalledWith(
+      selectedRenderedNodes,
+    );
+  });
+
+  it('applies a drag change once while preserving untouched Studio node and data references', () => {
+    const studioNodes = [
+      nodes[0],
+      {
+        ...nodes[0],
+        id: 'step:publish',
+        data: { ...nodes[0].data, stepId: 'publish', title: 'publish' },
+        position: { x: 320, y: 0 },
+      },
+    ];
+    const { rerender } = render(
+      <GraphCanvas edges={edges} nodes={studioNodes} variant="studio" />,
+    );
+    const beforeChange = latestReactFlowProps();
+    const untouchedNode = beforeChange.nodes[1];
+    const untouchedData = untouchedNode.data;
+
+    act(() => {
+      beforeChange.onNodesChange([
+        {
+          dragging: true,
+          id: 'step:assert',
+          position: { x: 48, y: 72 },
+          type: 'position',
+        },
+        {
+          dimensions: { height: 144, width: 280 },
+          id: 'step:assert',
+          resizing: true,
+          type: 'dimensions',
+        },
+      ]);
+    });
+
+    const afterChange = latestReactFlowProps();
+    expect(mockApplyNodeChanges).toHaveBeenCalledTimes(1);
+    expect(afterChange.nodes[0].position).toEqual({ x: 48, y: 72 });
+    expect(afterChange.nodes[1]).toBe(untouchedNode);
+    expect(afterChange.nodes[1].data).toBe(untouchedData);
+
+    rerender(
+      <GraphCanvas
+        bottomInset={24}
+        edges={[...edges]}
+        nodes={[...studioNodes]}
+        variant="studio"
+      />,
+    );
+    const afterUnrelatedParentRender = latestReactFlowProps();
+    expect(afterUnrelatedParentRender.nodes[0]).toBe(afterChange.nodes[0]);
+    expect(afterUnrelatedParentRender.nodes[0].position).toEqual({
+      x: 48,
+      y: 72,
+    });
+    expect(afterUnrelatedParentRender.nodes[1]).toBe(untouchedNode);
+
+    const statusUpdatedNodes = [
+      studioNodes[0],
+      {
+        ...studioNodes[1],
+        data: { ...studioNodes[1].data, executionStatus: 'active' },
+      },
+    ];
+    rerender(
+      <GraphCanvas
+        bottomInset={24}
+        edges={edges}
+        nodes={statusUpdatedNodes}
+        selectedNodeId="step:publish"
+        variant="studio"
+      />,
+    );
+    const afterSiblingStatusUpdate = latestReactFlowProps();
+    expect(afterSiblingStatusUpdate.nodes[0]).toBe(
+      afterUnrelatedParentRender.nodes[0],
+    );
+    expect(afterSiblingStatusUpdate.nodes[0]).toEqual(
+      expect.objectContaining({
+        dragging: true,
+        measured: { height: 144, width: 280 },
+        position: { x: 48, y: 72 },
+        resizing: true,
+      }),
+    );
+    expect(afterSiblingStatusUpdate.nodes[1]).not.toBe(untouchedNode);
+    expect(afterSiblingStatusUpdate.nodes[1]).toEqual(
+      expect.objectContaining({
+        data: expect.objectContaining({ executionStatus: 'active' }),
+        selected: true,
+      }),
+    );
+
+    rerender(
+      <GraphCanvas
+        edges={edges}
+        nodes={[
+          { ...studioNodes[0], position: { x: 120, y: 90 } },
+          statusUpdatedNodes[1],
+        ]}
+        selectedNodeId="step:publish"
+        variant="studio"
+      />,
+    );
+    expect(latestReactFlowProps().nodes[0]).toEqual(
+      expect.objectContaining({
+        measured: { height: 144, width: 280 },
+        position: { x: 120, y: 90 },
+      }),
+    );
+  });
+
+  it('keeps the drag-stop handler stable while reporting the latest local nodes', () => {
+    const onNodeLayoutChange = jest.fn();
+    render(
+      <GraphCanvas
+        edges={edges}
+        nodes={nodes}
+        onNodeLayoutChange={onNodeLayoutChange}
+        variant="studio"
+      />,
+    );
+    const beforeChange = latestReactFlowProps();
+
+    act(() => {
+      beforeChange.onNodesChange([
+        {
+          dragging: true,
+          id: 'step:assert',
+          position: { x: 48, y: 72 },
+          type: 'position',
+        },
+      ]);
+    });
+
+    const afterChange = latestReactFlowProps();
+    act(() => {
+      afterChange.onNodeDragStop({}, afterChange.nodes[0], afterChange.nodes);
+    });
+
+    expect(onNodeLayoutChange).toHaveBeenCalledWith(afterChange.nodes);
+    expect(afterChange.onNodeDragStop).toBe(beforeChange.onNodeDragStop);
+  });
+
+  it('replaces only the previous and next selected Studio nodes', () => {
+    const studioNodes = [
+      nodes[0],
+      {
+        ...nodes[0],
+        id: 'step:publish',
+        data: { ...nodes[0].data, stepId: 'publish', title: 'publish' },
+      },
+      {
+        ...nodes[0],
+        id: 'step:archive',
+        data: { ...nodes[0].data, stepId: 'archive', title: 'archive' },
+      },
+    ];
+    const { rerender } = render(
+      <GraphCanvas
+        edges={edges}
+        nodes={studioNodes}
+        selectedNodeId="step:assert"
+        variant="studio"
+      />,
+    );
+    const beforeSelection = latestReactFlowProps().nodes;
+
+    rerender(
+      <GraphCanvas
+        edges={edges}
+        nodes={studioNodes}
+        selectedNodeId="step:publish"
+        variant="studio"
+      />,
+    );
+
+    const afterSelection = latestReactFlowProps().nodes;
+    expect(afterSelection[0]).not.toBe(beforeSelection[0]);
+    expect(afterSelection[0].selected).toBeFalsy();
+    expect(afterSelection[1]).not.toBe(beforeSelection[1]);
+    expect(afterSelection[1].selected).toBe(true);
+    expect(afterSelection[2]).toBe(beforeSelection[2]);
+    expect(afterSelection[2].data).toBe(beforeSelection[2].data);
+  });
+
+  it('rerenders Studio nodes only when their compact zoom band changes', () => {
+    mockZoom = 0.8;
+    render(<GraphCanvas edges={edges} nodes={nodes} variant="studio" />);
+    const StudioNode = latestReactFlowProps().nodeTypes.studioWorkflowNode;
+
+    expect(StudioNode.$$typeof).toBe(Symbol.for('react.memo'));
+    render(
+      <StudioNode
+        data={{
+          ...nodes[0].data,
+          executionStatus: 'waiting',
+          targetRole: 'assistant',
+        }}
+        selected={false}
+      />,
+    );
+
+    const initialRenderCount = mockUseStore.mock.calls.length;
+    updateZoom(0.75);
+    expect(mockUseStore).toHaveBeenCalledTimes(initialRenderCount);
+    updateZoom(0.4);
+    expect(mockUseStore).toHaveBeenCalledTimes(initialRenderCount + 1);
+    updateZoom(0.3);
+    expect(mockUseStore).toHaveBeenCalledTimes(initialRenderCount + 1);
+    expect(screen.getByText('assert')).toBeTruthy();
+    expect(screen.getByText('Guard')).toBeTruthy();
+    expect(screen.getByText('waiting')).toBeTruthy();
+    expect(screen.queryByText('Role')).toBeNull();
+    expect(screen.queryByText('assistant')).toBeNull();
+    expect(screen.queryByText('No parameters configured')).toBeNull();
+    expect(screen.getByTestId('handle-target')).toBeTruthy();
+    expect(screen.getByTestId('handle-source')).toBeTruthy();
+  });
+
+  it('fits each ready Studio topology through one authoritative animation frame', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    const replacementNodes = [
+      {
+        ...nodes[0],
+        id: 'step:replacement',
+      },
+    ];
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+
+    expect(latestReactFlowProps().fitView).toBe(false);
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    expect(flowInstance.fitView).not.toHaveBeenCalled();
+
+    updateNodesInitialized(true);
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        bottomInset={24}
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+    expect(flowInstance.fitView).toHaveBeenLastCalledWith({
+      duration: 0,
+      maxZoom: 1.06,
+      minZoom: 0.34,
+      padding: 0.18,
+    });
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-beta"
+        edges={edges}
+        nodes={replacementNodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    expect(flowInstance.fitView).not.toHaveBeenCalled();
+
+    updateNodesInitialized(true);
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+  });
+
+  it('fits ready Studio topology without an explicit key and tracks node and edge ids', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    const replacementEdges = [
+      {
+        ...edges[0],
+        id: 'edge:assert:archive:linear',
+        target: 'step:archive',
+      },
+    ];
+    const replacementNodes = [{ ...nodes[0], id: 'step:replacement' }];
+    const { rerender } = render(
+      <GraphCanvas edges={edges} nodes={nodes} variant="studio" />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    updateNodesInitialized(true);
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+    rerender(
+      <GraphCanvas
+        edges={edges}
+        nodes={[
+          {
+            ...nodes[0],
+            data: { ...nodes[0].data, executionStatus: 'active' },
+            position: { x: 20, y: 40 },
+          },
+        ]}
+        selectedNodeId="step:assert"
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+
+    rerender(
+      <GraphCanvas edges={replacementEdges} nodes={nodes} variant="studio" />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+    rerender(
+      <GraphCanvas
+        edges={replacementEdges}
+        nodes={replacementNodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    updateNodesInitialized(true);
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+  });
+
+  it('refits identical Studio topology when the explicit fit identity changes', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    markNodesInitialized(nodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="identity-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    animationFrame.flush();
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+
+    rerender(
+      <GraphCanvas
+        autoFitKey="identity-beta"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+  });
+
+  it('retains built-in fitView only for the default variant', () => {
+    render(<GraphCanvas edges={edges} nodes={nodes} />);
+
+    expect(latestReactFlowProps().fitView).toBe(true);
+    const controlsProps = mockControlsRender.mock.calls.at(-1)?.[0] as any;
+    expect(controlsProps.onFitView).toBeUndefined();
+    expect(controlsProps.onZoomIn).toBeUndefined();
+    expect(controlsProps.onZoomOut).toBeUndefined();
+  });
+
+  it('fits when a same-key Studio topology first becomes non-empty', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    markNodesInitialized(nodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={[]}
+        nodes={[]}
+        variant="studio"
+      />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+  });
+
+  it('fits when a same-key non-empty canvas first switches to Studio', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    markNodesInitialized(nodes);
+    const { rerender } = render(
+      <GraphCanvas autoFitKey="topology-alpha" edges={edges} nodes={nodes} />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+  });
+
+  it('cancels pending fits for stale instances and unmounted canvases', () => {
+    const animationFrame = installAnimationFrameMock();
+    const staleFlowInstance = createFlowInstance();
+    mockReactFlowInstance = staleFlowInstance;
+    markNodesInitialized(nodes);
+    const { rerender, unmount } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+
+    const activeFlowInstance = createFlowInstance();
+    mockReactFlowInstance = activeFlowInstance;
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(2);
+    animationFrame.flush();
+    expect(staleFlowInstance.fitView).not.toHaveBeenCalled();
+    expect(activeFlowInstance.fitView).toHaveBeenCalledTimes(1);
+
+    const replacementNodes = [{ ...nodes[0], id: 'step:replacement' }];
+    markNodesInitialized(replacementNodes);
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-beta"
+        edges={edges}
+        nodes={replacementNodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(3);
+    unmount();
+    animationFrame.flush();
+    expect(activeFlowInstance.fitView).toHaveBeenCalledTimes(1);
+  });
+
+  it('suppresses ordinary topology fitting after navigation but reveals an offscreen added selected node', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    const replacementNodes = [{ ...nodes[0], id: 'step:replacement' }];
+    const focusedNodes = [
+      { ...nodes[0], id: 'step:replacement' },
+      {
+        ...nodes[0],
+        id: 'step:new',
+        position: { x: 1800, y: 1200 },
+      },
+    ];
+    markNodesInitialized(nodes);
+    markNodesInitialized(replacementNodes);
+    markNodesInitialized(focusedNodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    animationFrame.flush();
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+
+    act(() => {
+      const controlsProps = mockControlsRender.mock.calls.at(-1)?.[0] as any;
+      controlsProps.onZoomIn();
+    });
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-beta"
+        edges={edges}
+        nodes={replacementNodes}
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-gamma"
+        edges={edges}
+        nodes={focusedNodes}
+        selectedNodeId="step:new"
+        variant="studio"
+      />,
+    );
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+    expect(flowInstance.fitView).toHaveBeenCalledWith(
+      expect.objectContaining({
+        nodes: [{ id: 'step:new' }],
+      }),
+    );
+  });
+
+  it('preserves manual navigation when an added selected node is already visible', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    const focusedNodes = [
+      nodes[0],
+      {
+        ...nodes[0],
+        id: 'step:new',
+        position: { x: 320, y: 180 },
+      },
+    ];
+    markNodesInitialized(nodes);
+    markNodesInitialized(focusedNodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    animationFrame.flush();
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+
+    act(() => {
+      const controlsProps = mockControlsRender.mock.calls.at(-1)?.[0] as any;
+      controlsProps.onZoomIn();
+    });
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-beta"
+        edges={edges}
+        nodes={focusedNodes}
+        selectedNodeId="step:new"
+        variant="studio"
+      />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    expect(flowInstance.fitView).not.toHaveBeenCalled();
+  });
+
+  it.each([
+    'onZoomIn',
+    'onZoomOut',
+    'onFitView',
+  ])('treats Studio Controls %s as manual navigation', (controlCallback) => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    const replacementNodes = [{ ...nodes[0], id: 'step:replacement' }];
+    markNodesInitialized(nodes);
+    markNodesInitialized(replacementNodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    animationFrame.flush();
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+    const controlsProps = mockControlsRender.mock.calls.at(-1)?.[0] as any;
+
+    expect(controlsProps[controlCallback]).toEqual(expect.any(Function));
+    act(() => {
+      controlsProps[controlCallback]();
+    });
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-beta"
+        edges={edges}
+        nodes={replacementNodes}
+        variant="studio"
+      />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    expect(flowInstance.fitView).not.toHaveBeenCalled();
+  });
+
+  it('does not treat a pane click without viewport movement as manual navigation', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    const replacementNodes = [{ ...nodes[0], id: 'step:replacement' }];
+    markNodesInitialized(nodes);
+    markNodesInitialized(replacementNodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    animationFrame.flush();
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+
+    const flowProps = latestReactFlowProps();
+    expect(flowProps.onMoveEnd).toEqual(expect.any(Function));
+    act(() => {
+      flowProps.onMoveStart({}, { x: 0, y: 0, zoom: 1 });
+      flowProps.onMoveEnd({}, { x: 0, y: 0, zoom: 1 });
+    });
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-beta"
+        edges={edges}
+        nodes={replacementNodes}
+        variant="studio"
+      />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).toHaveBeenCalledTimes(1);
+    animationFrame.flush();
+    expect(flowInstance.fitView).toHaveBeenCalledTimes(1);
+  });
+
+  it('treats null-source MiniMap viewport movement as manual navigation', async () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    const replacementNodes = [{ ...nodes[0], id: 'step:replacement' }];
+    markNodesInitialized(nodes);
+    markNodesInitialized(replacementNodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    animationFrame.flush();
+    await act(async () => {
+      await Promise.resolve();
+    });
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+
+    const flowProps = latestReactFlowProps();
+    expect(flowProps.onMoveEnd).toEqual(expect.any(Function));
+    act(() => {
+      flowProps.onMoveStart(null, { x: 0, y: 0, zoom: 1 });
+      flowProps.onMoveEnd(null, { x: -120, y: -48, zoom: 1 });
+    });
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-beta"
+        edges={edges}
+        nodes={replacementNodes}
+        variant="studio"
+      />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    expect(flowInstance.fitView).not.toHaveBeenCalled();
+  });
+
+  it('does not fit for selection, position, or execution-status-only changes', () => {
+    const animationFrame = installAnimationFrameMock();
+    const flowInstance = createFlowInstance();
+    mockReactFlowInstance = flowInstance;
+    markNodesInitialized(nodes);
+    const { rerender } = render(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        variant="studio"
+      />,
+    );
+    animationFrame.flush();
+    animationFrame.requestAnimationFrame.mockClear();
+    flowInstance.fitView.mockClear();
+
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={nodes}
+        selectedNodeId="step:assert"
+        variant="studio"
+      />,
+    );
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={[
+          {
+            ...nodes[0],
+            position: { x: 20, y: 40 },
+          },
+        ]}
+        selectedNodeId="step:assert"
+        variant="studio"
+      />,
+    );
+    rerender(
+      <GraphCanvas
+        autoFitKey="topology-alpha"
+        edges={edges}
+        nodes={[
+          {
+            ...nodes[0],
+            data: { ...nodes[0].data, executionStatus: 'active' },
+          },
+        ]}
+        selectedNodeId="step:assert"
+        variant="studio"
+      />,
+    );
+
+    expect(animationFrame.requestAnimationFrame).not.toHaveBeenCalled();
+    expect(flowInstance.fitView).not.toHaveBeenCalled();
+  });
 });
diff --git a/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx b/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx
index c4abe95e95..846aedd7a1 100644
--- a/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx
+++ b/apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx
@@ -1,6 +1,6 @@
 import {
-  ApiOutlined,
   ApartmentOutlined,
+  ApiOutlined,
   AppstoreOutlined,
   CodeOutlined,
   DatabaseOutlined,
@@ -8,37 +8,51 @@ import {
   SafetyCertificateOutlined,
   UserOutlined,
 } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
 import {
+  applyNodeChanges,
   Background,
   BackgroundVariant,
   Controls,
+  type Edge,
+  type FitViewOptions,
   Handle,
   MiniMap,
+  type Node,
+  type NodeChange,
+  type NodeProps,
   Position,
   ReactFlow,
-  applyNodeChanges,
+  type ReactFlowInstance,
+  type ReactFlowProps,
   useEdgesState,
+  useNodesInitialized,
   useNodesState,
+  useReactFlow,
   useStore,
-  type Edge,
-  type FitViewOptions,
-  type Node,
-  type NodeChange,
-  type NodeProps,
-  type ReactFlowInstance,
+  useStoreApi,
 } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
-import React, { useEffect, useLayoutEffect, useMemo } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+} from 'react';
 import {
   getStudioGraphCategory,
   type StudioGraphNodeData,
 } from '@/shared/studio/graph';
-import { t } from '@/shared/i18n/messages';
+import {
+  reconcileGraphEdges,
+  reconcileGraphNodes,
+} from './reconcileGraphElements';
 
 type GraphCanvasProps = {
   autoFitKey?: string;
-  nodes: Node[];
-  edges: Edge[];
+  nodes: readonly Node[];
+  edges: readonly Edge[];
   height?: number | string;
   bottomInset?: number;
   overlayContent?: React.ReactNode;
@@ -58,6 +72,10 @@ type GraphCanvasProps = {
   onNodeLayoutChange?: (nodes: Node[]) => void;
   onDeleteEdges?: (edgeIds: string[]) => Promise<void> | void;
   onDeleteNodes?: (nodeIds: string[]) => Promise<void> | void;
+  onRenderedNodesChange?: (nodes: readonly Node[]) => void;
+  onStudioNodeRender?: (nodeId: string) => void;
+  onlyRenderVisibleElements?: boolean;
+  showMiniMap?: boolean;
 };
 
 const SELF_MANAGED_SELECTION_CLASS = 'graph-canvas-self-managed-selection';
@@ -80,10 +98,13 @@ const STUDIO_FIT_VIEW_OPTIONS = {
 } as const satisfies FitViewOptions;
 const STUDIO_CANVAS_MIN_ZOOM = 0.28;
 const STUDIO_CANVAS_MAX_ZOOM = 1.55;
-const STUDIO_FIT_VIEW_ATTEMPT_COUNT = 3;
 const STUDIO_NODE_WIDTH = 268;
 const STUDIO_NODE_COMPACT_WIDTH = 244;
 const STUDIO_NODE_COMPACT_ZOOM = 0.48;
+const STUDIO_PRO_OPTIONS = { hideAttribution: true } as const;
+const SELECTED_EDGE_COLOR = '#1677ff';
+const SELECTED_EDGE_FILTER = 'drop-shadow(0 0 3px rgba(22, 119, 255, 0.55))';
+const SELECTED_EDGE_STROKE_WIDTH = 4;
 const studioCanvasCss = `
 .studio-canvas {
   background: #f7f9fc;
@@ -321,15 +342,31 @@ const STUDIO_NODE_ICON_BY_CATEGORY: Record<
   custom: CodeOutlined,
 };
 
+const selectStudioNodeCompact = (state: {
+  transform: [number, number, number];
+}) => state.transform[2] < STUDIO_NODE_COMPACT_ZOOM;
+
+const getStudioMiniMapNodeColor = (node: Node) => {
+  const data = node.data as StudioGraphNodeData | undefined;
+  return getStudioGraphCategory(data?.stepType || '').color;
+};
+
+const StudioNodeRenderContext = React.createContext<
+  ((nodeId: string) => void) | undefined
+>(undefined);
+
 function StudioWorkflowNode({
   data,
+  id,
   selected,
 }: NodeProps<Node<StudioGraphNodeData>>) {
+  const intl = useIntl();
+  const onStudioNodeRender = React.useContext(StudioNodeRenderContext);
   const category = getStudioGraphCategory(data.stepType);
   const Icon =
-    STUDIO_NODE_ICON_BY_CATEGORY[category.key] ?? STUDIO_NODE_ICON_BY_CATEGORY.custom;
-  const zoom = useStore((state) => state.transform[2]);
-  const compact = zoom < STUDIO_NODE_COMPACT_ZOOM;
+    STUDIO_NODE_ICON_BY_CATEGORY[category.key] ??
+    STUDIO_NODE_ICON_BY_CATEGORY.custom;
+  const compact = useStore(selectStudioNodeCompact);
   const width = compact ? STUDIO_NODE_COMPACT_WIDTH : STUDIO_NODE_WIDTH;
   const executionStatus = data.executionStatus;
   const executionFocused = Boolean(data.executionFocused);
@@ -353,13 +390,22 @@ function StudioWorkflowNode({
           : '#DBEAFE';
   const branchCountLabel =
     data.branchCount === 1
-      ? t('teamMemberWorkflowStudio.graph.branchCount.one', '1 branch')
-      : t(
-          'teamMemberWorkflowStudio.graph.branchCount.other',
-          '{count} branches',
+      ? intl.formatMessage({
+          defaultMessage: '1 branch',
+          id: 'teamMemberWorkflowStudio.graph.branchCount.one',
+        })
+      : intl.formatMessage(
+          {
+            defaultMessage: '{count} branches',
+            id: 'teamMemberWorkflowStudio.graph.branchCount.other',
+          },
           { count: data.branchCount },
         );
 
+  useLayoutEffect(() => {
+    onStudioNodeRender?.(id);
+  });
+
   return (
     <div
       className={[
@@ -370,10 +416,12 @@ function StudioWorkflowNode({
       ]
         .filter(Boolean)
         .join(' ')}
-      style={{
-        width,
-        '--studio-node-accent': category.color,
-      } as React.CSSProperties}
+      style={
+        {
+          width,
+          '--studio-node-accent': category.color,
+        } as React.CSSProperties
+      }
     >
       <Handle
         className="studio-workflow-node__handle studio-workflow-node__handle--target"
@@ -411,27 +459,32 @@ function StudioWorkflowNode({
           </span>
         ) : null}
       </div>
-      <div className="studio-workflow-node__body">
-        {data.targetRole ? (
-          <div className="studio-workflow-node__meta">
-            <span className="studio-workflow-node__meta-label">
-              {t('teamMemberWorkflowStudio.graph.role', 'Role')}
-            </span>
-            <span
-              className="studio-workflow-node__meta-value"
-              title={data.targetRole}
-            >
-              {data.targetRole}
-            </span>
+      {compact ? null : (
+        <div className="studio-workflow-node__body">
+          {data.targetRole ? (
+            <div className="studio-workflow-node__meta">
+              <span className="studio-workflow-node__meta-label">
+                {intl.formatMessage({
+                  defaultMessage: 'Role',
+                  id: 'teamMemberWorkflowStudio.graph.role',
+                })}
+              </span>
+              <span
+                className="studio-workflow-node__meta-value"
+                title={data.targetRole}
+              >
+                {data.targetRole}
+              </span>
+            </div>
+          ) : null}
+          <div
+            className="studio-workflow-node__summary"
+            title={data.parametersSummary}
+          >
+            {data.parametersSummary}
           </div>
-        ) : null}
-        <div
-          className="studio-workflow-node__summary"
-          title={data.parametersSummary}
-        >
-          {data.parametersSummary}
         </div>
-      </div>
+      )}
       <Handle
         className="studio-workflow-node__handle studio-workflow-node__handle--source"
         type="source"
@@ -441,6 +494,318 @@ function StudioWorkflowNode({
   );
 }
 
+const STUDIO_NODE_TYPES = {
+  studioWorkflowNode: React.memo(StudioWorkflowNode),
+};
+
+type StudioViewportControl = {
+  automaticFitRequest?: symbol;
+  cancelOrdinaryFit?: () => void;
+  manuallyNavigated: boolean;
+};
+
+type StudioViewportSnapshotNode = {
+  readonly height?: number;
+  readonly initialHeight?: number;
+  readonly initialWidth?: number;
+  readonly internals: {
+    readonly positionAbsolute: {
+      readonly x: number;
+      readonly y: number;
+    };
+  };
+  readonly measured: {
+    readonly height?: number;
+    readonly width?: number;
+  };
+  readonly width?: number;
+};
+
+type StudioViewportSnapshot = {
+  readonly height: number;
+  readonly nodeLookup: ReadonlyMap<string, StudioViewportSnapshotNode>;
+  readonly transform: readonly [number, number, number];
+  readonly width: number;
+};
+
+function isNodeVisibleInViewport(
+  nodeId: string,
+  snapshot: StudioViewportSnapshot,
+): boolean {
+  const node = snapshot.nodeLookup.get(nodeId);
+  const nodeWidth = node?.measured.width ?? node?.width ?? node?.initialWidth;
+  const nodeHeight =
+    node?.measured.height ?? node?.height ?? node?.initialHeight;
+  if (
+    !node ||
+    nodeWidth === undefined ||
+    nodeHeight === undefined ||
+    snapshot.width <= 0 ||
+    snapshot.height <= 0
+  ) {
+    return false;
+  }
+
+  const [viewportX, viewportY, zoom] = snapshot.transform;
+  const left = node.internals.positionAbsolute.x * zoom + viewportX;
+  const top = node.internals.positionAbsolute.y * zoom + viewportY;
+  const right = left + nodeWidth * zoom;
+  const bottom = top + nodeHeight * zoom;
+  return (
+    right > 0 && bottom > 0 && left < snapshot.width && top < snapshot.height
+  );
+}
+
+type StudioViewportControllerProps = {
+  autoFitKey?: string;
+  edgeIdsKey: string;
+  navigationControlRef: React.RefObject<StudioViewportControl>;
+  nodeIds: readonly string[];
+  nodeIdsKey: string;
+  selectedNodeId?: string;
+};
+
+function StudioViewportController({
+  autoFitKey,
+  edgeIdsKey,
+  navigationControlRef,
+  nodeIds,
+  nodeIdsKey,
+  selectedNodeId,
+}: StudioViewportControllerProps) {
+  const nodesInitialized = useNodesInitialized();
+  const flowInstance = useReactFlow();
+  const storeApi = useStoreApi();
+  const previousNodeIdsRef = useRef<ReadonlySet<string>>(new Set());
+  const latestNodeIdsRef = useRef(nodeIds);
+  const latestSelectedNodeIdRef = useRef(selectedNodeId);
+  const lastFittedRef = useRef<{
+    flowInstance: ReactFlowInstance;
+    reason: string;
+  }>(undefined);
+
+  latestNodeIdsRef.current = nodeIds;
+  latestSelectedNodeIdRef.current = selectedNodeId;
+
+  useLayoutEffect(() => {
+    const currentNodeIds = new Set(latestNodeIdsRef.current);
+    if (currentNodeIds.size === 0) {
+      previousNodeIdsRef.current = currentNodeIds;
+      lastFittedRef.current = undefined;
+      return;
+    }
+    if (!nodesInitialized) {
+      return;
+    }
+
+    const fitReason = JSON.stringify(
+      autoFitKey === undefined
+        ? ['topology', nodeIdsKey, edgeIdsKey]
+        : ['explicit', autoFitKey, nodeIdsKey, edgeIdsKey],
+    );
+    if (
+      lastFittedRef.current?.reason === fitReason &&
+      lastFittedRef.current.flowInstance === flowInstance
+    ) {
+      previousNodeIdsRef.current = currentNodeIds;
+      return;
+    }
+
+    const selectedNodeId = latestSelectedNodeIdRef.current;
+    const addedSelectedNode =
+      selectedNodeId !== undefined &&
+      currentNodeIds.has(selectedNodeId) &&
+      !previousNodeIdsRef.current.has(selectedNodeId);
+    previousNodeIdsRef.current = currentNodeIds;
+    const shouldRevealAddedNode =
+      navigationControlRef.current.manuallyNavigated &&
+      addedSelectedNode &&
+      selectedNodeId !== undefined &&
+      !isNodeVisibleInViewport(selectedNodeId, storeApi.getState());
+
+    if (
+      navigationControlRef.current.manuallyNavigated &&
+      !shouldRevealAddedNode
+    ) {
+      return;
+    }
+
+    const focusNodeId = shouldRevealAddedNode ? selectedNodeId : undefined;
+    let active = true;
+    let animationFrameId: number | undefined;
+    const cancelFit = () => {
+      active = false;
+      if (
+        animationFrameId !== undefined &&
+        typeof window !== 'undefined' &&
+        typeof window.cancelAnimationFrame === 'function'
+      ) {
+        window.cancelAnimationFrame(animationFrameId);
+      }
+      if (navigationControlRef.current.cancelOrdinaryFit === cancelFit) {
+        navigationControlRef.current.cancelOrdinaryFit = undefined;
+      }
+    };
+    navigationControlRef.current.cancelOrdinaryFit = focusNodeId
+      ? undefined
+      : cancelFit;
+
+    const applyViewport = () => {
+      if (!active) {
+        return;
+      }
+      animationFrameId = undefined;
+      navigationControlRef.current.cancelOrdinaryFit = undefined;
+      lastFittedRef.current = { flowInstance, reason: fitReason };
+      const automaticFitRequest = Symbol('studio-automatic-fit');
+      navigationControlRef.current.automaticFitRequest = automaticFitRequest;
+      const clearAutomaticFitRequest = () => {
+        if (
+          navigationControlRef.current.automaticFitRequest ===
+          automaticFitRequest
+        ) {
+          navigationControlRef.current.automaticFitRequest = undefined;
+        }
+      };
+      void flowInstance
+        .fitView(
+          focusNodeId
+            ? {
+                ...STUDIO_FIT_VIEW_OPTIONS,
+                nodes: [{ id: focusNodeId }],
+              }
+            : STUDIO_FIT_VIEW_OPTIONS,
+        )
+        .then(clearAutomaticFitRequest, clearAutomaticFitRequest);
+    };
+
+    if (
+      typeof window !== 'undefined' &&
+      typeof window.requestAnimationFrame === 'function'
+    ) {
+      animationFrameId = window.requestAnimationFrame(applyViewport);
+    } else {
+      applyViewport();
+    }
+
+    return cancelFit;
+  }, [
+    autoFitKey,
+    edgeIdsKey,
+    flowInstance,
+    navigationControlRef,
+    nodeIdsKey,
+    nodesInitialized,
+    storeApi,
+  ]);
+
+  return null;
+}
+
+function decorateGraphEdge(edge: Edge, selectedEdgeId?: string): Edge {
+  const isSelected = edge.id === selectedEdgeId;
+  return {
+    ...edge,
+    selected: isSelected,
+    markerEnd:
+      isSelected && edge.markerEnd && typeof edge.markerEnd === 'object'
+        ? {
+            ...edge.markerEnd,
+            color: SELECTED_EDGE_COLOR,
+          }
+        : edge.markerEnd,
+    style: {
+      ...edge.style,
+      filter: isSelected ? SELECTED_EDGE_FILTER : edge.style?.filter,
+      stroke: isSelected ? 'var(--ant-color-primary)' : edge.style?.stroke,
+      strokeWidth: isSelected
+        ? SELECTED_EDGE_STROKE_WIDTH
+        : (edge.style?.strokeWidth ?? 1.5),
+    },
+    labelStyle: {
+      ...edge.labelStyle,
+      fill: isSelected ? 'var(--ant-color-primary)' : edge.labelStyle?.fill,
+    },
+  };
+}
+
+function shallowGraphValueEqual(left: unknown, right: unknown): boolean {
+  if (Object.is(left, right)) {
+    return true;
+  }
+  if (
+    !left ||
+    !right ||
+    typeof left !== 'object' ||
+    typeof right !== 'object'
+  ) {
+    return false;
+  }
+
+  const leftRecord = left as Record<string, unknown>;
+  const rightRecord = right as Record<string, unknown>;
+  const leftKeys = Object.keys(leftRecord);
+  return (
+    leftKeys.length === Object.keys(rightRecord).length &&
+    leftKeys.every(
+      (key) =>
+        Object.hasOwn(rightRecord, key) &&
+        Object.is(leftRecord[key], rightRecord[key]),
+    )
+  );
+}
+
+function mergeIncomingNodeDelta(
+  currentNodes: readonly Node[],
+  previousIncomingNodes: readonly Node[],
+  incomingNodes: readonly Node[],
+): Node[] {
+  const currentById = new Map(currentNodes.map((node) => [node.id, node]));
+  const previousIncomingById = new Map(
+    previousIncomingNodes.map((node) => [node.id, node]),
+  );
+
+  return incomingNodes.map((incomingNode) => {
+    const currentNode = currentById.get(incomingNode.id);
+    const previousIncomingNode = previousIncomingById.get(incomingNode.id);
+    if (!currentNode || !previousIncomingNode) {
+      return incomingNode;
+    }
+
+    return {
+      ...incomingNode,
+      dragging:
+        previousIncomingNode.dragging === incomingNode.dragging
+          ? currentNode.dragging
+          : incomingNode.dragging,
+      height:
+        previousIncomingNode.height === incomingNode.height
+          ? currentNode.height
+          : incomingNode.height,
+      measured: shallowGraphValueEqual(
+        previousIncomingNode.measured,
+        incomingNode.measured,
+      )
+        ? currentNode.measured
+        : incomingNode.measured,
+      position: shallowGraphValueEqual(
+        previousIncomingNode.position,
+        incomingNode.position,
+      )
+        ? currentNode.position
+        : incomingNode.position,
+      resizing:
+        previousIncomingNode.resizing === incomingNode.resizing
+          ? currentNode.resizing
+          : incomingNode.resizing,
+      width:
+        previousIncomingNode.width === incomingNode.width
+          ? currentNode.width
+          : incomingNode.width,
+    };
+  });
+}
+
 const GraphCanvas: React.FC<GraphCanvasProps> = ({
   autoFitKey,
   nodes,
@@ -459,298 +824,400 @@ const GraphCanvas: React.FC<GraphCanvasProps> = ({
   onNodeLayoutChange,
   onDeleteEdges,
   onDeleteNodes,
+  onRenderedNodesChange,
+  onStudioNodeRender,
+  onlyRenderVisibleElements,
+  showMiniMap,
 }) => {
   const isStudioVariant = variant === 'studio';
-  const [localNodes, setLocalNodes] = useNodesState(nodes);
-  const [localEdges, setLocalEdges] = useEdgesState(edges);
+  const [localNodes, setLocalNodes] = useNodesState([...nodes]);
+  const [localEdges, setLocalEdges] = useEdgesState([...edges]);
   const [flowInstance, setFlowInstance] =
     React.useState<ReactFlowInstance | null>(null);
+  const navigationControlRef = useRef<StudioViewportControl>({
+    manuallyNavigated: false,
+  });
+  const latestLocalNodesRef = useRef(localNodes);
+  const renderedAutoFitKeyRef = useRef(autoFitKey);
+  const incomingStudioNodesRef = useRef<readonly Node[]>([]);
+  const incomingStudioEdgesRef = useRef<readonly Edge[]>([]);
+  const incomingNodeIdsKey = useMemo(
+    () => JSON.stringify(nodes.map((node) => node.id)),
+    [nodes],
+  );
+  const incomingEdgeIdsKey = useMemo(
+    () => JSON.stringify(edges.map((edge) => edge.id)),
+    [edges],
+  );
+  const renderedStudioTopology = useMemo(() => {
+    const nodeIds = localNodes.map((node) => node.id);
+    return {
+      edgeIdsKey: JSON.stringify(localEdges.map((edge) => edge.id)),
+      nodeIds,
+      nodeIdsKey: JSON.stringify(nodeIds),
+    };
+  }, [localEdges, localNodes]);
+  const renderedTopologyMatchesIncoming =
+    incomingNodeIdsKey === renderedStudioTopology.nodeIdsKey &&
+    incomingEdgeIdsKey === renderedStudioTopology.edgeIdsKey;
+  const renderedAutoFitKey = renderedTopologyMatchesIncoming
+    ? autoFitKey
+    : renderedAutoFitKeyRef.current;
 
-  useEffect(() => {
-    setLocalNodes(nodes);
-  }, [nodes, setLocalNodes]);
+  latestLocalNodesRef.current = localNodes;
 
   useEffect(() => {
-    setLocalEdges(edges);
-  }, [edges, setLocalEdges]);
+    if (renderedTopologyMatchesIncoming) {
+      renderedAutoFitKeyRef.current = autoFitKey;
+    }
+  }, [autoFitKey, renderedTopologyMatchesIncoming]);
 
-  useLayoutEffect(() => {
-    if (!autoFitKey || !flowInstance || !isStudioVariant || nodes.length === 0) {
+  useEffect(() => {
+    if (!isStudioVariant) {
+      incomingStudioNodesRef.current = [];
+      setLocalNodes([...nodes]);
       return;
     }
 
-    const readyFlowInstance = flowInstance;
-    const animationFrameIds: number[] = [];
-    const timeoutIds: number[] = [];
-    let cancelled = false;
-    let attemptCount = 0;
-
-    function applyViewport() {
-      if (cancelled) {
-        return;
-      }
-
-      void readyFlowInstance.fitView(STUDIO_FIT_VIEW_OPTIONS);
-      attemptCount += 1;
-
-      if (attemptCount < STUDIO_FIT_VIEW_ATTEMPT_COUNT) {
-        scheduleFit();
-      }
+    const previousIncomingNodes = incomingStudioNodesRef.current;
+    const reconciledIncomingNodes = reconcileGraphNodes(
+      previousIncomingNodes,
+      nodes,
+      selectedNodeId,
+    );
+    if (reconciledIncomingNodes === previousIncomingNodes) {
+      return;
     }
 
-    function scheduleFit() {
-      if (typeof window === 'undefined') {
-        applyViewport();
-        return;
-      }
-
-      if (typeof window.requestAnimationFrame === 'function') {
-        const frameId = window.requestAnimationFrame(applyViewport);
-        animationFrameIds.push(frameId);
-        return;
-      }
+    incomingStudioNodesRef.current = reconciledIncomingNodes;
+    setLocalNodes((currentNodes) => {
+      const mergedIncomingNodes = mergeIncomingNodeDelta(
+        currentNodes,
+        previousIncomingNodes,
+        reconciledIncomingNodes,
+      );
+      return reconcileGraphNodes(
+        currentNodes,
+        mergedIncomingNodes,
+        selectedNodeId,
+      );
+    });
+  }, [isStudioVariant, nodes, selectedNodeId, setLocalNodes]);
 
-      const timeoutId = window.setTimeout(applyViewport, 16);
-      timeoutIds.push(timeoutId);
+  useEffect(() => {
+    if (!isStudioVariant) {
+      incomingStudioEdgesRef.current = [];
+      setLocalEdges([...edges]);
+      return;
     }
 
-    scheduleFit();
+    const reconciledIncomingEdges = reconcileGraphEdges(
+      incomingStudioEdgesRef.current,
+      edges.map((edge) => decorateGraphEdge(edge, selectedEdgeId)),
+    );
+    if (reconciledIncomingEdges === incomingStudioEdgesRef.current) {
+      return;
+    }
 
-    return () => {
-      cancelled = true;
-      animationFrameIds.forEach((frameId) => {
-        window.cancelAnimationFrame(frameId);
-      });
-      timeoutIds.forEach((timeoutId) => {
-        window.clearTimeout(timeoutId);
-      });
-    };
-  }, [
-    autoFitKey,
-    flowInstance,
-    isStudioVariant,
-    nodes.length,
-  ]);
+    incomingStudioEdgesRef.current = reconciledIncomingEdges;
+    setLocalEdges((currentEdges) =>
+      reconcileGraphEdges(currentEdges, reconciledIncomingEdges),
+    );
+  }, [edges, isStudioVariant, selectedEdgeId, setLocalEdges]);
 
-  const decoratedNodes = useMemo(
-    () =>
-      localNodes.map((node) => {
-        const isSelected = node.id === selectedNodeId;
-        const managesOwnSelection = node.className
-          ?.split(' ')
-          .includes(SELF_MANAGED_SELECTION_CLASS);
-        if (isStudioVariant) {
-          return {
-            ...node,
-            selected: isSelected,
-          };
-        }
+  const decoratedNodes = useMemo(() => {
+    if (isStudioVariant) {
+      return localNodes;
+    }
 
-        if (managesOwnSelection) {
-          return {
-            ...node,
-            selected: isSelected,
-          };
-        }
+    return localNodes.map((node) => {
+      const isSelected = node.id === selectedNodeId;
+      const managesOwnSelection = node.className
+        ?.split(' ')
+        .includes(SELF_MANAGED_SELECTION_CLASS);
 
+      if (managesOwnSelection) {
         return {
           ...node,
           selected: isSelected,
-          style: {
-            ...node.style,
-            borderColor: isSelected
-              ? 'var(--ant-color-primary)'
-              : node.style?.borderColor,
-            boxShadow: isSelected
-              ? '0 0 0 2px rgba(22, 119, 255, 0.18)'
-              : node.style?.boxShadow,
-          },
         };
-      }),
-    [isStudioVariant, localNodes, selectedNodeId],
-  );
+      }
+
+      return {
+        ...node,
+        selected: isSelected,
+        style: {
+          ...node.style,
+          borderColor: isSelected
+            ? 'var(--ant-color-primary)'
+            : node.style?.borderColor,
+          boxShadow: isSelected
+            ? '0 0 0 2px rgba(22, 119, 255, 0.18)'
+            : node.style?.boxShadow,
+        },
+      };
+    });
+  }, [isStudioVariant, localNodes, selectedNodeId]);
 
   const decoratedEdges = useMemo(
     () =>
-      localEdges.map((edge) => {
-        const isSelected = edge.id === selectedEdgeId;
-        return {
-          ...edge,
-          selected: isSelected,
-          style: {
-            ...edge.style,
-            stroke: isSelected
-              ? 'var(--ant-color-primary)'
-              : edge.style?.stroke,
-            strokeWidth: isSelected ? 3 : (edge.style?.strokeWidth ?? 1.5),
-          },
-          labelStyle: {
-            ...edge.labelStyle,
-            fill: isSelected
-              ? 'var(--ant-color-primary)'
-              : edge.labelStyle?.fill,
-          },
-        };
-      }),
-    [localEdges, selectedEdgeId],
+      isStudioVariant
+        ? localEdges
+        : localEdges.map((edge) => decorateGraphEdge(edge, selectedEdgeId)),
+    [isStudioVariant, localEdges, selectedEdgeId],
   );
 
-  const handleNodesChange = (changes: NodeChange[]) => {
-    setLocalNodes((currentNodes) => applyNodeChanges(changes, currentNodes));
-  };
+  useEffect(() => {
+    if (isStudioVariant) {
+      onRenderedNodesChange?.(decoratedNodes);
+    }
+  }, [decoratedNodes, isStudioVariant, onRenderedNodesChange]);
 
-  return (
-    <div
-      style={{
-        background: isStudioVariant ? '#f7f9fc' : undefined,
-        border: isStudioVariant ? '1px solid #d8e0ea' : '1px solid #f0f0f0',
-        borderRadius: 8,
-        height,
-        minHeight: 0,
-        overflow: 'hidden',
-        position: 'relative',
-        width: '100%',
-      }}
-    >
-      <style>
-        {isStudioVariant ? studioCanvasCss : selfManagedSelectionCss}
-      </style>
-      <ReactFlow
-        onInit={setFlowInstance}
-        nodes={decoratedNodes}
-        edges={decoratedEdges}
-        fitView
-        fitViewOptions={isStudioVariant ? STUDIO_FIT_VIEW_OPTIONS : undefined}
-        minZoom={isStudioVariant ? STUDIO_CANVAS_MIN_ZOOM : undefined}
-        maxZoom={isStudioVariant ? STUDIO_CANVAS_MAX_ZOOM : undefined}
-        nodeTypes={
-          isStudioVariant
-            ? {
-                studioWorkflowNode: StudioWorkflowNode,
-              }
-            : undefined
-        }
-        nodesDraggable={isStudioVariant}
-        nodesConnectable={Boolean(isStudioVariant && onConnectNodes)}
-        elementsSelectable
-        deleteKeyCode={
-          isStudioVariant && !onDeleteNodes && !onDeleteEdges ? null : undefined
-        }
-        onNodesChange={isStudioVariant ? handleNodesChange : undefined}
-        onBeforeDelete={
-          isStudioVariant && (onDeleteNodes || onDeleteEdges)
-            ? async ({ edges: edgesToDelete, nodes: nodesToDelete }) => {
-                const nodeIds = nodesToDelete
-                  .map((node) => String(node.id ?? '').trim())
-                  .filter(Boolean);
-                const edgeIds = edgesToDelete
-                  .map((edge) => String(edge.id ?? '').trim())
-                  .filter(Boolean);
-                if (nodeIds.length === 0 && edgeIds.length === 0) {
-                  return false;
-                }
-
-                try {
-                  if (nodeIds.length > 0) {
-                    await onDeleteNodes?.(nodeIds);
-                  }
-                  if (edgeIds.length > 0) {
-                    await onDeleteEdges?.(edgeIds);
-                  }
-                } catch {
-                  // Keep the local graph unchanged until the parent document confirms deletion.
-                }
-
-                return false;
-              }
-            : undefined
-        }
-        onNodeDragStop={
-          isStudioVariant
-            ? () =>
-                onNodeLayoutChange?.(
-                  (flowInstance?.getNodes() as Node[]) ?? localNodes,
-                )
-            : undefined
-        }
-        onConnect={
-          isStudioVariant
-            ? (connection) => {
-                if (!connection.source || !connection.target) {
-                  return;
-                }
-
-                onConnectNodes?.(connection.source, connection.target);
-              }
-            : undefined
+  const canvasStyle = useMemo<React.CSSProperties>(
+    () => ({
+      background: isStudioVariant ? '#f7f9fc' : undefined,
+      border: isStudioVariant ? '1px solid #d8e0ea' : '1px solid #f0f0f0',
+      borderRadius: 8,
+      height,
+      minHeight: 0,
+      overflow: 'hidden',
+      position: 'relative',
+      width: '100%',
+    }),
+    [height, isStudioVariant],
+  );
+  const miniMapStyle = useMemo<React.CSSProperties>(
+    () => ({
+      background: 'rgba(255, 255, 255, 0.90)',
+      border: '1px solid #d8e0ea',
+      borderRadius: 8,
+      height: 82,
+      marginBottom: 18 + bottomInset,
+      marginRight: 16,
+      width: 132,
+    }),
+    [bottomInset],
+  );
+  const studioControlsStyle = useMemo<React.CSSProperties>(
+    () => ({
+      marginBottom: 18 + bottomInset,
+      marginLeft: 16,
+    }),
+    [bottomInset],
+  );
+
+  const handleNodesChange = useCallback(
+    (changes: NodeChange[]) => {
+      setLocalNodes((currentNodes) => applyNodeChanges(changes, currentNodes));
+    },
+    [setLocalNodes],
+  );
+  const handleBeforeDelete = useCallback<
+    NonNullable<ReactFlowProps['onBeforeDelete']>
+  >(
+    async ({ edges: edgesToDelete, nodes: nodesToDelete }) => {
+      const nodeIds = nodesToDelete
+        .map((node) => String(node.id ?? '').trim())
+        .filter(Boolean);
+      const edgeIds = edgesToDelete
+        .map((edge) => String(edge.id ?? '').trim())
+        .filter(Boolean);
+      if (nodeIds.length === 0 && edgeIds.length === 0) {
+        return false;
+      }
+
+      try {
+        if (nodeIds.length > 0) {
+          await onDeleteNodes?.(nodeIds);
         }
-        onNodeClick={(_, node) => onNodeSelect?.(node.id)}
-        onEdgeClick={(_, edge) => onEdgeSelect?.(edge.id)}
-        onPaneClick={() => onCanvasSelect?.()}
-        onPaneContextMenu={
-          isStudioVariant
-            ? (event) => {
-                event.preventDefault();
-                const flowPosition = flowInstance?.screenToFlowPosition({
-                  x: event.clientX,
-                  y: event.clientY,
-                }) ?? { x: 420, y: 220 };
-                onCanvasContextMenu?.({
-                  clientX: event.clientX,
-                  clientY: event.clientY,
-                  flowX: flowPosition.x,
-                  flowY: flowPosition.y,
-                });
-              }
-            : undefined
+        if (edgeIds.length > 0) {
+          await onDeleteEdges?.(edgeIds);
         }
-        className={isStudioVariant ? 'studio-canvas' : undefined}
-        proOptions={isStudioVariant ? { hideAttribution: true } : undefined}
-      >
-        <Background
-          color={isStudioVariant ? '#cbd5e1' : undefined}
-          variant={isStudioVariant ? BackgroundVariant.Dots : BackgroundVariant.Lines}
-          gap={isStudioVariant ? 28 : 16}
-          size={isStudioVariant ? 1 : 1}
-        />
-        {isStudioVariant ? (
-          <>
-            <MiniMap
-              position="bottom-right"
-              zoomable
-              pannable
-              style={{
-                background: 'rgba(255, 255, 255, 0.90)',
-                border: '1px solid #d8e0ea',
-                borderRadius: 8,
-                height: 82,
-                marginBottom: 18 + bottomInset,
-                marginRight: 16,
-                width: 132,
-              }}
-              maskColor="rgba(241, 245, 249, 0.72)"
-              bgColor="rgba(255, 255, 255, 0.90)"
-              nodeBorderRadius={4}
-              nodeColor={(node) => {
-                const data = node.data as StudioGraphNodeData | undefined;
-                return getStudioGraphCategory(data?.stepType || '').color;
-              }}
-            />
-            <Controls
-              position="bottom-left"
-              showInteractive={false}
-              style={{
-                marginBottom: 18 + bottomInset,
-                marginLeft: 16,
-              }}
+      } catch {
+        // Keep the local graph unchanged until the parent document confirms deletion.
+      }
+
+      return false;
+    },
+    [onDeleteEdges, onDeleteNodes],
+  );
+  const handleNodeDragStop = useCallback<
+    NonNullable<ReactFlowProps['onNodeDragStop']>
+  >(() => {
+    onNodeLayoutChange?.(
+      (flowInstance?.getNodes() as Node[] | undefined) ??
+        latestLocalNodesRef.current,
+    );
+  }, [flowInstance, onNodeLayoutChange]);
+  const handleConnect = useCallback<NonNullable<ReactFlowProps['onConnect']>>(
+    (connection) => {
+      if (!connection.source || !connection.target) {
+        return;
+      }
+      onConnectNodes?.(connection.source, connection.target);
+    },
+    [onConnectNodes],
+  );
+  const handleNodeClick = useCallback<
+    NonNullable<ReactFlowProps['onNodeClick']>
+  >((_, node) => onNodeSelect?.(node.id), [onNodeSelect]);
+  const handleEdgeClick = useCallback<
+    NonNullable<ReactFlowProps['onEdgeClick']>
+  >((_, edge) => onEdgeSelect?.(edge.id), [onEdgeSelect]);
+  const handlePaneClick = useCallback(() => {
+    onCanvasSelect?.();
+  }, [onCanvasSelect]);
+  const handlePaneContextMenu = useCallback<
+    NonNullable<ReactFlowProps['onPaneContextMenu']>
+  >(
+    (event) => {
+      event.preventDefault();
+      const flowPosition = flowInstance?.screenToFlowPosition({
+        x: event.clientX,
+        y: event.clientY,
+      }) ?? { x: 420, y: 220 };
+      onCanvasContextMenu?.({
+        clientX: event.clientX,
+        clientY: event.clientY,
+        flowX: flowPosition.x,
+        flowY: flowPosition.y,
+      });
+    },
+    [flowInstance, onCanvasContextMenu],
+  );
+  const markManuallyNavigated = useCallback(() => {
+    navigationControlRef.current.manuallyNavigated = true;
+    navigationControlRef.current.cancelOrdinaryFit?.();
+  }, []);
+  const viewportMoveStartRef = useRef<
+    | {
+        readonly x: number;
+        readonly y: number;
+        readonly zoom: number;
+      }
+    | undefined
+  >(undefined);
+  const handleMoveStart = useCallback<
+    NonNullable<ReactFlowProps['onMoveStart']>
+  >((_event, viewport) => {
+    viewportMoveStartRef.current = viewport;
+  }, []);
+  const handleMoveEnd = useCallback<NonNullable<ReactFlowProps['onMoveEnd']>>(
+    (_event, viewport) => {
+      const startViewport = viewportMoveStartRef.current;
+      viewportMoveStartRef.current = undefined;
+      if (
+        navigationControlRef.current.automaticFitRequest !== undefined ||
+        !startViewport
+      ) {
+        return;
+      }
+      if (
+        startViewport.x !== viewport.x ||
+        startViewport.y !== viewport.y ||
+        startViewport.zoom !== viewport.zoom
+      ) {
+        markManuallyNavigated();
+      }
+    },
+    [markManuallyNavigated],
+  );
+
+  return (
+    <StudioNodeRenderContext.Provider
+      value={isStudioVariant ? onStudioNodeRender : undefined}
+    >
+      <div style={canvasStyle}>
+        <style>
+          {isStudioVariant ? studioCanvasCss : selfManagedSelectionCss}
+        </style>
+        <ReactFlow
+          onInit={setFlowInstance}
+          nodes={decoratedNodes}
+          edges={decoratedEdges}
+          fitView={!isStudioVariant}
+          fitViewOptions={isStudioVariant ? STUDIO_FIT_VIEW_OPTIONS : undefined}
+          minZoom={isStudioVariant ? STUDIO_CANVAS_MIN_ZOOM : undefined}
+          maxZoom={isStudioVariant ? STUDIO_CANVAS_MAX_ZOOM : undefined}
+          nodeTypes={isStudioVariant ? STUDIO_NODE_TYPES : undefined}
+          nodesDraggable={isStudioVariant}
+          nodesConnectable={Boolean(isStudioVariant && onConnectNodes)}
+          elementsSelectable
+          onlyRenderVisibleElements={
+            onlyRenderVisibleElements ?? (isStudioVariant ? true : undefined)
+          }
+          deleteKeyCode={
+            isStudioVariant && !onDeleteNodes && !onDeleteEdges
+              ? null
+              : undefined
+          }
+          onNodesChange={isStudioVariant ? handleNodesChange : undefined}
+          onBeforeDelete={
+            isStudioVariant && (onDeleteNodes || onDeleteEdges)
+              ? handleBeforeDelete
+              : undefined
+          }
+          onNodeDragStop={isStudioVariant ? handleNodeDragStop : undefined}
+          onConnect={isStudioVariant ? handleConnect : undefined}
+          onNodeClick={handleNodeClick}
+          onEdgeClick={handleEdgeClick}
+          onPaneClick={handlePaneClick}
+          onPaneContextMenu={
+            isStudioVariant ? handlePaneContextMenu : undefined
+          }
+          onMoveEnd={isStudioVariant ? handleMoveEnd : undefined}
+          onMoveStart={isStudioVariant ? handleMoveStart : undefined}
+          className={isStudioVariant ? 'studio-canvas' : undefined}
+          proOptions={isStudioVariant ? STUDIO_PRO_OPTIONS : undefined}
+        >
+          {isStudioVariant ? (
+            <StudioViewportController
+              autoFitKey={renderedAutoFitKey}
+              edgeIdsKey={renderedStudioTopology.edgeIdsKey}
+              navigationControlRef={navigationControlRef}
+              nodeIds={renderedStudioTopology.nodeIds}
+              nodeIdsKey={renderedStudioTopology.nodeIdsKey}
+              selectedNodeId={selectedNodeId}
             />
-          </>
-        ) : (
-          <Controls showInteractive={false} />
-        )}
-      </ReactFlow>
-      {overlayContent}
-    </div>
+          ) : null}
+          <Background
+            color={isStudioVariant ? '#cbd5e1' : undefined}
+            variant={
+              isStudioVariant ? BackgroundVariant.Dots : BackgroundVariant.Lines
+            }
+            gap={isStudioVariant ? 28 : 16}
+            size={isStudioVariant ? 1 : 1}
+          />
+          {isStudioVariant ? (
+            <>
+              {(showMiniMap ?? true) ? (
+                <MiniMap
+                  position="bottom-right"
+                  zoomable
+                  pannable
+                  style={miniMapStyle}
+                  maskColor="rgba(241, 245, 249, 0.72)"
+                  bgColor="rgba(255, 255, 255, 0.90)"
+                  nodeBorderRadius={4}
+                  nodeColor={getStudioMiniMapNodeColor}
+                />
+              ) : null}
+              <Controls
+                onFitView={markManuallyNavigated}
+                onZoomIn={markManuallyNavigated}
+                onZoomOut={markManuallyNavigated}
+                position="bottom-left"
+                showInteractive={false}
+                style={studioControlsStyle}
+              />
+            </>
+          ) : (
+            <Controls showInteractive={false} />
+          )}
+        </ReactFlow>
+        {overlayContent}
+      </div>
+    </StudioNodeRenderContext.Provider>
   );
 };
 
diff --git a/apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.test.ts b/apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.test.ts
new file mode 100644
index 0000000000..1f34393a0f
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.test.ts
@@ -0,0 +1,830 @@
+import {
+  type BuiltInEdge,
+  type Edge,
+  type Node,
+  Position,
+} from '@xyflow/react';
+
+import {
+  reconcileGraphEdges,
+  reconcileGraphNodes,
+} from './reconcileGraphElements';
+
+const node = (id: string, overrides: Partial<Node> = {}): Node => ({
+  id,
+  position: { x: 0, y: 0 },
+  data: {},
+  ...overrides,
+});
+
+const edge = (
+  id: string,
+  source: string,
+  target: string,
+  overrides: Partial<Edge> = {},
+): Edge => ({
+  id,
+  source,
+  target,
+  ...overrides,
+});
+
+function assertReconcilerOwnershipTypes(): void {
+  const mutableNodes: Node[] = [];
+  const mutableEdges: Edge[] = [];
+  reconcileGraphNodes(mutableNodes, []).push(node('step:mutable'));
+  reconcileGraphEdges(mutableEdges, []).push(
+    edge('edge:mutable', 'step:source', 'step:target'),
+  );
+
+  const readonlyNodes: readonly Node[] = [];
+  const readonlyEdges: readonly Edge[] = [];
+  // @ts-expect-error A readonly previous node array produces a readonly result.
+  reconcileGraphNodes(readonlyNodes, []).push(node('step:readonly'));
+  // @ts-expect-error A readonly previous edge array produces a readonly result.
+  reconcileGraphEdges(readonlyEdges, []).push(
+    edge('edge:readonly', 'step:source', 'step:target'),
+  );
+
+  type NarrowNode = Node & { nodeKind: 'narrow' };
+  type NarrowEdge = Edge & { edgeKind: 'narrow' };
+  const narrowNodes: NarrowNode[] = [];
+  const narrowEdges: NarrowEdge[] = [];
+  const broadNodes: readonly Node[] = [];
+  const broadEdges: readonly Edge[] = [];
+
+  const narrowNodeResult = reconcileGraphNodes(narrowNodes, narrowNodes);
+  const narrowEdgeResult = reconcileGraphEdges(narrowEdges, narrowEdges);
+  const narrowNodeKind: 'narrow' = narrowNodeResult[0].nodeKind;
+  const narrowEdgeKind: 'narrow' = narrowEdgeResult[0].edgeKind;
+  void narrowNodeKind;
+  void narrowEdgeKind;
+
+  // @ts-expect-error Broad incoming nodes cannot widen a narrow mutable previous array.
+  reconcileGraphNodes(narrowNodes, broadNodes);
+  // @ts-expect-error Broad incoming edges cannot widen a narrow mutable previous array.
+  reconcileGraphEdges(narrowEdges, broadEdges);
+}
+
+void assertReconcilerOwnershipTypes;
+
+describe('reconcileGraphElements', () => {
+  it('returns the previous node array and objects when incoming nodes are unchanged', () => {
+    const previous = [
+      node('step:alpha', {
+        data: { label: 'Alpha' },
+        handles: [
+          {
+            id: 'handle:alpha',
+            type: 'source',
+            position: Position.Right,
+            x: 10,
+            y: 20,
+          },
+        ],
+        position: { x: 24, y: 48 },
+      }),
+      node('step:beta', { data: { label: 'Beta' }, selected: true }),
+    ];
+    const incoming = previous.map((element) => ({
+      ...element,
+      data: { ...element.data },
+      handles: element.handles?.map((handle) => ({ ...handle })),
+      position: { ...element.position },
+    }));
+
+    const result = reconcileGraphNodes(previous, incoming, 'step:beta');
+
+    expect(result).toBe(previous);
+    expect(result[0]).toBe(previous[0]);
+    expect(result[1]).toBe(previous[1]);
+  });
+
+  it('replaces only the position-changed node in a 500-node graph', () => {
+    const previous = Array.from({ length: 500 }, (_, index) =>
+      node(`step:${index}`, {
+        data: { label: `Step ${index}` },
+        position: { x: index, y: index * 2 },
+      }),
+    );
+    const incoming = previous.map((element) => ({
+      ...element,
+      data: { ...element.data },
+      position: { ...element.position },
+    }));
+    incoming[237] = {
+      ...incoming[237],
+      position: { x: 2_370, y: 4_740 },
+    };
+
+    const result = reconcileGraphNodes(previous, incoming);
+
+    expect(result).not.toBe(previous);
+    expect(result[237]).not.toBe(previous[237]);
+    expect(result[237].position).toBe(incoming[237].position);
+    expect(result[237].position).toEqual({ x: 2_370, y: 4_740 });
+    expect(result[0]).toBe(previous[0]);
+    expect(result[236]).toBe(previous[236]);
+    expect(result[238]).toBe(previous[238]);
+    expect(result[499]).toBe(previous[499]);
+  });
+
+  it('replaces only the previous and next selected nodes during a selection transition', () => {
+    const previous = [
+      node('step:09', { selected: false }),
+      node('step:10', { selected: true }),
+      node('step:11', { selected: false }),
+      node('step:12', { selected: false }),
+    ];
+    const incoming = previous.map((element) => ({
+      ...element,
+      selected: false,
+    }));
+
+    const result = reconcileGraphNodes(previous, incoming, 'step:11');
+
+    expect(result[0]).toBe(previous[0]);
+    expect(result[1]).not.toBe(previous[1]);
+    expect(result[1].selected).toBe(false);
+    expect(result[2]).not.toBe(previous[2]);
+    expect(result[2].selected).toBe(true);
+    expect(result[3]).toBe(previous[3]);
+  });
+
+  it('replaces a status-only node update while preserving every edge reference', () => {
+    const previousNodes = [
+      node('step:source', {
+        data: { executionStatus: 'running', label: 'Source' },
+      }),
+      node('step:target', {
+        data: { executionStatus: 'pending', label: 'Target' },
+      }),
+    ];
+    const incomingNodes = [
+      node('step:source', {
+        data: { executionStatus: 'completed', label: 'Source' },
+      }),
+      node('step:target', {
+        data: { executionStatus: 'pending', label: 'Target' },
+      }),
+    ];
+    const previousEdges = [
+      edge('edge:source-target', 'step:source', 'step:target'),
+    ];
+    const incomingEdges = previousEdges.map((element) => ({ ...element }));
+
+    const nodes = reconcileGraphNodes(previousNodes, incomingNodes);
+    const edges = reconcileGraphEdges(previousEdges, incomingEdges);
+
+    expect(nodes[0]).not.toBe(previousNodes[0]);
+    expect(nodes[0].data.executionStatus).toBe('completed');
+    expect(nodes[1]).toBe(previousNodes[1]);
+    expect(edges).toBe(previousEdges);
+    expect(edges[0]).toBe(previousEdges[0]);
+  });
+
+  it('returns the previous edge array and objects when incoming edges are unchanged', () => {
+    const previous = [
+      edge('edge:alpha-beta', 'step:alpha', 'step:beta', {
+        data: { condition: 'success' },
+        label: 'continues',
+        style: { stroke: '#1677ff' },
+      }),
+      edge('edge:beta-gamma', 'step:beta', 'step:gamma', { animated: true }),
+    ];
+    const incoming = previous.map((element) => ({
+      ...element,
+      data: element.data ? { ...element.data } : element.data,
+      style: element.style ? { ...element.style } : element.style,
+    }));
+
+    const result = reconcileGraphEdges(previous, incoming);
+
+    expect(result).toBe(previous);
+    expect(result[0]).toBe(previous[0]);
+    expect(result[1]).toBe(previous[1]);
+  });
+
+  it('keeps reused objects in the incoming node and edge order', () => {
+    const previousNodes = [node('step:first'), node('step:second')];
+    const previousEdges = [
+      edge('edge:first', 'step:first', 'step:second'),
+      edge('edge:second', 'step:second', 'step:first'),
+    ];
+
+    const nodes = reconcileGraphNodes(previousNodes, [
+      previousNodes[1],
+      previousNodes[0],
+    ]);
+    const edges = reconcileGraphEdges(previousEdges, [
+      previousEdges[1],
+      previousEdges[0],
+    ]);
+
+    expect(nodes).not.toBe(previousNodes);
+    expect(nodes[0]).toBe(previousNodes[1]);
+    expect(nodes[1]).toBe(previousNodes[0]);
+    expect(edges).not.toBe(previousEdges);
+    expect(edges[0]).toBe(previousEdges[1]);
+    expect(edges[1]).toBe(previousEdges[0]);
+  });
+
+  it.each<{
+    name: string;
+    previous: Partial<Node>;
+    incoming: Partial<Node>;
+    read: (candidate: Node) => unknown;
+    expected: unknown;
+  }>([
+    {
+      name: 'style',
+      previous: { style: { opacity: 0.5 } },
+      incoming: { style: { opacity: 1 } },
+      read: (candidate) => candidate.style,
+      expected: { opacity: 1 },
+    },
+    {
+      name: 'type',
+      previous: { type: 'input' },
+      incoming: { type: 'output' },
+      read: (candidate) => candidate.type,
+      expected: 'output',
+    },
+    {
+      name: 'class name',
+      previous: { className: 'node-before' },
+      incoming: { className: 'node-after' },
+      read: (candidate) => candidate.className,
+      expected: 'node-after',
+    },
+    {
+      name: 'drag handle',
+      previous: { dragHandle: '.drag-before' },
+      incoming: { dragHandle: '.drag-after' },
+      read: (candidate) => candidate.dragHandle,
+      expected: '.drag-after',
+    },
+    {
+      name: 'width',
+      previous: { width: 100 },
+      incoming: { width: 200 },
+      read: (candidate) => candidate.width,
+      expected: 200,
+    },
+    {
+      name: 'height',
+      previous: { height: 60 },
+      incoming: { height: 120 },
+      read: (candidate) => candidate.height,
+      expected: 120,
+    },
+    {
+      name: 'initial width',
+      previous: { initialWidth: 100 },
+      incoming: { initialWidth: 200 },
+      read: (candidate) => candidate.initialWidth,
+      expected: 200,
+    },
+    {
+      name: 'initial height',
+      previous: { initialHeight: 60 },
+      incoming: { initialHeight: 120 },
+      read: (candidate) => candidate.initialHeight,
+      expected: 120,
+    },
+    {
+      name: 'measured dimensions',
+      previous: { measured: { width: 100, height: 60 } },
+      incoming: { measured: { width: 200, height: 120 } },
+      read: (candidate) => candidate.measured,
+      expected: { width: 200, height: 120 },
+    },
+    {
+      name: 'handles',
+      previous: {
+        handles: [
+          {
+            id: 'handle:before',
+            type: 'source',
+            position: Position.Right,
+            x: 10,
+            y: 20,
+          },
+        ],
+      },
+      incoming: {
+        handles: [
+          {
+            id: 'handle:after',
+            type: 'source',
+            position: Position.Right,
+            x: 10,
+            y: 20,
+          },
+        ],
+      },
+      read: (candidate) => candidate.handles,
+      expected: [
+        {
+          id: 'handle:after',
+          type: 'source',
+          position: Position.Right,
+          x: 10,
+          y: 20,
+        },
+      ],
+    },
+    {
+      name: 'parent ID',
+      previous: { parentId: 'step:parent-before' },
+      incoming: { parentId: 'step:parent-after' },
+      read: (candidate) => candidate.parentId,
+      expected: 'step:parent-after',
+    },
+    {
+      name: 'extent',
+      previous: { extent: 'parent' },
+      incoming: {
+        extent: [
+          [0, 0],
+          [200, 120],
+        ],
+      },
+      read: (candidate) => candidate.extent,
+      expected: [
+        [0, 0],
+        [200, 120],
+      ],
+    },
+    {
+      name: 'origin',
+      previous: { origin: [0, 0] },
+      incoming: { origin: [0.5, 0.5] },
+      read: (candidate) => candidate.origin,
+      expected: [0.5, 0.5],
+    },
+    {
+      name: 'source position',
+      previous: { sourcePosition: Position.Left },
+      incoming: { sourcePosition: Position.Right },
+      read: (candidate) => candidate.sourcePosition,
+      expected: Position.Right,
+    },
+    {
+      name: 'target position',
+      previous: { targetPosition: Position.Top },
+      incoming: { targetPosition: Position.Bottom },
+      read: (candidate) => candidate.targetPosition,
+      expected: Position.Bottom,
+    },
+    {
+      name: 'hidden flag',
+      previous: { hidden: false },
+      incoming: { hidden: true },
+      read: (candidate) => candidate.hidden,
+      expected: true,
+    },
+    {
+      name: 'draggable flag',
+      previous: { draggable: false },
+      incoming: { draggable: true },
+      read: (candidate) => candidate.draggable,
+      expected: true,
+    },
+    {
+      name: 'selectable flag',
+      previous: { selectable: false },
+      incoming: { selectable: true },
+      read: (candidate) => candidate.selectable,
+      expected: true,
+    },
+    {
+      name: 'connectable flag',
+      previous: { connectable: false },
+      incoming: { connectable: true },
+      read: (candidate) => candidate.connectable,
+      expected: true,
+    },
+    {
+      name: 'deletable flag',
+      previous: { deletable: false },
+      incoming: { deletable: true },
+      read: (candidate) => candidate.deletable,
+      expected: true,
+    },
+    {
+      name: 'focusable flag',
+      previous: { focusable: false },
+      incoming: { focusable: true },
+      read: (candidate) => candidate.focusable,
+      expected: true,
+    },
+    {
+      name: 'expand-parent flag',
+      previous: { expandParent: false },
+      incoming: { expandParent: true },
+      read: (candidate) => candidate.expandParent,
+      expected: true,
+    },
+    {
+      name: 'dragging state',
+      previous: { dragging: false },
+      incoming: { dragging: true },
+      read: (candidate) => candidate.dragging,
+      expected: true,
+    },
+    {
+      name: 'resizing state',
+      previous: { resizing: false },
+      incoming: { resizing: true },
+      read: (candidate) => candidate.resizing,
+      expected: true,
+    },
+    {
+      name: 'z-index',
+      previous: { zIndex: 1 },
+      incoming: { zIndex: 2 },
+      read: (candidate) => candidate.zIndex,
+      expected: 2,
+    },
+    {
+      name: 'ARIA label',
+      previous: { ariaLabel: 'Before node' },
+      incoming: { ariaLabel: 'After node' },
+      read: (candidate) => candidate.ariaLabel,
+      expected: 'After node',
+    },
+    {
+      name: 'ARIA role',
+      previous: { ariaRole: 'group' },
+      incoming: { ariaRole: 'button' },
+      read: (candidate) => candidate.ariaRole,
+      expected: 'button',
+    },
+    {
+      name: 'DOM attributes',
+      previous: { domAttributes: { tabIndex: 0 } },
+      incoming: { domAttributes: { tabIndex: 1 } },
+      read: (candidate) => candidate.domAttributes,
+      expected: { tabIndex: 1 },
+    },
+  ])('replaces a node when its $name changes', ({
+    previous: before,
+    incoming: after,
+    read,
+    expected,
+  }) => {
+    const previousChanged = node('step:semantic', before);
+    const previousStable = node('step:stable', { data: { label: 'Stable' } });
+    const incomingChanged = node('step:semantic', after);
+    const incomingStable = node('step:stable', { data: { label: 'Stable' } });
+
+    const result = reconcileGraphNodes(
+      [previousChanged, previousStable],
+      [incomingChanged, incomingStable],
+    );
+
+    expect(result[0]).toBe(incomingChanged);
+    expect(result[1]).toBe(previousStable);
+    expect(read(result[0])).toEqual(expected);
+  });
+
+  it.each<{
+    name: string;
+    previous: Partial<Edge>;
+    incoming: Partial<Edge>;
+    read: (candidate: Edge) => unknown;
+    expected: unknown;
+  }>([
+    {
+      name: 'source endpoint',
+      previous: { source: 'step:source-before' },
+      incoming: { source: 'step:source-after' },
+      read: (candidate) => candidate.source,
+      expected: 'step:source-after',
+    },
+    {
+      name: 'target endpoint',
+      previous: { target: 'step:target-before' },
+      incoming: { target: 'step:target-after' },
+      read: (candidate) => candidate.target,
+      expected: 'step:target-after',
+    },
+    {
+      name: 'source handle',
+      previous: { sourceHandle: 'handle:before' },
+      incoming: { sourceHandle: 'handle:after' },
+      read: (candidate) => candidate.sourceHandle,
+      expected: 'handle:after',
+    },
+    {
+      name: 'target handle',
+      previous: { targetHandle: 'handle:before' },
+      incoming: { targetHandle: 'handle:after' },
+      read: (candidate) => candidate.targetHandle,
+      expected: 'handle:after',
+    },
+    {
+      name: 'type',
+      previous: { type: 'default' },
+      incoming: { type: 'smoothstep' },
+      read: (candidate) => candidate.type,
+      expected: 'smoothstep',
+    },
+    {
+      name: 'label',
+      previous: { label: 'Before' },
+      incoming: { label: 'After' },
+      read: (candidate) => candidate.label,
+      expected: 'After',
+    },
+    {
+      name: 'data',
+      previous: { data: { condition: 'before' } },
+      incoming: { data: { condition: 'after' } },
+      read: (candidate) => candidate.data,
+      expected: { condition: 'after' },
+    },
+    {
+      name: 'style',
+      previous: { style: { stroke: '#000000' } },
+      incoming: { style: { stroke: '#ffffff' } },
+      read: (candidate) => candidate.style,
+      expected: { stroke: '#ffffff' },
+    },
+    {
+      name: 'label style',
+      previous: { labelStyle: { fill: '#000000' } },
+      incoming: { labelStyle: { fill: '#ffffff' } },
+      read: (candidate) => candidate.labelStyle,
+      expected: { fill: '#ffffff' },
+    },
+    {
+      name: 'label background style',
+      previous: { labelBgStyle: { fill: '#000000' } },
+      incoming: { labelBgStyle: { fill: '#ffffff' } },
+      read: (candidate) => candidate.labelBgStyle,
+      expected: { fill: '#ffffff' },
+    },
+    {
+      name: 'label background visibility',
+      previous: { labelShowBg: false },
+      incoming: { labelShowBg: true },
+      read: (candidate) => candidate.labelShowBg,
+      expected: true,
+    },
+    {
+      name: 'label background padding',
+      previous: { labelBgPadding: [4, 6] },
+      incoming: { labelBgPadding: [8, 10] },
+      read: (candidate) => candidate.labelBgPadding,
+      expected: [8, 10],
+    },
+    {
+      name: 'label background radius',
+      previous: { labelBgBorderRadius: 2 },
+      incoming: { labelBgBorderRadius: 6 },
+      read: (candidate) => candidate.labelBgBorderRadius,
+      expected: 6,
+    },
+    {
+      name: 'markers',
+      previous: {
+        markerStart: 'marker:before-start',
+        markerEnd: 'marker:before-end',
+      },
+      incoming: {
+        markerStart: 'marker:after-start',
+        markerEnd: 'marker:after-end',
+      },
+      read: (candidate) => [candidate.markerStart, candidate.markerEnd],
+      expected: ['marker:after-start', 'marker:after-end'],
+    },
+    {
+      name: 'hidden flag',
+      previous: { hidden: false },
+      incoming: { hidden: true },
+      read: (candidate) => candidate.hidden,
+      expected: true,
+    },
+    {
+      name: 'animated flag',
+      previous: { animated: false },
+      incoming: { animated: true },
+      read: (candidate) => candidate.animated,
+      expected: true,
+    },
+    {
+      name: 'selectable flag',
+      previous: { selectable: false },
+      incoming: { selectable: true },
+      read: (candidate) => candidate.selectable,
+      expected: true,
+    },
+    {
+      name: 'selected flag',
+      previous: { selected: false },
+      incoming: { selected: true },
+      read: (candidate) => candidate.selected,
+      expected: true,
+    },
+    {
+      name: 'deletable flag',
+      previous: { deletable: false },
+      incoming: { deletable: true },
+      read: (candidate) => candidate.deletable,
+      expected: true,
+    },
+    {
+      name: 'focusable flag',
+      previous: { focusable: false },
+      incoming: { focusable: true },
+      read: (candidate) => candidate.focusable,
+      expected: true,
+    },
+    {
+      name: 'reconnectable setting',
+      previous: { reconnectable: false },
+      incoming: { reconnectable: 'source' },
+      read: (candidate) => candidate.reconnectable,
+      expected: 'source',
+    },
+    {
+      name: 'interaction width',
+      previous: { interactionWidth: 10 },
+      incoming: { interactionWidth: 24 },
+      read: (candidate) => candidate.interactionWidth,
+      expected: 24,
+    },
+    {
+      name: 'z-index',
+      previous: { zIndex: 1 },
+      incoming: { zIndex: 2 },
+      read: (candidate) => candidate.zIndex,
+      expected: 2,
+    },
+    {
+      name: 'ARIA label',
+      previous: { ariaLabel: 'Before edge' },
+      incoming: { ariaLabel: 'After edge' },
+      read: (candidate) => candidate.ariaLabel,
+      expected: 'After edge',
+    },
+    {
+      name: 'ARIA role',
+      previous: { ariaRole: 'group' },
+      incoming: { ariaRole: 'button' },
+      read: (candidate) => candidate.ariaRole,
+      expected: 'button',
+    },
+    {
+      name: 'DOM attributes',
+      previous: { domAttributes: { tabIndex: 0 } },
+      incoming: { domAttributes: { tabIndex: 1 } },
+      read: (candidate) => candidate.domAttributes,
+      expected: { tabIndex: 1 },
+    },
+    {
+      name: 'class name',
+      previous: { className: 'edge-before' },
+      incoming: { className: 'edge-after' },
+      read: (candidate) => candidate.className,
+      expected: 'edge-after',
+    },
+  ])('replaces only the edge whose $name changes', ({
+    previous: before,
+    incoming: after,
+    read,
+    expected,
+  }) => {
+    const previousChanged = edge(
+      'edge:semantic',
+      'step:source',
+      'step:target',
+      before,
+    );
+    const previousStable = edge(
+      'edge:stable',
+      'step:stable-source',
+      'step:stable-target',
+      {
+        data: { condition: 'stable' },
+        style: { stroke: '#1677ff' },
+      },
+    );
+    const incomingChanged = { ...previousChanged, ...after };
+    const incomingStable = {
+      ...previousStable,
+      data: { ...previousStable.data },
+      style: { ...previousStable.style },
+    };
+    const previousEdges = [previousStable, previousChanged];
+    const incomingEdges = [incomingStable, incomingChanged];
+
+    const result = reconcileGraphEdges(previousEdges, incomingEdges);
+
+    expect(result).not.toBe(previousEdges);
+    expect(result[0]).toBe(previousStable);
+    expect(result[1]).toBe(incomingChanged);
+    expect(read(result[1])).toEqual(expected);
+  });
+
+  it('replaces a built-in edge when its path options change', () => {
+    const previousChanged = {
+      id: 'edge:path-options',
+      source: 'step:path-source',
+      target: 'step:path-target',
+      type: 'smoothstep',
+      pathOptions: { offset: 10 },
+    } satisfies BuiltInEdge;
+    const previousStable = {
+      id: 'edge:path-stable',
+      source: 'step:stable-source',
+      target: 'step:stable-target',
+      type: 'smoothstep',
+      pathOptions: { offset: 20 },
+    } satisfies BuiltInEdge;
+    const incomingChanged = {
+      ...previousChanged,
+      pathOptions: { offset: 40 },
+    } satisfies BuiltInEdge;
+    const incomingStable = {
+      ...previousStable,
+      pathOptions: { offset: 20 },
+    } satisfies BuiltInEdge;
+    const previous = [previousChanged, previousStable];
+
+    const result = reconcileGraphEdges(previous, [
+      incomingChanged,
+      incomingStable,
+    ]);
+
+    expect(result).not.toBe(previous);
+    expect(result[0]).toBe(incomingChanged);
+    expect(result[0].pathOptions.offset).toBe(40);
+    expect(result[1]).toBe(previousStable);
+  });
+
+  it('preserves incoming node additions, removals, and ordering', () => {
+    const previousFirst = node('step:first');
+    const previousRemoved = node('step:removed');
+    const previousLast = node('step:last');
+    const added = node('step:added');
+    const previous = [previousFirst, previousRemoved, previousLast];
+    const incoming = [{ ...previousLast }, added, { ...previousFirst }];
+
+    const result = reconcileGraphNodes(previous, incoming);
+
+    expect(result).not.toBe(previous);
+    expect(result.map((candidate) => candidate.id)).toEqual([
+      'step:last',
+      'step:added',
+      'step:first',
+    ]);
+    expect(result[0]).toBe(previousLast);
+    expect(result[1]).toBe(added);
+    expect(result[2]).toBe(previousFirst);
+    expect(result.some((candidate) => candidate.id === 'step:removed')).toBe(
+      false,
+    );
+  });
+
+  it('preserves incoming edge additions, removals, and ordering', () => {
+    const previousFirst = edge('edge:first', 'step:a', 'step:b');
+    const previousRemoved = edge('edge:removed', 'step:b', 'step:c');
+    const previousLast = edge('edge:last', 'step:c', 'step:d');
+    const added = edge('edge:added', 'step:d', 'step:e');
+    const previous = [previousFirst, previousRemoved, previousLast];
+    const incoming = [{ ...previousLast }, added, { ...previousFirst }];
+
+    const result = reconcileGraphEdges(previous, incoming);
+
+    expect(result).not.toBe(previous);
+    expect(result.map((candidate) => candidate.id)).toEqual([
+      'edge:last',
+      'edge:added',
+      'edge:first',
+    ]);
+    expect(result[0]).toBe(previousLast);
+    expect(result[1]).toBe(added);
+    expect(result[2]).toBe(previousFirst);
+    expect(result.some((candidate) => candidate.id === 'edge:removed')).toBe(
+      false,
+    );
+  });
+
+  it('returns unchanged frozen readonly arrays by identity', () => {
+    const previousNodes = Object.freeze([node('step:frozen')]);
+    const previousEdges = Object.freeze([
+      edge('edge:frozen', 'step:frozen', 'step:target'),
+    ]);
+
+    const nodes = reconcileGraphNodes(previousNodes, [{ ...previousNodes[0] }]);
+    const edges = reconcileGraphEdges(previousEdges, [{ ...previousEdges[0] }]);
+
+    expect(nodes).toBe(previousNodes);
+    expect(edges).toBe(previousEdges);
+    expect(Object.isFrozen(nodes)).toBe(true);
+    expect(Object.isFrozen(edges)).toBe(true);
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.ts b/apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.ts
new file mode 100644
index 0000000000..9934ff104e
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.ts
@@ -0,0 +1,217 @@
+import type { Edge, Node } from '@xyflow/react';
+
+type ShallowRecord = Record<string, unknown>;
+
+function shallowEqual(left: unknown, right: unknown): boolean {
+  if (Object.is(left, right)) {
+    return true;
+  }
+
+  if (
+    !left ||
+    !right ||
+    typeof left !== 'object' ||
+    typeof right !== 'object'
+  ) {
+    return false;
+  }
+
+  const leftRecord = left as ShallowRecord;
+  const rightRecord = right as ShallowRecord;
+  const leftKeys = Object.keys(leftRecord);
+  const rightKeys = Object.keys(rightRecord);
+
+  return (
+    leftKeys.length === rightKeys.length &&
+    leftKeys.every(
+      (key) =>
+        Object.hasOwn(rightRecord, key) &&
+        Object.is(leftRecord[key], rightRecord[key]),
+    )
+  );
+}
+
+function shallowArrayItemsEqual(
+  left: readonly unknown[] | undefined,
+  right: readonly unknown[] | undefined,
+): boolean {
+  if (left === right) {
+    return true;
+  }
+
+  if (!left || !right || left.length !== right.length) {
+    return false;
+  }
+
+  return left.every((item, index) => shallowEqual(item, right[index]));
+}
+
+function readEdgePathOptions(edge: Edge): unknown {
+  return 'pathOptions' in edge ? edge.pathOptions : undefined;
+}
+
+function edgePathOptionsMatch(previous: Edge, incoming: Edge): boolean {
+  return shallowEqual(
+    readEdgePathOptions(previous),
+    readEdgePathOptions(incoming),
+  );
+}
+
+function nodeSemanticsMatch(previous: Node, incoming: Node): boolean {
+  return (
+    previous.id === incoming.id &&
+    shallowEqual(previous.position, incoming.position) &&
+    shallowEqual(previous.data, incoming.data) &&
+    shallowEqual(previous.style, incoming.style) &&
+    previous.type === incoming.type &&
+    previous.className === incoming.className &&
+    previous.dragHandle === incoming.dragHandle &&
+    previous.width === incoming.width &&
+    previous.height === incoming.height &&
+    previous.initialWidth === incoming.initialWidth &&
+    previous.initialHeight === incoming.initialHeight &&
+    shallowEqual(previous.measured, incoming.measured) &&
+    shallowArrayItemsEqual(previous.handles, incoming.handles) &&
+    previous.parentId === incoming.parentId &&
+    shallowEqual(previous.extent, incoming.extent) &&
+    shallowEqual(previous.origin, incoming.origin) &&
+    previous.sourcePosition === incoming.sourcePosition &&
+    previous.targetPosition === incoming.targetPosition &&
+    previous.hidden === incoming.hidden &&
+    previous.draggable === incoming.draggable &&
+    previous.selectable === incoming.selectable &&
+    previous.connectable === incoming.connectable &&
+    previous.deletable === incoming.deletable &&
+    previous.focusable === incoming.focusable &&
+    previous.expandParent === incoming.expandParent &&
+    previous.dragging === incoming.dragging &&
+    previous.resizing === incoming.resizing &&
+    previous.zIndex === incoming.zIndex &&
+    previous.ariaLabel === incoming.ariaLabel &&
+    previous.ariaRole === incoming.ariaRole &&
+    shallowEqual(previous.domAttributes, incoming.domAttributes)
+  );
+}
+
+function edgeSemanticsMatch(previous: Edge, incoming: Edge): boolean {
+  return (
+    previous.id === incoming.id &&
+    previous.source === incoming.source &&
+    previous.target === incoming.target &&
+    previous.sourceHandle === incoming.sourceHandle &&
+    previous.targetHandle === incoming.targetHandle &&
+    previous.type === incoming.type &&
+    previous.label === incoming.label &&
+    shallowEqual(previous.data, incoming.data) &&
+    shallowEqual(previous.style, incoming.style) &&
+    shallowEqual(previous.labelStyle, incoming.labelStyle) &&
+    shallowEqual(previous.labelBgStyle, incoming.labelBgStyle) &&
+    shallowEqual(previous.markerStart, incoming.markerStart) &&
+    shallowEqual(previous.markerEnd, incoming.markerEnd) &&
+    previous.labelShowBg === incoming.labelShowBg &&
+    shallowEqual(previous.labelBgPadding, incoming.labelBgPadding) &&
+    previous.labelBgBorderRadius === incoming.labelBgBorderRadius &&
+    previous.hidden === incoming.hidden &&
+    previous.animated === incoming.animated &&
+    previous.selectable === incoming.selectable &&
+    previous.selected === incoming.selected &&
+    previous.deletable === incoming.deletable &&
+    previous.focusable === incoming.focusable &&
+    previous.reconnectable === incoming.reconnectable &&
+    previous.interactionWidth === incoming.interactionWidth &&
+    previous.zIndex === incoming.zIndex &&
+    previous.ariaLabel === incoming.ariaLabel &&
+    previous.ariaRole === incoming.ariaRole &&
+    previous.className === incoming.className &&
+    shallowEqual(previous.domAttributes, incoming.domAttributes) &&
+    edgePathOptionsMatch(previous, incoming)
+  );
+}
+
+/**
+ * Reconciles React Flow user nodes by ID while preserving unchanged references.
+ * IDs must be unique strings within each input; duplicate IDs are unsupported.
+ */
+export function reconcileGraphNodes<NodeType extends Node>(
+  previous: NodeType[],
+  incoming: readonly NoInfer<NodeType>[],
+  selectedNodeId?: string,
+): NodeType[];
+export function reconcileGraphNodes<NodeType extends Node>(
+  previous: readonly NodeType[],
+  incoming: readonly NoInfer<NodeType>[],
+  selectedNodeId?: string,
+): readonly NodeType[];
+export function reconcileGraphNodes<NodeType extends Node>(
+  previous: readonly NodeType[],
+  incoming: readonly NoInfer<NodeType>[],
+  selectedNodeId?: string,
+): readonly NodeType[] {
+  const previousById = new Map(
+    previous.map((element) => [element.id, element]),
+  );
+  let unchanged = previous.length === incoming.length;
+
+  const reconciled = incoming.map((incomingElement, index) => {
+    const previousElement = previousById.get(incomingElement.id);
+    const selected = incomingElement.id === selectedNodeId;
+
+    if (
+      previousElement &&
+      nodeSemanticsMatch(previousElement, incomingElement) &&
+      Boolean(previousElement.selected) === selected
+    ) {
+      unchanged = unchanged && previousElement === previous[index];
+      return previousElement;
+    }
+
+    const nextElement =
+      Boolean(incomingElement.selected) === selected
+        ? incomingElement
+        : ({ ...incomingElement, selected } as NodeType);
+
+    unchanged = unchanged && nextElement === previous[index];
+    return nextElement;
+  });
+
+  return unchanged ? previous : reconciled;
+}
+
+/**
+ * Reconciles React Flow user edges by ID while preserving unchanged references.
+ * IDs must be unique strings within each input; duplicate IDs are unsupported.
+ */
+export function reconcileGraphEdges<EdgeType extends Edge>(
+  previous: EdgeType[],
+  incoming: readonly NoInfer<EdgeType>[],
+): EdgeType[];
+export function reconcileGraphEdges<EdgeType extends Edge>(
+  previous: readonly EdgeType[],
+  incoming: readonly NoInfer<EdgeType>[],
+): readonly EdgeType[];
+export function reconcileGraphEdges<EdgeType extends Edge>(
+  previous: readonly EdgeType[],
+  incoming: readonly NoInfer<EdgeType>[],
+): readonly EdgeType[] {
+  const previousById = new Map(
+    previous.map((element) => [element.id, element]),
+  );
+  let unchanged = previous.length === incoming.length;
+
+  const reconciled = incoming.map((incomingElement, index) => {
+    const previousElement = previousById.get(incomingElement.id);
+
+    if (
+      previousElement &&
+      edgeSemanticsMatch(previousElement, incomingElement)
+    ) {
+      unchanged = unchanged && previousElement === previous[index];
+      return previousElement;
+    }
+
+    unchanged = unchanged && incomingElement === previous[index];
+    return incomingElement;
+  });
+
+  return unchanged ? previous : reconciled;
+}
diff --git a/apps/aevatar-console-web/src/shared/models/runtime/workflowTemplates.ts b/apps/aevatar-console-web/src/shared/models/runtime/workflowTemplates.ts
new file mode 100644
index 0000000000..20622fe4f6
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/models/runtime/workflowTemplates.ts
@@ -0,0 +1,58 @@
+export interface WorkflowTemplateFreshness {
+  projectionWatermark: string;
+  lastEventId: string;
+  versionSemantics: string;
+}
+
+export interface WorkflowTemplateSummary {
+  templateId: string;
+  displayName: string;
+  description: string;
+  defaultDraftName: string;
+  authorityStateVersion: number;
+  stepCount: number;
+  requiredConnections: string[];
+  requiresLlmProvider: boolean;
+  freshness: WorkflowTemplateFreshness;
+}
+
+export interface WorkflowTemplateListResponse {
+  items: WorkflowTemplateSummary[];
+  nextCursor: string | null;
+  freshness: WorkflowTemplateFreshness;
+}
+
+export interface WorkflowTemplateDetail {
+  template: WorkflowTemplateSummary;
+  yaml: string;
+  definition: {
+    name: string;
+    description: string;
+    closedWorldMode: boolean;
+    roles: Array<{
+      id: string;
+      name: string;
+      connectors: string[];
+    }>;
+    steps: Array<{
+      id: string;
+      type: string;
+      targetRole: string;
+      parameters: Record<string, string>;
+      next: string;
+      branches: Record<string, string>;
+      children: Array<{
+        id: string;
+        type: string;
+        targetRole: string;
+      }>;
+    }>;
+  };
+  edges: Array<{
+    from: string;
+    to: string;
+    label: string;
+  }>;
+  authorityStateVersion: number;
+  freshness: WorkflowTemplateFreshness;
+}
diff --git a/apps/aevatar-console-web/src/shared/models/scopes.ts b/apps/aevatar-console-web/src/shared/models/scopes.ts
index 753dd2f55c..e0439e681b 100644
--- a/apps/aevatar-console-web/src/shared/models/scopes.ts
+++ b/apps/aevatar-console-web/src/shared/models/scopes.ts
@@ -1,3 +1,68 @@
+export type ScopeWorkflowCatalogueView = 'all' | 'drafts' | 'archived';
+
+export interface ScopeWorkflowCatalogueActionCapability {
+  available: boolean;
+  unavailableReason: string | null;
+}
+
+export interface ScopeWorkflowCatalogueRowCapabilities {
+  open: ScopeWorkflowCatalogueActionCapability;
+  activity: ScopeWorkflowCatalogueActionCapability;
+  rename: ScopeWorkflowCatalogueActionCapability;
+  delete: ScopeWorkflowCatalogueActionCapability;
+}
+
+export interface ScopeWorkflowCatalogueCommittedFacts {
+  serviceKey: string;
+  workflowName: string;
+  actorId: string;
+  activeRevisionId: string;
+  deploymentId: string;
+  deploymentStatus: string;
+  serviceAppId: string;
+  serviceNamespace: string;
+}
+
+export interface ScopeWorkflowCatalogueRow {
+  scopeId: string;
+  workflowId: string;
+  name: string;
+  description: string;
+  hasDraftSource: boolean;
+  hasCommittedSource: boolean;
+  updatedAtUtc: string;
+  updatedAtSource: string;
+  capabilities: ScopeWorkflowCatalogueRowCapabilities;
+  sourceWatermarkUtc: string;
+  committed: ScopeWorkflowCatalogueCommittedFacts | null;
+  publishedServiceId: string | null;
+}
+
+export interface ScopeWorkflowCatalogueResponse {
+  items: ScopeWorkflowCatalogueRow[];
+  nextPageToken: string | null;
+  freshness: {
+    refreshWatermarkUtc: string | null;
+    sourceVersionSemantics: string;
+  };
+  search: {
+    searchableFields: string[];
+    caseSemantics: string;
+    unicodeNormalization: string;
+    maximumQueryLength: number;
+    emptyQuerySemantics: string;
+    workflowIdSemantics: string;
+  };
+}
+
+export interface ScopeWorkflowCatalogueQuery {
+  scopeId: string;
+  view: ScopeWorkflowCatalogueView;
+  query?: string;
+  cursor?: string;
+  take?: number;
+}
+
 export interface ScopeWorkflowSummary {
   scopeId: string;
   workflowId: string;
@@ -9,6 +74,9 @@ export interface ScopeWorkflowSummary {
   deploymentId: string;
   deploymentStatus: string;
   updatedAt: string;
+  publishedServiceId: string;
+  serviceAppId: string;
+  serviceNamespace: string;
 }
 
 export interface ScopeWorkflowSource {
@@ -24,6 +92,23 @@ export interface ScopeWorkflowDetail {
   source: ScopeWorkflowSource | null;
 }
 
+export interface ScopeWorkflowArchiveCommandHandle {
+  stage: string;
+  targetActorId: string;
+  commandId: string;
+  correlationId: string;
+}
+
+export interface ScopeWorkflowArchiveAcceptedResult {
+  scopeId: string;
+  workflowId: string;
+  deploymentId: string;
+  commandHandle: ScopeWorkflowArchiveCommandHandle;
+  readModelUrl: string;
+  acceptanceStage: string;
+  propagationStage: string;
+}
+
 export interface ScopeScriptSummary {
   scopeId: string;
   scriptId: string;
diff --git a/apps/aevatar-console-web/src/shared/models/workflowActivity.ts b/apps/aevatar-console-web/src/shared/models/workflowActivity.ts
new file mode 100644
index 0000000000..95fd1992a2
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/models/workflowActivity.ts
@@ -0,0 +1,287 @@
+export interface WorkflowActivityRunFilter {
+  readonly status?: string;
+  readonly origins?: readonly string[];
+  readonly definitionActorIds?: readonly string[];
+  readonly scheduleIds?: readonly string[];
+  readonly fromUtc?: string;
+  readonly toUtc?: string;
+  readonly take?: number;
+}
+
+export interface WorkflowActivityRunFeedFilter
+  extends WorkflowActivityRunFilter {
+  readonly workflowId?: string;
+  readonly searchText?: string;
+  readonly cursor?: string;
+  readonly includeTotalCount?: boolean;
+}
+
+export type WorkflowRecoveryEligibility = 0 | 1 | 2 | 3;
+export type WorkflowRecoveryUnavailableReasonCode =
+  | 0
+  | 1
+  | 2
+  | 3
+  | 4
+  | 5
+  | 6
+  | 7;
+export type WorkflowRecoveryRecommendedAction = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
+export type WorkflowRunLineageAvailability = 0 | 1 | 2 | 3;
+export type WorkflowRunLineageRelationKind = 0 | 1 | 2;
+
+export interface WorkflowRecoveryActionCapability {
+  readonly eligibility: WorkflowRecoveryEligibility;
+  readonly unavailableReasonCode: WorkflowRecoveryUnavailableReasonCode;
+  readonly unavailableReason: string;
+  readonly recommendedActions: readonly WorkflowRecoveryRecommendedAction[];
+  readonly startingStepId: string;
+  readonly reusesPriorStepOutputs: boolean;
+  readonly mayIncurModelOrToolCost: boolean;
+}
+
+export interface WorkflowRunRecoveryCapability {
+  readonly retryFailedStep: WorkflowRecoveryActionCapability;
+  readonly runAgain: WorkflowRecoveryActionCapability;
+  readonly workflowDefinitionRevisionId: string;
+  readonly workflowDefinitionVersion: number;
+}
+
+export interface WorkflowRunLineageRunRef {
+  readonly runId: string;
+  readonly actorId: string;
+  readonly relationshipId: string;
+  readonly stepId: string;
+  readonly attempt: number;
+  readonly relationKind: WorkflowRunLineageRelationKind;
+}
+
+export interface WorkflowRunRetryForkLineage {
+  readonly availability: WorkflowRunLineageAvailability;
+  readonly sourceRunId: string;
+  readonly originalRunId: string;
+  readonly attempt: number;
+  readonly startAtStepId: string;
+  readonly childRuns: readonly WorkflowRunLineageRunRef[];
+}
+
+export interface WorkflowRunSubWorkflowLineage {
+  readonly availability: WorkflowRunLineageAvailability;
+  readonly parentRunId: string;
+  readonly parentActorId: string;
+  readonly parentStepId: string;
+  readonly rootRunId: string;
+  readonly depth: number;
+  readonly childRuns: readonly WorkflowRunLineageRunRef[];
+}
+
+export interface WorkflowRunLineage {
+  readonly availability: WorkflowRunLineageAvailability;
+  readonly retryFork: WorkflowRunRetryForkLineage;
+  readonly subWorkflow: WorkflowRunSubWorkflowLineage;
+  readonly unavailableReason: string;
+}
+
+export interface WorkflowActivityRunInitiator {
+  readonly platform: string;
+  readonly tenant: string;
+  readonly externalUserId: string;
+  readonly scope: string;
+  readonly bindingId: string;
+  readonly displayValue: string;
+  readonly availability: string;
+}
+
+export interface WorkflowActivityRunCurrentStep {
+  readonly stepId: string;
+  readonly inputSummary: string;
+  readonly availability: string;
+}
+
+export interface WorkflowActivityRunFirstFailure {
+  readonly stepId: string;
+  readonly message: string;
+  readonly availability: string;
+}
+
+export interface WorkflowActivityRunWaiting {
+  readonly stepId: string;
+  readonly waitingKind: string;
+  readonly prompt: string;
+  readonly availability: string;
+}
+
+export interface WorkflowActivityRunFeedRow {
+  readonly runId: string;
+  readonly actorId: string;
+  readonly workflowId: string;
+  readonly workflowName: string;
+  readonly scopeId: string;
+  readonly status: string;
+  readonly runOrigin: string;
+  readonly success: boolean | null;
+  readonly initiator: WorkflowActivityRunInitiator;
+  readonly inputSummary: string;
+  readonly currentStep: WorkflowActivityRunCurrentStep;
+  readonly firstFailure: WorkflowActivityRunFirstFailure;
+  readonly waiting: WorkflowActivityRunWaiting;
+  readonly startedAtUtc: string | null;
+  readonly completedAtUtc: string | null;
+  readonly updatedAtUtc: string;
+  readonly durationMs: number | null;
+  readonly stateVersion: number;
+  readonly recoveryCapability: WorkflowRunRecoveryCapability;
+  readonly lineage: WorkflowRunLineage;
+}
+
+export interface WorkflowActivityRunFeedPage {
+  readonly items: readonly WorkflowActivityRunFeedRow[];
+  readonly nextCursor: string | null;
+  readonly hasMore: boolean;
+  readonly totalCount: number | null;
+}
+
+export interface WorkflowActivityRunSummary {
+  readonly runId: string;
+  readonly workflowName: string;
+  readonly status: string;
+  readonly success: boolean | null;
+  readonly startedAtUtc: string | null;
+  readonly updatedAtUtc: string;
+  readonly stateVersion: number;
+  readonly scopeId: string;
+  readonly runOrigin: string;
+}
+
+export interface WorkflowActivityUsageTotals {
+  readonly promptTokens: number;
+  readonly completionTokens: number;
+  readonly totalTokens: number;
+  readonly cost: number;
+}
+
+export interface WorkflowActivityDiagnostic {
+  readonly timestampUtc: string | null;
+  readonly severity: string;
+  readonly code: string;
+  readonly source: string;
+  readonly message: string;
+  readonly hint: string;
+  readonly stepId: string;
+  readonly stepType: string;
+  readonly targetRole: string;
+}
+
+export interface WorkflowActivityToolApproval {
+  readonly executionId: string;
+  readonly toolName: string;
+  readonly toolCallId: string;
+  readonly approvalRequestId: string;
+}
+
+export interface WorkflowActivityStep {
+  readonly stepId: string;
+  readonly stepType: string;
+  readonly targetRole: string;
+  readonly requestedAtUtc: string | null;
+  readonly completedAtUtc: string | null;
+  readonly success: boolean | null;
+  readonly durationMs: number | null;
+  readonly outputPreview: string;
+  readonly error: string;
+  readonly requestParameters: Readonly<Record<string, string>>;
+  readonly nextStepId: string;
+  readonly branchKey: string;
+  readonly suspensionType: string;
+  readonly suspensionPrompt: string;
+  readonly suspensionContent: string;
+  readonly suspensionTimeoutSeconds: number | null;
+  readonly toolApproval: WorkflowActivityToolApproval | null;
+  readonly usage: WorkflowActivityUsageTotals;
+}
+
+export interface WorkflowActivityToolCall {
+  readonly toolName: string;
+  readonly callId: string;
+  readonly argumentsJson: string;
+  readonly resultJson: string;
+  readonly success: boolean;
+  readonly error: string;
+}
+
+export interface WorkflowActivityTimelineEvent {
+  readonly kind: string;
+  readonly timestampUtc: string;
+  readonly stage: string;
+  readonly message: string;
+  readonly agentId: string;
+  readonly stepId: string;
+  readonly stepType: string;
+  readonly toolCall: WorkflowActivityToolCall | null;
+  readonly content: string;
+  readonly data: Readonly<Record<string, string>>;
+}
+
+export interface WorkflowActivityRunStatistics {
+  readonly totalSteps: number;
+  readonly requestedSteps: number;
+  readonly completedSteps: number;
+  readonly roleReplyCount: number;
+  readonly stepTypeCounts: Readonly<Record<string, number>>;
+}
+
+export interface WorkflowActivityRunDetail {
+  readonly summary: WorkflowActivityRunSummary;
+  readonly input: string;
+  readonly finalOutput: string;
+  readonly finalError: string;
+  readonly diagnostics: readonly WorkflowActivityDiagnostic[];
+  readonly steps: readonly WorkflowActivityStep[];
+  readonly timeline: readonly WorkflowActivityTimelineEvent[];
+  readonly statistics: WorkflowActivityRunStatistics;
+  readonly usageTotals: WorkflowActivityUsageTotals;
+  readonly recoveryCapability: WorkflowRunRecoveryCapability;
+  readonly lineage: WorkflowRunLineage;
+}
+
+export interface WorkflowActivityGraphNode {
+  readonly nodeId: string;
+  readonly nodeType: string;
+  readonly stepId: string;
+}
+
+export interface WorkflowActivityGraphEdge {
+  readonly edgeId: string;
+  readonly fromNodeId: string;
+  readonly toNodeId: string;
+  readonly edgeType: string;
+  readonly branchKey: string;
+}
+
+export interface WorkflowActivityRunGraph {
+  readonly rootNodeId: string;
+  readonly nodes: readonly WorkflowActivityGraphNode[];
+  readonly edges: readonly WorkflowActivityGraphEdge[];
+}
+
+export interface WorkflowRunForkRequest {
+  readonly sourceRunId: string;
+  readonly startAtStepId: string;
+  readonly inlineYaml?: string;
+  readonly inlineSubYamls?: Readonly<Record<string, string>>;
+  readonly variableOverrides?: Readonly<Record<string, string>>;
+  readonly input?: string;
+  readonly commandId?: string;
+  readonly correlationId?: string;
+}
+
+export interface WorkflowRunForkAcceptedReceipt {
+  readonly accepted: true;
+  readonly sourceRunId: string;
+  readonly newRunId: string;
+  readonly newRunActorId: string;
+  readonly workflowName: string;
+  readonly acceptedCommandId: string;
+  readonly correlationId: string;
+  readonly statusUrl: string;
+}
diff --git a/apps/aevatar-console-web/src/shared/navigation/consoleHome.test.ts b/apps/aevatar-console-web/src/shared/navigation/consoleHome.test.ts
index 0d149fced0..4c77ded51a 100644
--- a/apps/aevatar-console-web/src/shared/navigation/consoleHome.test.ts
+++ b/apps/aevatar-console-web/src/shared/navigation/consoleHome.test.ts
@@ -1,8 +1,8 @@
-describe("consoleHome", () => {
-  function loadModule(): typeof import("./consoleHome") {
-    let loadedModule!: typeof import("./consoleHome");
+describe('consoleHome', () => {
+  function loadModule(): typeof import('./consoleHome') {
+    let loadedModule!: typeof import('./consoleHome');
     jest.isolateModules(() => {
-      loadedModule = require("./consoleHome") as typeof import("./consoleHome");
+      loadedModule = require('./consoleHome') as typeof import('./consoleHome');
     });
     return loadedModule;
   }
@@ -11,10 +11,17 @@ describe("consoleHome", () => {
     jest.resetModules();
   });
 
-  it("uses the teams home route by default", () => {
+  it('opens the workflow home without choosing a workspace before authentication', () => {
     const module = loadModule();
+    const expectedRoute = '/workflows';
 
-    expect(module.getConsoleHomeRoute()).toBe("/scopes");
-    expect(module.CONSOLE_HOME_ROUTE).toBe("/scopes");
+    expect(module.getConsoleHomeRoute()).toBe(expectedRoute);
+    expect(module.CONSOLE_HOME_ROUTE).toBe(expectedRoute);
+  });
+
+  it('keeps the session scope resolver as a separate technical entry', () => {
+    const module = loadModule();
+
+    expect(module.CONSOLE_SCOPE_ENTRY_ROUTE).toBe('/scopes');
   });
 });
diff --git a/apps/aevatar-console-web/src/shared/navigation/consoleHome.ts b/apps/aevatar-console-web/src/shared/navigation/consoleHome.ts
index 7b02dbf97b..80acf345fd 100644
--- a/apps/aevatar-console-web/src/shared/navigation/consoleHome.ts
+++ b/apps/aevatar-console-web/src/shared/navigation/consoleHome.ts
@@ -1,7 +1,6 @@
-export const TEAMS_HOME_ROUTE = "/scopes";
+export const CONSOLE_SCOPE_ENTRY_ROUTE = '/scopes';
+export const CONSOLE_HOME_ROUTE = '/workflows';
 
 export function getConsoleHomeRoute(): string {
-  return TEAMS_HOME_ROUTE;
+  return CONSOLE_HOME_ROUTE;
 }
-
-export const CONSOLE_HOME_ROUTE = TEAMS_HOME_ROUTE;
diff --git a/apps/aevatar-console-web/src/shared/studio/api.authorWorkflow.test.ts b/apps/aevatar-console-web/src/shared/studio/api.authorWorkflow.test.ts
new file mode 100644
index 0000000000..fdfaff8991
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/studio/api.authorWorkflow.test.ts
@@ -0,0 +1,61 @@
+import { studioApi } from './api';
+
+const originalFetch = global.fetch;
+afterEach(() => {
+  global.fetch = originalFetch;
+});
+
+function serveStream() {
+  let controller!: ReadableStreamDefaultController<Uint8Array>;
+  const cancel = jest.fn();
+  const body = new ReadableStream<Uint8Array>({
+    start(value) {
+      controller = value;
+    },
+    cancel,
+  });
+  global.fetch = jest.fn().mockResolvedValue({ ok: true, body });
+  const frame = (value: unknown) =>
+    controller.enqueue(
+      new TextEncoder().encode(`data: ${JSON.stringify(value)}\r\n\r\n`),
+    );
+  return { controller, frame, cancel };
+}
+
+it('delivers progress before completion and returns the final validated workflow', async () => {
+  const stream = serveStream();
+  let progress!: () => void;
+  const progressReceived = new Promise<void>((resolve) => {
+    progress = resolve;
+  });
+  const onReasoning = jest.fn(() => progress());
+  const onText = jest.fn();
+  const generated = studioApi.authorWorkflow(
+    { prompt: 'Make a workflow' },
+    { onReasoning, onText },
+  );
+  let finished = false;
+  void generated.then(() => {
+    finished = true;
+  });
+  stream.frame({
+    type: 'TEXT_MESSAGE_REASONING',
+    delta: 'Validating workflow',
+  });
+  await progressReceived;
+  expect(onReasoning).toHaveBeenCalledWith('Validating workflow');
+  expect(finished).toBe(false);
+  stream.frame({ type: 'TEXT_MESSAGE_CONTENT', delta: 'name: candidate' });
+  stream.frame({ type: 'TEXT_MESSAGE_END', message: 'name: validated' });
+  stream.controller.close();
+  await expect(generated).resolves.toBe('name: validated');
+  expect(onText).toHaveBeenLastCalledWith('name: validated');
+});
+
+it('rejects a truncated successful HTTP stream instead of returning a partial workflow', async () => {
+  const stream = serveStream();
+  const generated = studioApi.authorWorkflow({ prompt: 'Make a workflow' });
+  stream.frame({ type: 'TEXT_MESSAGE_CONTENT', delta: 'name: unfinished' });
+  stream.controller.close();
+  await expect(generated).rejects.toThrow('without a completed workflow');
+});
diff --git a/apps/aevatar-console-web/src/shared/studio/api.test.ts b/apps/aevatar-console-web/src/shared/studio/api.test.ts
index 41e4b9735e..81661a57dd 100644
--- a/apps/aevatar-console-web/src/shared/studio/api.test.ts
+++ b/apps/aevatar-console-web/src/shared/studio/api.test.ts
@@ -1,6 +1,6 @@
+import { persistAuthSession } from '@/shared/auth/session';
 import { StudioApiError, studioApi } from './api';
 import type { StudioExplicitRequestConfirmation } from './models';
-import { persistAuthSession } from '@/shared/auth/session';
 
 describe('studioApi host-session requests', () => {
   const originalFetch = global.fetch;
@@ -254,6 +254,55 @@ describe('studioApi host-session requests', () => {
     expect(settings).not.toHaveProperty('routeFallbackActive');
   });
 
+  it('decodes an omitted model selection for the system default route', async () => {
+    persistAuthSession({
+      tokens: {
+        accessToken: 'access-token',
+        tokenType: 'Bearer',
+        expiresIn: 3600,
+        expiresAt: Date.now() + 3_600_000,
+      },
+      user: {
+        sub: 'user-1',
+      },
+    });
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        savedSelection: {
+          routeKind: 'unspecified',
+          routeValue: '',
+          nyxIdUserServiceId: '',
+          serviceSlugSnapshot: '',
+        },
+        savedRouteLabel: 'System default',
+        selectionStatus: 'system_default',
+        catalogDiagnostic: 'unspecified',
+        remediation: 'none',
+        catalogStatus: 'ready',
+        capabilities: {
+          canEditRoute: true,
+          canEditModel: true,
+          canSave: true,
+          canRetryCatalog: false,
+        },
+        routeOptions: [],
+        modelGroupsByRoute: [],
+        setupHint: null,
+      }),
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(studioApi.getUserLlmSettings()).resolves.toMatchObject({
+      savedSelection: {
+        routeKind: 'unspecified',
+        modelSelection: { kind: 'unspecified' },
+      },
+      selectionStatus: 'system_default',
+    });
+  });
+
   it('rejects an unknown LLM selection enum at the adapter boundary', async () => {
     const fetchMock = jest.fn().mockResolvedValue({
       ok: true,
@@ -290,10 +339,7 @@ describe('studioApi host-session requests', () => {
   });
 
   it.each([
-    [
-      'reset',
-      { action: 'reset' } as const,
-    ],
+    ['reset', { action: 'reset' } as const],
     [
       'Gateway',
       {
@@ -438,13 +484,15 @@ describe('studioApi host-session requests', () => {
     } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
-    await expect(studioApi.getWorkflow('missing-workflow')).rejects.toMatchObject({
+    await expect(
+      studioApi.getWorkflow('missing-workflow'),
+    ).rejects.toMatchObject({
       message: 'Not Found',
       status: 404,
     });
-    await expect(studioApi.getWorkflow('missing-workflow')).rejects.toBeInstanceOf(
-      StudioApiError,
-    );
+    await expect(
+      studioApi.getWorkflow('missing-workflow'),
+    ).rejects.toBeInstanceOf(StudioApiError);
   });
 
   it('includes the requested scope when loading a scoped workflow draft', async () => {
@@ -483,7 +531,9 @@ describe('studioApi host-session requests', () => {
       string,
       RequestInit | undefined,
     ];
-    expect(input).toBe('/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1');
+    expect(input).toBe(
+      '/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1',
+    );
     expect(new Headers(init?.headers).get('Authorization')).toBe(
       'Bearer access-token',
     );
@@ -540,6 +590,9 @@ describe('studioApi host-session requests', () => {
               deploymentId: 'dep-draft',
               deploymentStatus: 'Running',
               updatedAt: '2026-04-15T00:00:00Z',
+              publishedServiceId: 'published-draft',
+              serviceAppId: 'workflow-app',
+              serviceNamespace: 'workflow-namespace',
             },
             {
               scopeId: 'scope-1',
@@ -552,6 +605,9 @@ describe('studioApi host-session requests', () => {
               deploymentId: 'dep-published',
               deploymentStatus: 'Running',
               updatedAt: '2026-04-14T00:00:00Z',
+              publishedServiceId: 'published-workflow',
+              serviceAppId: 'workflow-app',
+              serviceNamespace: 'workflow-namespace',
             },
           ],
         } as Response;
@@ -593,7 +649,7 @@ describe('studioApi host-session requests', () => {
     ]);
   });
 
-  it('falls back to the published scope workflow detail when a scoped draft is missing', async () => {
+  it('loads committed source from the scope list when a scoped draft is missing', async () => {
     persistAuthSession({
       tokens: {
         accessToken: 'access-token',
@@ -607,7 +663,9 @@ describe('studioApi host-session requests', () => {
     });
 
     const fetchMock = jest.fn().mockImplementation(async (input: string) => {
-      if (input === '/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1') {
+      if (
+        input === '/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1'
+      ) {
         return {
           ok: false,
           status: 404,
@@ -616,31 +674,36 @@ describe('studioApi host-session requests', () => {
         } as Response;
       }
 
-      if (input === '/api/scopes/scope-1/workflows/workflow-1') {
+      if (input === '/api/scopes/scope-1/workflows?includeSource=true') {
         return {
           ok: true,
           status: 200,
-          json: async () => ({
-            available: true,
-            scopeId: 'scope-1',
-            workflow: {
+          json: async () => [
+            {
+              available: true,
               scopeId: 'scope-1',
-              workflowId: 'workflow-1',
-              displayName: 'published-demo',
-              serviceKey: 'svc-1',
-              workflowName: 'published-demo',
-              actorId: 'actor-1',
-              activeRevisionId: 'rev-1',
-              deploymentId: 'dep-1',
-              deploymentStatus: 'Running',
-              updatedAt: '2026-04-16T00:00:00Z',
-            },
-            source: {
-              workflowYaml: 'name: published-demo\nsteps: []\n',
-              definitionActorId: 'definition-1',
-              inlineWorkflowYamls: null,
+              workflow: {
+                scopeId: 'scope-1',
+                workflowId: 'workflow-1',
+                displayName: 'published-demo',
+                serviceKey: 'svc-1',
+                workflowName: 'published-demo',
+                actorId: 'actor-1',
+                activeRevisionId: 'rev-1',
+                deploymentId: 'dep-1',
+                deploymentStatus: 'Pending',
+                updatedAt: '2026-04-16T00:00:00Z',
+                publishedServiceId: 'published-workflow-1',
+                serviceAppId: 'workflow-app',
+                serviceNamespace: 'workflow-namespace',
+              },
+              source: {
+                workflowYaml: 'name: published-demo\nsteps: []\n',
+                definitionActorId: 'definition-1',
+                inlineWorkflowYamls: null,
+              },
             },
-          }),
+          ],
         } as Response;
       }
 
@@ -648,7 +711,9 @@ describe('studioApi host-session requests', () => {
     });
     global.fetch = fetchMock as typeof global.fetch;
 
-    await expect(studioApi.getWorkflow('workflow-1', 'scope-1')).resolves.toEqual({
+    await expect(
+      studioApi.getWorkflow('workflow-1', 'scope-1'),
+    ).resolves.toEqual({
       workflowId: 'workflow-1',
       name: 'published-demo',
       fileName: 'workflow-1.yaml',
@@ -661,6 +726,10 @@ describe('studioApi host-session requests', () => {
       findings: [],
       updatedAtUtc: '2026-04-16T00:00:00Z',
     });
+    expect(fetchMock.mock.calls.map(([input]) => input)).toEqual([
+      '/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1',
+      '/api/scopes/scope-1/workflows?includeSource=true',
+    ]);
   });
 
   it('loads a published scope workflow detail without checking workspace drafts', async () => {
@@ -693,6 +762,9 @@ describe('studioApi host-session requests', () => {
           deploymentId: 'dep-1',
           deploymentStatus: 'Running',
           updatedAt: '2026-04-17T00:00:00Z',
+          publishedServiceId: 'published-workflow-1',
+          serviceAppId: 'workflow-app',
+          serviceNamespace: 'workflow-namespace',
         },
         source: {
           workflowYaml: 'name: published-demo-v2\nsteps: []\n',
@@ -771,6 +843,67 @@ describe('studioApi host-session requests', () => {
     expect(init?.method).toBe('POST');
   });
 
+  it('instantiates a public template with its authority version and decodes the accepted draft receipt', async () => {
+    persistAuthSession({
+      tokens: {
+        accessToken: 'access-token',
+        tokenType: 'Bearer',
+        expiresIn: 3600,
+        expiresAt: Date.now() + 3_600_000,
+      },
+      user: {
+        sub: 'user-1',
+      },
+    });
+
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: true,
+      status: 202,
+      json: async () => ({
+        accepted: true,
+        workflowId: 'wf-template-draft',
+        commandId: 'cmd-template-instantiate',
+        ackStage: 'accepted',
+        actorId: 'actor-workspace',
+        workspaceId: 'workspace-scope-alpha',
+        expectedVersion: 1,
+        ackedAtUtc: '2026-08-18T00:00:00Z',
+        readiness: {
+          readable: false,
+          stage: 'materializing',
+          message: 'Draft accepted.',
+        },
+      }),
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    await expect(
+      studioApi.instantiateWorkflowTemplate({
+        expectedAuthorityStateVersion: 12,
+        scopeId: 'scope-alpha',
+        templateId: 'template-alpha',
+      }),
+    ).resolves.toMatchObject({
+      workflowId: 'wf-template-draft',
+      commandId: 'cmd-template-instantiate',
+    });
+
+    const [input, init] = fetchMock.mock.calls[0] as [
+      string,
+      RequestInit | undefined,
+    ];
+    expect(input).toBe(
+      '/api/scopes/scope-alpha/workflow-templates/template-alpha:instantiate',
+    );
+    expect(init?.method).toBe('POST');
+    expect(JSON.parse(String(init?.body))).toEqual({
+      expectedAuthorityStateVersion: 12,
+    });
+    expect(new Headers(init?.headers).get('Authorization')).toBe(
+      'Bearer access-token',
+    );
+  });
+
   it('includes the requested scope when updating a scoped workflow draft', async () => {
     persistAuthSession({
       tokens: {
@@ -813,7 +946,9 @@ describe('studioApi host-session requests', () => {
       string,
       RequestInit | undefined,
     ];
-    expect(input).toBe('/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1');
+    expect(input).toBe(
+      '/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1',
+    );
     expect(init?.method).toBe('PUT');
     expect(new Headers(init?.headers).get('Authorization')).toBe(
       'Bearer access-token',
@@ -845,7 +980,9 @@ describe('studioApi host-session requests', () => {
       string,
       RequestInit | undefined,
     ];
-    expect(input).toBe('/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1');
+    expect(input).toBe(
+      '/api/workspace/workflow-drafts/workflow-1?scopeId=scope-1',
+    );
     expect(init?.method).toBe('DELETE');
     expect(new Headers(init?.headers).get('Authorization')).toBe(
       'Bearer access-token',
@@ -1176,7 +1313,9 @@ describe('studioApi host-session requests', () => {
       workflowId: 'wf-alpha',
       revisionId: 'rev-alpha',
     });
-    expect(JSON.parse(String(fetchMock.mock.calls[1]?.[1]?.body))).toMatchObject({
+    expect(
+      JSON.parse(String(fetchMock.mock.calls[1]?.[1]?.body)),
+    ).toMatchObject({
       implementationKind: 'workflow',
       explicitRequestConfirmations: confirmations,
       workflow: {
@@ -1225,9 +1364,10 @@ describe('studioApi host-session requests', () => {
       allowedExecutionModes: ['interactive'],
       ...override,
     };
-    const previewItems = _label === 'duplicate callSiteId'
-      ? [previewItem, { ...previewItem }]
-      : [previewItem];
+    const previewItems =
+      _label === 'duplicate callSiteId'
+        ? [previewItem, { ...previewItem }]
+        : [previewItem];
     global.fetch = jest.fn().mockResolvedValue({
       ok: true,
       status: 200,
@@ -1346,6 +1486,71 @@ describe('studioApi host-session requests', () => {
     });
   });
 
+  it('publishes a workflow from an accepted upsert receipt without requiring a service identity', async () => {
+    persistAuthSession({
+      tokens: {
+        accessToken: 'access-token',
+        tokenType: 'Bearer',
+        expiresIn: 3600,
+        expiresAt: Date.now() + 3_600_000,
+      },
+      user: {
+        sub: 'user-1',
+      },
+    });
+
+    const fetchMock = jest.fn().mockResolvedValue({
+      ok: true,
+      status: 202,
+      json: async () => ({
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-alpha',
+        serviceKey: 'scope-alpha:default:default:svc-workflow-alpha',
+        revisionId: 'rev-alpha',
+        definitionActorIdPrefix: 'workflow-definition-alpha',
+        expectedActorId: 'actor-alpha',
+        expectedDeploymentId: 'deployment-alpha',
+        acceptedAtUtc: '2026-08-07T00:00:00Z',
+        commandHandles: [],
+        readModelUrl: '/api/scopes/scope-alpha/workflows/wf-alpha',
+        acceptanceStage: 'accepted',
+        propagationStage: 'readmodel_propagating',
+      }),
+    } as Response);
+    global.fetch = fetchMock as typeof global.fetch;
+
+    const result = await studioApi.publishWorkflow({
+      scopeId: 'scope-alpha',
+      workflowId: 'wf-alpha',
+      revisionId: 'rev-alpha',
+      workflowYaml: 'name: Workflow Alpha\nsteps: []\n',
+      workflowName: 'Workflow Alpha',
+      displayName: 'Workflow Alpha',
+      explicitRequestConfirmations: [],
+    });
+
+    expect(result).toEqual(
+      expect.objectContaining({
+        scopeId: 'scope-alpha',
+        workflowId: 'wf-alpha',
+        revisionId: 'rev-alpha',
+      }),
+    );
+    expect(result).not.toHaveProperty('publishedServiceId');
+    const [input, init] = fetchMock.mock.calls[0] as [
+      string,
+      RequestInit | undefined,
+    ];
+    expect(input).toBe('/api/scopes/scope-alpha/workflows/wf-alpha');
+    expect(init?.method).toBe('PUT');
+    expect(JSON.parse(String(init?.body))).toEqual({
+      revisionId: 'rev-alpha',
+      workflowYaml: 'name: Workflow Alpha\nsteps: []\n',
+      workflowName: 'Workflow Alpha',
+      displayName: 'Workflow Alpha',
+    });
+  });
+
   it('binds a GAgent to the default service using the scope binding endpoint', async () => {
     persistAuthSession({
       tokens: {
@@ -1521,7 +1726,9 @@ describe('studioApi host-session requests', () => {
     } as Response);
     global.fetch = fetchMock as typeof global.fetch;
 
-    await expect(studioApi.getMemberBinding('scope-1', 'joker')).resolves.toEqual(
+    await expect(
+      studioApi.getMemberBinding('scope-1', 'joker'),
+    ).resolves.toEqual(
       expect.objectContaining({
         lastBinding: expect.objectContaining({
           publishedServiceId: 'member-joker',
@@ -2086,7 +2293,9 @@ describe('studioApi host-session requests', () => {
       correlationId: 'corr-team-archive',
       ackedAt: '2026-05-01T08:07:00Z',
     });
-    await expect(studioApi.listTeamMembers('scope-1', 't-alpha')).resolves.toEqual({
+    await expect(
+      studioApi.listTeamMembers('scope-1', 't-alpha'),
+    ).resolves.toEqual({
       scopeId: 'scope-1',
       members: [
         {
@@ -2321,12 +2530,12 @@ describe('studioApi host-session requests', () => {
         method: 'PUT',
       }),
     );
-    expect(new Headers(fetchMock.mock.calls[0][1].headers).get('Authorization')).toBe(
-      'Bearer access-token',
-    );
-    expect(new Headers(fetchMock.mock.calls[0][1].headers).get('Content-Type')).toBe(
-      'application/json',
-    );
+    expect(
+      new Headers(fetchMock.mock.calls[0][1].headers).get('Authorization'),
+    ).toBe('Bearer access-token');
+    expect(
+      new Headers(fetchMock.mock.calls[0][1].headers).get('Content-Type'),
+    ).toBe('application/json');
     expect(fetchMock).toHaveBeenNthCalledWith(
       2,
       '/api/scopes/scope-1/teams/t-alpha/entry-member',
diff --git a/apps/aevatar-console-web/src/shared/studio/api.ts b/apps/aevatar-console-web/src/shared/studio/api.ts
index 36ffd3ba54..1d0020b265 100644
--- a/apps/aevatar-console-web/src/shared/studio/api.ts
+++ b/apps/aevatar-console-web/src/shared/studio/api.ts
@@ -1,16 +1,29 @@
+import {
+  expectArray,
+  expectRecord,
+  expectString,
+  normalizeEnumValue,
+  readBoolean,
+  readNullableString,
+  readNumber,
+  readString,
+} from '@/shared/api/http/decoders';
+import { readResponseErrorDetails } from '@/shared/api/http/error';
+import type { WorkflowCatalogItemDetail } from '@/shared/api/models';
+import { decodeWorkflowCatalogItemDetailResponse } from '@/shared/api/runtimeDecoders';
+import { scopesApi } from '@/shared/api/scopesApi';
+import { authFetch } from '@/shared/auth/fetch';
+import { t } from '@/shared/i18n/messages';
+import type {
+  ScopeWorkflowDetail,
+  ScopeWorkflowSummary,
+} from '@/shared/models/scopes';
 import type {
   StudioAppContext,
   StudioAuthSession,
   StudioConnectorCatalog,
   StudioConnectorCatalogImportResult,
   StudioConnectorDraftResponse,
-  StudioScopeBindingActivationResult,
-  StudioScopeBindingImplementationKind,
-  StudioScopeBindingRetirementResult,
-  StudioScopeBindingRevision,
-  StudioScopeBindingTargetKind,
-  StudioScopeGAgentBindingInput,
-  StudioScopeBindingStatus,
   StudioExecutionDetail,
   StudioExecutionSummary,
   StudioExplicitRequestBodyMode,
@@ -20,9 +33,14 @@ import type {
   StudioExplicitRequestPreviewItem,
   StudioExplicitRequestResponseMode,
   StudioExplicitRequestRisk,
-  StudioMemberBindingContract,
+  StudioLlmModelCatalog,
+  StudioLlmModelCatalogCertainty,
+  StudioLlmModelCatalogDiagnostic,
+  StudioLlmModelSelection,
+  StudioLlmSelection,
   StudioMemberBindingAcceptedResponse,
   StudioMemberBindingAckStage,
+  StudioMemberBindingContract,
   StudioMemberBindingFailure,
   StudioMemberBindingRunResult,
   StudioMemberBindingRunRole,
@@ -38,91 +56,75 @@ import type {
   StudioMemberRoster,
   StudioMemberSummary,
   StudioMemberWorkflowBindingInput,
+  StudioOrnnHealthResult,
+  StudioOrnnSkillSearchResult,
   StudioParseYamlResult,
-  StudioRoleCatalogImportResult,
+  StudioPublishWorkflowAcceptedResult,
+  StudioPublishWorkflowInput,
   StudioRoleCatalog,
+  StudioRoleCatalogImportResult,
   StudioRoleDraftResponse,
-  StudioOrnnHealthResult,
-  StudioOrnnSkillSearchResult,
-  StudioScopeScriptBindingActivationResult,
-  StudioScopeScriptBindingInput,
+  StudioSaveAndBindWorkflowAcceptedResult,
+  StudioSaveAndBindWorkflowInput,
+  StudioSaveUserLlmIntent,
+  StudioSaveWorkflowInput,
+  StudioScopeBindingActivationResult,
+  StudioScopeBindingImplementationKind,
   StudioScopeBindingResult,
+  StudioScopeBindingRetirementResult,
+  StudioScopeBindingRevision,
+  StudioScopeBindingStatus,
+  StudioScopeBindingTargetKind,
+  StudioScopeGAgentBindingInput,
   StudioScopeGAgentBindingResult,
+  StudioScopeScriptBindingActivationResult,
+  StudioScopeScriptBindingInput,
   StudioScopeScriptBindingResult,
   StudioScopeScriptBindingStatus,
-  StudioSaveAndBindWorkflowAcceptedResult,
-  StudioSaveAndBindWorkflowInput,
-  StudioSaveWorkflowInput,
   StudioSerializeYamlResult,
   StudioStartExecutionInput,
-  StudioTeamCreateInput,
   StudioTeamCommandResponse,
   StudioTeamCommandStatus,
+  StudioTeamCreateInput,
   StudioTeamLifecycleStage,
   StudioTeamRoster,
   StudioTeamSummary,
   StudioTeamUpdateInput,
   StudioUserConfig,
-  StudioUserConfigSaveReceipt,
   StudioUserConfigRuntime,
-  StudioLlmModelCatalog,
-  StudioLlmModelCatalogCertainty,
-  StudioLlmModelCatalogDiagnostic,
-  StudioLlmModelSelection,
-  StudioLlmSelection,
-  StudioSaveUserLlmIntent,
+  StudioUserConfigSaveReceipt,
   StudioUserLlmRemediation,
   StudioUserLlmSelectionStatus,
   StudioUserLlmSettings,
+  StudioWorkflowBoardSnapshot,
+  StudioWorkflowBoardSnapshotRequest,
+  StudioWorkflowDocument,
   StudioWorkflowDraft,
   StudioWorkflowDraftCreateAcceptedReceipt,
   StudioWorkflowDraftSummary,
-  StudioWorkflowDocument,
-  StudioWorkflowBoardSnapshot,
-  StudioWorkflowBoardSnapshotRequest,
   StudioWorkflowFile,
   StudioWorkflowSaveResult,
   StudioWorkflowSummary,
   StudioWorkspaceSettings,
-} from "./models";
+} from './models';
 import {
   normalizeStudioMemberLifecycleStage,
   normalizeStudioScopeBindingImplementationKind,
   normalizeStudioTeamLifecycleStage,
-} from "./models";
-import type { WorkflowCatalogItemDetail } from "@/shared/api/models";
-import { scopesApi } from "@/shared/api/scopesApi";
-import {
-  expectArray,
-  expectRecord,
-  expectString,
-  normalizeEnumValue,
-  readBoolean,
-  readNullableString,
-  readNumber,
-  readString,
-} from "@/shared/api/http/decoders";
-import { readResponseErrorDetails } from "@/shared/api/http/error";
-import { decodeWorkflowCatalogItemDetailResponse } from "@/shared/api/runtimeDecoders";
-import { authFetch } from "@/shared/auth/fetch";
-import type {
-  ScopeWorkflowDetail,
-  ScopeWorkflowSummary,
-} from "@/shared/models/scopes";
-import { getOrnnRuntimeConfig } from "./ornnConfig";
-import { t } from "@/shared/i18n/messages";
+} from './models';
+import { getOrnnRuntimeConfig } from './ornnConfig';
 
 const JSON_HEADERS = {
-  "Content-Type": "application/json",
-  Accept: "application/json",
+  'Content-Type': 'application/json',
+  Accept: 'application/json',
 };
 async function studioHostFetch(
   input: string,
-  init?: RequestInit
+  init?: RequestInit,
 ): Promise<Response> {
   const headers = new Headers(init?.headers);
   return authFetch(input, {
-    credentials: "same-origin",
+    credentials: 'same-origin',
     ...init,
     headers,
   });
@@ -130,11 +132,11 @@ async function studioHostFetch(
 
 async function externalFetch(
   input: string,
-  init?: RequestInit
+  init?: RequestInit,
 ): Promise<Response> {
   const headers = new Headers(init?.headers);
-  if (!headers.has("Accept")) {
-    headers.set("Accept", "application/json");
+  if (!headers.has('Accept')) {
+    headers.set('Accept', 'application/json');
   }
 
   return authFetch(input, {
@@ -149,7 +151,7 @@ export class StudioApiError extends Error {
 
   constructor(message: string, status: number, code?: string) {
     super(message);
-    this.name = "StudioApiError";
+    this.name = 'StudioApiError';
     this.code = code;
     this.status = status;
   }
@@ -171,19 +173,21 @@ export function isStudioApiErrorCode(
   );
 }
 
-async function createStudioApiError(response: Response): Promise<StudioApiError> {
+async function createStudioApiError(
+  response: Response,
+): Promise<StudioApiError> {
   const details = await readResponseErrorDetails(response);
   return new StudioApiError(details.message, response.status, details.code);
 }
 
 function isJsonContentType(contentType: string | null): boolean {
-  const value = String(contentType || "").toLowerCase();
-  return value.includes("application/json") || value.includes("+json");
+  const value = String(contentType || '').toLowerCase();
+  return value.includes('application/json') || value.includes('+json');
 }
 
 function readContentType(response: Response): string | null {
   const headers = (response as Response & { headers?: Headers }).headers;
-  return headers?.get?.("content-type") ?? null;
+  return headers?.get?.('content-type') ?? null;
 }
 
 function trimOptional(value: string | null | undefined): string | undefined {
@@ -193,7 +197,7 @@ function trimOptional(value: string | null | undefined): string | undefined {
 
 function compactObject<T extends Record<string, unknown>>(value: T): T {
   return Object.fromEntries(
-    Object.entries(value).filter(([, entry]) => entry !== undefined)
+    Object.entries(value).filter(([, entry]) => entry !== undefined),
   ) as T;
 }
 
@@ -226,14 +230,14 @@ function readNonBlankExplicitRequestString(
 
 function decodeStudioExplicitRequestPreviewItem(
   value: unknown,
-  label = "StudioExplicitRequestPreviewItem",
+  label = 'StudioExplicitRequestPreviewItem',
 ): StudioExplicitRequestPreviewItem {
   const record = expectRecord(value, label);
   const allowedExecutionModes = expectArray(
     record.allowedExecutionModes,
     `${label}.allowedExecutionModes`,
     (entry, entryLabel) => {
-      if (entry !== "interactive" && entry !== "durable") {
+      if (entry !== 'interactive' && entry !== 'durable') {
         throw new Error(`${entryLabel} is not supported.`);
       }
 
@@ -247,63 +251,65 @@ function decodeStudioExplicitRequestPreviewItem(
   return {
     callSiteId: readNonBlankExplicitRequestString(
       record,
-      "callSiteId",
+      'callSiteId',
       `${label}.callSiteId`,
     ),
     requestContractDigest: readNonBlankExplicitRequestString(
       record,
-      "requestContractDigest",
+      'requestContractDigest',
       `${label}.requestContractDigest`,
     ),
     userServiceId: readNonBlankExplicitRequestString(
       record,
-      "userServiceId",
+      'userServiceId',
       `${label}.userServiceId`,
     ),
     method: readExplicitRequestEnum<StudioExplicitRequestMethod>(
       record,
-      "method",
+      'method',
       `${label}.method`,
-      ["get", "head", "options", "post", "put", "patch", "delete"],
+      ['get', 'head', 'options', 'post', 'put', 'patch', 'delete'],
     ),
     pathTemplate: readNonBlankExplicitRequestString(
       record,
-      "pathTemplate",
+      'pathTemplate',
       `${label}.pathTemplate`,
     ),
     bodyMode: readExplicitRequestEnum<StudioExplicitRequestBodyMode>(
       record,
-      "bodyMode",
+      'bodyMode',
       `${label}.bodyMode`,
-      ["none", "json"],
+      ['none', 'json'],
     ),
-    bodyRequired: readBoolean(record, "bodyRequired", `${label}.bodyRequired`),
+    bodyRequired: readBoolean(record, 'bodyRequired', `${label}.bodyRequired`),
     responseMode: readExplicitRequestEnum<StudioExplicitRequestResponseMode>(
       record,
-      "responseMode",
+      'responseMode',
       `${label}.responseMode`,
-      ["text", "file_artifact"],
+      ['text', 'file_artifact'],
     ),
     effectiveRisk: readExplicitRequestEnum<StudioExplicitRequestRisk>(
       record,
-      "effectiveRisk",
+      'effectiveRisk',
       `${label}.effectiveRisk`,
-      ["read_only", "write", "destructive"],
+      ['read_only', 'write', 'destructive'],
     ),
     approvalRequired: readBoolean(
       record,
-      "approvalRequired",
+      'approvalRequired',
       `${label}.approvalRequired`,
     ),
     allowedExecutionModes,
   };
 }
 
-function decodeStudioExplicitRequestPreview(value: unknown): StudioExplicitRequestPreview {
-  const record = expectRecord(value, "StudioExplicitRequestPreview");
+function decodeStudioExplicitRequestPreview(
+  value: unknown,
+): StudioExplicitRequestPreview {
+  const record = expectRecord(value, 'StudioExplicitRequestPreview');
   const items = expectArray(
     record.items,
-    "StudioExplicitRequestPreview.items",
+    'StudioExplicitRequestPreview.items',
     decodeStudioExplicitRequestPreviewItem,
   );
   const callSiteIds = new Set<string>();
@@ -320,13 +326,13 @@ function decodeStudioExplicitRequestPreview(value: unknown): StudioExplicitReque
   return {
     workflowId: readNonBlankExplicitRequestString(
       record,
-      "workflowId",
-      "StudioExplicitRequestPreview.workflowId",
+      'workflowId',
+      'StudioExplicitRequestPreview.workflowId',
     ),
     revisionId: readNonBlankExplicitRequestString(
       record,
-      "revisionId",
-      "StudioExplicitRequestPreview.revisionId",
+      'revisionId',
+      'StudioExplicitRequestPreview.revisionId',
     ),
     items,
   };
@@ -341,19 +347,23 @@ function toScopeWorkflowPath(scopeId: string, workflowId: string): string {
 }
 
 function resolveScopeWorkflowName(workflow: ScopeWorkflowSummary): string {
-  return workflow.displayName?.trim() || workflow.workflowName?.trim() || workflow.workflowId;
+  return (
+    workflow.displayName?.trim() ||
+    workflow.workflowName?.trim() ||
+    workflow.workflowId
+  );
 }
 
 function toCommittedWorkflowSummary(
   scopeId: string,
-  workflow: ScopeWorkflowSummary
+  workflow: ScopeWorkflowSummary,
 ): StudioWorkflowSummary {
   return {
     activeRevisionId: trimOptional(workflow.activeRevisionId) ?? null,
     serviceKey: trimOptional(workflow.serviceKey) ?? null,
     workflowId: workflow.workflowId,
     name: resolveScopeWorkflowName(workflow),
-    description: "",
+    description: '',
     fileName: `${workflow.workflowId}.yaml`,
     filePath: toScopeWorkflowPath(scopeId, workflow.workflowId),
     directoryId: toScopeWorkflowDirectoryId(scopeId),
@@ -366,11 +376,11 @@ function toCommittedWorkflowSummary(
 
 function toCommittedWorkflowFile(
   scopeId: string,
-  detail: ScopeWorkflowDetail
+  detail: ScopeWorkflowDetail,
 ): StudioWorkflowFile {
   const workflow = detail.workflow;
   if (!workflow) {
-    throw new Error("Not Found");
+    throw new Error('Not Found');
   }
 
   return {
@@ -380,7 +390,7 @@ function toCommittedWorkflowFile(
     filePath: toScopeWorkflowPath(scopeId, workflow.workflowId),
     directoryId: toScopeWorkflowDirectoryId(scopeId),
     directoryLabel: scopeId,
-    yaml: detail.source?.workflowYaml ?? "",
+    yaml: detail.source?.workflowYaml ?? '',
     document: null,
     draftExists: false,
     findings: [],
@@ -390,7 +400,7 @@ function toCommittedWorkflowFile(
 
 function toWorkflowFile(
   draft: StudioWorkflowDraft,
-  draftExists: boolean
+  draftExists: boolean,
 ): StudioWorkflowFile {
   return {
     ...draft,
@@ -402,53 +412,57 @@ function toWorkflowFile(
 
 function decodeStudioWorkflowDraft(
   value: unknown,
-  label = "StudioWorkflowDraft"
+  label = 'StudioWorkflowDraft',
 ): StudioWorkflowDraft {
   const record = expectRecord(value, label);
   return {
-    workflowId: readString(record, "workflowId", `${label}.workflowId`),
-    name: readString(record, "name", `${label}.name`),
-    fileName: readString(record, "fileName", `${label}.fileName`),
-    filePath: readString(record, "filePath", `${label}.filePath`),
-    directoryId: readString(record, "directoryId", `${label}.directoryId`),
+    workflowId: readString(record, 'workflowId', `${label}.workflowId`),
+    name: readString(record, 'name', `${label}.name`),
+    fileName: readString(record, 'fileName', `${label}.fileName`),
+    filePath: readString(record, 'filePath', `${label}.filePath`),
+    directoryId: readString(record, 'directoryId', `${label}.directoryId`),
     directoryLabel: readString(
       record,
-      "directoryLabel",
-      `${label}.directoryLabel`
+      'directoryLabel',
+      `${label}.directoryLabel`,
     ),
-    yaml: readString(record, "yaml", `${label}.yaml`),
+    yaml: readString(record, 'yaml', `${label}.yaml`),
     layout: record.layout,
-    updatedAtUtc: readString(record, "updatedAtUtc", `${label}.updatedAtUtc`),
+    updatedAtUtc: readString(record, 'updatedAtUtc', `${label}.updatedAtUtc`),
   };
 }
 
 function decodeStudioWorkflowDraftCreateAcceptedReceipt(
   value: unknown,
-  label = "StudioWorkflowDraftCreateAcceptedReceipt"
+  label = 'StudioWorkflowDraftCreateAcceptedReceipt',
 ): StudioWorkflowDraftCreateAcceptedReceipt {
   const record = expectRecord(value, label);
   const readiness = expectRecord(record.readiness, `${label}.readiness`);
-  const accepted = readBoolean(record, "accepted", `${label}.accepted`);
+  const accepted = readBoolean(record, 'accepted', `${label}.accepted`);
   if (!accepted) {
     throw new Error(`${label}.accepted must be true.`);
   }
 
   return {
     accepted,
-    workflowId: readString(record, "workflowId", `${label}.workflowId`),
-    commandId: readString(record, "commandId", `${label}.commandId`),
-    ackStage: readString(record, "ackStage", `${label}.ackStage`),
-    actorId: readString(record, "actorId", `${label}.actorId`),
-    workspaceId: readString(record, "workspaceId", `${label}.workspaceId`),
+    workflowId: readString(record, 'workflowId', `${label}.workflowId`),
+    commandId: readString(record, 'commandId', `${label}.commandId`),
+    ackStage: readString(record, 'ackStage', `${label}.ackStage`),
+    actorId: readString(record, 'actorId', `${label}.actorId`),
+    workspaceId: readString(record, 'workspaceId', `${label}.workspaceId`),
     expectedVersion:
       record.expectedVersion === null || record.expectedVersion === undefined
         ? null
-        : readNumber(record, "expectedVersion", `${label}.expectedVersion`),
-    ackedAtUtc: readString(record, "ackedAtUtc", `${label}.ackedAtUtc`),
+        : readNumber(record, 'expectedVersion', `${label}.expectedVersion`),
+    ackedAtUtc: readString(record, 'ackedAtUtc', `${label}.ackedAtUtc`),
     readiness: {
-      readable: readBoolean(readiness, "readable", `${label}.readiness.readable`),
-      stage: readString(readiness, "stage", `${label}.readiness.stage`),
-      message: readString(readiness, "message", `${label}.readiness.message`),
+      readable: readBoolean(
+        readiness,
+        'readable',
+        `${label}.readiness.readable`,
+      ),
+      stage: readString(readiness, 'stage', `${label}.readiness.stage`),
+      message: readString(readiness, 'message', `${label}.readiness.message`),
     },
   };
 }
@@ -457,64 +471,65 @@ function selectLatestTimestamp(left: string, right: string): string {
   return Date.parse(left) >= Date.parse(right) ? left : right;
 }
 
-function withOptionalScopeId(
-  path: string,
-  scopeId?: string | null
-): string {
+function withOptionalScopeId(path: string, scopeId?: string | null): string {
   const normalizedScopeId = trimOptional(scopeId);
   if (!normalizedScopeId) {
     return path;
   }
 
-  const separator = path.includes("?") ? "&" : "?";
+  const separator = path.includes('?') ? '&' : '?';
   return `${path}${separator}scopeId=${encodeURIComponent(normalizedScopeId)}`;
 }
 
 function normalizeOrnnBaseUrl(baseUrl?: string | null): string {
-  return trimOptional(baseUrl)?.replace(/\/+$/, "") ?? "";
+  return trimOptional(baseUrl)?.replace(/\/+$/, '') ?? '';
 }
 
 function readOptionalNumber(value: unknown): number | undefined {
-  return typeof value === "number" && !Number.isNaN(value) ? value : undefined;
+  return typeof value === 'number' && !Number.isNaN(value) ? value : undefined;
 }
 
 function readOptionalBoolean(value: unknown): boolean | undefined {
-  return typeof value === "boolean" ? value : undefined;
+  return typeof value === 'boolean' ? value : undefined;
 }
 
 function decodeOrnnSkillSearchResult(
   value: unknown,
   baseUrl: string,
   fallbackPage: number,
-  fallbackPageSize: number
+  fallbackPageSize: number,
 ): StudioOrnnSkillSearchResult {
-  const record = expectRecord(value, "Ornn search response");
+  const record = expectRecord(value, 'Ornn search response');
   const payload =
     record.data === undefined
       ? record
-      : expectRecord(record.data, "Ornn search response.data");
+      : expectRecord(record.data, 'Ornn search response.data');
 
   const items = Array.isArray(payload.items)
     ? payload.items.map((entry, index) => {
-        const skill = expectRecord(entry, `Ornn search response.items[${index}]`);
+        const skill = expectRecord(
+          entry,
+          `Ornn search response.items[${index}]`,
+        );
         return {
-          guid: readNullableString(
-            skill,
-            "guid",
-            `Ornn search response.items[${index}].guid`
-          ) ?? "",
+          guid:
+            readNullableString(
+              skill,
+              'guid',
+              `Ornn search response.items[${index}].guid`,
+            ) ?? '',
           name:
             readNullableString(
               skill,
-              "name",
-              `Ornn search response.items[${index}].name`
-            ) ?? "Unnamed skill",
+              'name',
+              `Ornn search response.items[${index}].name`,
+            ) ?? 'Unnamed skill',
           description:
             readNullableString(
               skill,
-              "description",
-              `Ornn search response.items[${index}].description`
-            ) ?? "",
+              'description',
+              `Ornn search response.items[${index}].description`,
+            ) ?? '',
           isPrivate:
             readOptionalBoolean(skill.isPrivate) ??
             readOptionalBoolean(skill.private) ??
@@ -531,25 +546,25 @@ function decodeOrnnSkillSearchResult(
     pageSize: readOptionalNumber(payload.pageSize) ?? fallbackPageSize,
     items,
     message:
-      readNullableString(payload, "message", "Ornn search response.message") ??
+      readNullableString(payload, 'message', 'Ornn search response.message') ??
       undefined,
   };
 }
 
 function decodeStudioLlmModelCatalogDiagnostic(
   value: unknown,
-  label: string
+  label: string,
 ): StudioLlmModelCatalogDiagnostic {
   const diagnostic = expectString(value, label);
   switch (diagnostic) {
-    case "unspecified":
-    case "not_published":
-    case "route_not_ready":
-    case "access_denied":
-    case "observation_unavailable":
-    case "response_invalid":
-    case "response_too_large":
-    case "pattern_only":
+    case 'unspecified':
+    case 'not_published':
+    case 'route_not_ready':
+    case 'access_denied':
+    case 'observation_unavailable':
+    case 'response_invalid':
+    case 'response_too_large':
+    case 'pattern_only':
       return diagnostic;
     default:
       throw new Error(`${label} is not supported.`);
@@ -561,16 +576,16 @@ function decodeStudioLlmModelSelection(
   label: string,
 ): StudioLlmModelSelection {
   const record = expectRecord(value, label);
-  const kind = readString(record, "kind", `${label}.kind`);
-  const modelId = readNullableString(record, "modelId", `${label}.modelId`);
+  const kind = readString(record, 'kind', `${label}.kind`);
+  const modelId = readNullableString(record, 'modelId', `${label}.modelId`);
   switch (kind) {
-    case "unspecified":
-    case "provider_default":
+    case 'unspecified':
+    case 'provider_default':
       if (modelId !== null) {
         throw new Error(`${label}.modelId must be null for ${kind}.`);
       }
       return { kind };
-    case "explicit_model":
+    case 'explicit_model':
       if (!modelId) {
         throw new Error(`${label}.modelId must not be empty.`);
       }
@@ -585,44 +600,61 @@ function decodeStudioLlmSelection(
   label: string,
 ): StudioLlmSelection {
   const record = expectRecord(value, label);
-  const routeKind = readString(record, "routeKind", `${label}.routeKind`);
-  const modelSelection = decodeStudioLlmModelSelection(
-    record.modelSelection,
-    `${label}.modelSelection`,
-  );
+  const routeKind = readString(record, 'routeKind', `${label}.routeKind`);
+  const modelSelection: StudioLlmModelSelection =
+    routeKind === 'unspecified' && record.modelSelection == null
+      ? { kind: 'unspecified' }
+      : decodeStudioLlmModelSelection(
+          record.modelSelection,
+          `${label}.modelSelection`,
+        );
   switch (routeKind) {
-    case "unspecified":
-      if (modelSelection.kind !== "unspecified") {
+    case 'unspecified':
+      if (modelSelection.kind !== 'unspecified') {
         throw new Error(`${label}.modelSelection must be unspecified.`);
       }
       return { routeKind, modelSelection };
-    case "gateway": {
-      if (modelSelection.kind === "unspecified") {
-        throw new Error(`${label}.modelSelection must select a model behavior.`);
+    case 'gateway': {
+      if (modelSelection.kind === 'unspecified') {
+        throw new Error(
+          `${label}.modelSelection must select a model behavior.`,
+        );
       }
-      const routeValue = readString(record, "routeValue", `${label}.routeValue`);
+      const routeValue = readString(
+        record,
+        'routeValue',
+        `${label}.routeValue`,
+      );
       if (!routeValue) {
         throw new Error(`${label}.routeValue must not be empty.`);
       }
       return { routeKind, routeValue, modelSelection };
     }
-    case "nyx_id_user_service": {
-      if (modelSelection.kind === "unspecified") {
-        throw new Error(`${label}.modelSelection must select a model behavior.`);
+    case 'nyx_id_user_service': {
+      if (modelSelection.kind === 'unspecified') {
+        throw new Error(
+          `${label}.modelSelection must select a model behavior.`,
+        );
       }
-      const routeValue = readString(record, "routeValue", `${label}.routeValue`);
+      const routeValue = readString(
+        record,
+        'routeValue',
+        `${label}.routeValue`,
+      );
       const nyxIdUserServiceId = readString(
         record,
-        "nyxIdUserServiceId",
+        'nyxIdUserServiceId',
         `${label}.nyxIdUserServiceId`,
       );
       const serviceSlugSnapshot = readString(
         record,
-        "serviceSlugSnapshot",
+        'serviceSlugSnapshot',
         `${label}.serviceSlugSnapshot`,
       );
       if (!routeValue || !nyxIdUserServiceId || !serviceSlugSnapshot) {
-        throw new Error(`${label} must contain a complete user service identity.`);
+        throw new Error(
+          `${label} must contain a complete user service identity.`,
+        );
       }
       return {
         routeKind,
@@ -643,9 +675,9 @@ function decodeStudioLlmModelCatalogCertainty(
 ): StudioLlmModelCatalogCertainty {
   const certainty = expectString(value, label);
   switch (certainty) {
-    case "enumerated":
-    case "not_verifiable":
-    case "unavailable":
+    case 'enumerated':
+    case 'not_verifiable':
+    case 'unavailable':
       return certainty;
     default:
       throw new Error(`${label} is not supported.`);
@@ -665,11 +697,12 @@ function decodeStudioLlmModelCatalog(
     modelIds: expectArray(
       record.modelIds,
       `${label}.modelIds`,
-      (entry, entryLabel) => expectString(entry, entryLabel ?? `${label}.modelIds[]`),
+      (entry, entryLabel) =>
+        expectString(entry, entryLabel ?? `${label}.modelIds[]`),
     ),
     defaultModelId: readNullableString(
       record,
-      "defaultModelId",
+      'defaultModelId',
       `${label}.defaultModelId`,
     ),
     diagnostic: decodeStudioLlmModelCatalogDiagnostic(
@@ -685,11 +718,11 @@ function decodeStudioUserLlmSelectionStatus(
 ): StudioUserLlmSelectionStatus {
   const status = expectString(value, label);
   switch (status) {
-    case "system_default":
-    case "ready":
-    case "verification_unavailable":
-    case "needs_repair":
-    case "legacy_repair_required":
+    case 'system_default':
+    case 'ready':
+    case 'verification_unavailable':
+    case 'needs_repair':
+    case 'legacy_repair_required':
       return status;
     default:
       throw new Error(`${label} is not supported.`);
@@ -702,11 +735,11 @@ function decodeStudioUserLlmRemediation(
 ): StudioUserLlmRemediation {
   const remediation = expectString(value, label);
   switch (remediation) {
-    case "none":
-    case "retry_catalog":
-    case "connect_provider":
-    case "choose_replacement":
-    case "reselect":
+    case 'none':
+    case 'retry_catalog':
+    case 'connect_provider':
+    case 'choose_replacement':
+    case 'reselect':
       return remediation;
     default:
       throw new Error(`${label} is not supported.`);
@@ -715,14 +748,22 @@ function decodeStudioUserLlmRemediation(
 
 function decodeStudioUserLlmSettings(
   value: unknown,
-  label = "StudioUserLlmSettings"
+  label = 'StudioUserLlmSettings',
 ): StudioUserLlmSettings {
   const record = expectRecord(value, label);
   return {
-    savedSelection: record.savedSelection == null
-      ? null
-      : decodeStudioLlmSelection(record.savedSelection, `${label}.savedSelection`),
-    savedRouteLabel: readString(record, "savedRouteLabel", `${label}.savedRouteLabel`),
+    savedSelection:
+      record.savedSelection == null
+        ? null
+        : decodeStudioLlmSelection(
+            record.savedSelection,
+            `${label}.savedSelection`,
+          ),
+    savedRouteLabel: readString(
+      record,
+      'savedRouteLabel',
+      `${label}.savedRouteLabel`,
+    ),
     selectionStatus: decodeStudioUserLlmSelectionStatus(
       record.selectionStatus,
       `${label}.selectionStatus`,
@@ -742,53 +783,104 @@ function decodeStudioUserLlmSettings(
         const resolvedOptionLabel = optionLabel ?? `${label}.routeOptions[]`;
         const option = expectRecord(entry, resolvedOptionLabel);
         return {
-          routeValue: readString(option, "routeValue", `${resolvedOptionLabel}.routeValue`),
-          label: readString(option, "label", `${resolvedOptionLabel}.label`),
-          source: readString(option, "source", `${resolvedOptionLabel}.source`),
-          status: readString(option, "status", `${resolvedOptionLabel}.status`),
-          allowed: readBoolean(option, "allowed", `${resolvedOptionLabel}.allowed`),
-          ready: readBoolean(option, "ready", `${resolvedOptionLabel}.ready`),
+          routeValue: readString(
+            option,
+            'routeValue',
+            `${resolvedOptionLabel}.routeValue`,
+          ),
+          label: readString(option, 'label', `${resolvedOptionLabel}.label`),
+          source: readString(option, 'source', `${resolvedOptionLabel}.source`),
+          status: readString(option, 'status', `${resolvedOptionLabel}.status`),
+          allowed: readBoolean(
+            option,
+            'allowed',
+            `${resolvedOptionLabel}.allowed`,
+          ),
+          ready: readBoolean(option, 'ready', `${resolvedOptionLabel}.ready`),
           userServiceId: readNullableString(
             option,
-            "userServiceId",
-            `${resolvedOptionLabel}.userServiceId`
+            'userServiceId',
+            `${resolvedOptionLabel}.userServiceId`,
+          ),
+          serviceSlug: readNullableString(
+            option,
+            'serviceSlug',
+            `${resolvedOptionLabel}.serviceSlug`,
           ),
-          serviceSlug: readNullableString(option, "serviceSlug", `${resolvedOptionLabel}.serviceSlug`),
           modelCatalog: decodeStudioLlmModelCatalog(
             option.modelCatalog,
             `${resolvedOptionLabel}.modelCatalog`,
           ),
-          description: readNullableString(option, "description", `${resolvedOptionLabel}.description`),
+          description: readNullableString(
+            option,
+            'description',
+            `${resolvedOptionLabel}.description`,
+          ),
         };
-      }
+      },
     ),
     modelGroupsByRoute: expectArray(
       record.modelGroupsByRoute ?? [],
       `${label}.modelGroupsByRoute`,
       (entry, groupLabel) => {
-        const resolvedGroupLabel = groupLabel ?? `${label}.modelGroupsByRoute[]`;
+        const resolvedGroupLabel =
+          groupLabel ?? `${label}.modelGroupsByRoute[]`;
         const group = expectRecord(entry, resolvedGroupLabel);
         return {
-          routeValue: readString(group, "routeValue", `${resolvedGroupLabel}.routeValue`),
-          groupId: readString(group, "groupId", `${resolvedGroupLabel}.groupId`),
-          label: readString(group, "label", `${resolvedGroupLabel}.label`),
+          routeValue: readString(
+            group,
+            'routeValue',
+            `${resolvedGroupLabel}.routeValue`,
+          ),
+          groupId: readString(
+            group,
+            'groupId',
+            `${resolvedGroupLabel}.groupId`,
+          ),
+          label: readString(group, 'label', `${resolvedGroupLabel}.label`),
           models: expectArray(
             group.models ?? [],
             `${resolvedGroupLabel}.models`,
             (entryModel, modelLabel) =>
-              expectString(entryModel, modelLabel ?? `${resolvedGroupLabel}.models[]`)
+              expectString(
+                entryModel,
+                modelLabel ?? `${resolvedGroupLabel}.models[]`,
+              ),
           ),
         };
-      }
+      },
+    ),
+    catalogStatus: readString(
+      record,
+      'catalogStatus',
+      `${label}.catalogStatus`,
     ),
-    catalogStatus: readString(record, "catalogStatus", `${label}.catalogStatus`),
     capabilities: (() => {
-      const capabilities = expectRecord(record.capabilities, `${label}.capabilities`);
+      const capabilities = expectRecord(
+        record.capabilities,
+        `${label}.capabilities`,
+      );
       return {
-        canEditRoute: readBoolean(capabilities, "canEditRoute", `${label}.capabilities.canEditRoute`),
-        canEditModel: readBoolean(capabilities, "canEditModel", `${label}.capabilities.canEditModel`),
-        canSave: readBoolean(capabilities, "canSave", `${label}.capabilities.canSave`),
-        canRetryCatalog: readBoolean(capabilities, "canRetryCatalog", `${label}.capabilities.canRetryCatalog`),
+        canEditRoute: readBoolean(
+          capabilities,
+          'canEditRoute',
+          `${label}.capabilities.canEditRoute`,
+        ),
+        canEditModel: readBoolean(
+          capabilities,
+          'canEditModel',
+          `${label}.capabilities.canEditModel`,
+        ),
+        canSave: readBoolean(
+          capabilities,
+          'canSave',
+          `${label}.capabilities.canSave`,
+        ),
+        canRetryCatalog: readBoolean(
+          capabilities,
+          'canRetryCatalog',
+          `${label}.capabilities.canRetryCatalog`,
+        ),
       };
     })(),
     setupHint: record.setupHint,
@@ -797,59 +889,71 @@ function decodeStudioUserLlmSettings(
 
 function decodeStudioUserConfigRuntime(
   value: unknown,
-  label = "StudioUserConfigRuntime"
+  label = 'StudioUserConfigRuntime',
 ): StudioUserConfigRuntime {
   const record = expectRecord(value, label);
   const runtimeDefaults = expectRecord(
     record.runtimeDefaults,
-    `${label}.runtimeDefaults`
+    `${label}.runtimeDefaults`,
   );
   return {
-    runtimeMode: readString(record, "runtimeMode", `${label}.runtimeMode`),
+    runtimeMode: readString(record, 'runtimeMode', `${label}.runtimeMode`),
     activeRuntimeBaseUrl: readString(
       record,
-      "activeRuntimeBaseUrl",
-      `${label}.activeRuntimeBaseUrl`
+      'activeRuntimeBaseUrl',
+      `${label}.activeRuntimeBaseUrl`,
     ),
     localRuntimeBaseUrl: readString(
       record,
-      "localRuntimeBaseUrl",
-      `${label}.localRuntimeBaseUrl`
+      'localRuntimeBaseUrl',
+      `${label}.localRuntimeBaseUrl`,
     ),
     remoteRuntimeBaseUrl: readString(
       record,
-      "remoteRuntimeBaseUrl",
-      `${label}.remoteRuntimeBaseUrl`
+      'remoteRuntimeBaseUrl',
+      `${label}.remoteRuntimeBaseUrl`,
     ),
     runtimeDefaults: {
       localRuntimeBaseUrl: readString(
         runtimeDefaults,
-        "localRuntimeBaseUrl",
-        `${label}.runtimeDefaults.localRuntimeBaseUrl`
+        'localRuntimeBaseUrl',
+        `${label}.runtimeDefaults.localRuntimeBaseUrl`,
       ),
       remoteRuntimeBaseUrl: readString(
         runtimeDefaults,
-        "remoteRuntimeBaseUrl",
-        `${label}.runtimeDefaults.remoteRuntimeBaseUrl`
+        'remoteRuntimeBaseUrl',
+        `${label}.runtimeDefaults.remoteRuntimeBaseUrl`,
+      ),
+      localMode: readString(
+        runtimeDefaults,
+        'localMode',
+        `${label}.runtimeDefaults.localMode`,
+      ),
+      remoteMode: readString(
+        runtimeDefaults,
+        'remoteMode',
+        `${label}.runtimeDefaults.remoteMode`,
       ),
-      localMode: readString(runtimeDefaults, "localMode", `${label}.runtimeDefaults.localMode`),
-      remoteMode: readString(runtimeDefaults, "remoteMode", `${label}.runtimeDefaults.remoteMode`),
     },
   };
 }
 
 function decodeStudioUserConfigSaveReceipt(
   value: unknown,
-  label = "StudioUserConfigSaveReceipt"
+  label = 'StudioUserConfigSaveReceipt',
 ): StudioUserConfigSaveReceipt {
   const record = expectRecord(value, label);
   return {
-    accepted: readBoolean(record, "accepted", `${label}.accepted`),
-    commandId: readString(record, "commandId", `${label}.commandId`),
-    ackStage: readString(record, "ackStage", `${label}.ackStage`),
-    actorId: readString(record, "actorId", `${label}.actorId`),
-    correlationId: readString(record, "correlationId", `${label}.correlationId`),
-    ackedAtUtc: readString(record, "ackedAtUtc", `${label}.ackedAtUtc`),
+    accepted: readBoolean(record, 'accepted', `${label}.accepted`),
+    commandId: readString(record, 'commandId', `${label}.commandId`),
+    ackStage: readString(record, 'ackStage', `${label}.ackStage`),
+    actorId: readString(record, 'actorId', `${label}.actorId`),
+    correlationId: readString(
+      record,
+      'correlationId',
+      `${label}.correlationId`,
+    ),
+    ackedAtUtc: readString(record, 'ackedAtUtc', `${label}.ackedAtUtc`),
   };
 }
 
@@ -868,7 +972,7 @@ async function requestJson<T>(input: string, init?: RequestInit): Promise<T> {
 
 async function requestJsonOrNull<T>(
   input: string,
-  init?: RequestInit
+  init?: RequestInit,
 ): Promise<T | null> {
   const response = await studioHostFetch(input, init);
   if (response.status === 404) {
@@ -889,7 +993,7 @@ async function requestJsonOrNull<T>(
 async function requestDecodedJson<T>(
   input: string,
   decoder: (value: unknown) => T,
-  init?: RequestInit
+  init?: RequestInit,
 ): Promise<T> {
   const response = await studioHostFetch(input, init);
   if (!response.ok) {
@@ -906,7 +1010,7 @@ async function requestDecodedJson<T>(
 async function requestDecodedJsonOrAccepted<T>(
   input: string,
   decoder: (value: unknown) => T,
-  init?: RequestInit
+  init?: RequestInit,
 ): Promise<T | undefined> {
   const response = await studioHostFetch(input, init);
   if (!response.ok) {
@@ -930,12 +1034,12 @@ async function requestDecodedJsonOrAccepted<T>(
 async function request<T>(input: string, init?: RequestInit): Promise<T> {
   const headers = new Headers(init?.headers);
   const isFormDataBody =
-    typeof FormData !== "undefined" && init?.body instanceof FormData;
-  if (!isFormDataBody && !headers.has("Content-Type")) {
-    headers.set("Content-Type", "application/json");
+    typeof FormData !== 'undefined' && init?.body instanceof FormData;
+  if (!isFormDataBody && !headers.has('Content-Type')) {
+    headers.set('Content-Type', 'application/json');
   }
-  if (!headers.has("Accept")) {
-    headers.set("Accept", "application/json");
+  if (!headers.has('Accept')) {
+    headers.set('Accept', 'application/json');
   }
 
   const response = await studioHostFetch(input, {
@@ -951,30 +1055,23 @@ async function request<T>(input: string, init?: RequestInit): Promise<T> {
   }
 
   if (!isJsonContentType(readContentType(response))) {
-    throw new Error("Studio API returned an unexpected response format.");
+    throw new Error('Studio API returned an unexpected response format.');
   }
 
   return (await response.json()) as T;
 }
 
-async function requestAccepted(input: string, init?: RequestInit): Promise<void> {
-  const response = await studioHostFetch(input, init);
-  if (!response.ok) {
-    throw await createStudioApiError(response);
-  }
-}
-
 async function streamSse(
   input: string,
   body: unknown,
   onFrame: (frame: unknown) => void,
-  signal?: AbortSignal
+  signal?: AbortSignal,
 ): Promise<void> {
   const response = await studioHostFetch(input, {
-    method: "POST",
+    method: 'POST',
     headers: {
-      Accept: "text/event-stream",
-      "Content-Type": "application/json",
+      Accept: 'text/event-stream',
+      'Content-Type': 'application/json',
     },
     body: JSON.stringify(body),
     signal,
@@ -984,91 +1081,92 @@ async function streamSse(
   }
 
   if (!response.body) {
-    return;
+    throw new Error('Workflow generation returned no event stream.');
   }
 
   const reader = response.body.getReader();
   const decoder = new TextDecoder();
-  let buffer = "";
-
-  while (true) {
-    const { done, value } = await reader.read();
-    buffer += decoder.decode(value || new Uint8Array(), { stream: !done });
-
-    let boundary = buffer.indexOf("\n\n");
-    while (boundary >= 0) {
-      const block = buffer.slice(0, boundary);
-      buffer = buffer.slice(boundary + 2);
-
-      const data = block
-        .split("\n")
-        .filter((line) => line.startsWith("data:"))
-        .map((line) => line.slice(5).trim())
-        .join("\n");
-
-      if (data && data !== "[DONE]") {
-        onFrame(JSON.parse(data) as unknown);
+  let buffer = '';
+  let ended = false;
+  try {
+    while (true) {
+      if (signal?.aborted) throw signal.reason ?? new DOMException('Request cancelled.', 'AbortError');
+      const { done, value } = await reader.read();
+      if (signal?.aborted) throw signal.reason ?? new DOMException('Request cancelled.', 'AbortError');
+      buffer += decoder.decode(value || new Uint8Array(), { stream: !done });
+      let boundary = /\r?\n\r?\n/.exec(buffer);
+      while (boundary) {
+        const block = buffer.slice(0, boundary.index);
+        buffer = buffer.slice(boundary.index + boundary[0].length);
+        const data = block
+          .split(/\r?\n/)
+          .filter((line) => line.startsWith('data:'))
+          .map((line) => line.slice(5).trim())
+          .join('\n');
+        if (data && data !== '[DONE]') onFrame(JSON.parse(data) as unknown);
+        boundary = /\r?\n\r?\n/.exec(buffer);
+      }
+      if (done) {
+        ended = true;
+        break;
       }
-
-      boundary = buffer.indexOf("\n\n");
-    }
-
-    if (done) {
-      break;
     }
+  } finally {
+    if (!ended) await reader.cancel().catch(() => undefined);
+    reader.releaseLock();
   }
 }
 
 function normalizeAssistantFrame(
-  frame: unknown
+  frame: unknown,
 ): { type: string; delta?: string; message?: string } | null {
-  if (!frame || typeof frame !== "object") {
+  if (!frame || typeof frame !== 'object') {
     return null;
   }
 
   const candidate = frame as Record<string, unknown>;
-  if (typeof candidate.type === "string") {
+  if (typeof candidate.type === 'string') {
     return {
       type: candidate.type,
-      delta: typeof candidate.delta === "string" ? candidate.delta : undefined,
+      delta: typeof candidate.delta === 'string' ? candidate.delta : undefined,
       message:
-        typeof candidate.message === "string" ? candidate.message : undefined,
+        typeof candidate.message === 'string' ? candidate.message : undefined,
     };
   }
 
   if (candidate.textMessageContent) {
     const payload = candidate.textMessageContent as Record<string, unknown>;
     return {
-      type: "TEXT_MESSAGE_CONTENT",
-      delta: typeof payload.delta === "string" ? payload.delta : "",
+      type: 'TEXT_MESSAGE_CONTENT',
+      delta: typeof payload.delta === 'string' ? payload.delta : '',
     };
   }
 
   if (candidate.textMessageReasoning) {
     const payload = candidate.textMessageReasoning as Record<string, unknown>;
     return {
-      type: "TEXT_MESSAGE_REASONING",
-      delta: typeof payload.delta === "string" ? payload.delta : "",
+      type: 'TEXT_MESSAGE_REASONING',
+      delta: typeof payload.delta === 'string' ? payload.delta : '',
     };
   }
 
   if (candidate.textMessageEnd) {
     const payload = candidate.textMessageEnd as Record<string, unknown>;
     return {
-      type: "TEXT_MESSAGE_END",
-      delta: typeof payload.delta === "string" ? payload.delta : "",
-      message: typeof payload.message === "string" ? payload.message : "",
+      type: 'TEXT_MESSAGE_END',
+      delta: typeof payload.delta === 'string' ? payload.delta : '',
+      message: typeof payload.message === 'string' ? payload.message : '',
     };
   }
 
   if (candidate.runError) {
     const payload = candidate.runError as Record<string, unknown>;
     return {
-      type: "RUN_ERROR",
+      type: 'RUN_ERROR',
       message:
-        typeof payload.message === "string"
+        typeof payload.message === 'string'
           ? payload.message
-          : "Assistant run failed.",
+          : 'Assistant run failed.',
     };
   }
 
@@ -1077,133 +1175,130 @@ function normalizeAssistantFrame(
 
 function decodeStudioScopeBindingRevision(
   value: unknown,
-  label = "StudioScopeBindingRevision"
+  label = 'StudioScopeBindingRevision',
 ): StudioScopeBindingRevision {
   const record = expectRecord(value, label);
   const implementationKind = readScopeBindingImplementationKind(record, [
-    "implementationKind",
-    "ImplementationKind",
+    'implementationKind',
+    'ImplementationKind',
   ]);
   return {
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
-      `${label}.revisionId`
+      ['revisionId', 'RevisionId'],
+      `${label}.revisionId`,
     ),
     implementationKind,
-    status: readString(record, ["status", "Status"], `${label}.status`),
+    status: readString(record, ['status', 'Status'], `${label}.status`),
     artifactHash: readString(
       record,
-      ["artifactHash", "ArtifactHash"],
-      `${label}.artifactHash`
+      ['artifactHash', 'ArtifactHash'],
+      `${label}.artifactHash`,
     ),
     failureReason: readString(
       record,
-      ["failureReason", "FailureReason"],
-      `${label}.failureReason`
+      ['failureReason', 'FailureReason'],
+      `${label}.failureReason`,
     ),
     isDefaultServing: readBoolean(
       record,
-      ["isDefaultServing", "IsDefaultServing"],
-      `${label}.isDefaultServing`
+      ['isDefaultServing', 'IsDefaultServing'],
+      `${label}.isDefaultServing`,
     ),
     isActiveServing: readBoolean(
       record,
-      ["isActiveServing", "IsActiveServing"],
-      `${label}.isActiveServing`
+      ['isActiveServing', 'IsActiveServing'],
+      `${label}.isActiveServing`,
     ),
     isServingTarget: readBoolean(
       record,
-      ["isServingTarget", "IsServingTarget"],
-      `${label}.isServingTarget`
+      ['isServingTarget', 'IsServingTarget'],
+      `${label}.isServingTarget`,
     ),
     allocationWeight: readNumber(
       record,
-      ["allocationWeight", "AllocationWeight"],
-      `${label}.allocationWeight`
+      ['allocationWeight', 'AllocationWeight'],
+      `${label}.allocationWeight`,
     ),
     servingState: readString(
       record,
-      ["servingState", "ServingState"],
-      `${label}.servingState`
+      ['servingState', 'ServingState'],
+      `${label}.servingState`,
     ),
     deploymentId: readString(
       record,
-      ["deploymentId", "DeploymentId"],
-      `${label}.deploymentId`
+      ['deploymentId', 'DeploymentId'],
+      `${label}.deploymentId`,
     ),
     primaryActorId: readString(
       record,
-      ["primaryActorId", "PrimaryActorId"],
-      `${label}.primaryActorId`
+      ['primaryActorId', 'PrimaryActorId'],
+      `${label}.primaryActorId`,
     ),
     createdAt: readNullableString(
       record,
-      ["createdAt", "CreatedAt"],
-      `${label}.createdAt`
+      ['createdAt', 'CreatedAt'],
+      `${label}.createdAt`,
     ),
     preparedAt: readNullableString(
       record,
-      ["preparedAt", "PreparedAt"],
-      `${label}.preparedAt`
+      ['preparedAt', 'PreparedAt'],
+      `${label}.preparedAt`,
     ),
     publishedAt: readNullableString(
       record,
-      ["publishedAt", "PublishedAt"],
-      `${label}.publishedAt`
+      ['publishedAt', 'PublishedAt'],
+      `${label}.publishedAt`,
     ),
     retiredAt: readNullableString(
       record,
-      ["retiredAt", "RetiredAt"],
-      `${label}.retiredAt`
+      ['retiredAt', 'RetiredAt'],
+      `${label}.retiredAt`,
     ),
     workflowName:
-      readOptionalString(record, ["workflowName", "WorkflowName"]) || "",
+      readOptionalString(record, ['workflowName', 'WorkflowName']) || '',
     workflowDefinitionActorId:
       readOptionalString(record, [
-        "workflowDefinitionActorId",
-        "WorkflowDefinitionActorId",
-      ]) || "",
+        'workflowDefinitionActorId',
+        'WorkflowDefinitionActorId',
+      ]) || '',
     inlineWorkflowCount:
       record.inlineWorkflowCount === undefined &&
       record.InlineWorkflowCount === undefined
         ? 0
         : readNumber(
             record,
-            ["inlineWorkflowCount", "InlineWorkflowCount"],
-            `${label}.inlineWorkflowCount`
+            ['inlineWorkflowCount', 'InlineWorkflowCount'],
+            `${label}.inlineWorkflowCount`,
           ),
-    scriptId:
-      readOptionalString(record, ["scriptId", "ScriptId"]) || "",
+    scriptId: readOptionalString(record, ['scriptId', 'ScriptId']) || '',
     scriptRevision:
-      readOptionalString(record, ["scriptRevision", "ScriptRevision"]) || "",
+      readOptionalString(record, ['scriptRevision', 'ScriptRevision']) || '',
     scriptDefinitionActorId:
       readOptionalString(record, [
-        "scriptDefinitionActorId",
-        "ScriptDefinitionActorId",
-      ]) || "",
+        'scriptDefinitionActorId',
+        'ScriptDefinitionActorId',
+      ]) || '',
     scriptSourceHash:
-      readOptionalString(record, ["scriptSourceHash", "ScriptSourceHash"]) || "",
+      readOptionalString(record, ['scriptSourceHash', 'ScriptSourceHash']) ||
+      '',
     staticActorTypeName:
       readOptionalString(record, [
-        "staticActorTypeName",
-        "StaticActorTypeName",
-      ]) || "",
+        'staticActorTypeName',
+        'StaticActorTypeName',
+      ]) || '',
     staticAgentKind:
-      readOptionalString(record, [
-        "staticAgentKind",
-        "StaticAgentKind",
-      ]) || "",
+      readOptionalString(record, ['staticAgentKind', 'StaticAgentKind']) || '',
   };
 }
 
 function readOptionalString(
   record: Record<string, unknown>,
-  keys: string[]
+  keys: string[],
 ): string | undefined {
   for (const key of keys) {
     const rawValue = record[key];
-    if (typeof rawValue !== "string") {
+    if (typeof rawValue !== 'string') {
       continue;
     }
 
@@ -1218,13 +1313,13 @@ function readOptionalString(
 
 function readOptionalScalar(
   record: Record<string, unknown>,
-  keys: string[]
+  keys: string[],
 ): string | number | undefined {
   for (const key of keys) {
     const rawValue = record[key];
     if (
-      typeof rawValue === "string" ||
-      (typeof rawValue === "number" && !Number.isNaN(rawValue))
+      typeof rawValue === 'string' ||
+      (typeof rawValue === 'number' && !Number.isNaN(rawValue))
     ) {
       return rawValue;
     }
@@ -1234,152 +1329,168 @@ function readOptionalScalar(
 }
 
 function readWorkflowBoardExecutionAvailability(
-  value: unknown
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["executionAvailability"] {
-  return normalizeEnumValue(value, "executionAvailability", {
-    "0": "unknown",
-    "1": "available",
-    "2": "unavailable",
-    "3": "pending_backend_contract",
-    available: "available",
-    pendingbackendcontract: "pending_backend_contract",
-    pending_backend_contract: "pending_backend_contract",
-    unavailable: "unavailable",
-    unknown: "unknown",
-    unspecified: "unknown",
-  }) as StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["executionAvailability"];
+  value: unknown,
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['executionAvailability'] {
+  return normalizeEnumValue(value, 'executionAvailability', {
+    '0': 'unknown',
+    '1': 'available',
+    '2': 'unavailable',
+    '3': 'pending_backend_contract',
+    available: 'available',
+    pendingbackendcontract: 'pending_backend_contract',
+    pending_backend_contract: 'pending_backend_contract',
+    unavailable: 'unavailable',
+    unknown: 'unknown',
+    unspecified: 'unknown',
+  }) as StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['executionAvailability'];
 }
 
 function readWorkflowBoardExecutionStatus(
-  value: unknown
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["executionStatus"] {
-  return normalizeEnumValue(value, "executionStatus", {
-    "0": "unknown",
-    "1": "running",
-    "2": "waiting",
-    "3": "failed",
-    "4": "timed_out",
-    "5": "retrying",
-    "6": "completed",
-    "7": "stopped",
-    active: "running",
-    awaiting_input: "waiting",
-    awaitinginput: "waiting",
-    canceled: "stopped",
-    cancelled: "stopped",
-    completed: "completed",
-    done: "completed",
-    failed: "failed",
-    human_input_required: "waiting",
-    humaninputrequired: "waiting",
-    retry_pending: "retrying",
-    retrypending: "retrying",
-    retrying: "retrying",
-    running: "running",
-    stopped: "stopped",
-    succeeded: "completed",
-    success: "completed",
-    suspended: "waiting",
-    timed_out: "timed_out",
-    timedout: "timed_out",
-    timeout: "timed_out",
-    waiting: "waiting",
-    unknown: "unknown",
-    unspecified: "unknown",
-  }) as StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["executionStatus"];
+  value: unknown,
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['executionStatus'] {
+  return normalizeEnumValue(value, 'executionStatus', {
+    '0': 'unknown',
+    '1': 'running',
+    '2': 'waiting',
+    '3': 'failed',
+    '4': 'timed_out',
+    '5': 'retrying',
+    '6': 'completed',
+    '7': 'stopped',
+    active: 'running',
+    awaiting_input: 'waiting',
+    awaitinginput: 'waiting',
+    canceled: 'stopped',
+    cancelled: 'stopped',
+    completed: 'completed',
+    done: 'completed',
+    failed: 'failed',
+    human_input_required: 'waiting',
+    humaninputrequired: 'waiting',
+    retry_pending: 'retrying',
+    retrypending: 'retrying',
+    retrying: 'retrying',
+    running: 'running',
+    stopped: 'stopped',
+    succeeded: 'completed',
+    success: 'completed',
+    suspended: 'waiting',
+    timed_out: 'timed_out',
+    timedout: 'timed_out',
+    timeout: 'timed_out',
+    waiting: 'waiting',
+    unknown: 'unknown',
+    unspecified: 'unknown',
+  }) as StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['executionStatus'];
 }
 
 function readWorkflowBoardCurrentNodeStatus(
-  value: unknown
-): NonNullable<StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["currentNode"]>["status"] {
-  return normalizeEnumValue(value, "currentNode.status", {
-    "0": "unknown",
-    "1": "running",
-    "2": "waiting",
-    "3": "pending",
-    "4": "failed",
-    "5": "completed",
-    active: "running",
-    completed: "completed",
-    done: "completed",
-    failed: "failed",
-    in_progress: "running",
-    inprogress: "running",
-    pending: "pending",
-    queued: "pending",
-    running: "running",
-    waiting: "waiting",
-    unknown: "unknown",
-    unspecified: "unknown",
-  }) as NonNullable<StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["currentNode"]>["status"];
+  value: unknown,
+): NonNullable<
+  StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['currentNode']
+>['status'] {
+  return normalizeEnumValue(value, 'currentNode.status', {
+    '0': 'unknown',
+    '1': 'running',
+    '2': 'waiting',
+    '3': 'pending',
+    '4': 'failed',
+    '5': 'completed',
+    active: 'running',
+    completed: 'completed',
+    done: 'completed',
+    failed: 'failed',
+    in_progress: 'running',
+    inprogress: 'running',
+    pending: 'pending',
+    queued: 'pending',
+    running: 'running',
+    waiting: 'waiting',
+    unknown: 'unknown',
+    unspecified: 'unknown',
+  }) as NonNullable<
+    StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['currentNode']
+  >['status'];
 }
 
 function readWorkflowBoardPendingNodeStatus(
-  value: unknown
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["pendingNodes"][number]["status"] {
-  return normalizeEnumValue(value, "pendingNode.status", {
-    "0": "unknown",
-    "1": "waiting",
-    "2": "pending",
-    "3": "queued",
-    pending: "pending",
-    queued: "queued",
-    waiting: "waiting",
-    unknown: "unknown",
-    unspecified: "unknown",
-  }) as StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["pendingNodes"][number]["status"];
+  value: unknown,
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['pendingNodes'][number]['status'] {
+  return normalizeEnumValue(value, 'pendingNode.status', {
+    '0': 'unknown',
+    '1': 'waiting',
+    '2': 'pending',
+    '3': 'queued',
+    pending: 'pending',
+    queued: 'queued',
+    waiting: 'waiting',
+    unknown: 'unknown',
+    unspecified: 'unknown',
+  }) as StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['pendingNodes'][number]['status'];
 }
 
 function decodeStudioWorkflowBoardCounts(
   value: unknown,
-  label = "StudioWorkflowBoardCounts"
-): StudioWorkflowBoardSnapshot["counts"] {
+  label = 'StudioWorkflowBoardCounts',
+): StudioWorkflowBoardSnapshot['counts'] {
   const record = expectRecord(value, label);
   return {
-    completed: readNumber(record, ["completed", "Completed"], `${label}.completed`),
-    failed: readNumber(record, ["failed", "Failed"], `${label}.failed`),
-    retrying: readNumber(record, ["retrying", "Retrying"], `${label}.retrying`),
-    running: readNumber(record, ["running", "Running"], `${label}.running`),
-    waiting: readNumber(record, ["waiting", "Waiting"], `${label}.waiting`),
+    completed: readNumber(
+      record,
+      ['completed', 'Completed'],
+      `${label}.completed`,
+    ),
+    failed: readNumber(record, ['failed', 'Failed'], `${label}.failed`),
+    retrying: readNumber(record, ['retrying', 'Retrying'], `${label}.retrying`),
+    running: readNumber(record, ['running', 'Running'], `${label}.running`),
+    waiting: readNumber(record, ['waiting', 'Waiting'], `${label}.waiting`),
   };
 }
 
 function decodeStudioWorkflowBoardProgress(
   value: unknown,
-  label = "StudioWorkflowBoardProgress"
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["progress"] {
+  label = 'StudioWorkflowBoardProgress',
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['progress'] {
   const record = expectRecord(value, label);
   return {
     completedSteps: readNumber(
       record,
-      ["completedSteps", "CompletedSteps"],
-      `${label}.completedSteps`
+      ['completedSteps', 'CompletedSteps'],
+      `${label}.completedSteps`,
     ),
     totalSteps: readNumber(
       record,
-      ["totalSteps", "TotalSteps"],
-      `${label}.totalSteps`
+      ['totalSteps', 'TotalSteps'],
+      `${label}.totalSteps`,
     ),
   };
 }
 
 function decodeStudioWorkflowBoardCurrentNode(
   value: unknown,
-  label = "StudioWorkflowBoardCurrentNode"
-): NonNullable<StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["currentNode"]> {
+  label = 'StudioWorkflowBoardCurrentNode',
+): NonNullable<
+  StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['currentNode']
+> {
   const record = expectRecord(value, label);
   return {
-    nodeId: readString(record, ["nodeId", "NodeId"], `${label}.nodeId`),
-    name: readString(record, ["name", "Name"], `${label}.name`),
+    nodeId: readString(record, ['nodeId', 'NodeId'], `${label}.nodeId`),
+    name: readString(record, ['name', 'Name'], `${label}.name`),
     status: readWorkflowBoardCurrentNodeStatus(
-      record.status ?? record.Status ?? "unknown"
+      record.status ?? record.Status ?? 'unknown',
     ),
     startedAt:
-      readNullableString(record, ["startedAt", "StartedAt"], `${label}.startedAt`) ??
-      null,
+      readNullableString(
+        record,
+        ['startedAt', 'StartedAt'],
+        `${label}.startedAt`,
+      ) ?? null,
     updatedAt:
-      readNullableString(record, ["updatedAt", "UpdatedAt"], `${label}.updatedAt`) ??
-      null,
+      readNullableString(
+        record,
+        ['updatedAt', 'UpdatedAt'],
+        `${label}.updatedAt`,
+      ) ?? null,
     durationMs:
       readOptionalNumber(record.durationMs ?? record.DurationMs) ?? null,
   };
@@ -1387,15 +1498,18 @@ function decodeStudioWorkflowBoardCurrentNode(
 
 function decodeStudioWorkflowBoardCompletedNode(
   value: unknown,
-  label = "StudioWorkflowBoardCompletedNode"
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["completedNodes"][number] {
+  label = 'StudioWorkflowBoardCompletedNode',
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['completedNodes'][number] {
   const record = expectRecord(value, label);
   return {
-    nodeId: readString(record, ["nodeId", "NodeId"], `${label}.nodeId`),
-    name: readString(record, ["name", "Name"], `${label}.name`),
+    nodeId: readString(record, ['nodeId', 'NodeId'], `${label}.nodeId`),
+    name: readString(record, ['name', 'Name'], `${label}.name`),
     completedAt:
-      readNullableString(record, ["completedAt", "CompletedAt"], `${label}.completedAt`) ??
-      null,
+      readNullableString(
+        record,
+        ['completedAt', 'CompletedAt'],
+        `${label}.completedAt`,
+      ) ?? null,
     durationMs:
       readOptionalNumber(record.durationMs ?? record.DurationMs) ?? null,
   };
@@ -1403,133 +1517,143 @@ function decodeStudioWorkflowBoardCompletedNode(
 
 function decodeStudioWorkflowBoardPendingNode(
   value: unknown,
-  label = "StudioWorkflowBoardPendingNode"
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["pendingNodes"][number] {
+  label = 'StudioWorkflowBoardPendingNode',
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['pendingNodes'][number] {
   const record = expectRecord(value, label);
   return {
-    nodeId: readString(record, ["nodeId", "NodeId"], `${label}.nodeId`),
-    name: readString(record, ["name", "Name"], `${label}.name`),
+    nodeId: readString(record, ['nodeId', 'NodeId'], `${label}.nodeId`),
+    name: readString(record, ['name', 'Name'], `${label}.name`),
     status: readWorkflowBoardPendingNodeStatus(
-      record.status ?? record.Status ?? "unknown"
+      record.status ?? record.Status ?? 'unknown',
     ),
     reason:
-      readNullableString(record, ["reason", "Reason"], `${label}.reason`) ??
+      readNullableString(record, ['reason', 'Reason'], `${label}.reason`) ??
       null,
   };
 }
 
 function decodeStudioWorkflowBoardFailedNode(
   value: unknown,
-  label = "StudioWorkflowBoardFailedNode"
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number]["failedNodes"][number] {
+  label = 'StudioWorkflowBoardFailedNode',
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number]['failedNodes'][number] {
   const record = expectRecord(value, label);
   return {
-    nodeId: readString(record, ["nodeId", "NodeId"], `${label}.nodeId`),
-    name: readString(record, ["name", "Name"], `${label}.name`),
+    nodeId: readString(record, ['nodeId', 'NodeId'], `${label}.nodeId`),
+    name: readString(record, ['name', 'Name'], `${label}.name`),
     failedAt:
-      readNullableString(record, ["failedAt", "FailedAt"], `${label}.failedAt`) ??
-      null,
+      readNullableString(
+        record,
+        ['failedAt', 'FailedAt'],
+        `${label}.failedAt`,
+      ) ?? null,
   };
 }
 
 function decodeStudioWorkflowBoardMemberSnapshot(
   value: unknown,
-  label = "StudioWorkflowBoardMemberSnapshot"
-): StudioWorkflowBoardSnapshot["teams"][number]["members"][number] {
+  label = 'StudioWorkflowBoardMemberSnapshot',
+): StudioWorkflowBoardSnapshot['teams'][number]['members'][number] {
   const record = expectRecord(value, label);
   const currentNode =
     record.currentNode == null && record.CurrentNode == null
       ? null
       : decodeStudioWorkflowBoardCurrentNode(
           record.currentNode ?? record.CurrentNode,
-          `${label}.currentNode`
+          `${label}.currentNode`,
         );
   return {
     actorId:
-      readNullableString(record, ["actorId", "ActorId"], `${label}.actorId`) ??
+      readNullableString(record, ['actorId', 'ActorId'], `${label}.actorId`) ??
       null,
     completedNodes: expectArray(
       record.completedNodes ?? record.CompletedNodes ?? [],
       `${label}.completedNodes`,
-      decodeStudioWorkflowBoardCompletedNode
+      decodeStudioWorkflowBoardCompletedNode,
     ),
     currentExecutionId:
       readNullableString(
         record,
-        ["currentExecutionId", "CurrentExecutionId"],
-        `${label}.currentExecutionId`
+        ['currentExecutionId', 'CurrentExecutionId'],
+        `${label}.currentExecutionId`,
       ) ?? null,
     currentNode,
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
-      `${label}.displayName`
+      ['displayName', 'DisplayName'],
+      `${label}.displayName`,
     ),
     executionAvailability: readWorkflowBoardExecutionAvailability(
-      record.executionAvailability ?? record.ExecutionAvailability ?? "unknown"
+      record.executionAvailability ?? record.ExecutionAvailability ?? 'unknown',
     ),
     executionStatus: readWorkflowBoardExecutionStatus(
-      record.executionStatus ?? record.ExecutionStatus ?? "unknown"
+      record.executionStatus ?? record.ExecutionStatus ?? 'unknown',
     ),
     failedNodes: expectArray(
       record.failedNodes ?? record.FailedNodes ?? [],
       `${label}.failedNodes`,
-      decodeStudioWorkflowBoardFailedNode
+      decodeStudioWorkflowBoardFailedNode,
     ),
     lastNodeUpdatedAt:
       readNullableString(
         record,
-        ["lastNodeUpdatedAt", "LastNodeUpdatedAt"],
-        `${label}.lastNodeUpdatedAt`
+        ['lastNodeUpdatedAt', 'LastNodeUpdatedAt'],
+        `${label}.lastNodeUpdatedAt`,
       ) ?? null,
-    memberId: readString(record, ["memberId", "MemberId"], `${label}.memberId`),
+    memberId: readString(record, ['memberId', 'MemberId'], `${label}.memberId`),
     pendingNodes: expectArray(
       record.pendingNodes ?? record.PendingNodes ?? [],
       `${label}.pendingNodes`,
-      decodeStudioWorkflowBoardPendingNode
+      decodeStudioWorkflowBoardPendingNode,
     ),
     progress: decodeStudioWorkflowBoardProgress(
-      record.progress ?? record.Progress ?? {
-        completedSteps: 0,
-        totalSteps: 0,
-      },
-      `${label}.progress`
+      record.progress ??
+        record.Progress ?? {
+          completedSteps: 0,
+          totalSteps: 0,
+        },
+      `${label}.progress`,
     ),
     publishedServiceId:
       readNullableString(
         record,
-        ["publishedServiceId", "PublishedServiceId"],
-        `${label}.publishedServiceId`
+        ['publishedServiceId', 'PublishedServiceId'],
+        `${label}.publishedServiceId`,
       ) ?? null,
     roleSummary:
-      readNullableString(record, ["roleSummary", "RoleSummary"], `${label}.roleSummary`) ??
-      null,
+      readNullableString(
+        record,
+        ['roleSummary', 'RoleSummary'],
+        `${label}.roleSummary`,
+      ) ?? null,
     workflowId:
-      readNullableString(record, ["workflowId", "WorkflowId"], `${label}.workflowId`) ??
-      null,
+      readNullableString(
+        record,
+        ['workflowId', 'WorkflowId'],
+        `${label}.workflowId`,
+      ) ?? null,
     workflowName:
       readNullableString(
         record,
-        ["workflowName", "WorkflowName"],
-        `${label}.workflowName`
+        ['workflowName', 'WorkflowName'],
+        `${label}.workflowName`,
       ) ?? null,
   };
 }
 
 function decodeStudioWorkflowBoardTeamSnapshot(
   value: unknown,
-  label = "StudioWorkflowBoardTeamSnapshot"
-): StudioWorkflowBoardSnapshot["teams"][number] {
+  label = 'StudioWorkflowBoardTeamSnapshot',
+): StudioWorkflowBoardSnapshot['teams'][number] {
   const record = expectRecord(value, label);
   const members = expectArray(
     record.members ?? record.Members ?? [],
     `${label}.members`,
-    decodeStudioWorkflowBoardMemberSnapshot
+    decodeStudioWorkflowBoardMemberSnapshot,
   );
   return {
     members,
-    teamId: readString(record, ["teamId", "TeamId"], `${label}.teamId`),
-    teamName: readString(record, ["teamName", "TeamName"], `${label}.teamName`),
+    teamId: readString(record, ['teamId', 'TeamId'], `${label}.teamId`),
+    teamName: readString(record, ['teamName', 'TeamName'], `${label}.teamName`),
     totalMemberCount:
       readOptionalNumber(record.totalMemberCount ?? record.TotalMemberCount) ??
       null,
@@ -1537,46 +1661,46 @@ function decodeStudioWorkflowBoardTeamSnapshot(
 }
 
 function decodeStudioWorkflowBoardSnapshot(
-  value: unknown
+  value: unknown,
 ): StudioWorkflowBoardSnapshot {
-  const record = expectRecord(value, "StudioWorkflowBoardSnapshot");
+  const record = expectRecord(value, 'StudioWorkflowBoardSnapshot');
   return {
     counts: decodeStudioWorkflowBoardCounts(
       record.counts ?? record.Counts ?? {},
-      "StudioWorkflowBoardSnapshot.counts"
+      'StudioWorkflowBoardSnapshot.counts',
     ),
     generatedAt: readString(
       record,
-      ["generatedAt", "GeneratedAt"],
-      "StudioWorkflowBoardSnapshot.generatedAt"
+      ['generatedAt', 'GeneratedAt'],
+      'StudioWorkflowBoardSnapshot.generatedAt',
     ),
     lastNodeUpdatedAt:
       readNullableString(
         record,
-        ["lastNodeUpdatedAt", "LastNodeUpdatedAt"],
-        "StudioWorkflowBoardSnapshot.lastNodeUpdatedAt"
+        ['lastNodeUpdatedAt', 'LastNodeUpdatedAt'],
+        'StudioWorkflowBoardSnapshot.lastNodeUpdatedAt',
       ) ?? null,
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioWorkflowBoardSnapshot.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioWorkflowBoardSnapshot.scopeId',
     ),
     teams: expectArray(
       record.teams ?? record.Teams ?? [],
-      "StudioWorkflowBoardSnapshot.teams",
-      decodeStudioWorkflowBoardTeamSnapshot
+      'StudioWorkflowBoardSnapshot.teams',
+      decodeStudioWorkflowBoardTeamSnapshot,
     ),
     watermark:
       readNullableString(
         record,
-        ["watermark", "Watermark"],
-        "StudioWorkflowBoardSnapshot.watermark"
+        ['watermark', 'Watermark'],
+        'StudioWorkflowBoardSnapshot.watermark',
       ) ?? null,
   };
 }
 
 function compactWorkflowBoardSnapshotRequest(
-  request: StudioWorkflowBoardSnapshotRequest
+  request: StudioWorkflowBoardSnapshotRequest,
 ): Record<string, unknown> {
   return compactObject({
     memberId: trimOptional(request.memberId),
@@ -1588,119 +1712,119 @@ function compactWorkflowBoardSnapshotRequest(
 function readScopeBindingImplementationKind(
   record: Record<string, unknown>,
   keys: string[],
-  fallback?: string | number
+  fallback?: string | number,
 ): StudioScopeBindingImplementationKind {
   const rawValue = readOptionalScalar(record, keys) ?? fallback;
   if (rawValue === undefined) {
-    return "unknown";
+    return 'unknown';
   }
 
   return normalizeStudioScopeBindingImplementationKind(
-    normalizeEnumValue(rawValue, "implementationKind", {
-      "0": "unknown",
-      "1": "workflow",
-      "2": "script",
-      "3": "gagent",
-      workflow: "workflow",
-      scripting: "script",
-      script: "script",
-      gagent: "gagent",
-      unspecified: "unknown",
-    })
+    normalizeEnumValue(rawValue, 'implementationKind', {
+      '0': 'unknown',
+      '1': 'workflow',
+      '2': 'script',
+      '3': 'gagent',
+      workflow: 'workflow',
+      scripting: 'script',
+      script: 'script',
+      gagent: 'gagent',
+      unspecified: 'unknown',
+    }),
   );
 }
 
 function decodeStudioScopeBindingResult(
-  value: unknown
+  value: unknown,
 ): StudioScopeBindingResult {
-  const record = expectRecord(value, "StudioScopeBindingResult");
+  const record = expectRecord(value, 'StudioScopeBindingResult');
   const displayName =
-    readOptionalString(record, ["displayName", "DisplayName"]) || "";
+    readOptionalString(record, ['displayName', 'DisplayName']) || '';
   const serviceId = readOptionalString(record, [
-    "serviceId",
-    "ServiceId",
-    "publishedServiceId",
-    "PublishedServiceId",
+    'serviceId',
+    'ServiceId',
+    'publishedServiceId',
+    'PublishedServiceId',
   ]);
   const workflowRecord =
-    record.workflow && typeof record.workflow === "object"
-      ? expectRecord(record.workflow, "StudioScopeBindingResult.workflow")
+    record.workflow && typeof record.workflow === 'object'
+      ? expectRecord(record.workflow, 'StudioScopeBindingResult.workflow')
       : null;
   const scriptRecord =
-    record.script && typeof record.script === "object"
-      ? expectRecord(record.script, "StudioScopeBindingResult.script")
+    record.script && typeof record.script === 'object'
+      ? expectRecord(record.script, 'StudioScopeBindingResult.script')
       : null;
   const gAgentRecord =
     (record.gAgent ?? record.gagent) &&
-    typeof (record.gAgent ?? record.gagent) === "object"
+    typeof (record.gAgent ?? record.gagent) === 'object'
       ? expectRecord(
           record.gAgent ?? record.gagent,
-          "StudioScopeBindingResult.gAgent"
+          'StudioScopeBindingResult.gAgent',
         )
       : null;
 
   const workflowName =
     workflowRecord == null
-      ? readOptionalString(record, ["workflowName", "WorkflowName"])
-      : readOptionalString(workflowRecord, ["workflowName", "WorkflowName"]) ||
-        readOptionalString(record, ["workflowName", "WorkflowName"]);
+      ? readOptionalString(record, ['workflowName', 'WorkflowName'])
+      : readOptionalString(workflowRecord, ['workflowName', 'WorkflowName']) ||
+        readOptionalString(record, ['workflowName', 'WorkflowName']);
   const definitionActorIdPrefix =
     workflowRecord == null
       ? readOptionalString(record, [
-          "definitionActorIdPrefix",
-          "DefinitionActorIdPrefix",
+          'definitionActorIdPrefix',
+          'DefinitionActorIdPrefix',
         ])
       : readOptionalString(workflowRecord, [
-          "definitionActorIdPrefix",
-          "DefinitionActorIdPrefix",
+          'definitionActorIdPrefix',
+          'DefinitionActorIdPrefix',
         ]) ||
         readOptionalString(record, [
-          "definitionActorIdPrefix",
-          "DefinitionActorIdPrefix",
+          'definitionActorIdPrefix',
+          'DefinitionActorIdPrefix',
         ]);
   const implementationKind = readScopeBindingImplementationKind(
     record,
-    ["implementationKind", "ImplementationKind"],
+    ['implementationKind', 'ImplementationKind'],
     scriptRecord
-      ? "script"
+      ? 'script'
       : gAgentRecord
-        ? "gagent"
+        ? 'gagent'
         : workflowRecord || workflowName
-          ? "workflow"
-          : "unknown"
+          ? 'workflow'
+          : 'unknown',
   );
   const targetKind: StudioScopeBindingTargetKind = implementationKind;
   const targetName =
-    (targetKind === "workflow"
+    (targetKind === 'workflow'
       ? workflowName
-      : targetKind === "script"
-        ? readOptionalString(scriptRecord ?? {}, ["scriptId", "ScriptId"])
-        : targetKind === "gagent"
-        ? readOptionalString(gAgentRecord ?? {}, [
-              "diagnosticClrTypeName",
-              "DiagnosticClrTypeName",
+      : targetKind === 'script'
+        ? readOptionalString(scriptRecord ?? {}, ['scriptId', 'ScriptId'])
+        : targetKind === 'gagent'
+          ? readOptionalString(gAgentRecord ?? {}, [
+              'diagnosticClrTypeName',
+              'DiagnosticClrTypeName',
             ])
           : undefined) ||
     displayName ||
     serviceId ||
     readString(
       record,
-      ["revisionId", "RevisionId"],
-      "StudioScopeBindingResult.revisionId"
+      ['revisionId', 'RevisionId'],
+      'StudioScopeBindingResult.revisionId',
     );
 
   return {
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioScopeBindingResult.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioScopeBindingResult.scopeId',
     ),
     serviceId,
     displayName,
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
-      "StudioScopeBindingResult.revisionId"
+      ['revisionId', 'RevisionId'],
+      'StudioScopeBindingResult.revisionId',
     ),
     implementationKind,
     targetKind,
@@ -1708,54 +1832,54 @@ function decodeStudioScopeBindingResult(
     workflowName,
     definitionActorIdPrefix,
     expectedActorId: readOptionalString(record, [
-      "expectedActorId",
-      "ExpectedActorId",
+      'expectedActorId',
+      'ExpectedActorId',
     ]),
     workflow:
-      targetKind === "workflow" && (workflowName || definitionActorIdPrefix)
+      targetKind === 'workflow' && (workflowName || definitionActorIdPrefix)
         ? {
             workflowName: workflowName || displayName || targetName,
-            definitionActorIdPrefix: definitionActorIdPrefix || "",
+            definitionActorIdPrefix: definitionActorIdPrefix || '',
           }
         : null,
     script: scriptRecord
       ? {
           scriptId:
-            readOptionalString(scriptRecord, ["scriptId", "ScriptId"]) || "",
+            readOptionalString(scriptRecord, ['scriptId', 'ScriptId']) || '',
           scriptRevision:
             readOptionalString(scriptRecord, [
-              "scriptRevision",
-              "ScriptRevision",
-            ]) || "",
+              'scriptRevision',
+              'ScriptRevision',
+            ]) || '',
           definitionActorId:
             readOptionalString(scriptRecord, [
-              "definitionActorId",
-              "DefinitionActorId",
-            ]) || "",
+              'definitionActorId',
+              'DefinitionActorId',
+            ]) || '',
         }
       : null,
     gAgent: gAgentRecord
       ? {
           diagnosticClrTypeName:
             readOptionalString(gAgentRecord, [
-              "diagnosticClrTypeName",
-              "DiagnosticClrTypeName",
-            ]) || "",
+              'diagnosticClrTypeName',
+              'DiagnosticClrTypeName',
+            ]) || '',
         }
       : null,
   };
 }
 
 function decodeStudioSaveAndBindWorkflowResult(
-  value: unknown
+  value: unknown,
 ): StudioSaveAndBindWorkflowAcceptedResult {
-  const record = expectRecord(value, "StudioSaveAndBindWorkflowAcceptedResult");
+  const record = expectRecord(value, 'StudioSaveAndBindWorkflowAcceptedResult');
   const workflowRecord =
     record.workflow == null && record.Workflow == null
       ? null
       : expectRecord(
           record.workflow ?? record.Workflow,
-          "StudioSaveAndBindWorkflowAcceptedResult.workflow"
+          'StudioSaveAndBindWorkflowAcceptedResult.workflow',
         );
   const binding =
     record.binding == null && record.Binding == null
@@ -1763,18 +1887,18 @@ function decodeStudioSaveAndBindWorkflowResult(
       : decodeStudioScopeBindingResult(record.binding ?? record.Binding);
   const scopeId = readString(
     record,
-    ["scopeId", "ScopeId"],
-    "StudioSaveAndBindWorkflowAcceptedResult.scopeId"
+    ['scopeId', 'ScopeId'],
+    'StudioSaveAndBindWorkflowAcceptedResult.scopeId',
   );
   const workflowId = readString(
     record,
-    ["workflowId", "WorkflowId"],
-    "StudioSaveAndBindWorkflowAcceptedResult.workflowId"
+    ['workflowId', 'WorkflowId'],
+    'StudioSaveAndBindWorkflowAcceptedResult.workflowId',
   );
   const revisionId = readString(
     record,
-    ["revisionId", "RevisionId"],
-    "StudioSaveAndBindWorkflowAcceptedResult.revisionId"
+    ['revisionId', 'RevisionId'],
+    'StudioSaveAndBindWorkflowAcceptedResult.revisionId',
   );
 
   return {
@@ -1785,328 +1909,357 @@ function decodeStudioSaveAndBindWorkflowResult(
       ? {
           scopeId: readString(
             workflowRecord,
-            ["scopeId", "ScopeId"],
-            "StudioSaveAndBindWorkflowAcceptedResult.workflow.scopeId"
+            ['scopeId', 'ScopeId'],
+            'StudioSaveAndBindWorkflowAcceptedResult.workflow.scopeId',
           ),
           workflowId: readString(
             workflowRecord,
-            ["workflowId", "WorkflowId"],
-            "StudioSaveAndBindWorkflowAcceptedResult.workflow.workflowId"
+            ['workflowId', 'WorkflowId'],
+            'StudioSaveAndBindWorkflowAcceptedResult.workflow.workflowId',
           ),
           serviceKey: readOptionalString(workflowRecord, [
-            "serviceKey",
-            "ServiceKey",
+            'serviceKey',
+            'ServiceKey',
           ]),
           revisionId: readString(
             workflowRecord,
-            ["revisionId", "RevisionId"],
-            "StudioSaveAndBindWorkflowAcceptedResult.workflow.revisionId"
+            ['revisionId', 'RevisionId'],
+            'StudioSaveAndBindWorkflowAcceptedResult.workflow.revisionId',
           ),
           readModelUrl: readOptionalString(workflowRecord, [
-            "readModelUrl",
-            "ReadModelUrl",
+            'readModelUrl',
+            'ReadModelUrl',
           ]),
           acceptanceStage: readOptionalString(workflowRecord, [
-            "acceptanceStage",
-            "AcceptanceStage",
+            'acceptanceStage',
+            'AcceptanceStage',
           ]),
           propagationStage: readOptionalString(workflowRecord, [
-            "propagationStage",
-            "PropagationStage",
+            'propagationStage',
+            'PropagationStage',
           ]),
           displayName: readOptionalString(workflowRecord, [
-            "displayName",
-            "DisplayName",
+            'displayName',
+            'DisplayName',
           ]),
           workflowName: readOptionalString(workflowRecord, [
-            "workflowName",
-            "WorkflowName",
+            'workflowName',
+            'WorkflowName',
           ]),
         }
       : undefined,
     binding,
     acceptanceStage:
-      readOptionalString(record, ["acceptanceStage", "AcceptanceStage"]) ||
-      "accepted",
+      readOptionalString(record, ['acceptanceStage', 'AcceptanceStage']) ||
+      'accepted',
     propagationStage:
-      readOptionalString(record, ["propagationStage", "PropagationStage"]) ||
-      "readmodel_propagating",
+      readOptionalString(record, ['propagationStage', 'PropagationStage']) ||
+      'readmodel_propagating',
+  };
+}
+
+function decodeStudioPublishWorkflowResult(
+  value: unknown,
+): StudioPublishWorkflowAcceptedResult {
+  const record = expectRecord(value, 'StudioPublishWorkflowAcceptedResult');
+  return {
+    scopeId: readString(
+      record,
+      ['scopeId', 'ScopeId'],
+      'StudioPublishWorkflowAcceptedResult.scopeId',
+    ),
+    workflowId: readString(
+      record,
+      ['workflowId', 'WorkflowId'],
+      'StudioPublishWorkflowAcceptedResult.workflowId',
+    ),
+    serviceKey: readString(
+      record,
+      ['serviceKey', 'ServiceKey'],
+      'StudioPublishWorkflowAcceptedResult.serviceKey',
+    ),
+    revisionId: readString(
+      record,
+      ['revisionId', 'RevisionId'],
+      'StudioPublishWorkflowAcceptedResult.revisionId',
+    ),
+    acceptanceStage:
+      readOptionalString(record, ['acceptanceStage', 'AcceptanceStage']) ||
+      'accepted',
+    propagationStage:
+      readOptionalString(record, ['propagationStage', 'PropagationStage']) ||
+      'readmodel_propagating',
   };
 }
 
 function decodeStudioScopeBindingStatus(
-  value: unknown
+  value: unknown,
 ): StudioScopeBindingStatus {
-  const record = expectRecord(value, "StudioScopeBindingStatus");
+  const record = expectRecord(value, 'StudioScopeBindingStatus');
   return {
     available: readBoolean(
       record,
-      ["available", "Available"],
-      "StudioScopeBindingStatus.available"
+      ['available', 'Available'],
+      'StudioScopeBindingStatus.available',
     ),
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioScopeBindingStatus.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioScopeBindingStatus.scopeId',
     ),
     serviceId: readString(
       record,
-      [
-        "serviceId",
-        "ServiceId",
-        "publishedServiceId",
-        "PublishedServiceId",
-      ],
-      "StudioScopeBindingStatus.serviceId"
+      ['serviceId', 'ServiceId', 'publishedServiceId', 'PublishedServiceId'],
+      'StudioScopeBindingStatus.serviceId',
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
-      "StudioScopeBindingStatus.displayName"
+      ['displayName', 'DisplayName'],
+      'StudioScopeBindingStatus.displayName',
     ),
     serviceKey: readString(
       record,
       [
-        "serviceKey",
-        "ServiceKey",
-        "publishedServiceKey",
-        "PublishedServiceKey",
+        'serviceKey',
+        'ServiceKey',
+        'publishedServiceKey',
+        'PublishedServiceKey',
       ],
-      "StudioScopeBindingStatus.serviceKey"
+      'StudioScopeBindingStatus.serviceKey',
     ),
     defaultServingRevisionId: readString(
       record,
-      ["defaultServingRevisionId", "DefaultServingRevisionId"],
-      "StudioScopeBindingStatus.defaultServingRevisionId"
+      ['defaultServingRevisionId', 'DefaultServingRevisionId'],
+      'StudioScopeBindingStatus.defaultServingRevisionId',
     ),
     activeServingRevisionId: readString(
       record,
-      ["activeServingRevisionId", "ActiveServingRevisionId"],
-      "StudioScopeBindingStatus.activeServingRevisionId"
+      ['activeServingRevisionId', 'ActiveServingRevisionId'],
+      'StudioScopeBindingStatus.activeServingRevisionId',
     ),
     deploymentId: readString(
       record,
-      ["deploymentId", "DeploymentId"],
-      "StudioScopeBindingStatus.deploymentId"
+      ['deploymentId', 'DeploymentId'],
+      'StudioScopeBindingStatus.deploymentId',
     ),
     deploymentStatus: readString(
       record,
-      ["deploymentStatus", "DeploymentStatus"],
-      "StudioScopeBindingStatus.deploymentStatus"
+      ['deploymentStatus', 'DeploymentStatus'],
+      'StudioScopeBindingStatus.deploymentStatus',
     ),
     primaryActorId: readString(
       record,
-      ["primaryActorId", "PrimaryActorId"],
-      "StudioScopeBindingStatus.primaryActorId"
+      ['primaryActorId', 'PrimaryActorId'],
+      'StudioScopeBindingStatus.primaryActorId',
     ),
     updatedAt: readNullableString(
       record,
-      ["updatedAt", "UpdatedAt"],
-      "StudioScopeBindingStatus.updatedAt"
+      ['updatedAt', 'UpdatedAt'],
+      'StudioScopeBindingStatus.updatedAt',
     ),
     revisions: expectArray(
       record.revisions ?? record.Revisions,
-      "StudioScopeBindingStatus.revisions",
-      decodeStudioScopeBindingRevision
+      'StudioScopeBindingStatus.revisions',
+      decodeStudioScopeBindingRevision,
     ),
   };
 }
 
 function readStudioMemberImplementationKind(
   record: Record<string, unknown>,
-  keys: string | string[]
+  keys: string | string[],
 ): StudioMemberImplementationKind {
   return normalizeStudioScopeBindingImplementationKind(
-    readNullableString(record, keys, "StudioMemberSummary.implementationKind")
+    readNullableString(record, keys, 'StudioMemberSummary.implementationKind'),
   );
 }
 
 function readStudioMemberLifecycle(
   record: Record<string, unknown>,
-  keys: string | string[]
+  keys: string | string[],
 ): StudioMemberLifecycleStage {
   return normalizeStudioMemberLifecycleStage(
-    readNullableString(record, keys, "StudioMemberSummary.lifecycleStage")
+    readNullableString(record, keys, 'StudioMemberSummary.lifecycleStage'),
   );
 }
 
 function readStudioTeamLifecycle(
   record: Record<string, unknown>,
-  keys: string | string[]
+  keys: string | string[],
 ): StudioTeamLifecycleStage {
   return normalizeStudioTeamLifecycleStage(
-    readNullableString(record, keys, "StudioTeamSummary.lifecycleStage")
+    readNullableString(record, keys, 'StudioTeamSummary.lifecycleStage'),
   );
 }
 
 function decodeStudioMemberSummary(value: unknown): StudioMemberSummary {
-  const record = expectRecord(value, "StudioMemberSummary");
+  const record = expectRecord(value, 'StudioMemberSummary');
   return {
     memberId: readString(
       record,
-      ["memberId", "MemberId"],
-      "StudioMemberSummary.memberId"
+      ['memberId', 'MemberId'],
+      'StudioMemberSummary.memberId',
     ),
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioMemberSummary.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioMemberSummary.scopeId',
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
-      "StudioMemberSummary.displayName"
+      ['displayName', 'DisplayName'],
+      'StudioMemberSummary.displayName',
     ),
     description:
       readNullableString(
         record,
-        ["description", "Description"],
-        "StudioMemberSummary.description"
-      ) ?? "",
+        ['description', 'Description'],
+        'StudioMemberSummary.description',
+      ) ?? '',
     implementationKind: readStudioMemberImplementationKind(record, [
-      "implementationKind",
-      "ImplementationKind",
+      'implementationKind',
+      'ImplementationKind',
     ]),
     ...(record.implementationRef == null && record.ImplementationRef == null
       ? {}
       : {
           implementationRef: decodeStudioMemberImplementationRef(
-            record.implementationRef ?? record.ImplementationRef
+            record.implementationRef ?? record.ImplementationRef,
           ),
         }),
     lifecycleStage: readStudioMemberLifecycle(record, [
-      "lifecycleStage",
-      "LifecycleStage",
+      'lifecycleStage',
+      'LifecycleStage',
     ]),
     publishedServiceId: readString(
       record,
-      ["publishedServiceId", "PublishedServiceId"],
-      "StudioMemberSummary.publishedServiceId"
+      ['publishedServiceId', 'PublishedServiceId'],
+      'StudioMemberSummary.publishedServiceId',
     ),
     lastBoundRevisionId:
       readNullableString(
         record,
-        ["lastBoundRevisionId", "LastBoundRevisionId"],
-        "StudioMemberSummary.lastBoundRevisionId"
+        ['lastBoundRevisionId', 'LastBoundRevisionId'],
+        'StudioMemberSummary.lastBoundRevisionId',
       ) ?? null,
     teamId:
       readNullableString(
         record,
-        ["teamId", "TeamId"],
-        "StudioMemberSummary.teamId"
+        ['teamId', 'TeamId'],
+        'StudioMemberSummary.teamId',
       ) ?? null,
     createdAt: readString(
       record,
-      ["createdAt", "CreatedAt"],
-      "StudioMemberSummary.createdAt"
+      ['createdAt', 'CreatedAt'],
+      'StudioMemberSummary.createdAt',
     ),
     updatedAt: readString(
       record,
-      ["updatedAt", "UpdatedAt"],
-      "StudioMemberSummary.updatedAt"
+      ['updatedAt', 'UpdatedAt'],
+      'StudioMemberSummary.updatedAt',
     ),
   };
 }
 
 function decodeStudioTeamSummary(value: unknown): StudioTeamSummary {
-  const record = expectRecord(value, "StudioTeamSummary");
+  const record = expectRecord(value, 'StudioTeamSummary');
   return {
     teamId: readString(
       record,
-      ["teamId", "TeamId"],
-      "StudioTeamSummary.teamId"
+      ['teamId', 'TeamId'],
+      'StudioTeamSummary.teamId',
     ),
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioTeamSummary.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioTeamSummary.scopeId',
     ),
     displayName: readString(
       record,
-      ["displayName", "DisplayName"],
-      "StudioTeamSummary.displayName"
+      ['displayName', 'DisplayName'],
+      'StudioTeamSummary.displayName',
     ),
     description:
       readNullableString(
         record,
-        ["description", "Description"],
-        "StudioTeamSummary.description"
-      ) ?? "",
+        ['description', 'Description'],
+        'StudioTeamSummary.description',
+      ) ?? '',
     entryMemberId:
       readNullableString(
         record,
-        ["entryMemberId", "EntryMemberId"],
-        "StudioTeamSummary.entryMemberId"
+        ['entryMemberId', 'EntryMemberId'],
+        'StudioTeamSummary.entryMemberId',
       ) ?? null,
     lifecycleStage: readStudioTeamLifecycle(record, [
-      "lifecycleStage",
-      "LifecycleStage",
+      'lifecycleStage',
+      'LifecycleStage',
     ]),
     memberCount: readNumber(
       record,
-      ["memberCount", "MemberCount"],
-      "StudioTeamSummary.memberCount"
+      ['memberCount', 'MemberCount'],
+      'StudioTeamSummary.memberCount',
     ),
     createdAt: readString(
       record,
-      ["createdAt", "CreatedAt"],
-      "StudioTeamSummary.createdAt"
+      ['createdAt', 'CreatedAt'],
+      'StudioTeamSummary.createdAt',
     ),
     updatedAt: readString(
       record,
-      ["updatedAt", "UpdatedAt"],
-      "StudioTeamSummary.updatedAt"
+      ['updatedAt', 'UpdatedAt'],
+      'StudioTeamSummary.updatedAt',
     ),
   };
 }
 
 function decodeStudioTeamCommandResponse(
-  value: unknown
+  value: unknown,
 ): StudioTeamCommandResponse {
-  const record = expectRecord(value, "StudioTeamCommandResponse");
-  const status = readOptionalScalar(record, ["status", "Status"]);
+  const record = expectRecord(value, 'StudioTeamCommandResponse');
+  const status = readOptionalScalar(record, ['status', 'Status']);
   if (status === undefined) {
-    throw new Error("StudioTeamCommandResponse.status is required.");
+    throw new Error('StudioTeamCommandResponse.status is required.');
   }
 
   return {
     status: normalizeStudioTeamCommandStatus(status),
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioTeamCommandResponse.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioTeamCommandResponse.scopeId',
     ),
     teamId: readString(
       record,
-      ["teamId", "TeamId"],
-      "StudioTeamCommandResponse.teamId"
+      ['teamId', 'TeamId'],
+      'StudioTeamCommandResponse.teamId',
     ),
     commandId:
       readNullableString(
         record,
-        ["commandId", "CommandId"],
-        "StudioTeamCommandResponse.commandId"
+        ['commandId', 'CommandId'],
+        'StudioTeamCommandResponse.commandId',
       ) ?? null,
     correlationId:
       readNullableString(
         record,
-        ["correlationId", "CorrelationId"],
-        "StudioTeamCommandResponse.correlationId"
+        ['correlationId', 'CorrelationId'],
+        'StudioTeamCommandResponse.correlationId',
       ) ?? null,
     ackedAt:
       readNullableString(
         record,
-        ["ackedAt", "AckedAt"],
-        "StudioTeamCommandResponse.ackedAt"
+        ['ackedAt', 'AckedAt'],
+        'StudioTeamCommandResponse.ackedAt',
       ) ?? null,
   };
 }
 
 function synthesizeStudioTeamCommandResponseFromSummary(
-  summary: StudioTeamSummary
+  summary: StudioTeamSummary,
 ): StudioTeamCommandResponse {
   return {
-    status: "accepted",
+    status: 'accepted',
     scopeId: summary.scopeId,
     teamId: summary.teamId,
     commandId: null,
@@ -2116,14 +2269,14 @@ function synthesizeStudioTeamCommandResponseFromSummary(
 }
 
 function decodeCompatibleStudioTeamCommandResponse(
-  value: unknown
+  value: unknown,
 ): StudioTeamCommandResponse {
   try {
     return decodeStudioTeamCommandResponse(value);
   } catch (commandResponseError) {
     try {
       return synthesizeStudioTeamCommandResponseFromSummary(
-        decodeStudioTeamSummary(value)
+        decodeStudioTeamSummary(value),
       );
     } catch {
       throw commandResponseError;
@@ -2132,337 +2285,341 @@ function decodeCompatibleStudioTeamCommandResponse(
 }
 
 function decodeStudioTeamRoster(value: unknown): StudioTeamRoster {
-  const record = expectRecord(value, "StudioTeamRoster");
+  const record = expectRecord(value, 'StudioTeamRoster');
   return {
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioTeamRoster.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioTeamRoster.scopeId',
     ),
     teams: expectArray(
       record.teams ?? record.Teams,
-      "StudioTeamRoster.teams",
-      decodeStudioTeamSummary
+      'StudioTeamRoster.teams',
+      decodeStudioTeamSummary,
     ),
     nextPageToken:
       readNullableString(
         record,
-        ["nextPageToken", "NextPageToken"],
-        "StudioTeamRoster.nextPageToken"
+        ['nextPageToken', 'NextPageToken'],
+        'StudioTeamRoster.nextPageToken',
       ) ?? null,
   };
 }
 
 function decodeStudioMemberRoster(value: unknown): StudioMemberRoster {
-  const record = expectRecord(value, "StudioMemberRoster");
+  const record = expectRecord(value, 'StudioMemberRoster');
   return {
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioMemberRoster.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioMemberRoster.scopeId',
     ),
     members: expectArray(
       record.members ?? record.Members,
-      "StudioMemberRoster.members",
-      decodeStudioMemberSummary
+      'StudioMemberRoster.members',
+      decodeStudioMemberSummary,
     ),
     nextPageToken:
       readNullableString(
         record,
-        ["nextPageToken", "NextPageToken"],
-        "StudioMemberRoster.nextPageToken"
+        ['nextPageToken', 'NextPageToken'],
+        'StudioMemberRoster.nextPageToken',
       ) ?? null,
   };
 }
 
 function decodeStudioMemberImplementationRef(
-  value: unknown
+  value: unknown,
 ): StudioMemberImplementationRef {
-  const record = expectRecord(value, "StudioMemberImplementationRef");
+  const record = expectRecord(value, 'StudioMemberImplementationRef');
   return {
     implementationKind: readStudioMemberImplementationKind(record, [
-      "implementationKind",
-      "ImplementationKind",
+      'implementationKind',
+      'ImplementationKind',
     ]),
     workflowId:
       readNullableString(
         record,
-        ["workflowId", "WorkflowId"],
-        "StudioMemberImplementationRef.workflowId"
+        ['workflowId', 'WorkflowId'],
+        'StudioMemberImplementationRef.workflowId',
       ) ?? null,
     workflowRevision:
       readNullableString(
         record,
-        ["workflowRevision", "WorkflowRevision"],
-        "StudioMemberImplementationRef.workflowRevision"
+        ['workflowRevision', 'WorkflowRevision'],
+        'StudioMemberImplementationRef.workflowRevision',
       ) ?? null,
     scriptId:
       readNullableString(
         record,
-        ["scriptId", "ScriptId"],
-        "StudioMemberImplementationRef.scriptId"
+        ['scriptId', 'ScriptId'],
+        'StudioMemberImplementationRef.scriptId',
       ) ?? null,
     scriptRevision:
       readNullableString(
         record,
-        ["scriptRevision", "ScriptRevision"],
-        "StudioMemberImplementationRef.scriptRevision"
+        ['scriptRevision', 'ScriptRevision'],
+        'StudioMemberImplementationRef.scriptRevision',
       ) ?? null,
     agentKind:
       readNullableString(
         record,
-        ["agentKind", "AgentKind"],
-        "StudioMemberImplementationRef.agentKind"
+        ['agentKind', 'AgentKind'],
+        'StudioMemberImplementationRef.agentKind',
       ) ?? null,
     diagnosticActorTypeName:
       readNullableString(
         record,
-        ["diagnosticActorTypeName", "DiagnosticActorTypeName"],
-        "StudioMemberImplementationRef.diagnosticActorTypeName"
+        ['diagnosticActorTypeName', 'DiagnosticActorTypeName'],
+        'StudioMemberImplementationRef.diagnosticActorTypeName',
       ) ?? null,
   };
 }
 
 function decodeStudioMemberBindingContract(
-  value: unknown
+  value: unknown,
 ): StudioMemberBindingContract {
-  const record = expectRecord(value, "StudioMemberBindingContract");
+  const record = expectRecord(value, 'StudioMemberBindingContract');
   return {
     publishedServiceId: readString(
       record,
-      ["publishedServiceId", "PublishedServiceId"],
-      "StudioMemberBindingContract.publishedServiceId"
+      ['publishedServiceId', 'PublishedServiceId'],
+      'StudioMemberBindingContract.publishedServiceId',
     ),
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
-      "StudioMemberBindingContract.revisionId"
+      ['revisionId', 'RevisionId'],
+      'StudioMemberBindingContract.revisionId',
     ),
     implementationKind: readStudioMemberImplementationKind(record, [
-      "implementationKind",
-      "ImplementationKind",
+      'implementationKind',
+      'ImplementationKind',
     ]),
     boundAt: readString(
       record,
-      ["boundAt", "BoundAt"],
-      "StudioMemberBindingContract.boundAt"
+      ['boundAt', 'BoundAt'],
+      'StudioMemberBindingContract.boundAt',
     ),
   };
 }
 
 function decodeStudioMemberBindingRunResult(
-  value: unknown
+  value: unknown,
 ): StudioMemberBindingRunResult {
-  const record = expectRecord(value, "StudioMemberBindingRunResult");
+  const record = expectRecord(value, 'StudioMemberBindingRunResult');
   return {
     publishedServiceId: readString(
       record,
-      ["publishedServiceId", "PublishedServiceId"],
-      "StudioMemberBindingRunResult.publishedServiceId"
+      ['publishedServiceId', 'PublishedServiceId'],
+      'StudioMemberBindingRunResult.publishedServiceId',
     ),
     revisionId: readString(
       record,
-      ["revisionId", "RevisionId"],
-      "StudioMemberBindingRunResult.revisionId"
+      ['revisionId', 'RevisionId'],
+      'StudioMemberBindingRunResult.revisionId',
     ),
     implementationKind: readStudioMemberImplementationKind(record, [
-      "implementationKind",
-      "ImplementationKind",
+      'implementationKind',
+      'ImplementationKind',
     ]),
     expectedActorId:
       readNullableString(
         record,
-        ["expectedActorId", "ExpectedActorId"],
-        "StudioMemberBindingRunResult.expectedActorId"
+        ['expectedActorId', 'ExpectedActorId'],
+        'StudioMemberBindingRunResult.expectedActorId',
       ) ?? null,
   };
 }
 
 function normalizeStudioMemberBindingRunStatus(
-  value: string | number | null | undefined
+  value: string | number | null | undefined,
 ): StudioMemberBindingRunStatus {
   if (value == null) {
-    return "unknown";
+    return 'unknown';
   }
 
-  return normalizeEnumValue(value, "status", {
-    "0": "unknown",
-    "1": "accepted",
-    "2": "admission_pending",
-    "3": "admitted",
-    "4": "platform_binding_pending",
-    "5": "succeeded",
-    "6": "failed",
-    "7": "rejected",
-    "8": "member_notification_pending",
-    accepted: "accepted",
-    admission_pending: "admission_pending",
-    admissionpending: "admission_pending",
-    admitted: "admitted",
-    platform_binding_pending: "platform_binding_pending",
-    platformbindingpending: "platform_binding_pending",
-    platform_pending: "platform_binding_pending",
-    platformpending: "platform_binding_pending",
-    member_notification_pending: "member_notification_pending",
-    membernotificationpending: "member_notification_pending",
-    notification_pending: "member_notification_pending",
-    notificationpending: "member_notification_pending",
-    succeeded: "succeeded",
-    completed: "succeeded",
-    failed: "failed",
-    rejected: "rejected",
-    unspecified: "unknown",
-    unknown: "unknown",
+  return normalizeEnumValue(value, 'status', {
+    '0': 'unknown',
+    '1': 'accepted',
+    '2': 'admission_pending',
+    '3': 'admitted',
+    '4': 'platform_binding_pending',
+    '5': 'succeeded',
+    '6': 'failed',
+    '7': 'rejected',
+    '8': 'member_notification_pending',
+    accepted: 'accepted',
+    admission_pending: 'admission_pending',
+    admissionpending: 'admission_pending',
+    admitted: 'admitted',
+    platform_binding_pending: 'platform_binding_pending',
+    platformbindingpending: 'platform_binding_pending',
+    platform_pending: 'platform_binding_pending',
+    platformpending: 'platform_binding_pending',
+    member_notification_pending: 'member_notification_pending',
+    membernotificationpending: 'member_notification_pending',
+    notification_pending: 'member_notification_pending',
+    notificationpending: 'member_notification_pending',
+    succeeded: 'succeeded',
+    completed: 'succeeded',
+    failed: 'failed',
+    rejected: 'rejected',
+    unspecified: 'unknown',
+    unknown: 'unknown',
   }) as StudioMemberBindingRunStatus;
 }
 
 function normalizeStudioMemberBindingAckStage(
-  value: string | number | null | undefined
+  value: string | number | null | undefined,
 ): StudioMemberBindingAckStage {
   if (value == null) {
-    return "unknown";
+    return 'unknown';
   }
 
-  const normalized = normalizeEnumValue(value, "ackStage", {
-    "0": "unknown",
-    "1": "dispatch_accepted",
-    dispatch_accepted: "dispatch_accepted",
-    dispatchaccepted: "dispatch_accepted",
-    unknown: "unknown",
+  const normalized = normalizeEnumValue(value, 'ackStage', {
+    '0': 'unknown',
+    '1': 'dispatch_accepted',
+    dispatch_accepted: 'dispatch_accepted',
+    dispatchaccepted: 'dispatch_accepted',
+    unknown: 'unknown',
   });
 
-  return normalized === "dispatch_accepted" ? normalized : "unknown";
+  return normalized === 'dispatch_accepted' ? normalized : 'unknown';
 }
 
 function normalizeStudioMemberBindingRunRole(
-  value: string | number | null | undefined
+  value: string | number | null | undefined,
 ): StudioMemberBindingRunRole {
   if (value == null) {
-    return "unknown";
+    return 'unknown';
   }
 
-  const normalized = normalizeEnumValue(value, "bindingRunRole", {
-    "0": "unknown",
-    "1": "candidate",
-    candidate: "candidate",
-    unknown: "unknown",
+  const normalized = normalizeEnumValue(value, 'bindingRunRole', {
+    '0': 'unknown',
+    '1': 'candidate',
+    candidate: 'candidate',
+    unknown: 'unknown',
   });
 
-  return normalized === "candidate" ? normalized : "unknown";
+  return normalized === 'candidate' ? normalized : 'unknown';
 }
 
 function normalizeStudioMemberCommandStatus(
-  value: string | number | null | undefined
+  value: string | number | null | undefined,
 ): StudioMemberCommandStatus {
   if (value == null) {
-    return "unknown";
+    return 'unknown';
   }
 
-  const normalized = normalizeEnumValue(value, "status", {
-    "0": "unknown",
-    "1": "accepted",
-    "2": "no_change",
-    "3": "delete_accepted",
-    accepted: "accepted",
-    delete_accepted: "delete_accepted",
-    deleteaccepted: "delete_accepted",
-    no_change: "no_change",
-    nochange: "no_change",
-    unchanged: "no_change",
-    unknown: "unknown",
+  const normalized = normalizeEnumValue(value, 'status', {
+    '0': 'unknown',
+    '1': 'accepted',
+    '2': 'no_change',
+    '3': 'delete_accepted',
+    accepted: 'accepted',
+    delete_accepted: 'delete_accepted',
+    deleteaccepted: 'delete_accepted',
+    no_change: 'no_change',
+    nochange: 'no_change',
+    unchanged: 'no_change',
+    unknown: 'unknown',
   });
 
-  return normalized === "accepted" ||
-    normalized === "delete_accepted" ||
-    normalized === "no_change"
+  return normalized === 'accepted' ||
+    normalized === 'delete_accepted' ||
+    normalized === 'no_change'
     ? normalized
-    : "unknown";
+    : 'unknown';
 }
 
 function normalizeCommandReceiptStatus(
-  value: string | number | null | undefined
+  value: string | number | null | undefined,
 ): StudioTeamCommandStatus {
   if (value == null) {
-    return "unknown";
+    return 'unknown';
   }
 
-  const normalized = normalizeEnumValue(value, "status", {
-    "0": "unknown",
-    "1": "accepted",
-    "2": "no_change",
-    accepted: "accepted",
-    no_change: "no_change",
-    nochange: "no_change",
-    unchanged: "no_change",
-    unknown: "unknown",
+  const normalized = normalizeEnumValue(value, 'status', {
+    '0': 'unknown',
+    '1': 'accepted',
+    '2': 'no_change',
+    accepted: 'accepted',
+    no_change: 'no_change',
+    nochange: 'no_change',
+    unchanged: 'no_change',
+    unknown: 'unknown',
   });
 
-  return normalized === "accepted" || normalized === "no_change"
+  return normalized === 'accepted' || normalized === 'no_change'
     ? normalized
-    : "unknown";
+    : 'unknown';
 }
 
 function normalizeStudioTeamCommandStatus(
-  value: string | number | null | undefined
+  value: string | number | null | undefined,
 ): StudioTeamCommandStatus {
   return normalizeCommandReceiptStatus(value);
 }
 
 function decodeStudioMemberBindingFailure(
-  value: unknown
+  value: unknown,
 ): StudioMemberBindingFailure {
-  const record = expectRecord(value, "StudioMemberBindingFailure");
+  const record = expectRecord(value, 'StudioMemberBindingFailure');
   return {
-    code: readString(record, ["code", "Code"], "StudioMemberBindingFailure.code"),
+    code: readString(
+      record,
+      ['code', 'Code'],
+      'StudioMemberBindingFailure.code',
+    ),
     message:
       readNullableString(
         record,
-        ["message", "Message"],
-        "StudioMemberBindingFailure.message"
+        ['message', 'Message'],
+        'StudioMemberBindingFailure.message',
       ) ?? null,
     failedAt:
       readNullableString(
         record,
-        ["failedAt", "FailedAt", "failedAtUtc", "FailedAtUtc"],
-        "StudioMemberBindingFailure.failedAt"
+        ['failedAt', 'FailedAt', 'failedAtUtc', 'FailedAtUtc'],
+        'StudioMemberBindingFailure.failedAt',
       ) ?? null,
   };
 }
 
 function decodeStudioMemberBindingRunStatusResponse(
-  value: unknown
+  value: unknown,
 ): StudioMemberBindingRunStatusResponse {
-  const record = expectRecord(value, "StudioMemberBindingRunStatusResponse");
+  const record = expectRecord(value, 'StudioMemberBindingRunStatusResponse');
   const result =
     record.result == null && record.Result == null
       ? undefined
       : decodeStudioMemberBindingRunResult(record.result ?? record.Result);
   return {
     status: normalizeStudioMemberBindingRunStatus(
-      readOptionalScalar(record, ["status", "Status"])
+      readOptionalScalar(record, ['status', 'Status']),
     ),
     bindingRunId: readString(
       record,
-      ["bindingRunId", "BindingRunId"],
-      "StudioMemberBindingRunStatusResponse.bindingRunId"
+      ['bindingRunId', 'BindingRunId'],
+      'StudioMemberBindingRunStatusResponse.bindingRunId',
     ),
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioMemberBindingRunStatusResponse.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioMemberBindingRunStatusResponse.scopeId',
     ),
     memberId: readString(
       record,
-      ["memberId", "MemberId"],
-      "StudioMemberBindingRunStatusResponse.memberId"
+      ['memberId', 'MemberId'],
+      'StudioMemberBindingRunStatusResponse.memberId',
     ),
     stateVersion:
       readOptionalNumber(record.stateVersion ?? record.StateVersion) ?? null,
     platformBindingCommandId:
       readNullableString(
         record,
-        ["platformBindingCommandId", "PlatformBindingCommandId"],
-        "StudioMemberBindingRunStatusResponse.platformBindingCommandId"
+        ['platformBindingCommandId', 'PlatformBindingCommandId'],
+        'StudioMemberBindingRunStatusResponse.platformBindingCommandId',
       ) ?? null,
     ...(result === undefined ? {} : { result }),
     failure:
@@ -2472,125 +2629,128 @@ function decodeStudioMemberBindingRunStatusResponse(
     updatedAt:
       readNullableString(
         record,
-        ["updatedAt", "UpdatedAt", "updatedAtUtc", "UpdatedAtUtc"],
-        "StudioMemberBindingRunStatusResponse.updatedAt"
+        ['updatedAt', 'UpdatedAt', 'updatedAtUtc', 'UpdatedAtUtc'],
+        'StudioMemberBindingRunStatusResponse.updatedAt',
       ) ?? null,
   };
 }
 
 function decodeStudioMemberBindingAcceptedResponse(
-  value: unknown
+  value: unknown,
 ): StudioMemberBindingAcceptedResponse {
-  const record = expectRecord(value, "StudioMemberBindingAcceptedResponse");
+  const record = expectRecord(value, 'StudioMemberBindingAcceptedResponse');
   return {
     status: normalizeStudioMemberBindingRunStatus(
-      readOptionalScalar(record, ["status", "Status"])
+      readOptionalScalar(record, ['status', 'Status']),
     ),
     bindingRunId: readString(
       record,
-      ["bindingRunId", "BindingRunId"],
-      "StudioMemberBindingAcceptedResponse.bindingRunId"
+      ['bindingRunId', 'BindingRunId'],
+      'StudioMemberBindingAcceptedResponse.bindingRunId',
     ),
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioMemberBindingAcceptedResponse.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioMemberBindingAcceptedResponse.scopeId',
     ),
     memberId: readString(
       record,
-      ["memberId", "MemberId"],
-      "StudioMemberBindingAcceptedResponse.memberId"
+      ['memberId', 'MemberId'],
+      'StudioMemberBindingAcceptedResponse.memberId',
     ),
     ackStage: normalizeStudioMemberBindingAckStage(
-      readOptionalScalar(record, ["ackStage", "AckStage"])
+      readOptionalScalar(record, ['ackStage', 'AckStage']),
     ),
     bindingRunRole: normalizeStudioMemberBindingRunRole(
-      readOptionalScalar(record, ["bindingRunRole", "BindingRunRole"])
+      readOptionalScalar(record, ['bindingRunRole', 'BindingRunRole']),
     ),
   };
 }
 
 function decodeStudioMemberCommandResponse(
-  value: unknown
+  value: unknown,
 ): StudioMemberCommandResponse {
-  const record = expectRecord(value, "StudioMemberCommandResponse");
+  const record = expectRecord(value, 'StudioMemberCommandResponse');
   return {
     status: normalizeStudioMemberCommandStatus(
-      readOptionalScalar(record, ["status", "Status"])
+      readOptionalScalar(record, ['status', 'Status']),
     ),
     scopeId: readString(
       record,
-      ["scopeId", "ScopeId"],
-      "StudioMemberCommandResponse.scopeId"
+      ['scopeId', 'ScopeId'],
+      'StudioMemberCommandResponse.scopeId',
     ),
     memberId: readString(
       record,
-      ["memberId", "MemberId"],
-      "StudioMemberCommandResponse.memberId"
+      ['memberId', 'MemberId'],
+      'StudioMemberCommandResponse.memberId',
     ),
     ackedAt:
       readNullableString(
         record,
-        ["ackedAt", "AckedAt"],
-        "StudioMemberCommandResponse.ackedAt"
+        ['ackedAt', 'AckedAt'],
+        'StudioMemberCommandResponse.ackedAt',
       ) ?? null,
   };
 }
 
 function decodeStudioMemberBindingViewResponse(
-  value: unknown
+  value: unknown,
 ): StudioMemberBindingViewResponse {
-  const record = expectRecord(value, "StudioMemberBindingViewResponse");
+  const record = expectRecord(value, 'StudioMemberBindingViewResponse');
   const currentBindingRun =
     record.currentBindingRun == null && record.CurrentBindingRun == null
       ? undefined
       : decodeStudioMemberBindingRunStatusResponse(
-          record.currentBindingRun ?? record.CurrentBindingRun
+          record.currentBindingRun ?? record.CurrentBindingRun,
         );
   return {
     lastBinding:
       record.lastBinding == null && record.LastBinding == null
         ? null
         : decodeStudioMemberBindingContract(
-            record.lastBinding ?? record.LastBinding
+            record.lastBinding ?? record.LastBinding,
           ),
     ...(currentBindingRun === undefined ? {} : { currentBindingRun }),
   };
 }
 
 function decodeStudioMemberDetail(value: unknown): StudioMemberDetail {
-  const record = expectRecord(value, "StudioMemberDetail");
+  const record = expectRecord(value, 'StudioMemberDetail');
   const currentBindingRun =
     record.currentBindingRun == null && record.CurrentBindingRun == null
       ? undefined
       : decodeStudioMemberBindingRunStatusResponse(
-          record.currentBindingRun ?? record.CurrentBindingRun
+          record.currentBindingRun ?? record.CurrentBindingRun,
         );
   return {
     summary: decodeStudioMemberSummary(
-      expectRecord(record.summary ?? record.Summary, "StudioMemberDetail.summary")
+      expectRecord(
+        record.summary ?? record.Summary,
+        'StudioMemberDetail.summary',
+      ),
     ),
     implementationRef:
       record.implementationRef == null && record.ImplementationRef == null
         ? null
         : decodeStudioMemberImplementationRef(
-            record.implementationRef ?? record.ImplementationRef
+            record.implementationRef ?? record.ImplementationRef,
           ),
     lastBinding:
       record.lastBinding == null && record.LastBinding == null
         ? null
         : decodeStudioMemberBindingContract(
-            record.lastBinding ?? record.LastBinding
+            record.lastBinding ?? record.LastBinding,
           ),
     ...(currentBindingRun === undefined ? {} : { currentBindingRun }),
   };
 }
 
 function synthesizeStudioMemberCommandResponseFromDetail(
-  detail: StudioMemberDetail
+  detail: StudioMemberDetail,
 ): StudioMemberCommandResponse {
   return {
-    status: "accepted",
+    status: 'accepted',
     scopeId: detail.summary.scopeId,
     memberId: detail.summary.memberId,
     ackedAt: null,
@@ -2598,14 +2758,14 @@ function synthesizeStudioMemberCommandResponseFromDetail(
 }
 
 function decodeCompatibleStudioMemberPatchResponse(
-  value: unknown
+  value: unknown,
 ): StudioMemberCommandResponse {
   try {
     return decodeStudioMemberCommandResponse(value);
   } catch (commandResponseError) {
     try {
       return synthesizeStudioMemberCommandResponseFromDetail(
-        decodeStudioMemberDetail(value)
+        decodeStudioMemberDetail(value),
       );
     } catch {
       throw commandResponseError;
@@ -2615,43 +2775,45 @@ function decodeCompatibleStudioMemberPatchResponse(
 
 export const studioApi = {
   getAppContext(): Promise<StudioAppContext> {
-    return requestJson("/api/studio/context");
+    return requestJson('/api/studio/context');
   },
 
   getAuthSession(): Promise<StudioAuthSession> {
-    return requestJson("/api/auth/me");
+    return requestJson('/api/auth/me');
   },
 
-  getWorkspaceSettings(scopeId?: string | null): Promise<StudioWorkspaceSettings> {
-    return requestJson(withOptionalScopeId("/api/workspace/", scopeId));
+  getWorkspaceSettings(
+    scopeId?: string | null,
+  ): Promise<StudioWorkspaceSettings> {
+    return requestJson(withOptionalScopeId('/api/workspace/', scopeId));
   },
 
   getWorkflowBoardSnapshot(
     scopeId: string,
-    request: StudioWorkflowBoardSnapshotRequest
+    request: StudioWorkflowBoardSnapshotRequest,
   ): Promise<StudioWorkflowBoardSnapshot> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/workflow-board/snapshot`,
       decodeStudioWorkflowBoardSnapshot,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify(compactWorkflowBoardSnapshotRequest(request)),
-      }
+      },
     );
   },
 
   listTeams(scopeId: string): Promise<StudioTeamRoster> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/teams`,
-      decodeStudioTeamRoster
+      decodeStudioTeamRoster,
     );
   },
 
   getTeam(scopeId: string, teamId: string): Promise<StudioTeamSummary> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/teams/${encodeURIComponent(teamId.trim())}`,
-      decodeStudioTeamSummary
+      decodeStudioTeamSummary,
     );
   },
 
@@ -2660,104 +2822,111 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/teams`,
       decodeStudioTeamSummary,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
             displayName: input.displayName.trim(),
             description: trimOptional(input.description),
             teamId: trimOptional(input.teamId),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
   updateTeam(
-    input: StudioTeamUpdateInput
+    input: StudioTeamUpdateInput,
   ): Promise<StudioTeamCommandResponse | undefined> {
     return requestDecodedJsonOrAccepted(
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/teams/${encodeURIComponent(input.teamId.trim())}`,
       decodeCompatibleStudioTeamCommandResponse,
       {
-        method: "PATCH",
+        method: 'PATCH',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
             displayName:
-              input.displayName === null ? null : trimOptional(input.displayName),
+              input.displayName === null
+                ? null
+                : trimOptional(input.displayName),
             description:
-              input.description === null ? null : trimOptional(input.description),
-          })
+              input.description === null
+                ? null
+                : trimOptional(input.description),
+          }),
         ),
-      }
+      },
     );
   },
 
   archiveTeam(
     scopeId: string,
-    teamId: string
+    teamId: string,
   ): Promise<StudioTeamCommandResponse | undefined> {
     return requestDecodedJsonOrAccepted(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/teams/${encodeURIComponent(teamId.trim())}/archive`,
       decodeCompatibleStudioTeamCommandResponse,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
-      }
+      },
     );
   },
 
   setTeamEntryMember(
     scopeId: string,
     teamId: string,
-    memberId: string
+    memberId: string,
   ): Promise<StudioTeamSummary | undefined> {
     return requestDecodedJsonOrAccepted(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/teams/${encodeURIComponent(teamId.trim())}/entry-member`,
       decodeStudioTeamSummary,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify({
           memberId: memberId.trim(),
         }),
-      }
+      },
     );
   },
 
   clearTeamEntryMember(
     scopeId: string,
-    teamId: string
+    teamId: string,
   ): Promise<StudioTeamSummary | undefined> {
     return requestDecodedJsonOrAccepted(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/teams/${encodeURIComponent(teamId.trim())}/entry-member`,
       decodeStudioTeamSummary,
       {
-        method: "DELETE",
+        method: 'DELETE',
         headers: JSON_HEADERS,
-      }
+      },
     );
   },
 
-  listTeamMembers(scopeId: string, teamId: string): Promise<StudioMemberRoster> {
+  listTeamMembers(
+    scopeId: string,
+    teamId: string,
+  ): Promise<StudioMemberRoster> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/teams/${encodeURIComponent(teamId.trim())}/members`,
-      decodeStudioMemberRoster
+      decodeStudioMemberRoster,
     );
   },
 
   listMembers(scopeId: string): Promise<StudioMemberRoster> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/members`,
-      decodeStudioMemberRoster
+      decodeStudioMemberRoster,
     );
   },
 
   getMember(scopeId: string, memberId: string): Promise<StudioMemberDetail> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/members/${encodeURIComponent(memberId.trim())}`,
-      decodeStudioMemberDetail
+      decodeStudioMemberDetail,
     );
   },
 
@@ -2772,7 +2941,7 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members`,
       decodeStudioMemberSummary,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
@@ -2780,9 +2949,9 @@ export const studioApi = {
             implementationKind: input.implementationKind,
             description: trimOptional(input.description),
             teamId: trimOptional(input.teamId),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
@@ -2798,7 +2967,7 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members`,
       decodeStudioMemberSummary,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
@@ -2807,9 +2976,9 @@ export const studioApi = {
             description: trimOptional(input.description),
             memberId: input.memberId.trim(),
             teamId: trimOptional(input.teamId),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
@@ -2822,12 +2991,12 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members/${encodeURIComponent(input.memberId.trim())}`,
       decodeCompatibleStudioMemberPatchResponse,
       {
-        method: "PATCH",
+        method: 'PATCH',
         headers: JSON_HEADERS,
         body: JSON.stringify({
           teamId: input.teamId === null ? null : input.teamId.trim(),
         }),
-      }
+      },
     );
   },
 
@@ -2841,12 +3010,12 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members/${encodeURIComponent(input.memberId.trim())}`,
       decodeCompatibleStudioMemberPatchResponse,
       {
-        method: "PATCH",
+        method: 'PATCH',
         headers: JSON_HEADERS,
         body: JSON.stringify({
           displayName,
         }),
-      }
+      },
     );
   },
 
@@ -2859,19 +3028,23 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members/${encodeURIComponent(input.memberId.trim())}`,
       decodeCompatibleStudioMemberPatchResponse,
       {
-        method: "PATCH",
+        method: 'PATCH',
         headers: JSON_HEADERS,
         body: JSON.stringify({
           implementationRef: compactObject({
             implementationKind: input.implementationRef.implementationKind,
             workflowId: trimOptional(input.implementationRef.workflowId),
-            workflowRevision: trimOptional(input.implementationRef.workflowRevision),
+            workflowRevision: trimOptional(
+              input.implementationRef.workflowRevision,
+            ),
             scriptId: trimOptional(input.implementationRef.scriptId),
-            scriptRevision: trimOptional(input.implementationRef.scriptRevision),
+            scriptRevision: trimOptional(
+              input.implementationRef.scriptRevision,
+            ),
             agentKind: trimOptional(input.implementationRef.agentKind),
           }),
         }),
-      }
+      },
     );
   },
 
@@ -2883,61 +3056,68 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members/${encodeURIComponent(input.memberId.trim())}`,
       decodeStudioMemberCommandResponse,
       {
-        method: "DELETE",
+        method: 'DELETE',
         headers: JSON_HEADERS,
-      }
+      },
     );
   },
 
-  listWorkflowDrafts(scopeId?: string | null): Promise<StudioWorkflowDraftSummary[]> {
-    return requestJson(withOptionalScopeId("/api/workspace/workflow-drafts", scopeId));
+  listWorkflowDrafts(
+    scopeId?: string | null,
+  ): Promise<StudioWorkflowDraftSummary[]> {
+    return requestJson(
+      withOptionalScopeId('/api/workspace/workflow-drafts', scopeId),
+    );
   },
 
   getTemplateWorkflow(
-    workflowName: string
+    workflowName: string,
   ): Promise<WorkflowCatalogItemDetail> {
     return requestDecodedJson(
       `/api/workflows/${encodeURIComponent(workflowName)}`,
-      decodeWorkflowCatalogItemDetailResponse
+      decodeWorkflowCatalogItemDetailResponse,
     );
   },
 
   getWorkflowDraft(
     workflowId: string,
-    scopeId?: string | null
+    scopeId?: string | null,
   ): Promise<StudioWorkflowDraft> {
     return requestJson(
       withOptionalScopeId(
         `/api/workspace/workflow-drafts/${encodeURIComponent(workflowId)}`,
-        scopeId
-      )
+        scopeId,
+      ),
     );
   },
 
   async getWorkflowDraftFile(
     workflowId: string,
-    scopeId?: string | null
+    scopeId?: string | null,
   ): Promise<StudioWorkflowFile> {
     const draft = await this.getWorkflowDraft(workflowId, scopeId);
     return toWorkflowFile(draft, true);
   },
 
   createWorkflowDraft(
-    input: Omit<StudioSaveWorkflowInput, "workflowId">
+    input: Omit<StudioSaveWorkflowInput, 'workflowId'>,
   ): Promise<StudioWorkflowSaveResult> {
-    return studioHostFetch(withOptionalScopeId("/api/workspace/workflow-drafts", input.scopeId), {
-      method: "POST",
-      headers: JSON_HEADERS,
-      body: JSON.stringify(
-        compactObject({
-          directoryId: input.directoryId,
-          workflowName: input.workflowName.trim(),
-          fileName: trimOptional(input.fileName),
-          yaml: input.yaml,
-          layout: input.layout,
-        })
-      ),
-    }).then(async (response) => {
+    return studioHostFetch(
+      withOptionalScopeId('/api/workspace/workflow-drafts', input.scopeId),
+      {
+        method: 'POST',
+        headers: JSON_HEADERS,
+        body: JSON.stringify(
+          compactObject({
+            directoryId: input.directoryId,
+            workflowName: input.workflowName.trim(),
+            fileName: trimOptional(input.fileName),
+            yaml: input.yaml,
+            layout: input.layout,
+          }),
+        ),
+      },
+    ).then(async (response) => {
       if (!response.ok) {
         throw await createStudioApiError(response);
       }
@@ -2945,28 +3125,46 @@ export const studioApi = {
       const payload = await response.json();
       if (response.status === 202) {
         return {
-          kind: "accepted",
+          kind: 'accepted',
           receipt: decodeStudioWorkflowDraftCreateAcceptedReceipt(payload),
         };
       }
 
       return {
-        kind: "materialized",
+        kind: 'materialized',
         workflow: toWorkflowFile(decodeStudioWorkflowDraft(payload), true),
       };
     });
   },
 
+  instantiateWorkflowTemplate(input: {
+    scopeId: string;
+    templateId: string;
+    expectedAuthorityStateVersion: number;
+  }): Promise<StudioWorkflowDraftCreateAcceptedReceipt> {
+    return requestDecodedJson(
+      `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/workflow-templates/${encodeURIComponent(input.templateId.trim())}:instantiate`,
+      decodeStudioWorkflowDraftCreateAcceptedReceipt,
+      {
+        method: 'POST',
+        headers: JSON_HEADERS,
+        body: JSON.stringify({
+          expectedAuthorityStateVersion: input.expectedAuthorityStateVersion,
+        }),
+      },
+    );
+  },
+
   updateWorkflowDraft(
-    input: StudioSaveWorkflowInput & { workflowId: string }
+    input: StudioSaveWorkflowInput & { workflowId: string },
   ): Promise<StudioWorkflowDraft> {
     return requestJson(
       withOptionalScopeId(
         `/api/workspace/workflow-drafts/${encodeURIComponent(input.workflowId)}`,
-        input.scopeId
+        input.scopeId,
       ),
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
@@ -2975,24 +3173,24 @@ export const studioApi = {
             fileName: trimOptional(input.fileName),
             yaml: input.yaml,
             layout: input.layout,
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
   deleteWorkflowDraft(
     workflowId: string,
-    scopeId?: string | null
+    scopeId?: string | null,
   ): Promise<void> {
     return requestJson(
       withOptionalScopeId(
         `/api/workspace/workflow-drafts/${encodeURIComponent(workflowId)}`,
-        scopeId
+        scopeId,
       ),
       {
-        method: "DELETE",
-      }
+        method: 'DELETE',
+      },
     );
   },
 
@@ -3011,7 +3209,7 @@ export const studioApi = {
       for (const workflow of committed) {
         merged.set(
           workflow.workflowId,
-          toCommittedWorkflowSummary(normalizedScopeId, workflow)
+          toCommittedWorkflowSummary(normalizedScopeId, workflow),
         );
       }
 
@@ -3026,23 +3224,23 @@ export const studioApi = {
                 serviceKey: existing.serviceKey ?? null,
                 updatedAtUtc: selectLatestTimestamp(
                   draft.updatedAtUtc,
-                  existing.updatedAtUtc
+                  existing.updatedAtUtc,
                 ),
               }
-            : draft
+            : draft,
         );
       }
 
       return Array.from(merged.values()).sort(
         (left, right) =>
-          Date.parse(right.updatedAtUtc) - Date.parse(left.updatedAtUtc)
+          Date.parse(right.updatedAtUtc) - Date.parse(left.updatedAtUtc),
       );
     });
   },
 
   async getWorkflow(
     workflowId: string,
-    scopeId?: string | null
+    scopeId?: string | null,
   ): Promise<StudioWorkflowFile> {
     const normalizedScopeId = trimOptional(scopeId);
     if (!normalizedScopeId) {
@@ -3053,26 +3251,30 @@ export const studioApi = {
     const draft = await requestJsonOrNull<StudioWorkflowDraft>(
       withOptionalScopeId(
         `/api/workspace/workflow-drafts/${encodeURIComponent(workflowId)}`,
-        normalizedScopeId
-      )
+        normalizedScopeId,
+      ),
     );
     if (draft) {
       return toWorkflowFile(draft, true);
     }
 
-    return toCommittedWorkflowFile(
-      normalizedScopeId,
-      await scopesApi.getWorkflowDetail(normalizedScopeId, workflowId)
-    );
+    const committed = (
+      await scopesApi.listWorkflowDetails(normalizedScopeId)
+    ).find((detail) => detail.workflow?.workflowId === workflowId);
+    if (!committed) {
+      throw new Error('Not Found');
+    }
+
+    return toCommittedWorkflowFile(normalizedScopeId, committed);
   },
 
   async getPublishedWorkflow(
     workflowId: string,
-    scopeId: string
+    scopeId: string,
   ): Promise<StudioWorkflowFile> {
     return toCommittedWorkflowFile(
       scopeId.trim(),
-      await scopesApi.getWorkflowDetail(scopeId.trim(), workflowId)
+      await scopesApi.getWorkflowDetail(scopeId.trim(), workflowId),
     );
   },
 
@@ -3083,7 +3285,7 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/workflows:explicit-request-preview`,
       decodeStudioExplicitRequestPreview,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
@@ -3102,7 +3304,9 @@ export const studioApi = {
     );
   },
 
-  async saveWorkflow(input: StudioSaveWorkflowInput): Promise<StudioWorkflowSaveResult> {
+  async saveWorkflow(
+    input: StudioSaveWorkflowInput,
+  ): Promise<StudioWorkflowSaveResult> {
     const normalizedWorkflowId = trimOptional(input.workflowId);
     const shouldUpdate =
       Boolean(normalizedWorkflowId) &&
@@ -3113,7 +3317,7 @@ export const studioApi = {
         workflowId: normalizedWorkflowId,
       });
       return {
-        kind: "materialized",
+        kind: 'materialized',
         workflow: toWorkflowFile(draft, true),
       };
     }
@@ -3129,13 +3333,13 @@ export const studioApi = {
   },
 
   saveAndBindWorkflow(
-    input: StudioSaveAndBindWorkflowInput
+    input: StudioSaveAndBindWorkflowInput,
   ): Promise<StudioSaveAndBindWorkflowAcceptedResult> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/workflows:save-and-bind`,
       decodeStudioSaveAndBindWorkflowResult,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
@@ -3163,16 +3367,52 @@ export const studioApi = {
                     attestedRisk: confirmation.attestedRisk,
                   }))
                 : undefined,
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
-  deleteWorkflow(
-    workflowId: string,
-    scopeId?: string | null
-  ): Promise<void> {
+  publishWorkflow(
+    input: StudioPublishWorkflowInput,
+  ): Promise<StudioPublishWorkflowAcceptedResult> {
+    const scopeId = input.scopeId.trim();
+    const workflowId = input.workflowId.trim();
+    return requestDecodedJson(
+      `/api/scopes/${encodeURIComponent(scopeId)}/workflows/${encodeURIComponent(workflowId)}`,
+      decodeStudioPublishWorkflowResult,
+      {
+        method: 'PUT',
+        headers: JSON_HEADERS,
+        body: JSON.stringify(
+          compactObject({
+            revisionId: input.revisionId.trim(),
+            workflowYaml: input.workflowYaml,
+            workflowName: trimOptional(input.workflowName),
+            displayName: trimOptional(input.displayName),
+            inlineWorkflowYamls:
+              input.inlineWorkflowYamls &&
+              Object.keys(input.inlineWorkflowYamls).length > 0
+                ? input.inlineWorkflowYamls
+                : undefined,
+            explicitRequestConfirmations:
+              input.explicitRequestConfirmations &&
+              input.explicitRequestConfirmations.length > 0
+                ? input.explicitRequestConfirmations.map((confirmation) => ({
+                    workflowId: confirmation.workflowId,
+                    revisionId: confirmation.revisionId,
+                    callSiteId: confirmation.callSiteId,
+                    requestContractDigest: confirmation.requestContractDigest,
+                    attestedRisk: confirmation.attestedRisk,
+                  }))
+                : undefined,
+          }),
+        ),
+      },
+    );
+  },
+
+  deleteWorkflow(workflowId: string, scopeId?: string | null): Promise<void> {
     return this.deleteWorkflowDraft(workflowId, scopeId);
   },
 
@@ -3181,8 +3421,8 @@ export const studioApi = {
     availableWorkflowNames?: string[];
     availableStepTypes?: string[];
   }): Promise<StudioParseYamlResult> {
-    return requestJson("/api/editor/parse-yaml", {
-      method: "POST",
+    return requestJson('/api/editor/parse-yaml', {
+      method: 'POST',
       headers: JSON_HEADERS,
       body: JSON.stringify({
         yaml: input.yaml,
@@ -3197,8 +3437,8 @@ export const studioApi = {
     availableWorkflowNames?: string[];
     availableStepTypes?: string[];
   }): Promise<StudioSerializeYamlResult> {
-    return requestJson("/api/editor/serialize-yaml", {
-      method: "POST",
+    return requestJson('/api/editor/serialize-yaml', {
+      method: 'POST',
       headers: JSON_HEADERS,
       body: JSON.stringify({
         document: input.document,
@@ -3209,7 +3449,7 @@ export const studioApi = {
   },
 
   listExecutions(): Promise<StudioExecutionSummary[]> {
-    return requestJson("/api/executions/");
+    return requestJson('/api/executions/');
   },
 
   getExecution(executionId: string): Promise<StudioExecutionDetail> {
@@ -3217,10 +3457,10 @@ export const studioApi = {
   },
 
   startExecution(
-    input: StudioStartExecutionInput
+    input: StudioStartExecutionInput,
   ): Promise<StudioExecutionDetail> {
-    return requestJson("/api/executions/", {
-      method: "POST",
+    return requestJson('/api/executions/', {
+      method: 'POST',
       headers: JSON_HEADERS,
       body: JSON.stringify(
         compactObject({
@@ -3231,7 +3471,7 @@ export const studioApi = {
           scopeId: trimOptional(input.scopeId),
           workflowId: trimOptional(input.workflowId),
           eventFormat: trimOptional(input.eventFormat),
-        })
+        }),
       ),
     });
   },
@@ -3246,57 +3486,57 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/binding`,
       decodeStudioScopeBindingResult,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
-            implementationKind: "workflow",
+            implementationKind: 'workflow',
             displayName: trimOptional(input.displayName),
             workflowYamls:
               input.workflowYamls.length > 0 ? input.workflowYamls : undefined,
             revisionId: trimOptional(input.revisionId),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
   bindScopeScript(
-    input: StudioScopeScriptBindingInput
+    input: StudioScopeScriptBindingInput,
   ): Promise<StudioScopeScriptBindingResult> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/binding`,
       decodeStudioScopeBindingResult,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
-            implementationKind: "script",
+            implementationKind: 'script',
             displayName: trimOptional(input.displayName),
             serviceId: trimOptional(input.serviceId),
             script: compactObject({
               scriptId: input.scriptId.trim(),
               scriptRevision: input.scriptRevision.trim(),
             }),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
   bindScopeGAgent(
-    input: StudioScopeGAgentBindingInput
+    input: StudioScopeGAgentBindingInput,
   ): Promise<StudioScopeGAgentBindingResult> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/binding`,
       decodeStudioScopeBindingResult,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
-            implementationKind: "gagent",
+            implementationKind: 'gagent',
             serviceId: trimOptional(input.serviceId),
             displayName: trimOptional(input.displayName),
             gagent: compactObject({
@@ -3307,44 +3547,44 @@ export const studioApi = {
                   displayName:
                     trimOptional(endpoint.displayName) ||
                     endpoint.endpointId.trim(),
-                  kind: trimOptional(endpoint.kind)?.toLowerCase() || "command",
+                  kind: trimOptional(endpoint.kind)?.toLowerCase() || 'command',
                   requestTypeUrl: trimOptional(endpoint.requestTypeUrl),
                   responseTypeUrl: trimOptional(endpoint.responseTypeUrl),
                   description: trimOptional(endpoint.description),
-                })
+                }),
               ),
             }),
             revisionId: trimOptional(input.revisionId),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
   getScopeBinding(scopeId: string): Promise<StudioScopeBindingStatus> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/binding`,
-      decodeStudioScopeBindingStatus
+      decodeStudioScopeBindingStatus,
     );
   },
 
   bindMemberWorkflow(
-    input: StudioMemberWorkflowBindingInput
+    input: StudioMemberWorkflowBindingInput,
   ): Promise<StudioMemberBindingAcceptedResponse> {
     const workflowId = trimOptional(input.workflowId);
     if (!workflowId) {
-      throw new Error("Workflow member binding requires a stable workflow id.");
+      throw new Error('Workflow member binding requires a stable workflow id.');
     }
 
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members/${encodeURIComponent(input.memberId.trim())}/binding`,
       decodeStudioMemberBindingAcceptedResponse,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
-            implementationKind: "workflow",
+            implementationKind: 'workflow',
             displayName: trimOptional(input.displayName),
             workflow: {
               workflowId,
@@ -3362,9 +3602,9 @@ export const studioApi = {
                     attestedRisk: confirmation.attestedRisk,
                   }))
                 : undefined,
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
@@ -3380,20 +3620,20 @@ export const studioApi = {
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members/${encodeURIComponent(input.memberId.trim())}/binding`,
       decodeStudioMemberBindingAcceptedResponse,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
-            implementationKind: "script",
+            implementationKind: 'script',
             displayName: trimOptional(input.displayName),
             script: compactObject({
               scriptId: input.scriptId.trim(),
               scriptRevision: input.scriptRevision.trim(),
             }),
             revisionId: trimOptional(input.revisionId),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
@@ -3402,18 +3642,18 @@ export const studioApi = {
     memberId: string;
     displayName?: string | null;
     agentKind: string;
-    endpoints: StudioScopeGAgentBindingInput["endpoints"];
+    endpoints: StudioScopeGAgentBindingInput['endpoints'];
     revisionId?: string | null;
   }): Promise<StudioMemberBindingAcceptedResponse> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(input.scopeId.trim())}/members/${encodeURIComponent(input.memberId.trim())}/binding`,
       decodeStudioMemberBindingAcceptedResponse,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(
           compactObject({
-            implementationKind: "gagent",
+            implementationKind: 'gagent',
             displayName: trimOptional(input.displayName),
             gagent: compactObject({
               agentKind: input.agentKind.trim(),
@@ -3423,38 +3663,38 @@ export const studioApi = {
                   displayName:
                     trimOptional(endpoint.displayName) ||
                     endpoint.endpointId.trim(),
-                  kind: trimOptional(endpoint.kind)?.toLowerCase() || "command",
+                  kind: trimOptional(endpoint.kind)?.toLowerCase() || 'command',
                   requestTypeUrl: trimOptional(endpoint.requestTypeUrl),
                   responseTypeUrl: trimOptional(endpoint.responseTypeUrl),
                   description: trimOptional(endpoint.description),
-                })
+                }),
               ),
             }),
             revisionId: trimOptional(input.revisionId),
-          })
+          }),
         ),
-      }
+      },
     );
   },
 
   getMemberBinding(
     scopeId: string,
-    memberId: string
+    memberId: string,
   ): Promise<StudioMemberBindingViewResponse> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/members/${encodeURIComponent(memberId.trim())}/binding`,
-      decodeStudioMemberBindingViewResponse
+      decodeStudioMemberBindingViewResponse,
     );
   },
 
   getMemberBindingRun(
     scopeId: string,
     memberId: string,
-    bindingRunId: string
+    bindingRunId: string,
   ): Promise<StudioMemberBindingRunStatusResponse> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/members/${encodeURIComponent(memberId.trim())}/binding-runs/${encodeURIComponent(bindingRunId.trim())}`,
-      decodeStudioMemberBindingRunStatusResponse
+      decodeStudioMemberBindingRunStatusResponse,
     );
   },
 
@@ -3463,11 +3703,11 @@ export const studioApi = {
   },
 
   getScopeScriptBinding(
-    scopeId: string
+    scopeId: string,
   ): Promise<StudioScopeScriptBindingStatus> {
     return requestDecodedJson(
       `/api/scopes/${encodeURIComponent(scopeId.trim())}/binding`,
-      decodeStudioScopeBindingStatus
+      decodeStudioScopeBindingStatus,
     );
   },
 
@@ -3477,15 +3717,15 @@ export const studioApi = {
   }): Promise<StudioScopeBindingActivationResult> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(
-        input.scopeId.trim()
+        input.scopeId.trim(),
       )}/binding/revisions/${encodeURIComponent(
-        input.revisionId.trim()
+        input.revisionId.trim(),
       )}:activate`,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify({}),
-      }
+      },
     );
   },
 
@@ -3495,15 +3735,15 @@ export const studioApi = {
   }): Promise<StudioScopeScriptBindingActivationResult> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(
-        input.scopeId.trim()
+        input.scopeId.trim(),
       )}/binding/revisions/${encodeURIComponent(
-        input.revisionId.trim()
+        input.revisionId.trim(),
       )}:activate`,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify({}),
-      }
+      },
     );
   },
 
@@ -3513,31 +3753,31 @@ export const studioApi = {
   }): Promise<StudioScopeBindingRetirementResult> {
     return requestJson(
       `/api/scopes/${encodeURIComponent(
-        input.scopeId.trim()
+        input.scopeId.trim(),
       )}/binding/revisions/${encodeURIComponent(
-        input.revisionId.trim()
+        input.revisionId.trim(),
       )}:retire`,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify({}),
-      }
+      },
     );
   },
 
   stopExecution(
     executionId: string,
-    input: { reason?: string | null }
+    input: { reason?: string | null },
   ): Promise<StudioExecutionDetail> {
     return requestJson(
       `/api/executions/${encodeURIComponent(executionId)}/stop`,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify({
           reason: trimOptional(input.reason),
         }),
-      }
+      },
     );
   },
 
@@ -3548,13 +3788,13 @@ export const studioApi = {
       stepId: string;
       approved: boolean;
       userInput?: string | null;
-      suspensionType: "human_input" | "human_approval";
-    }
+      suspensionType: 'human_input' | 'human_approval';
+    },
   ): Promise<StudioExecutionDetail> {
     return requestJson(
       `/api/executions/${encodeURIComponent(executionId)}/resume`,
       {
-        method: "POST",
+        method: 'POST',
         headers: JSON_HEADERS,
         body: JSON.stringify({
           runId: input.runId,
@@ -3563,23 +3803,23 @@ export const studioApi = {
           userInput: trimOptional(input.userInput),
           suspensionType: input.suspensionType,
         }),
-      }
+      },
     );
   },
 
   getConnectorCatalog(): Promise<StudioConnectorCatalog> {
-    return requestJson("/api/connectors/");
+    return requestJson('/api/connectors/');
   },
 
   getConnectorDraft(): Promise<StudioConnectorDraftResponse> {
-    return requestJson("/api/connectors/draft");
+    return requestJson('/api/connectors/draft');
   },
 
   saveConnectorCatalog(input: {
-    connectors: StudioConnectorCatalog["connectors"];
+    connectors: StudioConnectorCatalog['connectors'];
   }): Promise<StudioConnectorCatalog> {
-    return requestJson("/api/connectors/", {
-      method: "PUT",
+    return requestJson('/api/connectors/', {
+      method: 'PUT',
       headers: JSON_HEADERS,
       body: JSON.stringify({
         connectors: input.connectors,
@@ -3588,10 +3828,10 @@ export const studioApi = {
   },
 
   saveConnectorDraft(input: {
-    draft: StudioConnectorDraftResponse["draft"];
+    draft: StudioConnectorDraftResponse['draft'];
   }): Promise<StudioConnectorDraftResponse> {
-    return requestJson("/api/connectors/draft", {
-      method: "PUT",
+    return requestJson('/api/connectors/draft', {
+      method: 'PUT',
       headers: JSON_HEADERS,
       body: JSON.stringify({
         draft: input.draft,
@@ -3600,35 +3840,35 @@ export const studioApi = {
   },
 
   deleteConnectorDraft(): Promise<void> {
-    return request<void>("/api/connectors/draft", {
-      method: "DELETE",
+    return request<void>('/api/connectors/draft', {
+      method: 'DELETE',
     });
   },
 
   importConnectorCatalog(
-    file: File
+    file: File,
   ): Promise<StudioConnectorCatalogImportResult> {
     const form = new FormData();
-    form.set("file", file, file.name);
-    return request("/api/connectors/import", {
-      method: "POST",
+    form.set('file', file, file.name);
+    return request('/api/connectors/import', {
+      method: 'POST',
       body: form,
     });
   },
 
   getRoleCatalog(): Promise<StudioRoleCatalog> {
-    return requestJson("/api/roles/");
+    return requestJson('/api/roles/');
   },
 
   getRoleDraft(): Promise<StudioRoleDraftResponse> {
-    return requestJson("/api/roles/draft");
+    return requestJson('/api/roles/draft');
   },
 
   saveRoleCatalog(input: {
-    roles: StudioRoleCatalog["roles"];
+    roles: StudioRoleCatalog['roles'];
   }): Promise<StudioRoleCatalog> {
-    return requestJson("/api/roles/", {
-      method: "PUT",
+    return requestJson('/api/roles/', {
+      method: 'PUT',
       headers: JSON_HEADERS,
       body: JSON.stringify({
         roles: input.roles,
@@ -3637,10 +3877,10 @@ export const studioApi = {
   },
 
   saveRoleDraft(input: {
-    draft: StudioRoleDraftResponse["draft"];
+    draft: StudioRoleDraftResponse['draft'];
   }): Promise<StudioRoleDraftResponse> {
-    return requestJson("/api/roles/draft", {
-      method: "PUT",
+    return requestJson('/api/roles/draft', {
+      method: 'PUT',
       headers: JSON_HEADERS,
       body: JSON.stringify({
         draft: input.draft,
@@ -3649,35 +3889,38 @@ export const studioApi = {
   },
 
   deleteRoleDraft(): Promise<void> {
-    return request<void>("/api/roles/draft", {
-      method: "DELETE",
+    return request<void>('/api/roles/draft', {
+      method: 'DELETE',
     });
   },
 
   importRoleCatalog(file: File): Promise<StudioRoleCatalogImportResult> {
     const form = new FormData();
-    form.set("file", file, file.name);
-    return request("/api/roles/import", {
-      method: "POST",
+    form.set('file', file, file.name);
+    return request('/api/roles/import', {
+      method: 'POST',
       body: form,
     });
   },
 
   getUserConfig(): Promise<StudioUserConfig> {
-    return requestJson("/api/user-config");
+    return requestJson('/api/user-config');
   },
 
-  saveUserConfig(input: StudioUserConfig): Promise<StudioUserConfigSaveReceipt> {
+  saveUserConfig(
+    input: StudioUserConfig,
+  ): Promise<StudioUserConfigSaveReceipt> {
     return requestDecodedJson(
-      "/api/user-config",
+      '/api/user-config',
       decodeStudioUserConfigSaveReceipt,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify({
           defaultModel: input.defaultModel.trim(),
           preferredLlmRoute:
-            input.preferredLlmRoute === undefined || input.preferredLlmRoute === null
+            input.preferredLlmRoute === undefined ||
+            input.preferredLlmRoute === null
               ? undefined
               : input.preferredLlmRoute.trim(),
           runtimeMode: trimOptional(input.runtimeMode),
@@ -3685,34 +3928,36 @@ export const studioApi = {
           remoteRuntimeBaseUrl: trimOptional(input.remoteRuntimeBaseUrl),
           maxToolRounds: input.maxToolRounds ?? null,
         }),
-      }
+      },
     );
   },
 
   getUserLlmSettings(signal?: AbortSignal): Promise<StudioUserLlmSettings> {
     return requestDecodedJson(
-      "/api/user-config/llm",
+      '/api/user-config/llm',
       decodeStudioUserLlmSettings,
       signal ? { signal } : undefined,
     );
   },
 
-  saveUserLlmSettings(input: StudioSaveUserLlmIntent): Promise<StudioUserConfigSaveReceipt> {
+  saveUserLlmSettings(
+    input: StudioSaveUserLlmIntent,
+  ): Promise<StudioUserConfigSaveReceipt> {
     return requestDecodedJson(
-      "/api/user-config/llm",
+      '/api/user-config/llm',
       decodeStudioUserConfigSaveReceipt,
       {
-        method: "PUT",
+        method: 'PUT',
         headers: JSON_HEADERS,
         body: JSON.stringify(input),
-      }
+      },
     );
   },
 
   getUserConfigRuntime(): Promise<StudioUserConfigRuntime> {
     return requestDecodedJson(
-      "/api/user-config/runtime",
-      decodeStudioUserConfigRuntime
+      '/api/user-config/runtime',
+      decodeStudioUserConfigRuntime,
     );
   },
 
@@ -3724,7 +3969,7 @@ export const studioApi = {
         baseUrl,
         reachable: false,
         message:
-          ornnConfig.configurationError ?? "Ornn base URL is not configured.",
+          ornnConfig.configurationError ?? 'Ornn base URL is not configured.',
       };
     }
 
@@ -3736,16 +3981,20 @@ export const studioApi = {
         return {
           baseUrl,
           reachable: false,
-          message: t("shared.studio.api.cannot.reach.ornn.status", "Cannot reach Ornn ({status}).", {
-            status: response.status,
-          }),
+          message: t(
+            'shared.studio.api.cannot.reach.ornn.status',
+            'Cannot reach Ornn ({status}).',
+            {
+              status: response.status,
+            },
+          ),
         };
       }
 
       return {
         baseUrl,
         reachable: true,
-        message: t("shared.studio.api.connected.to.ornn", "Connected to Ornn."),
+        message: t('shared.studio.api.connected.to.ornn', 'Connected to Ornn.'),
       };
     } catch (error) {
       return {
@@ -3754,7 +4003,7 @@ export const studioApi = {
         message:
           error instanceof Error && error.message
             ? error.message
-            : "Cannot reach Ornn.",
+            : 'Cannot reach Ornn.',
       };
     }
   },
@@ -3767,10 +4016,11 @@ export const studioApi = {
   }): Promise<StudioOrnnSkillSearchResult> {
     const ornnConfig = getOrnnRuntimeConfig();
     const baseUrl = normalizeOrnnBaseUrl(ornnConfig.baseUrl);
-    const query = trimOptional(input?.query) ?? "";
-    const scope = trimOptional(input?.scope) ?? "mixed";
+    const query = trimOptional(input?.query) ?? '';
+    const scope = trimOptional(input?.scope) ?? 'mixed';
     const page = input?.page && input.page > 0 ? input.page : 1;
-    const pageSize = input?.pageSize && input.pageSize > 0 ? input.pageSize : 50;
+    const pageSize =
+      input?.pageSize && input.pageSize > 0 ? input.pageSize : 50;
     if (ornnConfig.configurationError || !baseUrl) {
       return {
         baseUrl,
@@ -3780,35 +4030,35 @@ export const studioApi = {
         pageSize,
         items: [],
         message:
-          ornnConfig.configurationError ?? "Ornn base URL is not configured.",
+          ornnConfig.configurationError ?? 'Ornn base URL is not configured.',
       };
     }
 
     const params = new URLSearchParams({
       query,
-      mode: "keyword",
+      mode: 'keyword',
       scope,
       page: String(page),
       pageSize: String(pageSize),
     });
 
     const response = await externalFetch(
-      `${baseUrl}/api/web/skill-search?${params.toString()}`
+      `${baseUrl}/api/web/skill-search?${params.toString()}`,
     );
     if (!response.ok) {
       throw await createStudioApiError(response);
     }
 
-    const contentType = response.headers?.get?.("content-type") ?? null;
+    const contentType = response.headers?.get?.('content-type') ?? null;
     if (contentType !== null && !isJsonContentType(contentType)) {
-      throw new Error("Ornn API returned an unexpected response format.");
+      throw new Error('Ornn API returned an unexpected response format.');
     }
 
     return decodeOrnnSkillSearchResult(
       await response.json(),
       baseUrl,
       page,
-      pageSize
+      pageSize,
     );
   },
 
@@ -3816,14 +4066,14 @@ export const studioApi = {
     path: string;
     label?: string | null;
   }): Promise<StudioWorkspaceSettings> {
-    return requestJson("/api/workspace/directories", {
-      method: "POST",
+    return requestJson('/api/workspace/directories', {
+      method: 'POST',
       headers: JSON_HEADERS,
       body: JSON.stringify(
         compactObject({
           path: input.path.trim(),
           label: trimOptional(input.label),
-        })
+        }),
       ),
     });
   },
@@ -3832,8 +4082,8 @@ export const studioApi = {
     return request<void>(
       `/api/workspace/directories/${encodeURIComponent(directoryId)}`,
       {
-        method: "DELETE",
-      }
+        method: 'DELETE',
+      },
     );
   },
 
@@ -3848,13 +4098,14 @@ export const studioApi = {
       signal?: AbortSignal;
       onText?: (text: string) => void;
       onReasoning?: (text: string) => void;
-    }
+    },
   ): Promise<string> {
-    let generatedText = "";
-    let reasoningText = "";
+    let generatedText = '';
+    let reasoningText = '';
+    let completed = false;
 
     await streamSse(
-      "/api/workflows/generator",
+      '/api/workflows/generator',
       {
         prompt: input.prompt.trim(),
         currentYaml: input.currentYaml,
@@ -3867,32 +4118,36 @@ export const studioApi = {
           return;
         }
 
-        if (normalized.type === "TEXT_MESSAGE_CONTENT") {
-          generatedText += normalized.delta || "";
+        if (normalized.type === 'TEXT_MESSAGE_CONTENT') {
+          generatedText += normalized.delta || '';
           options?.onText?.(generatedText);
           return;
         }
 
-        if (normalized.type === "TEXT_MESSAGE_REASONING") {
-          reasoningText += normalized.delta || "";
+        if (normalized.type === 'TEXT_MESSAGE_REASONING') {
+          reasoningText += normalized.delta || '';
           options?.onReasoning?.(reasoningText);
           return;
         }
 
-        if (normalized.type === "TEXT_MESSAGE_END") {
+        if (normalized.type === 'TEXT_MESSAGE_END') {
+          completed = true;
           generatedText =
-            generatedText || normalized.message || normalized.delta || "";
+            normalized.message || normalized.delta || generatedText;
           options?.onText?.(generatedText);
           return;
         }
 
-        if (normalized.type === "RUN_ERROR") {
-          throw new Error(normalized.message || "Assistant run failed.");
+        if (normalized.type === 'RUN_ERROR') {
+          throw new Error(normalized.message || 'Assistant run failed.');
         }
       },
-      options?.signal
+      options?.signal,
     );
 
+    if (!completed || !generatedText.trim()) {
+      throw new Error('Workflow generation ended without a completed workflow.');
+    }
     return generatedText;
   },
 };
diff --git a/apps/aevatar-console-web/src/shared/studio/document.test.ts b/apps/aevatar-console-web/src/shared/studio/document.test.ts
index 61ed9b1a5f..a2905f2d2b 100644
--- a/apps/aevatar-console-web/src/shared/studio/document.test.ts
+++ b/apps/aevatar-console-web/src/shared/studio/document.test.ts
@@ -4,6 +4,7 @@ import {
   connectStepToTarget,
   insertStepAfter,
   insertStepByType,
+  materializeImplicitSequentialTransitions,
   parseInspectorBranches,
   parseInspectorParameters,
   removeStep,
@@ -14,6 +15,95 @@ import {
 import type { StudioWorkflowDocument } from './models';
 
 describe('studio document helpers', () => {
+  it('materializes only eligible implicit sequential transitions without mutating the document', () => {
+    const document: StudioWorkflowDocument = {
+      name: 'workspace-demo',
+      roles: [],
+      steps: [
+        {
+          id: 'draft_step',
+          type: 'llm_call',
+          next: null,
+          branches: {},
+        },
+        {
+          id: 'review_step',
+          type: 'human_approval',
+          next: 'publish_step',
+          branches: {},
+        },
+        {
+          id: 'publish_step',
+          type: 'emit',
+          next: null,
+          branches: {},
+        },
+      ],
+    };
+    const snapshot = structuredClone(document);
+
+    const result = materializeImplicitSequentialTransitions(document);
+
+    expect(result.steps?.map((step) => step.next)).toEqual([
+      'review_step',
+      'publish_step',
+      null,
+    ]);
+    expect(document).toEqual(snapshot);
+    expect(result).not.toBe(document);
+  });
+
+  it('preserves branched transitions and terminal documents', () => {
+    const branched = materializeImplicitSequentialTransitions({
+      name: 'branched',
+      roles: [],
+      steps: [
+        {
+          id: 'approval_step',
+          type: 'human_approval',
+          next: null,
+          branches: { approved: 'publish_step' },
+        },
+        {
+          id: 'publish_step',
+          type: 'emit',
+          next: null,
+          branches: {},
+        },
+      ],
+    });
+
+    expect(branched.steps?.[0]).toEqual(
+      expect.objectContaining({
+        next: null,
+        branches: { approved: 'publish_step' },
+      }),
+    );
+    expect(
+      materializeImplicitSequentialTransitions({ steps: [] }).steps,
+    ).toEqual([]);
+    expect(
+      materializeImplicitSequentialTransitions({
+        steps: [
+          {
+            id: 'only_step',
+            type: 'llm_call',
+            next: null,
+            branches: {},
+          },
+        ],
+      }).steps?.[0]?.next,
+    ).toBeNull();
+
+    const firstInsertion = insertStepByType(
+      materializeImplicitSequentialTransitions({ steps: [] }),
+      'assign',
+    );
+    expect(firstInsertion.document.steps).toEqual([
+      expect.objectContaining({ id: 'assign_step', next: null }),
+    ]);
+  });
+
   it('creates inserted step ids from product names instead of backend step type ids', () => {
     const document: StudioWorkflowDocument = {
       name: 'workspace-demo',
diff --git a/apps/aevatar-console-web/src/shared/studio/document.ts b/apps/aevatar-console-web/src/shared/studio/document.ts
index 48fa78f538..91af54258f 100644
--- a/apps/aevatar-console-web/src/shared/studio/document.ts
+++ b/apps/aevatar-console-web/src/shared/studio/document.ts
@@ -466,6 +466,36 @@ export function insertStepAfter(
   };
 }
 
+export function materializeImplicitSequentialTransitions(
+  document: StudioWorkflowDocument,
+): StudioWorkflowDocument {
+  const steps = Array.isArray(document.steps) ? document.steps : [];
+  const nextSteps = steps.map((entry, index) => {
+    const step = { ...entry } as StudioWorkflowStepDocument;
+    const followingStepId = normalizeString(steps[index + 1]?.id);
+    const hasBranches = Object.keys(step.branches ?? {}).length > 0;
+
+    if (
+      index < steps.length - 1 &&
+      !normalizeString(step.next) &&
+      !hasBranches &&
+      followingStepId
+    ) {
+      return {
+        ...step,
+        next: followingStepId,
+      } satisfies StudioWorkflowStepDocument;
+    }
+
+    return step;
+  });
+
+  return {
+    ...document,
+    steps: nextSteps,
+  };
+}
+
 export function insertStepByType(
   document: StudioWorkflowDocument,
   stepType: string,
diff --git a/apps/aevatar-console-web/src/shared/studio/graph.test.ts b/apps/aevatar-console-web/src/shared/studio/graph.test.ts
index 4d62d533ce..729e667c2b 100644
--- a/apps/aevatar-console-web/src/shared/studio/graph.test.ts
+++ b/apps/aevatar-console-web/src/shared/studio/graph.test.ts
@@ -1,4 +1,24 @@
-import { buildStudioGraphElements, formatStudioStepTypeLabel } from './graph';
+import {
+  buildStudioGraphElements,
+  formatStudioStepTypeLabel,
+  needsStudioAutoLayout,
+  type StudioGraphStep,
+} from './graph';
+
+function createStudioGraphStep(
+  id: string,
+  overrides: Partial<Omit<StudioGraphStep, 'id'>> = {},
+): StudioGraphStep {
+  return {
+    id,
+    type: 'transform',
+    targetRole: '',
+    parameters: {},
+    next: null,
+    branches: {},
+    ...overrides,
+  };
+}
 
 describe('studio graph helpers', () => {
   it('formats step type labels without leaking backend identifiers', () => {
@@ -147,4 +167,190 @@ describe('studio graph helpers', () => {
       'edge:guard:branch_target:branch:next',
     ]);
   });
+
+  it('skips automatic layout when every step has a saved position', () => {
+    const steps = [
+      createStudioGraphStep('draft'),
+      createStudioGraphStep('publish', { type: 'emit' }),
+    ];
+    const document = {
+      name: 'workflow-demo',
+      steps,
+    };
+    const savedPositions = {
+      draft: { x: -120.5, y: 34 },
+      publish: { x: 981, y: -47.25 },
+    };
+
+    expect(needsStudioAutoLayout(steps, savedPositions)).toBe(false);
+    expect(
+      buildStudioGraphElements(document, {
+        nodePositions: savedPositions,
+      }).nodes.map((node) => node.position),
+    ).toEqual([savedPositions.draft, savedPositions.publish]);
+  });
+
+  it('keeps valid partial positions while deterministically laying out missing steps', () => {
+    const steps = [
+      createStudioGraphStep('draft'),
+      createStudioGraphStep('review', { type: 'conditional' }),
+      createStudioGraphStep('publish', { type: 'emit' }),
+    ];
+    const document = {
+      name: 'workflow-demo',
+      steps,
+    };
+    const savedPositions = {
+      draft: { x: 77, y: -53 },
+    };
+
+    expect(needsStudioAutoLayout(steps, savedPositions)).toBe(true);
+
+    const firstGraph = buildStudioGraphElements(document, {
+      nodePositions: savedPositions,
+    });
+    const secondGraph = buildStudioGraphElements(document, {
+      nodePositions: savedPositions,
+    });
+    const positions = firstGraph.nodes.map((node) => node.position);
+
+    expect(positions[0]).toEqual(savedPositions.draft);
+    expect(positions).toEqual(secondGraph.nodes.map((node) => node.position));
+    expect(positions.slice(1)).toEqual([
+      { x: 240, y: 540 },
+      { x: 240, y: 900 },
+    ]);
+    expect(
+      positions.every(({ x, y }) => Number.isFinite(x) && Number.isFinite(y)),
+    ).toBe(true);
+    expect(new Set(positions.map(({ x, y }) => `${x}:${y}`)).size).toBe(
+      positions.length,
+    );
+  });
+
+  it('ignores unknown and invalid saved positions before deciding on automatic layout', () => {
+    const steps = [
+      createStudioGraphStep('draft'),
+      createStudioGraphStep('publish', { type: 'emit' }),
+    ];
+    const document = {
+      name: 'workflow-demo',
+      steps,
+    };
+    const graph = buildStudioGraphElements(document, {
+      nodePositions: {
+        draft: { x: 14, y: 28 },
+        publish: { x: Number.NaN, y: 40 },
+        unknown: { x: 200, y: 300 },
+      },
+    });
+
+    expect(needsStudioAutoLayout(steps, { draft: { x: 14, y: 28 } })).toBe(
+      true,
+    );
+    expect(graph.nodes[0]?.position).toEqual({ x: 14, y: 28 });
+    expect(graph.nodes[1]?.position).toEqual({ x: 240, y: 540 });
+  });
+
+  it('moves missing nodes away from an exactly colliding saved position', () => {
+    const savedPositions = {
+      draft: { x: 240, y: 540 },
+    };
+    const document = {
+      name: 'workflow-demo',
+      steps: [
+        createStudioGraphStep('draft'),
+        createStudioGraphStep('review', { type: 'conditional' }),
+      ],
+    };
+
+    const firstGraph = buildStudioGraphElements(document, {
+      nodePositions: savedPositions,
+    });
+    const secondGraph = buildStudioGraphElements(document, {
+      nodePositions: savedPositions,
+    });
+
+    expect(savedPositions).toEqual({ draft: { x: 240, y: 540 } });
+    expect(firstGraph.nodes.map((node) => node.position)).toEqual([
+      { x: 240, y: 540 },
+      { x: 240, y: 740 },
+    ]);
+    expect(firstGraph.nodes.map((node) => node.position)).toEqual(
+      secondGraph.nodes.map((node) => node.position),
+    );
+  });
+
+  it('moves missing nodes away from saved node footprints, not only matching coordinates', () => {
+    const document = {
+      name: 'workflow-demo',
+      steps: [
+        createStudioGraphStep('draft'),
+        createStudioGraphStep('review', { type: 'conditional' }),
+      ],
+    };
+
+    const graph = buildStudioGraphElements(document, {
+      nodePositions: {
+        draft: { x: 240, y: 600 },
+      },
+    });
+
+    expect(graph.nodes.map((node) => node.position)).toEqual([
+      { x: 240, y: 600 },
+      { x: 240, y: 740 },
+    ]);
+  });
+
+  it('does not treat inherited saved-position keys as complete layout positions', () => {
+    const steps = [createStudioGraphStep('toString')];
+
+    expect(needsStudioAutoLayout(steps, {})).toBe(true);
+  });
+
+  it('lays out inherited-key step ids without colliding with saved positions', () => {
+    const savedPositions = {
+      draft: { x: 570, y: 180 },
+    };
+    const document = {
+      name: 'workflow-demo',
+      steps: [
+        createStudioGraphStep('draft'),
+        createStudioGraphStep('toString', { type: 'conditional' }),
+      ],
+    };
+
+    const firstGraph = buildStudioGraphElements(document, {
+      nodePositions: savedPositions,
+    });
+    const secondGraph = buildStudioGraphElements(document, {
+      nodePositions: savedPositions,
+    });
+    const positions = firstGraph.nodes.map((node) => node.position);
+
+    expect(savedPositions).toEqual({ draft: { x: 570, y: 180 } });
+    expect(positions).toEqual([
+      { x: 570, y: 180 },
+      { x: 240, y: 540 },
+    ]);
+    expect(positions).toEqual(secondGraph.nodes.map((node) => node.position));
+    expect(
+      positions.every(({ x, y }) => Number.isFinite(x) && Number.isFinite(y)),
+    ).toBe(true);
+  });
+
+  it('preserves duplicate step ids at their shared automatic layout position without saved positions', () => {
+    const graph = buildStudioGraphElements({
+      name: 'workflow-demo',
+      steps: [
+        createStudioGraphStep('draft'),
+        createStudioGraphStep('draft', { type: 'conditional' }),
+      ],
+    });
+
+    expect(graph.nodes.map((node) => node.position)).toEqual([
+      { x: 240, y: 180 },
+      { x: 240, y: 180 },
+    ]);
+  });
 });
diff --git a/apps/aevatar-console-web/src/shared/studio/graph.ts b/apps/aevatar-console-web/src/shared/studio/graph.ts
index fb7ef1ad4f..b8b16160bd 100644
--- a/apps/aevatar-console-web/src/shared/studio/graph.ts
+++ b/apps/aevatar-console-web/src/shared/studio/graph.ts
@@ -1,8 +1,8 @@
 import {
-  MarkerType,
-  Position,
   type Edge,
+  MarkerType,
   type Node,
+  Position,
   type XYPosition,
 } from '@xyflow/react';
 import { t } from '@/shared/i18n/messages';
@@ -44,7 +44,12 @@ export type StudioGraphNodeData = {
   readonly targetRole: string;
   readonly parametersSummary: string;
   readonly branchCount: number;
-  readonly executionStatus?: 'idle' | 'active' | 'waiting' | 'completed' | 'failed';
+  readonly executionStatus?:
+    | 'idle'
+    | 'active'
+    | 'waiting'
+    | 'completed'
+    | 'failed';
   readonly executionFocused?: boolean;
 };
 
@@ -75,6 +80,13 @@ export type StudioWorkflowLayoutDocument = {
   readonly entryWorkflow?: string;
 };
 
+const STUDIO_AUTO_LAYOUT_ORIGIN_X = 240;
+const STUDIO_AUTO_LAYOUT_ORIGIN_Y = 180;
+const STUDIO_AUTO_LAYOUT_COLUMN_PITCH = 330;
+const STUDIO_AUTO_LAYOUT_ROW_PITCH = 200;
+const STUDIO_AUTO_LAYOUT_NODE_WIDTH = 268;
+const STUDIO_AUTO_LAYOUT_NODE_HEIGHT = 120;
+
 function buildStudioGraphNextEdgeId(
   sourceStepId: string,
   targetStepId: string,
@@ -97,50 +109,67 @@ type WorkflowDocumentLike = {
   readonly steps?: unknown[];
 };
 
-export const STUDIO_GRAPH_CATEGORIES: readonly StudioGraphPrimitiveCategory[] = [
-  {
-    key: 'data',
-    label: 'Data',
-    color: '#3B82F6',
-    items: ['transform', 'assign', 'retrieve_facts', 'cache'],
-  },
-  {
-    key: 'control',
-    label: 'Control',
-    color: '#8B5CF6',
-    items: ['guard', 'conditional', 'switch', 'while', 'delay', 'wait_signal', 'checkpoint'],
-  },
-  {
-    key: 'ai',
-    label: 'AI',
-    color: '#EC4899',
-    items: ['llm_call', 'tool_call', 'evaluate', 'reflect'],
-  },
-  {
-    key: 'composition',
-    label: 'Composition',
-    color: '#F59E0B',
-    items: ['foreach', 'parallel', 'race', 'map_reduce', 'workflow_call', 'dynamic_workflow', 'vote'],
-  },
-  {
-    key: 'integration',
-    label: 'Integration',
-    color: '#10B981',
-    items: ['connector_call', 'emit'],
-  },
-  {
-    key: 'human',
-    label: 'Human',
-    color: '#06B6D4',
-    items: ['human_input', 'human_approval'],
-  },
-  {
-    key: 'validation',
-    label: 'Validation',
-    color: '#64748B',
-    items: ['workflow_yaml_validate'],
-  },
-];
+export const STUDIO_GRAPH_CATEGORIES: readonly StudioGraphPrimitiveCategory[] =
+  [
+    {
+      key: 'data',
+      label: 'Data',
+      color: '#3B82F6',
+      items: ['transform', 'assign', 'retrieve_facts', 'cache'],
+    },
+    {
+      key: 'control',
+      label: 'Control',
+      color: '#8B5CF6',
+      items: [
+        'guard',
+        'conditional',
+        'switch',
+        'while',
+        'delay',
+        'wait_signal',
+        'checkpoint',
+      ],
+    },
+    {
+      key: 'ai',
+      label: 'AI',
+      color: '#EC4899',
+      items: ['llm_call', 'tool_call', 'evaluate', 'reflect'],
+    },
+    {
+      key: 'composition',
+      label: 'Composition',
+      color: '#F59E0B',
+      items: [
+        'foreach',
+        'parallel',
+        'race',
+        'map_reduce',
+        'workflow_call',
+        'dynamic_workflow',
+        'vote',
+      ],
+    },
+    {
+      key: 'integration',
+      label: 'Integration',
+      color: '#10B981',
+      items: ['connector_call', 'emit'],
+    },
+    {
+      key: 'human',
+      label: 'Human',
+      color: '#06B6D4',
+      items: ['human_input', 'human_approval'],
+    },
+    {
+      key: 'validation',
+      label: 'Validation',
+      color: '#64748B',
+      items: ['workflow_yaml_validate'],
+    },
+  ];
 
 const STEP_TYPE_ACRONYM_LABELS: Record<string, string> = {
   ai: 'AI',
@@ -188,9 +217,7 @@ function normalizeString(value: unknown): string {
 
 function normalizeConnectors(value: unknown): string[] {
   return Array.isArray(value)
-    ? value
-        .map((item) => normalizeString(item))
-        .filter(Boolean)
+    ? value.map((item) => normalizeString(item)).filter(Boolean)
     : [];
 }
 
@@ -209,7 +236,10 @@ function normalizeBranches(value: unknown): Record<string, string> {
 
   return Object.fromEntries(
     Object.entries(value)
-      .map(([label, target]) => [normalizeString(label), normalizeString(target)])
+      .map(([label, target]) => [
+        normalizeString(label),
+        normalizeString(target),
+      ])
       .filter(([label, target]) => Boolean(label) && Boolean(target)),
   );
 }
@@ -360,6 +390,10 @@ function summarizeStepParameters(
     .join(' · ');
 }
 
+function createStudioGraphPositionMap(): Record<string, XYPosition> {
+  return Object.create(null);
+}
+
 function extractSavedLayoutPositions(
   layout: unknown,
 ): Record<string, XYPosition> {
@@ -372,27 +406,104 @@ function extractSavedLayoutPositions(
     return {};
   }
 
-  return Object.fromEntries(
-    Object.entries(nodePositions)
-      .map(([stepId, position]) => {
-        const x =
-          typeof position?.x === 'number' && Number.isFinite(position.x)
-            ? position.x
-            : null;
-        const y =
-          typeof position?.y === 'number' && Number.isFinite(position.y)
-            ? position.y
-            : null;
-        if (!stepId || x === null || y === null) {
-          return null;
-        }
+  const savedPositions = createStudioGraphPositionMap();
+  for (const [stepId, position] of Object.entries(nodePositions)) {
+    const x =
+      typeof position?.x === 'number' && Number.isFinite(position.x)
+        ? position.x
+        : null;
+    const y =
+      typeof position?.y === 'number' && Number.isFinite(position.y)
+        ? position.y
+        : null;
+    if (!stepId || x === null || y === null) {
+      continue;
+    }
+
+    savedPositions[stepId] = { x, y };
+  }
+
+  return savedPositions;
+}
 
-        return [stepId, { x, y }] as const;
-      })
-      .filter((entry): entry is readonly [string, XYPosition] => Boolean(entry)),
+export function needsStudioAutoLayout(
+  steps: readonly StudioGraphStep[],
+  savedPositions: Readonly<Record<string, XYPosition>>,
+): boolean {
+  return steps.some(
+    (step) => getStudioGraphPosition(savedPositions, step.id) === undefined,
+  );
+}
+
+function getStudioGraphPosition(
+  positions: Readonly<Record<string, XYPosition>>,
+  stepId: string,
+): XYPosition | undefined {
+  return Object.hasOwn(positions, stepId) ? positions[stepId] : undefined;
+}
+
+function studioGraphPositionsOverlap(
+  left: XYPosition,
+  right: XYPosition,
+): boolean {
+  return (
+    left.x < right.x + STUDIO_AUTO_LAYOUT_NODE_WIDTH &&
+    right.x < left.x + STUDIO_AUTO_LAYOUT_NODE_WIDTH &&
+    left.y < right.y + STUDIO_AUTO_LAYOUT_NODE_HEIGHT &&
+    right.y < left.y + STUDIO_AUTO_LAYOUT_NODE_HEIGHT
   );
 }
 
+function buildStudioGraphNodePositions(
+  steps: readonly StudioGraphStep[],
+  savedPositions: Readonly<Record<string, XYPosition>>,
+  autoLayoutPositions: Readonly<Record<string, XYPosition>>,
+): XYPosition[] {
+  const savedPositionsByStep = steps.map((step) =>
+    getStudioGraphPosition(savedPositions, step.id),
+  );
+  if (savedPositionsByStep.every((position) => position === undefined)) {
+    return steps.map(
+      (step, index) =>
+        getStudioGraphPosition(autoLayoutPositions, step.id) ?? {
+          x:
+            STUDIO_AUTO_LAYOUT_ORIGIN_X +
+            index * STUDIO_AUTO_LAYOUT_COLUMN_PITCH,
+          y: STUDIO_AUTO_LAYOUT_ORIGIN_Y,
+        },
+    );
+  }
+
+  const occupiedPositions = savedPositionsByStep.filter(
+    (position): position is XYPosition => position !== undefined,
+  );
+
+  return steps.map((step, index) => {
+    const savedPosition = savedPositionsByStep[index];
+    if (savedPosition) {
+      return savedPosition;
+    }
+
+    let position = getStudioGraphPosition(autoLayoutPositions, step.id) ?? {
+      x: STUDIO_AUTO_LAYOUT_ORIGIN_X + index * STUDIO_AUTO_LAYOUT_COLUMN_PITCH,
+      y: STUDIO_AUTO_LAYOUT_ORIGIN_Y,
+    };
+    while (
+      occupiedPositions.some((occupied) =>
+        studioGraphPositionsOverlap(position, occupied),
+      )
+    ) {
+      position = {
+        ...position,
+        y: position.y + STUDIO_AUTO_LAYOUT_ROW_PITCH,
+      };
+    }
+
+    occupiedPositions.push(position);
+    return position;
+  });
+}
+
 function buildAutoLayoutPositions(
   steps: StudioGraphStep[],
 ): Record<string, XYPosition> {
@@ -497,7 +608,7 @@ function buildAutoLayoutPositions(
     }
   }
 
-  const positions: Record<string, XYPosition> = {};
+  const positions = createStudioGraphPositionMap();
   let globalRow = 0;
 
   function place(stepId: string, startRow: number) {
@@ -506,8 +617,8 @@ function buildAutoLayoutPositions(
     const depth = depths.get(stepId) ?? 0;
     const centerRow = startRow + (size - 1) / 2;
     positions[stepId] = {
-      x: 240 + depth * 330,
-      y: 180 + centerRow * 200,
+      x: STUDIO_AUTO_LAYOUT_ORIGIN_X + depth * STUDIO_AUTO_LAYOUT_COLUMN_PITCH,
+      y: STUDIO_AUTO_LAYOUT_ORIGIN_Y + centerRow * STUDIO_AUTO_LAYOUT_ROW_PITCH,
     };
 
     let nextRow = startRow;
@@ -519,7 +630,7 @@ function buildAutoLayoutPositions(
   }
 
   for (const rootId of rootOrder) {
-    if (!depths.has(rootId) || positions[rootId]) {
+    if (!depths.has(rootId) || getStudioGraphPosition(positions, rootId)) {
       continue;
     }
 
@@ -534,7 +645,9 @@ export function getStudioGraphCategory(
   type: string,
 ): StudioGraphPrimitiveCategory {
   return (
-    STUDIO_GRAPH_CATEGORIES.find((category) => category.items.includes(type)) ?? {
+    STUDIO_GRAPH_CATEGORIES.find((category) =>
+      category.items.includes(type),
+    ) ?? {
       key: 'custom',
       label: 'Custom',
       color: '#6B7280',
@@ -581,18 +694,20 @@ export function buildStudioWorkflowLayout(
       ? (previousLayout as StudioWorkflowLayoutDocument).viewport
       : { x: 0, y: 0, zoom: 1 };
 
+  const nodePositions = createStudioGraphPositionMap();
+  for (const node of nodes) {
+    if (!node.data?.stepId) {
+      continue;
+    }
+
+    nodePositions[node.data.stepId] = {
+      x: node.position.x,
+      y: node.position.y,
+    };
+  }
+
   return {
-    nodePositions: Object.fromEntries(
-      nodes
-        .filter((node) => node.data?.stepId)
-        .map((node) => [
-          node.data.stepId,
-          {
-            x: node.position.x,
-            y: node.position.y,
-          },
-        ]),
-    ),
+    nodePositions,
     viewport,
     mode: 'manual',
     layoutVersion: 2,
@@ -613,10 +728,17 @@ export function buildStudioGraphElements(
   const roles = normalizeRoles(normalizedDocument);
   const steps = normalizeSteps(normalizedDocument);
   const savedLayoutPositions = extractSavedLayoutPositions(layout);
-  const autoLayoutPositions = buildAutoLayoutPositions(steps);
+  const autoLayoutPositions = needsStudioAutoLayout(steps, savedLayoutPositions)
+    ? buildAutoLayoutPositions(steps)
+    : {};
+  const nodePositions = buildStudioGraphNodePositions(
+    steps,
+    savedLayoutPositions,
+    autoLayoutPositions,
+  );
 
   const nodes: Node<StudioGraphNodeData>[] = steps.map((step, index) => {
-    const position = savedLayoutPositions[step.id] ?? autoLayoutPositions[step.id];
+    const position = nodePositions[index];
     return {
       id: `step:${step.id}`,
       type: 'studioWorkflowNode',
@@ -624,11 +746,12 @@ export function buildStudioGraphElements(
         x:
           typeof position?.x === 'number' && Number.isFinite(position.x)
             ? position.x
-            : 240 + index * 330,
+            : STUDIO_AUTO_LAYOUT_ORIGIN_X +
+              index * STUDIO_AUTO_LAYOUT_COLUMN_PITCH,
         y:
           typeof position?.y === 'number' && Number.isFinite(position.y)
             ? position.y
-            : 180,
+            : STUDIO_AUTO_LAYOUT_ORIGIN_Y,
       },
       sourcePosition: Position.Right,
       targetPosition: Position.Left,
@@ -694,11 +817,7 @@ export function buildStudioGraphElements(
         }
 
         edges.push({
-          id: buildStudioGraphBranchEdgeId(
-            step.id,
-            targetStepId,
-            branchLabel,
-          ),
+          id: buildStudioGraphBranchEdgeId(step.id, targetStepId, branchLabel),
           source: sourceNode.id,
           target: targetNode.id,
           type: 'smoothstep',
diff --git a/apps/aevatar-console-web/src/shared/studio/models.ts b/apps/aevatar-console-web/src/shared/studio/models.ts
index a736c4bf36..d319f54784 100644
--- a/apps/aevatar-console-web/src/shared/studio/models.ts
+++ b/apps/aevatar-console-web/src/shared/studio/models.ts
@@ -11,6 +11,7 @@ export type StudioWorkflowRoleDocument = Record<string, unknown> & {
   systemPrompt?: string;
   provider?: string | null;
   model?: string | null;
+  toolSets?: string[] | null;
   connectors?: unknown[];
 };
 
@@ -20,6 +21,7 @@ export type StudioWorkflowStepDocument = Record<string, unknown> & {
   originalType?: string;
   targetRole?: string | null;
   target_role?: string | null;
+  toolSets?: string[] | null;
   parameters?: Record<string, unknown> | null;
   next?: string | null;
   branches?: Record<string, string> | null;
@@ -52,10 +54,11 @@ export interface StudioAppContext {
 export interface StudioAuthSession {
   readonly enabled: boolean;
   readonly authenticated: boolean;
+  readonly subject?: string | null;
   readonly providerDisplayName?: string;
   readonly loginUrl?: string;
   readonly logoutUrl?: string;
-  readonly invokeAuthMode?: "studio-session" | "bearer-token" | "anonymous";
+  readonly invokeAuthMode?: 'studio-session' | 'bearer-token' | 'anonymous';
   readonly externalCallerHint?: string;
   readonly name?: string;
   readonly email?: string;
@@ -163,34 +166,46 @@ export interface StudioSaveAndBindWorkflowInput {
   readonly appId?: string | null;
   readonly serviceId?: string | null;
   readonly exposureDesired?: boolean | null;
-  readonly explicitRequestConfirmations?: readonly StudioExplicitRequestConfirmation[] | null;
+  readonly explicitRequestConfirmations?:
+    | readonly StudioExplicitRequestConfirmation[]
+    | null;
+}
+
+export interface StudioPublishWorkflowInput {
+  readonly scopeId: string;
+  readonly workflowId: string;
+  readonly revisionId: string;
+  readonly workflowYaml: string;
+  readonly workflowName?: string | null;
+  readonly displayName?: string | null;
+  readonly inlineWorkflowYamls?: Record<string, string> | null;
+  readonly explicitRequestConfirmations?:
+    | readonly StudioExplicitRequestConfirmation[]
+    | null;
 }
 
 export type StudioExplicitRequestMethod =
-  | "get"
-  | "head"
-  | "options"
-  | "post"
-  | "put"
-  | "patch"
-  | "delete";
+  | 'get'
+  | 'head'
+  | 'options'
+  | 'post'
+  | 'put'
+  | 'patch'
+  | 'delete';
 
-export type StudioExplicitRequestBodyMode = "none" | "json";
+export type StudioExplicitRequestBodyMode = 'none' | 'json';
 
-export type StudioExplicitRequestResponseMode = "text" | "file_artifact";
+export type StudioExplicitRequestResponseMode = 'text' | 'file_artifact';
 
-export type StudioExplicitRequestRisk =
-  | "read_only"
-  | "write"
-  | "destructive";
+export type StudioExplicitRequestRisk = 'read_only' | 'write' | 'destructive';
 
-export type StudioExplicitRequestExecutionMode = "interactive" | "durable";
+export type StudioExplicitRequestExecutionMode = 'interactive' | 'durable';
 
 export interface StudioExplicitRequestPreviewInput {
   readonly scopeId: string;
   readonly workflowId: string;
   readonly workflowYaml: string;
-  readonly executionMode: "interactive";
+  readonly executionMode: 'interactive';
   readonly inlineWorkflowYamls?: Record<string, string> | null;
   readonly revisionId: string;
 }
@@ -257,11 +272,11 @@ export type StudioWorkflowFile = StudioWorkflowDraft & {
 
 export type StudioWorkflowSaveResult =
   | {
-      readonly kind: "materialized";
+      readonly kind: 'materialized';
       readonly workflow: StudioWorkflowFile;
     }
   | {
-      readonly kind: "accepted";
+      readonly kind: 'accepted';
       readonly receipt: StudioWorkflowDraftCreateAcceptedReceipt;
     };
 
@@ -285,6 +300,15 @@ export interface StudioSaveAndBindWorkflowAcceptedResult {
   readonly propagationStage: string;
 }
 
+export interface StudioPublishWorkflowAcceptedResult {
+  readonly scopeId: string;
+  readonly workflowId: string;
+  readonly serviceKey: string;
+  readonly revisionId: string;
+  readonly acceptanceStage: string;
+  readonly propagationStage: string;
+}
+
 export interface StudioSerializeYamlResult {
   readonly yaml: string;
   readonly document: StudioWorkflowDocument;
@@ -311,7 +335,11 @@ export interface StudioExecutionSummary {
   readonly roleReplyCount?: number | null;
   readonly output?: string | null;
   readonly auditUpdatedAtUtc?: string | null;
-  readonly auditSource?: 'service-run-summary' | 'run-audit' | 'invoke-session' | 'draft-run-session';
+  readonly auditSource?:
+    | 'service-run-summary'
+    | 'run-audit'
+    | 'invoke-session'
+    | 'draft-run-session';
 }
 
 export interface StudioExecutionFrame {
@@ -340,7 +368,9 @@ export interface StudioMemberWorkflowBindingInput {
   readonly workflowId: string;
   readonly workflowYamls: readonly string[];
   readonly revisionId: string;
-  readonly explicitRequestConfirmations?: readonly StudioExplicitRequestConfirmation[] | null;
+  readonly explicitRequestConfirmations?:
+    | readonly StudioExplicitRequestConfirmation[]
+    | null;
 }
 
 export type StudioScopeBindingImplementationKind =
@@ -349,8 +379,7 @@ export type StudioScopeBindingImplementationKind =
   | 'gagent'
   | 'unknown';
 
-export type StudioScopeBindingTargetKind =
-  StudioScopeBindingImplementationKind;
+export type StudioScopeBindingTargetKind = StudioScopeBindingImplementationKind;
 
 export function normalizeStudioScopeBindingImplementationKind(
   value: string | number | null | undefined,
@@ -368,7 +397,9 @@ export function normalizeStudioScopeBindingImplementationKind(
     }
   }
 
-  const normalized = String(value || '').trim().toLowerCase();
+  const normalized = String(value || '')
+    .trim()
+    .toLowerCase();
   switch (normalized) {
     case 'workflow':
       return 'workflow';
@@ -486,13 +517,17 @@ export function describeStudioScopeBindingRevisionTarget(
     return 'Not configured';
   }
 
-  switch (normalizeStudioScopeBindingImplementationKind(revision.implementationKind)) {
+  switch (
+    normalizeStudioScopeBindingImplementationKind(revision.implementationKind)
+  ) {
     case 'workflow':
       return revision.workflowName || 'Workflow';
     case 'script':
       return revision.scriptId || 'Script';
     case 'gagent':
-      return revision.staticAgentKind || revision.staticActorTypeName || 'GAgent';
+      return (
+        revision.staticAgentKind || revision.staticActorTypeName || 'GAgent'
+      );
     default:
       return 'Unknown';
   }
@@ -505,7 +540,9 @@ export function describeStudioScopeBindingRevisionContext(
     return '';
   }
 
-  switch (normalizeStudioScopeBindingImplementationKind(revision.implementationKind)) {
+  switch (
+    normalizeStudioScopeBindingImplementationKind(revision.implementationKind)
+  ) {
     case 'workflow':
       if (revision.workflowDefinitionActorId) {
         return revision.workflowDefinitionActorId;
@@ -554,7 +591,11 @@ export type StudioMemberLifecycleStage =
 export function normalizeStudioMemberLifecycleStage(
   value: string | null | undefined,
 ): StudioMemberLifecycleStage {
-  switch (String(value || '').trim().toLowerCase()) {
+  switch (
+    String(value || '')
+      .trim()
+      .toLowerCase()
+  ) {
     case 'created':
       return 'created';
     case 'build_ready':
@@ -626,13 +667,9 @@ export type StudioMemberBindingRunStatus =
   | 'rejected'
   | 'unknown';
 
-export type StudioMemberBindingAckStage =
-  | 'dispatch_accepted'
-  | 'unknown';
+export type StudioMemberBindingAckStage = 'dispatch_accepted' | 'unknown';
 
-export type StudioMemberBindingRunRole =
-  | 'candidate'
-  | 'unknown';
+export type StudioMemberBindingRunRole = 'candidate' | 'unknown';
 
 export interface StudioMemberBindingFailure {
   readonly code: string;
@@ -704,7 +741,11 @@ export type StudioTeamLifecycleStage = 'active' | 'archived' | 'unknown';
 export function normalizeStudioTeamLifecycleStage(
   value: string | null | undefined,
 ): StudioTeamLifecycleStage {
-  switch (String(value || '').trim().toLowerCase()) {
+  switch (
+    String(value || '')
+      .trim()
+      .toLowerCase()
+  ) {
     case 'active':
       return 'active';
     case 'archived':
@@ -872,10 +913,7 @@ export interface StudioTeamUpdateInput {
   readonly description?: string | null;
 }
 
-export type StudioTeamCommandStatus =
-  | 'accepted'
-  | 'no_change'
-  | 'unknown';
+export type StudioTeamCommandStatus = 'accepted' | 'no_change' | 'unknown';
 
 export interface StudioTeamCommandResponse {
   readonly status: StudioTeamCommandStatus;
diff --git a/apps/aevatar-console-web/src/shared/studio/nodeConfigFieldSchemas.ts b/apps/aevatar-console-web/src/shared/studio/nodeConfigFieldSchemas.ts
index 12dc465c41..4b9e1a69e0 100644
--- a/apps/aevatar-console-web/src/shared/studio/nodeConfigFieldSchemas.ts
+++ b/apps/aevatar-console-web/src/shared/studio/nodeConfigFieldSchemas.ts
@@ -1,3 +1,4 @@
+import type { ConsoleMessageDescriptor } from '@/shared/i18n/messages';
 import {
   formatInspectorParameters,
   normalizeStepParametersForType,
@@ -5,7 +6,6 @@ import {
   readStepParameterValue,
   resolveStepParameterName,
 } from './document';
-import type { ConsoleMessageDescriptor } from '@/shared/i18n/messages';
 
 export type StudioNodeConfigurationFieldKind =
   | 'array'
@@ -52,17 +52,17 @@ export type StudioNodeConfigurationSchema = {
   readonly stepType: string;
 };
 
-type StudioNodeConfigurationSchemaSource = Record<string, unknown> | null | undefined;
+type StudioNodeConfigurationSchemaSource =
+  | Record<string, unknown>
+  | null
+  | undefined;
 
 type StudioNodeConfigurationSchemaDefinition = {
   readonly fields: readonly StudioNodeConfigurationField[];
   readonly stepType: string;
 };
 
-function message(
-  id: string,
-  defaultMessage: string,
-): ConsoleMessageDescriptor {
+function message(id: string, defaultMessage: string): ConsoleMessageDescriptor {
   return { defaultMessage, id };
 }
 
@@ -284,7 +284,10 @@ const STEP_TYPE_OPTIONS = [
   },
 ] satisfies readonly StudioNodeConfigurationOption[];
 
-const SCHEMAS_BY_STEP_TYPE: Record<string, StudioNodeConfigurationSchemaDefinition> = {
+const SCHEMAS_BY_STEP_TYPE: Record<
+  string,
+  StudioNodeConfigurationSchemaDefinition
+> = {
   assign: {
     stepType: 'assign',
     fields: [
@@ -1096,10 +1099,14 @@ const SCHEMAS_BY_STEP_TYPE: Record<string, StudioNodeConfigurationSchemaDefiniti
     stepType: 'tool_call',
     fields: [
       {
+        description: message(
+          'shared.studio.nodeConfiguration.toolCall.tool.description',
+          "Use the exact name from the workflow template or target role's tool setup, for example web_search.",
+        ),
         kind: 'single-line',
         label: message(
           'shared.studio.nodeConfiguration.toolCall.tool.label',
-          'Tool',
+          'Tool name',
         ),
         name: 'tool',
         parameterName: 'tool',
@@ -1109,6 +1116,24 @@ const SCHEMAS_BY_STEP_TYPE: Record<string, StudioNodeConfigurationSchemaDefiniti
         ),
         required: true,
       },
+      {
+        description: message(
+          'shared.studio.nodeConfiguration.toolCall.arguments.description',
+          "Property names and value types must match the tool's expected input.",
+        ),
+        kind: 'multi-line',
+        label: message(
+          'shared.studio.nodeConfiguration.toolCall.arguments.label',
+          'Arguments',
+        ),
+        name: 'arguments',
+        parameterName: 'arguments',
+        placeholder: message(
+          'shared.studio.nodeConfiguration.toolCall.arguments.placeholder',
+          '\'{\'"query":"$input"\'}\'',
+        ),
+        required: false,
+      },
     ],
   },
   transform: {
@@ -1334,7 +1359,9 @@ function normalizeParameterName(value: string): string {
   return value.trim();
 }
 
-function labelFromParameterName(parameterName: string): ConsoleMessageDescriptor {
+function labelFromParameterName(
+  parameterName: string,
+): ConsoleMessageDescriptor {
   const normalized = normalizeParameterName(parameterName);
   const label = normalized
     .replace(/[_-]+/g, ' ')
@@ -1348,10 +1375,10 @@ function labelFromParameterName(parameterName: string): ConsoleMessageDescriptor
   );
 }
 
-function normalizeField(
-  field: StudioNodeConfigurationField,
-): NodeConfigField {
-  const parameterName = normalizeParameterName(field.parameterName || field.path || '');
+function normalizeField(field: StudioNodeConfigurationField): NodeConfigField {
+  const parameterName = normalizeParameterName(
+    field.parameterName || field.path || '',
+  );
   return {
     ...field,
     control: field.control ?? field.kind,
@@ -1360,7 +1387,9 @@ function normalizeField(
   };
 }
 
-function inferControlFromValue(value: unknown): StudioNodeConfigurationFieldKind {
+function inferControlFromValue(
+  value: unknown,
+): StudioNodeConfigurationFieldKind {
   if (typeof value === 'boolean') {
     return 'boolean';
   }
@@ -1453,6 +1482,27 @@ export function hasStudioNodeConfigurationSchema(stepType: string): boolean {
   return SCHEMAS_BY_STEP_TYPE[normalizeStepType(stepType)] !== undefined;
 }
 
+export function shouldShowRawStudioNodeConfiguration(
+  stepType: string,
+  parameters: Record<string, unknown> | null | undefined,
+): boolean {
+  const schema = SCHEMAS_BY_STEP_TYPE[normalizeStepType(stepType)];
+  if (!schema) {
+    return true;
+  }
+
+  const coveredParameters = new Set(
+    schema.fields.map((field) =>
+      resolveStepParameterName(stepType, field.parameterName),
+    ),
+  );
+
+  return Object.keys(parameters ?? {}).some(
+    (parameterName) =>
+      !coveredParameters.has(resolveStepParameterName(stepType, parameterName)),
+  );
+}
+
 export function readStudioNodeConfigurationValues(
   stepType: string,
   parameters: Record<string, unknown> | null | undefined,
@@ -1555,13 +1605,19 @@ function readFieldValueFromInput(
           include: false,
         };
       }
-      if (field.validation?.min !== undefined && parsed < field.validation.min) {
+      if (
+        field.validation?.min !== undefined &&
+        parsed < field.validation.min
+      ) {
         return {
           error: `${field.label.defaultMessage} must be at least ${field.validation.min}.`,
           include: false,
         };
       }
-      if (field.validation?.max !== undefined && parsed > field.validation.max) {
+      if (
+        field.validation?.max !== undefined &&
+        parsed > field.validation.max
+      ) {
         return {
           error: `${field.label.defaultMessage} must be at most ${field.validation.max}.`,
           include: false,
diff --git a/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.structured.test.ts b/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.structured.test.ts
index 8e78c89e14..1651e12e7d 100644
--- a/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.structured.test.ts
+++ b/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.structured.test.ts
@@ -1,3 +1,4 @@
+import { STUDIO_GRAPH_CATEGORIES } from './graph';
 import {
   applyRawStudioNodeConfiguration,
   applyStudioNodeConfigurationValues,
@@ -7,8 +8,8 @@ import {
   getStudioNodeConfigurationSchema,
   hasStudioNodeConfigurationSchema,
   readStudioNodeConfigurationValues,
+  shouldShowRawStudioNodeConfiguration,
 } from './nodeConfigFields';
-import { STUDIO_GRAPH_CATEGORIES } from './graph';
 
 describe('studio node configuration semantics', () => {
   it('keeps every supported authoring step explicitly covered by the structured editor', () => {
@@ -73,18 +74,18 @@ describe('studio node configuration semantics', () => {
       applyStudioNodeConfigurationValues(
         'while',
         {
-          condition: '${lt(iteration, 5)}',
+          condition: '${' + 'lt(iteration, 5)}',
           max_iterations: '5',
           step: 'llm_call',
         },
         {
-          condition: '${lt(iteration, 3)}',
+          condition: '${' + 'lt(iteration, 3)}',
           maxIterations: '3',
           step: 'transform',
         },
       ),
     ).toEqual({
-      condition: '${lt(iteration, 3)}',
+      condition: '${' + 'lt(iteration, 3)}',
       max_iterations: '3',
       step: 'transform',
     });
@@ -118,7 +119,9 @@ describe('studio node configuration semantics', () => {
 
   it('keeps no-parameter steps intentionally empty while preserving raw JSON editing', () => {
     expect(getStudioNodeConfigurationSchema('vote').fields).toEqual([]);
-    expect(getStudioNodeConfigurationSchema('workflow_yaml_validate').fields).toEqual([]);
+    expect(
+      getStudioNodeConfigurationSchema('workflow_yaml_validate').fields,
+    ).toEqual([]);
     expect(applyRawStudioNodeConfiguration('vote', '{ "k": "2" }')).toEqual({
       k: '2',
     });
@@ -175,7 +178,9 @@ describe('studio node configuration semantics', () => {
 
   it('maps transform operation without exposing raw backend op as the user field name', () => {
     const schema = getStudioNodeConfigurationSchema('transform');
-    const values = readStudioNodeConfigurationValues('transform', { op: 'trim' });
+    const values = readStudioNodeConfigurationValues('transform', {
+      op: 'trim',
+    });
 
     expect(schema.fields[0]).toEqual(
       expect.objectContaining({
@@ -231,7 +236,11 @@ describe('studio node configuration semantics', () => {
     expect(
       applyStudioNodeConfigurationValues(
         'cache',
-        { cache_key: '$input', child_step_type: 'llm_call', ttl_seconds: '600' },
+        {
+          cache_key: '$input',
+          child_step_type: 'llm_call',
+          ttl_seconds: '600',
+        },
         { cacheKey: '$input', childStepType: 'llm_call', ttlSeconds: '900' },
       ),
     ).toEqual({
@@ -263,6 +272,45 @@ describe('studio node configuration semantics', () => {
     });
   });
 
+  it('exposes tool arguments as optional JSON text without changing their runtime shape', () => {
+    const schema = getStudioNodeConfigurationSchema('tool_call');
+
+    expect(schema.fields).toEqual([
+      expect.objectContaining({
+        kind: 'single-line',
+        name: 'tool',
+        required: true,
+      }),
+      expect.objectContaining({
+        kind: 'multi-line',
+        name: 'arguments',
+        required: false,
+      }),
+    ]);
+    expect(
+      readStudioNodeConfigurationValues('tool_call', {
+        arguments: '{"query":{"request":"$input"}}',
+        tool: 'nyxid_proxy',
+      }),
+    ).toEqual({
+      arguments: '{"query":{"request":"$input"}}',
+      tool: 'nyxid_proxy',
+    });
+    expect(
+      applyStudioNodeConfigurationValues(
+        'tool_call',
+        { arguments: '{}', tool: 'nyxid_proxy' },
+        {
+          arguments: '{"query":{"request":"$result"}}',
+          tool: 'nyxid_proxy',
+        },
+      ),
+    ).toEqual({
+      arguments: '{"query":{"request":"$result"}}',
+      tool: 'nyxid_proxy',
+    });
+  });
+
   it('keeps raw configuration as an explicit advanced JSON path', () => {
     expect(formatRawStudioNodeConfiguration({ op: 'trim' })).toBe(
       '{\n  "op": "trim"\n}',
@@ -272,6 +320,30 @@ describe('studio node configuration semantics', () => {
     ).toEqual({ op: 'lowercase' });
   });
 
+  it('shows raw configuration only for unknown nodes or uncovered parameters', () => {
+    expect(
+      shouldShowRawStudioNodeConfiguration('llm_call', {
+        prompt_prefix: 'Classify the request.',
+      }),
+    ).toBe(false);
+    expect(
+      shouldShowRawStudioNodeConfiguration('llm_call', {
+        prompt: 'Legacy instruction',
+      }),
+    ).toBe(false);
+    expect(
+      shouldShowRawStudioNodeConfiguration('llm_call', {
+        llm_timeout_ms: '120000',
+        prompt_prefix: 'Classify the request.',
+      }),
+    ).toBe(true);
+    expect(
+      shouldShowRawStudioNodeConfiguration('custom_step', {
+        title: 'Draft',
+      }),
+    ).toBe(true);
+  });
+
   it('infers typed fields for unknown node parameters from the workflow document', () => {
     const parameters = {
       enabled: true,
@@ -321,7 +393,9 @@ describe('studio node configuration semantics', () => {
         path: 'title',
       }),
     ]);
-    expect(readStudioNodeConfigurationValues('custom_step', parameters)).toEqual({
+    expect(
+      readStudioNodeConfigurationValues('custom_step', parameters),
+    ).toEqual({
       enabled: 'true',
       limit: '3',
       notes: 'line one\nline two',
@@ -382,14 +456,10 @@ describe('studio node configuration semantics', () => {
       valid: true,
     });
     expect(
-      readStudioNodeConfigurationValues(
-        'custom_step',
-        result.parameters,
-        {
-          enabled: true,
-          title: 'Draft',
-        },
-      ),
+      readStudioNodeConfigurationValues('custom_step', result.parameters, {
+        enabled: true,
+        title: 'Draft',
+      }),
     ).toEqual({
       enabled: 'true',
       title: '',
diff --git a/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.ts b/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.ts
index 849a6020ce..d53912a810 100644
--- a/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.ts
+++ b/apps/aevatar-console-web/src/shared/studio/nodeConfigFields.ts
@@ -19,6 +19,7 @@ export {
   getStudioNodeConfigurationSchema,
   hasStudioNodeConfigurationSchema,
   readStudioNodeConfigurationValues,
+  shouldShowRawStudioNodeConfiguration,
 } from './nodeConfigFieldSchemas';
 export type {
   NodeConfigField as StudioStructuredNodeConfigField,
diff --git a/apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.test.tsx b/apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.test.tsx
new file mode 100644
index 0000000000..b8ff4336dc
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.test.tsx
@@ -0,0 +1,77 @@
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import AevatarContentSkeleton from './AevatarContentSkeleton';
+
+describe('AevatarContentSkeleton', () => {
+  it('renders configured table rows and columns as decorative geometry', () => {
+    render(
+      <AevatarContentSkeleton
+        ariaLabel="Loading workflow catalog"
+        columnWidths={[120, '2fr', '1fr']}
+        rows={3}
+        tableMinWidth={1100}
+        variant="table"
+      />,
+    );
+
+    expect(screen.getByRole('status')).toHaveAttribute('aria-busy', 'true');
+    expect(screen.getByRole('status')).toHaveClass('aevatar-content-skeleton');
+    expect(screen.getByRole('status')).toHaveAttribute('data-variant', 'table');
+    expect(screen.getAllByTestId('aevatar-content-skeleton-row')).toHaveLength(
+      3,
+    );
+    expect(screen.getAllByTestId('aevatar-content-skeleton-cell')).toHaveLength(
+      9,
+    );
+    expect(screen.getByText('Loading workflow catalog')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+    expect(
+      screen
+        .getAllByTestId('aevatar-content-skeleton-cell')[0]
+        .closest("[aria-hidden='true']"),
+    ).toBeTruthy();
+    expect(
+      screen.getAllByTestId('aevatar-content-skeleton-row')[0],
+    ).toHaveStyle('min-width: 1100px');
+  });
+
+  it('renders the configured list layout and item count', () => {
+    render(
+      <AevatarContentSkeleton
+        ariaLabel="Loading connectors"
+        listLayout="grid"
+        rows={4}
+        variant="list"
+      />,
+    );
+
+    expect(screen.getByRole('status')).toHaveAttribute(
+      'data-list-layout',
+      'grid',
+    );
+    expect(
+      screen.getAllByTestId('aevatar-content-skeleton-list-item'),
+    ).toHaveLength(4);
+  });
+
+  it('renders canvas nodes and supports page-specific styling', () => {
+    render(
+      <AevatarContentSkeleton
+        ariaLabel="Loading workflow runs"
+        className="mission-wall-stage-skeleton"
+        variant="canvas"
+      />,
+    );
+
+    expect(screen.getByRole('status')).toHaveClass(
+      'mission-wall-stage-skeleton',
+    );
+    expect(
+      screen.getAllByTestId('aevatar-content-skeleton-node').length,
+    ).toBeGreaterThan(1);
+    expect(
+      screen.getByTestId('aevatar-content-skeleton-connector'),
+    ).toBeInTheDocument();
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.tsx b/apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.tsx
new file mode 100644
index 0000000000..e8b7b8bf91
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.tsx
@@ -0,0 +1,310 @@
+import { Skeleton, theme } from 'antd';
+import React from 'react';
+
+export type AevatarContentSkeletonVariant = 'canvas' | 'list' | 'table';
+
+export type AevatarContentSkeletonProps = {
+  readonly ariaLabel: string;
+  readonly className?: string;
+  readonly columnWidths?: readonly (number | string)[];
+  readonly listLayout?: 'grid' | 'stack' | 'tree';
+  readonly rows?: number;
+  readonly style?: React.CSSProperties;
+  readonly tableMinWidth?: number;
+  readonly variant: AevatarContentSkeletonVariant;
+};
+
+const defaultColumnWidths = [112, '1.5fr', '1fr', 120] as const;
+
+function normalizeCount(value: number | undefined, fallback: number): number {
+  if (!Number.isFinite(value)) {
+    return fallback;
+  }
+
+  return Math.max(1, Math.floor(value ?? fallback));
+}
+
+function toGridTrack(value: number | string): string {
+  return typeof value === 'number' ? `${value}px` : value;
+}
+
+export const AevatarContentSkeleton: React.FC<AevatarContentSkeletonProps> = ({
+  ariaLabel,
+  className,
+  columnWidths = defaultColumnWidths,
+  listLayout = 'stack',
+  rows = 4,
+  style,
+  tableMinWidth,
+  variant,
+}) => {
+  const { token } = theme.useToken();
+  const normalizedRows = normalizeCount(rows, 4);
+  const normalizedColumns =
+    columnWidths.length > 0 ? columnWidths : defaultColumnWidths;
+  const skeletonRows = Array.from({ length: normalizedRows }, (_, index) => ({
+    isLast: index === normalizedRows - 1,
+    key: `row-${index + 1}`,
+  }));
+  const skeletonColumns = normalizedColumns.map((width, index) => ({
+    isLeading: index === 0,
+    isWide: index % 2 !== 0,
+    key: `column-${index + 1}-${toGridTrack(width)}`,
+    width,
+  }));
+  const tableGridStyle: React.CSSProperties = {
+    alignItems: 'center',
+    display: 'grid',
+    gap: 16,
+    gridTemplateColumns: skeletonColumns
+      .map(({ width }) => toGridTrack(width))
+      .join(' '),
+    minWidth: Math.max(
+      640,
+      skeletonColumns.length * 136,
+      Number.isFinite(tableMinWidth) ? (tableMinWidth ?? 0) : 0,
+    ),
+  };
+
+  const tablePreset =
+    variant === 'table' ? (
+      <div
+        style={{
+          border: `1px solid ${token.colorBorderSecondary}`,
+          borderRadius: token.borderRadiusLG,
+          overflowX: 'auto',
+        }}
+      >
+        <div
+          style={{
+            ...tableGridStyle,
+            background: token.colorFillQuaternary,
+            borderBottom: `1px solid ${token.colorBorderSecondary}`,
+            padding: '12px 16px',
+          }}
+        >
+          {skeletonColumns.map((column) => (
+            <Skeleton.Input
+              active
+              key={`header-${column.key}`}
+              size="small"
+              style={{ height: 12, maxWidth: '100%', width: '72%' }}
+            />
+          ))}
+        </div>
+        {skeletonRows.map((row) => (
+          <div
+            data-testid="aevatar-content-skeleton-row"
+            key={row.key}
+            style={{
+              ...tableGridStyle,
+              borderBottom: row.isLast
+                ? undefined
+                : `1px solid ${token.colorBorderSecondary}`,
+              minHeight: 56,
+              padding: '12px 16px',
+            }}
+          >
+            {skeletonColumns.map((column) => (
+              <div
+                data-testid="aevatar-content-skeleton-cell"
+                key={`${row.key}-${column.key}`}
+              >
+                <Skeleton.Input
+                  active
+                  size="small"
+                  style={{
+                    height: column.isLeading ? 20 : 14,
+                    maxWidth: '100%',
+                    width: column.isWide ? '84%' : '68%',
+                  }}
+                />
+              </div>
+            ))}
+          </div>
+        ))}
+      </div>
+    ) : null;
+
+  const listContainerStyle: React.CSSProperties =
+    listLayout === 'grid'
+      ? {
+          display: 'grid',
+          gap: 12,
+          gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))',
+        }
+      : {
+          display: 'flex',
+          flexDirection: 'column',
+          gap: listLayout === 'tree' ? 4 : 10,
+        };
+  const listPreset =
+    variant === 'list' ? (
+      <div style={listContainerStyle}>
+        {skeletonRows.map((row) => {
+          const isTree = listLayout === 'tree';
+
+          return (
+            <div
+              className={`aevatar-content-skeleton-list-item aevatar-content-skeleton-list-item-${listLayout}`}
+              data-testid="aevatar-content-skeleton-list-item"
+              key={`list-item-${row.key}`}
+              style={{
+                alignItems: 'center',
+                border: isTree
+                  ? undefined
+                  : `1px solid ${token.colorBorderSecondary}`,
+                borderRadius: isTree ? 0 : token.borderRadiusLG,
+                display: 'grid',
+                gap: isTree ? 10 : 14,
+                gridTemplateColumns: isTree
+                  ? '16px minmax(0, 1fr)'
+                  : '36px minmax(0, 1fr) auto',
+                minHeight: isTree ? 34 : listLayout === 'grid' ? 112 : 72,
+                padding: isTree ? '5px 12px 5px 32px' : 14,
+              }}
+            >
+              <Skeleton.Avatar
+                active
+                shape={isTree ? 'square' : 'circle'}
+                size={isTree ? 16 : 36}
+              />
+              <div
+                style={{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  gap: 8,
+                  minWidth: 0,
+                }}
+              >
+                <Skeleton.Input
+                  active
+                  size="small"
+                  style={{ height: 16, maxWidth: '100%', width: '68%' }}
+                />
+                {!isTree ? (
+                  <Skeleton.Input
+                    active
+                    size="small"
+                    style={{ height: 12, maxWidth: '100%', width: '86%' }}
+                  />
+                ) : null}
+              </div>
+              {!isTree ? (
+                <Skeleton.Button
+                  active
+                  shape="round"
+                  size="small"
+                  style={{ width: 72 }}
+                />
+              ) : null}
+            </div>
+          );
+        })}
+      </div>
+    ) : null;
+
+  const canvasPreset =
+    variant === 'canvas' ? (
+      <div
+        className="aevatar-content-skeleton-canvas"
+        style={{ display: 'flex', flexDirection: 'column', gap: 14 }}
+      >
+        <div
+          style={{
+            alignItems: 'center',
+            display: 'flex',
+            gap: 12,
+            justifyContent: 'space-between',
+          }}
+        >
+          <Skeleton.Input
+            active
+            size="small"
+            style={{ height: 18, maxWidth: '46%', width: 240 }}
+          />
+          <Skeleton.Button active shape="round" size="small" />
+        </div>
+        <div
+          className="aevatar-content-skeleton-canvas-surface"
+          style={{
+            background: token.colorFillQuaternary,
+            border: `1px solid ${token.colorBorderSecondary}`,
+            borderRadius: token.borderRadiusLG,
+            minHeight: 280,
+            overflow: 'hidden',
+            position: 'relative',
+          }}
+        >
+          <div
+            className="aevatar-content-skeleton-connector"
+            data-testid="aevatar-content-skeleton-connector"
+            style={{
+              background: token.colorBorderSecondary,
+              height: 2,
+              left: '22%',
+              position: 'absolute',
+              top: '48%',
+              width: '56%',
+            }}
+          />
+          {['18%', '48%', '78%'].map((left, nodeIndex) => (
+            <div
+              className="aevatar-content-skeleton-node"
+              data-testid="aevatar-content-skeleton-node"
+              key={left}
+              style={{
+                background: token.colorBgContainer,
+                border: `1px solid ${token.colorBorderSecondary}`,
+                borderRadius: token.borderRadiusLG,
+                left,
+                padding: 12,
+                position: 'absolute',
+                top: nodeIndex === 1 ? '52%' : '36%',
+                transform: 'translate(-50%, -50%)',
+                width: 'min(168px, 24%)',
+              }}
+            >
+              <Skeleton.Input
+                active
+                size="small"
+                style={{ height: 14, maxWidth: '100%', width: '78%' }}
+              />
+              <Skeleton.Input
+                active
+                size="small"
+                style={{
+                  height: 10,
+                  marginTop: 8,
+                  maxWidth: '100%',
+                  width: '54%',
+                }}
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+    ) : null;
+
+  return (
+    <div
+      aria-busy="true"
+      className={['aevatar-content-skeleton', className]
+        .filter(Boolean)
+        .join(' ')}
+      data-list-layout={variant === 'list' ? listLayout : undefined}
+      data-variant={variant}
+      role="status"
+      style={{ minWidth: 0, width: '100%', ...style }}
+    >
+      <span className="aevatar-loading-visually-hidden">{ariaLabel}</span>
+      <div aria-hidden="true">
+        {tablePreset}
+        {listPreset}
+        {canvasPreset}
+      </div>
+    </div>
+  );
+};
+
+export default AevatarContentSkeleton;
diff --git a/apps/aevatar-console-web/src/shared/ui/AevatarLoading.test.tsx b/apps/aevatar-console-web/src/shared/ui/AevatarLoading.test.tsx
index e89f681b2f..fc29b1d949 100644
--- a/apps/aevatar-console-web/src/shared/ui/AevatarLoading.test.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/AevatarLoading.test.tsx
@@ -2,6 +2,7 @@ import { render, screen } from '@testing-library/react';
 import React from 'react';
 import {
   AevatarLoadingDots,
+  AevatarLoadingOverlay,
   AevatarLoadingPulseDot,
   AevatarPageLoading,
   AevatarStreamingCursor,
@@ -64,4 +65,20 @@ describe('AevatarLoading', () => {
       'aevatar-loading-visually-hidden',
     );
   });
+
+  it('uses the shared loading language for committed-content overlays', () => {
+    const { container } = render(
+      <AevatarLoadingOverlay ariaLabel="Refreshing run details" />,
+    );
+
+    const status = screen.getByRole('status', {
+      name: 'Refreshing run details',
+    });
+    expect(status).toHaveAttribute('aria-busy', 'true');
+    expect(status).toHaveClass('aevatar-loading-overlay');
+    expect(container.querySelectorAll('.aevatar-loading-dot')).toHaveLength(3);
+    expect(screen.getByText('Refreshing run details')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+  });
 });
diff --git a/apps/aevatar-console-web/src/shared/ui/AevatarLoading.tsx b/apps/aevatar-console-web/src/shared/ui/AevatarLoading.tsx
index 8e272bffa5..fb3d22db91 100644
--- a/apps/aevatar-console-web/src/shared/ui/AevatarLoading.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/AevatarLoading.tsx
@@ -193,3 +193,33 @@ export function AevatarPageLoading({
     </div>
   );
 }
+
+export type AevatarLoadingOverlayProps = {
+  ariaLabel: string;
+  className?: string;
+  style?: React.CSSProperties;
+};
+
+export function AevatarLoadingOverlay({
+  ariaLabel,
+  className,
+  style,
+}: AevatarLoadingOverlayProps): React.ReactElement {
+  return (
+    <div
+      aria-busy="true"
+      aria-label={ariaLabel}
+      aria-live="polite"
+      className={joinClassNames('aevatar-loading-overlay', className)}
+      role="status"
+      style={style}
+    >
+      <AevatarLoadingDots
+        color="var(--ant-color-primary, #2563eb)"
+        decorative
+        size="medium"
+      />
+      <span className="aevatar-loading-visually-hidden">{ariaLabel}</span>
+    </div>
+  );
+}
diff --git a/apps/aevatar-console-web/src/shared/ui/AevatarTooltip.test.tsx b/apps/aevatar-console-web/src/shared/ui/AevatarTooltip.test.tsx
new file mode 100644
index 0000000000..adad7e18e1
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/AevatarTooltip.test.tsx
@@ -0,0 +1,43 @@
+import { cleanup, fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+
+function loadTooltip(): React.ComponentType<{
+  children: React.ReactElement;
+  placement?: 'topLeft';
+  title: React.ReactNode;
+}> {
+  return require('./AevatarTooltip').default;
+}
+
+afterEach(() => cleanup());
+
+describe('AevatarTooltip', () => {
+  it('shows its help on hover', async () => {
+    const AevatarTooltip = loadTooltip();
+    render(
+      <AevatarTooltip title="Configured workflow step count">
+        <button type="button">Runs 3 steps</button>
+      </AevatarTooltip>,
+    );
+
+    fireEvent.mouseEnter(screen.getByRole('button', { name: 'Runs 3 steps' }));
+    expect(await screen.findByRole('tooltip')).toHaveTextContent(
+      'Configured workflow step count',
+    );
+  });
+
+  it('shows its help on keyboard focus and preserves placement overrides', async () => {
+    const AevatarTooltip = loadTooltip();
+    render(
+      <AevatarTooltip placement="topLeft" title="Placement help">
+        <button type="button">Inspect placement</button>
+      </AevatarTooltip>,
+    );
+
+    fireEvent.focus(screen.getByRole('button', { name: 'Inspect placement' }));
+
+    expect(
+      (await screen.findByRole('tooltip')).closest('.ant-tooltip'),
+    ).toHaveClass('ant-tooltip-placement-topLeft');
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/ui/AevatarTooltip.tsx b/apps/aevatar-console-web/src/shared/ui/AevatarTooltip.tsx
new file mode 100644
index 0000000000..5a51f3bdb3
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/AevatarTooltip.tsx
@@ -0,0 +1,38 @@
+import { Tooltip, type TooltipProps } from 'antd';
+import React from 'react';
+
+const DEFAULT_TOOLTIP_CONTAINER_STYLE: React.CSSProperties = {
+  lineHeight: 1.5,
+  maxWidth: 320,
+  overflowWrap: 'anywhere',
+};
+
+const DEFAULT_TOOLTIP_TRIGGER: TooltipProps['trigger'] = ['hover', 'focus'];
+
+const AevatarTooltip: React.FC<TooltipProps> = ({
+  mouseEnterDelay = 0.2,
+  placement = 'top',
+  styles,
+  trigger = DEFAULT_TOOLTIP_TRIGGER,
+  ...props
+}) => (
+  <Tooltip
+    {...props}
+    mouseEnterDelay={mouseEnterDelay}
+    placement={placement}
+    styles={(info) => {
+      const resolvedStyles =
+        typeof styles === 'function' ? styles(info) : styles;
+      return {
+        ...resolvedStyles,
+        container: {
+          ...DEFAULT_TOOLTIP_CONTAINER_STYLE,
+          ...resolvedStyles?.container,
+        },
+      };
+    }}
+    trigger={trigger}
+  />
+);
+
+export default AevatarTooltip;
diff --git a/apps/aevatar-console-web/src/shared/ui/AevatarTooltipImportGuard.test.ts b/apps/aevatar-console-web/src/shared/ui/AevatarTooltipImportGuard.test.ts
new file mode 100644
index 0000000000..a450be50b2
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/AevatarTooltipImportGuard.test.ts
@@ -0,0 +1,109 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import ts from 'typescript';
+
+const SOURCE_ROOT = path.resolve(__dirname, '..', '..');
+const TOOLTIP_ADAPTER = path.join(__dirname, 'AevatarTooltip.tsx');
+
+function listTypeScriptFiles(directory: string): string[] {
+  return fs.readdirSync(directory, { withFileTypes: true }).flatMap((entry) => {
+    const entryPath = path.join(directory, entry.name);
+    if (entry.isDirectory()) return listTypeScriptFiles(entryPath);
+    if (
+      !entry.isFile() ||
+      !/\.tsx?$/.test(entry.name) ||
+      entry.name.endsWith('.d.ts')
+    ) {
+      return [];
+    }
+    return [entryPath];
+  });
+}
+
+function directlyImportsAntTooltip(filePath: string): boolean {
+  const sourceFile = ts.createSourceFile(
+    filePath,
+    fs.readFileSync(filePath, 'utf8'),
+    ts.ScriptTarget.Latest,
+    true,
+    filePath.endsWith('.tsx') ? ts.ScriptKind.TSX : ts.ScriptKind.TS,
+  );
+
+  return sourceFile.statements.some((statement) => {
+    if (
+      !ts.isImportDeclaration(statement) ||
+      !ts.isStringLiteral(statement.moduleSpecifier) ||
+      statement.moduleSpecifier.text !== 'antd'
+    ) {
+      return false;
+    }
+    const bindings = statement.importClause?.namedBindings;
+    return (
+      bindings !== undefined &&
+      ts.isNamedImports(bindings) &&
+      bindings.elements.some(
+        (element) => (element.propertyName ?? element.name).text === 'Tooltip',
+      )
+    );
+  });
+}
+
+function usesTypographyEllipsisTooltip(filePath: string): boolean {
+  const sourceFile = ts.createSourceFile(
+    filePath,
+    fs.readFileSync(filePath, 'utf8'),
+    ts.ScriptTarget.Latest,
+    true,
+    filePath.endsWith('.tsx') ? ts.ScriptKind.TSX : ts.ScriptKind.TS,
+  );
+  let found = false;
+
+  function visit(node: ts.Node): void {
+    if (
+      ts.isJsxAttribute(node) &&
+      node.name.getText(sourceFile) === 'ellipsis' &&
+      node.initializer &&
+      ts.isJsxExpression(node.initializer) &&
+      node.initializer.expression
+    ) {
+      const inspectEllipsisValue = (value: ts.Node): void => {
+        if (
+          ts.isPropertyAssignment(value) &&
+          value.name.getText(sourceFile) === 'tooltip'
+        ) {
+          found = true;
+          return;
+        }
+        ts.forEachChild(value, inspectEllipsisValue);
+      };
+
+      inspectEllipsisValue(node.initializer.expression);
+    }
+
+    if (!found) ts.forEachChild(node, visit);
+  }
+
+  visit(sourceFile);
+  return found;
+}
+
+describe('AevatarTooltip import boundary', () => {
+  it('keeps the Ant Tooltip dependency inside the shared adapter', () => {
+    const directConsumers = listTypeScriptFiles(SOURCE_ROOT)
+      .filter((filePath) => filePath !== TOOLTIP_ADAPTER)
+      .filter(directlyImportsAntTooltip)
+      .map((filePath) => path.relative(SOURCE_ROOT, filePath))
+      .sort();
+
+    expect(directConsumers).toEqual([]);
+  });
+
+  it('keeps Typography ellipsis tooltips behind the shared adapter', () => {
+    const bypasses = listTypeScriptFiles(SOURCE_ROOT)
+      .filter(usesTypographyEllipsisTooltip)
+      .map((filePath) => path.relative(SOURCE_ROOT, filePath))
+      .sort();
+
+    expect(bypasses).toEqual([]);
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.test.tsx b/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.test.tsx
index 1faead7a2b..cf44ee1597 100644
--- a/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.test.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.test.tsx
@@ -1,102 +1,183 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import { getLocale, setLocale } from "@umijs/max";
-import React from "react";
+import { fireEvent, render, screen } from '@testing-library/react';
+import { getLocale, setLocale } from '@umijs/max';
+import React from 'react';
 import {
   clearStoredAuthSession,
   persistAuthSession,
-} from "@/shared/auth/session";
-import { ConsoleHeaderActions } from "./ConsoleHeaderActions";
+} from '@/shared/auth/session';
+import {
+  ConsoleAuthActions,
+  ConsoleHeaderActions,
+} from './ConsoleHeaderActions';
 
 const mockedHistoryPush = jest.fn();
 
-jest.mock("@/shared/navigation/history", () => ({
+jest.mock('@/shared/navigation/history', () => ({
   history: {
     push: (...args: unknown[]) => mockedHistoryPush(...args),
   },
 }));
 
-describe("ConsoleHeaderActions", () => {
+describe('ConsoleHeaderActions', () => {
   beforeEach(() => {
     clearStoredAuthSession();
     mockedHistoryPush.mockReset();
-    setLocale("en-US", false);
-    window.history.replaceState({}, "", "/runtime/mission-wall?focusRunId=run-1");
+    setLocale('en-US', false);
+    window.history.replaceState(
+      {},
+      '',
+      '/runtime/mission-wall?focusRunId=run-1',
+    );
   });
 
   afterEach(() => {
     clearStoredAuthSession();
   });
 
-  it("renders a login entry when there is no restorable auth session", () => {
+  it('renders a login entry when there is no restorable auth session', () => {
     render(React.createElement(ConsoleHeaderActions));
 
     expect(
-      screen.getByRole("button", { name: "Switch language" }),
+      screen.getByRole('button', { name: 'Switch language' }),
     ).toBeInTheDocument();
-    fireEvent.click(screen.getByRole("button", { name: "Sign in" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Sign in' }));
 
     expect(mockedHistoryPush).toHaveBeenCalledWith(
-      "/login?redirect=%2Fruntime%2Fmission-wall%3FfocusRunId%3Drun-1",
+      '/login?redirect=%2Fruntime%2Fmission-wall%3FfocusRunId%3Drun-1',
     );
   });
 
-  it("keeps the language switch and authenticated user menu together", () => {
+  it('keeps the language switch and authenticated user menu together', () => {
     persistAuthSession({
       tokens: {
-        accessToken: "token",
+        accessToken: 'token',
         expiresAt: Date.now() + 60_000,
         expiresIn: 60,
-        tokenType: "Bearer",
+        tokenType: 'Bearer',
       },
       user: {
-        email: "abigail@example.com",
-        name: "Abigail Deng",
-        picture: "https://example.com/avatar.png",
-        sub: "user-abigail",
+        email: 'abigail@example.com',
+        name: 'Abigail Deng',
+        picture: 'https://example.com/avatar.png',
+        sub: 'user-abigail',
       },
     });
 
     render(React.createElement(ConsoleHeaderActions));
 
-    fireEvent.click(screen.getByRole("button", { name: "Switch language" }));
-    fireEvent.click(screen.getByText("中文"));
+    fireEvent.click(screen.getByRole('button', { name: 'Switch language' }));
+    fireEvent.click(screen.getByText('中文'));
+
+    expect(getLocale()).toBe('zh-CN');
+    expect(screen.getByText('Abigail Deng')).toBeInTheDocument();
+  });
 
-    expect(getLocale()).toBe("zh-CN");
-    expect(screen.getByText("Abigail Deng")).toBeInTheDocument();
+  it('renders a supplied authoritative principal instead of the stored session identity', () => {
+    persistAuthSession({
+      tokens: {
+        accessToken: 'token',
+        expiresAt: Date.now() + 60_000,
+        expiresIn: 60,
+        tokenType: 'Bearer',
+      },
+      user: {
+        name: 'Stale Browser Name',
+        sub: 'stored-user',
+      },
+    });
+
+    render(
+      React.createElement(ConsoleAuthActions, {
+        principal: {
+          authenticated: true,
+          displayName: 'Authoritative Account Name',
+          picture: null,
+        },
+      }),
+    );
+
+    expect(screen.getByText('Authoritative Account Name')).toBeInTheDocument();
+    expect(screen.queryByText('Stale Browser Name')).not.toBeInTheDocument();
+  });
+
+  it('does not fall back to a stored identity when the authoritative principal is unavailable', () => {
+    persistAuthSession({
+      tokens: {
+        accessToken: 'token',
+        expiresAt: Date.now() + 60_000,
+        expiresIn: 60,
+        tokenType: 'Bearer',
+      },
+      user: {
+        name: 'Stale Browser Name',
+        sub: 'stored-user',
+      },
+    });
+
+    render(React.createElement(ConsoleAuthActions, { principal: null }));
+
+    expect(screen.getByRole('button', { name: 'Sign in' })).toBeInTheDocument();
+    expect(screen.queryByText('Stale Browser Name')).not.toBeInTheDocument();
+  });
+
+  it('clears a stale stored session before authoritative sign-in recovery', () => {
+    persistAuthSession({
+      tokens: {
+        accessToken: 'stale-token',
+        expiresAt: Date.now() + 60_000,
+        expiresIn: 60,
+        tokenType: 'Bearer',
+      },
+      user: {
+        name: 'Stale Browser Name',
+        sub: 'stored-user',
+      },
+    });
+
+    render(React.createElement(ConsoleAuthActions, { principal: null }));
+
+    fireEvent.click(screen.getByRole('button', { name: 'Sign in' }));
+
+    expect(
+      window.localStorage.getItem('aevatar-console:nyxid:session'),
+    ).toBeNull();
+    expect(mockedHistoryPush).toHaveBeenCalledWith(
+      '/login?redirect=%2Fruntime%2Fmission-wall%3FfocusRunId%3Drun-1',
+    );
   });
 
-  it("applies an optional dropdown root class to action menus", async () => {
+  it('applies an optional dropdown root class to action menus', async () => {
     persistAuthSession({
       tokens: {
-        accessToken: "token",
+        accessToken: 'token',
         expiresAt: Date.now() + 60_000,
         expiresIn: 60,
-        tokenType: "Bearer",
+        tokenType: 'Bearer',
       },
       user: {
-        email: "abigail@example.com",
-        name: "Abigail Deng",
-        picture: "https://example.com/avatar.png",
-        sub: "user-abigail",
+        email: 'abigail@example.com',
+        name: 'Abigail Deng',
+        picture: 'https://example.com/avatar.png',
+        sub: 'user-abigail',
       },
     });
 
     render(
       React.createElement(ConsoleHeaderActions, {
-        dropdownRootClassName: "mission-wall-header-menu",
+        dropdownRootClassName: 'mission-wall-header-menu',
       }),
     );
 
-    expect(document.querySelector(".console-header-actions")).toHaveAttribute(
-      "data-dropdown-root-class-name",
-      "mission-wall-header-menu",
+    expect(document.querySelector('.console-header-actions')).toHaveAttribute(
+      'data-dropdown-root-class-name',
+      'mission-wall-header-menu',
     );
 
-    fireEvent.click(screen.getByRole("button", { name: "Switch language" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Switch language' }));
 
-    expect(await screen.findByText("中文")).toBeInTheDocument();
+    expect(await screen.findByText('中文')).toBeInTheDocument();
     expect(
-      document.querySelector(".mission-wall-header-menu"),
+      document.querySelector('.mission-wall-header-menu'),
     ).toBeInTheDocument();
   });
 });
diff --git a/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.tsx b/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.tsx
index 0980b045a6..2b3f1abccf 100644
--- a/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/ConsoleHeaderActions.tsx
@@ -5,31 +5,32 @@ import {
   LogoutOutlined,
   SettingOutlined,
   UserOutlined,
-} from "@ant-design/icons";
-import { getLocale, setLocale, useIntl } from "@umijs/max";
-import { Avatar, Button, Dropdown, Typography } from "antd";
-import React from "react";
+} from '@ant-design/icons';
+import { getLocale, setLocale, useIntl } from '@umijs/max';
+import { Avatar, Button, Dropdown, Typography } from 'antd';
+import React from 'react';
 import {
   clearStoredAuthSession,
   loadRestorableAuthSession,
   sanitizeReturnTo,
-} from "@/shared/auth/session";
-import { normalizeConsoleLocale } from "@/shared/i18n/localeProvider";
-import { history } from "@/shared/navigation/history";
+} from '@/shared/auth/session';
+import { normalizeConsoleLocale } from '@/shared/i18n/localeProvider';
+import { history } from '@/shared/navigation/history';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
 
 type ConsoleLocaleOption = {
-  readonly key: "zh-CN" | "en-US";
-  readonly messageId: "common.language.zhCN" | "common.language.english";
+  readonly key: 'zh-CN' | 'en-US';
+  readonly messageId: 'common.language.zhCN' | 'common.language.english';
 };
 
 const CONSOLE_LOCALE_OPTIONS: readonly ConsoleLocaleOption[] = [
-  { key: "zh-CN", messageId: "common.language.zhCN" },
-  { key: "en-US", messageId: "common.language.english" },
+  { key: 'zh-CN', messageId: 'common.language.zhCN' },
+  { key: 'en-US', messageId: 'common.language.english' },
 ];
 
 function getCurrentReturnTo(): string {
-  if (typeof window === "undefined") {
-    return "/";
+  if (typeof window === 'undefined') {
+    return '/';
   }
 
   return `${window.location.pathname}${window.location.search}${window.location.hash}`;
@@ -46,6 +47,14 @@ type ConsoleHeaderActionThemeProps = {
   readonly dropdownRootClassName?: string;
 };
 
+type ConsoleAuthActionsProps = ConsoleHeaderActionThemeProps & {
+  readonly principal?: {
+    readonly authenticated: boolean;
+    readonly displayName: string;
+    readonly picture: string | null;
+  } | null;
+};
+
 export const ConsoleLanguageSwitch: React.FC<ConsoleHeaderActionThemeProps> = ({
   dropdownRootClassName,
 }) => {
@@ -70,7 +79,7 @@ export const ConsoleLanguageSwitch: React.FC<ConsoleHeaderActionThemeProps> = ({
           label: intl.formatMessage({ id: option.messageId }),
         })),
         onClick: ({ key }) => {
-          const nextLocale = key === "en-US" ? "en-US" : "zh-CN";
+          const nextLocale = key === 'en-US' ? 'en-US' : 'zh-CN';
           if (nextLocale === selectedLocale) {
             return;
           }
@@ -80,15 +89,15 @@ export const ConsoleLanguageSwitch: React.FC<ConsoleHeaderActionThemeProps> = ({
         selectedKeys: [selectedLocale],
       }}
       placement="bottomRight"
-      trigger={["click"]}
+      trigger={['click']}
     >
       <Button
-        aria-label={intl.formatMessage({ id: "common.language.switch" })}
+        aria-label={intl.formatMessage({ id: 'common.language.switch' })}
         className="console-header-actions__language"
         icon={<GlobalOutlined />}
         style={{
-          alignItems: "center",
-          display: "inline-flex",
+          alignItems: 'center',
+          display: 'inline-flex',
           height: 36,
         }}
         type="text"
@@ -99,31 +108,53 @@ export const ConsoleLanguageSwitch: React.FC<ConsoleHeaderActionThemeProps> = ({
   );
 };
 
-export const ConsoleAuthActions: React.FC<ConsoleHeaderActionThemeProps> = ({
+export const ConsoleAuthActions: React.FC<ConsoleAuthActionsProps> = ({
   dropdownRootClassName,
+  principal,
 }) => {
   const intl = useIntl();
-  const session = loadRestorableAuthSession();
-  if (!session) {
+  const storedSession = loadRestorableAuthSession();
+  const hasAuthoritativePrincipal = principal !== undefined;
+  const signedIn = hasAuthoritativePrincipal
+    ? Boolean(principal?.authenticated)
+    : Boolean(storedSession);
+  if (!signedIn) {
     return (
       <Button
         className="console-header-actions__login"
         icon={<LoginOutlined />}
         onClick={() => {
+          if (hasAuthoritativePrincipal && storedSession) {
+            clearStoredAuthSession();
+          }
           history.push(buildLoginRoute(getCurrentReturnTo()));
         }}
         type="link"
       >
         {intl.formatMessage({
-          defaultMessage: "Sign in",
-          id: "common.user.signIn",
+          defaultMessage: 'Sign in',
+          id: 'common.user.signIn',
         })}
       </Button>
     );
   }
 
-  const displayName =
-    session.user.name || session.user.email || session.user.sub;
+  const displayName = hasAuthoritativePrincipal
+    ? principal?.displayName ||
+      intl.formatMessage({
+        defaultMessage: 'Account',
+        id: 'common.user.account',
+      })
+    : storedSession?.user.name ||
+      storedSession?.user.email ||
+      storedSession?.user.sub ||
+      intl.formatMessage({
+        defaultMessage: 'Account',
+        id: 'common.user.account',
+      });
+  const picture = hasAuthoritativePrincipal
+    ? principal?.picture
+    : storedSession?.user.picture;
 
   return (
     <Dropdown
@@ -137,71 +168,68 @@ export const ConsoleAuthActions: React.FC<ConsoleHeaderActionThemeProps> = ({
       menu={{
         items: [
           {
-            key: "settings",
+            key: 'settings',
             icon: <SettingOutlined />,
-            label: intl.formatMessage({ id: "common.user.settings" }),
+            label: intl.formatMessage({ id: 'common.user.settings' }),
           },
           {
-            key: "logout",
+            key: 'logout',
             icon: <LogoutOutlined />,
-            label: intl.formatMessage({ id: "common.user.logout" }),
+            label: intl.formatMessage({ id: 'common.user.logout' }),
           },
         ],
         onClick: ({ key }) => {
-          if (key === "settings") {
-            history.push("/settings");
+          if (key === 'settings') {
+            history.push('/settings');
             return;
           }
 
-          if (key === "logout") {
+          if (key === 'logout') {
             clearStoredAuthSession();
-            window.location.replace("/login");
+            window.location.replace('/login');
           }
         },
       }}
       placement="bottomRight"
-      trigger={["click"]}
+      trigger={['click']}
     >
       <span
         className="console-header-actions__user"
         style={{
-          alignItems: "center",
-          background: "var(--ant-color-fill-tertiary)",
-          border: "1px solid var(--ant-color-border-secondary)",
+          alignItems: 'center',
+          background: 'var(--ant-color-fill-tertiary)',
+          border: '1px solid var(--ant-color-border-secondary)',
           borderRadius: 999,
-          cursor: "pointer",
-          display: "inline-flex",
+          cursor: 'pointer',
+          display: 'inline-flex',
           gap: 8,
           height: 36,
           maxWidth: 220,
-          padding: "0 10px 0 6px",
+          padding: '0 10px 0 6px',
         }}
-        title={displayName}
       >
-        <Avatar
-          icon={<UserOutlined />}
-          size={24}
-          src={session.user.picture}
-        />
-        <Typography.Text
-          className="console-header-actions__user-name"
-          style={{
-            flex: 1,
-            color: "var(--ant-color-text)",
-            lineHeight: "20px",
-            marginBottom: 0,
-            maxWidth: 160,
-            minWidth: 0,
-            whiteSpace: "nowrap",
-          }}
-          ellipsis={{ tooltip: displayName }}
-        >
-          {displayName}
-        </Typography.Text>
+        <Avatar icon={<UserOutlined />} size={24} src={picture} />
+        <AevatarTooltip title={displayName}>
+          <Typography.Text
+            className="console-header-actions__user-name"
+            ellipsis
+            style={{
+              flex: 1,
+              color: 'var(--ant-color-text)',
+              lineHeight: '20px',
+              marginBottom: 0,
+              maxWidth: 160,
+              minWidth: 0,
+              whiteSpace: 'nowrap',
+            }}
+          >
+            {displayName}
+          </Typography.Text>
+        </AevatarTooltip>
         <DownOutlined
           className="console-header-actions__user-caret"
           style={{
-            color: "var(--ant-color-text-tertiary)",
+            color: 'var(--ant-color-text-tertiary)',
             fontSize: 11,
           }}
         />
@@ -214,9 +242,9 @@ export const ConsoleHeaderActions: React.FC<{
   readonly className?: string;
   readonly dropdownRootClassName?: string;
 }> = ({ className, dropdownRootClassName }) => {
-  const rootClassName = ["console-header-actions", className]
+  const rootClassName = ['console-header-actions', className]
     .filter(Boolean)
-    .join(" ");
+    .join(' ');
 
   return (
     <div
diff --git a/apps/aevatar-console-web/src/shared/ui/ConsoleOperationNotice.test.tsx b/apps/aevatar-console-web/src/shared/ui/ConsoleOperationNotice.test.tsx
new file mode 100644
index 0000000000..5170cb8137
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/ConsoleOperationNotice.test.tsx
@@ -0,0 +1,57 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import * as React from 'react';
+import ConsoleOperationNotice from './ConsoleOperationNotice';
+
+const mockConsoleToast = {
+  error: jest.fn(),
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('./ConsoleToast', () => ({
+  useConsoleToast: () => mockConsoleToast,
+}));
+
+describe('ConsoleOperationNotice', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('routes errors to a safe toast without rendering the raw notice', async () => {
+    const onClose = jest.fn();
+    render(
+      <ConsoleOperationNotice
+        errorMessage="Action could not be completed. Try again."
+        notice={{
+          message: 'POST /api/action returned 500',
+          type: 'error',
+        }}
+        onClose={onClose}
+      />,
+    );
+
+    await waitFor(() =>
+      expect(mockConsoleToast.error).toHaveBeenCalledWith(
+        'Action could not be completed. Try again.',
+      ),
+    );
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('POST /api/action returned 500'),
+    ).not.toBeInTheDocument();
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('keeps non-error operation notices visible', () => {
+    render(
+      <ConsoleOperationNotice
+        errorMessage="Action could not be completed. Try again."
+        notice={{ message: 'Action accepted', type: 'success' }}
+      />,
+    );
+
+    expect(screen.getByRole('alert')).toHaveTextContent('Action accepted');
+    expect(mockConsoleToast.error).not.toHaveBeenCalled();
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/ui/ConsoleOperationNotice.tsx b/apps/aevatar-console-web/src/shared/ui/ConsoleOperationNotice.tsx
new file mode 100644
index 0000000000..4b2ffbb09f
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/ConsoleOperationNotice.tsx
@@ -0,0 +1,48 @@
+import { Alert } from 'antd';
+import * as React from 'react';
+import { useConsoleToast } from './ConsoleToast';
+
+export type ConsoleOperationNoticeValue = {
+  readonly message: string;
+  readonly type: 'error' | 'info' | 'success' | 'warning';
+};
+
+type ConsoleOperationNoticeProps = {
+  readonly errorMessage: string;
+  readonly notice: ConsoleOperationNoticeValue | null | undefined;
+  readonly onClose?: () => void;
+};
+
+const ConsoleOperationNotice: React.FC<ConsoleOperationNoticeProps> = ({
+  errorMessage,
+  notice,
+  onClose,
+}) => {
+  const toast = useConsoleToast();
+  const shownErrorRef = React.useRef<ConsoleOperationNoticeValue | null>(null);
+
+  React.useEffect(() => {
+    if (notice?.type !== 'error') {
+      shownErrorRef.current = null;
+      return;
+    }
+    if (shownErrorRef.current === notice) return;
+    shownErrorRef.current = notice;
+    toast.error(errorMessage);
+    onClose?.();
+  }, [errorMessage, notice, onClose, toast]);
+
+  if (!notice || notice.type === 'error') return null;
+
+  return (
+    <Alert
+      closable={Boolean(onClose)}
+      message={notice.message}
+      onClose={onClose}
+      showIcon
+      type={notice.type}
+    />
+  );
+};
+
+export default ConsoleOperationNotice;
diff --git a/apps/aevatar-console-web/src/shared/ui/ConsoleToast.test.tsx b/apps/aevatar-console-web/src/shared/ui/ConsoleToast.test.tsx
new file mode 100644
index 0000000000..c27350cc7c
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/ConsoleToast.test.tsx
@@ -0,0 +1,135 @@
+import {
+  act,
+  fireEvent,
+  render,
+  renderHook,
+  screen,
+} from '@testing-library/react';
+import { App } from 'antd';
+import type { NotificationInstance } from 'antd/es/notification/interface';
+import React from 'react';
+import { ConsoleToastProvider, useConsoleToast } from './ConsoleToast';
+
+function createNotificationStub(): jest.Mocked<NotificationInstance> {
+  return {
+    destroy: jest.fn(),
+    error: jest.fn(),
+    info: jest.fn(),
+    open: jest.fn(),
+    success: jest.fn(),
+    warning: jest.fn(),
+  };
+}
+
+const PublishToastTrigger: React.FC = () => {
+  const toast = useConsoleToast();
+  return (
+    <button
+      onClick={() =>
+        toast.success('Workflow published', {
+          duration: false,
+          key: 'workflow-published',
+        })
+      }
+      type="button"
+    >
+      Show publish status
+    </button>
+  );
+};
+
+describe('ConsoleToast', () => {
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('renders a compact status below the console header', async () => {
+    render(
+      <ConsoleToastProvider>
+        <PublishToastTrigger />
+      </ConsoleToastProvider>,
+    );
+
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Show publish status' }),
+    );
+
+    const status = await screen.findByRole('status');
+    const notice = status.closest('.ant-notification-notice');
+    const holder = notice?.closest('.ant-notification-topRight');
+
+    if (!(notice instanceof HTMLElement)) {
+      throw new Error('Expected the notification notice to be an HTML element');
+    }
+    expect(notice).toHaveStyle({
+      maxWidth: 'min(360px, calc(100vw - 32px))',
+      width: 'max-content',
+    });
+    expect(notice.style.boxShadow).toBe('');
+    expect(holder).toHaveStyle({ top: '68px' });
+    expect(screen.getByRole('button', { name: 'Close' })).toBeInTheDocument();
+  });
+
+  it('opens a compact dismissible top-right error notification', () => {
+    const notification = createNotificationStub();
+    const onClose = jest.fn();
+    const content = <span>Request failed</span>;
+    jest.spyOn(App, 'useApp').mockReturnValue({
+      notification,
+    } as unknown as ReturnType<typeof App.useApp>);
+
+    const { result } = renderHook(() => useConsoleToast());
+    act(() => {
+      result.current.error(content, {
+        duration: 8,
+        key: 'request-failure',
+        onClose,
+      });
+    });
+
+    expect(notification.error).toHaveBeenCalledTimes(1);
+    const config = notification.error.mock.calls[0][0];
+    expect(config).toMatchObject({
+      className: 'aevatar-console-toast',
+      closable: true,
+      duration: 8,
+      key: 'request-failure',
+      onClose,
+      pauseOnHover: true,
+      placement: 'topRight',
+      role: 'alert',
+    });
+    expect(config.title).toBe(content);
+    expect(config.styles).toMatchObject({
+      root: {
+        maxWidth: 'min(360px, calc(100vw - 32px))',
+        width: 'max-content',
+      },
+      title: {
+        marginBottom: 0,
+      },
+    });
+    if (!config.styles || typeof config.styles === 'function') {
+      throw new Error(
+        'Expected notification styles to be a semantic style map',
+      );
+    }
+    expect(config.styles.root).not.toHaveProperty('boxShadow');
+  });
+
+  it('uses status semantics and the short default for success', () => {
+    const notification = createNotificationStub();
+    jest.spyOn(App, 'useApp').mockReturnValue({
+      notification,
+    } as unknown as ReturnType<typeof App.useApp>);
+
+    const { result } = renderHook(() => useConsoleToast());
+    act(() => {
+      result.current.success('Saved');
+    });
+
+    expect(notification.success).toHaveBeenCalledWith(
+      expect.objectContaining({ duration: 3, role: 'status' }),
+    );
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/ui/ConsoleToast.tsx b/apps/aevatar-console-web/src/shared/ui/ConsoleToast.tsx
new file mode 100644
index 0000000000..5fadb587c0
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/ui/ConsoleToast.tsx
@@ -0,0 +1,103 @@
+import { App, theme } from 'antd';
+import type {
+  ArgsProps,
+  NotificationInstance,
+} from 'antd/es/notification/interface';
+import React from 'react';
+import { AEVATAR_GLOBAL_UI_SPEC } from './aevatarWorkbench';
+
+type ConsoleToastOptions = Pick<ArgsProps, 'duration' | 'key' | 'onClose'>;
+type ConsoleToastIntent = 'error' | 'info' | 'success' | 'warning';
+
+type ConsoleToastSurfaceToken = Pick<
+  ReturnType<typeof theme.useToken>['token'],
+  | 'borderRadiusLG'
+  | 'colorBorderSecondary'
+  | 'fontSize'
+  | 'lineHeight'
+  | 'padding'
+  | 'paddingSM'
+  | 'paddingXL'
+>;
+
+export type ConsoleToastApi = {
+  readonly [Intent in ConsoleToastIntent]: (
+    content: React.ReactNode,
+    options?: ConsoleToastOptions,
+  ) => void;
+};
+
+const TOAST_DURATION: Readonly<Record<ConsoleToastIntent, number>> = {
+  error: 5,
+  info: 3,
+  success: 3,
+  warning: 5,
+};
+
+const CONSOLE_TOAST_TOP = AEVATAR_GLOBAL_UI_SPEC.tokens.headerHeight + 12;
+
+function createConsoleToastApi(
+  notificationApi: NotificationInstance,
+  token: ConsoleToastSurfaceToken,
+): ConsoleToastApi {
+  const show = (
+    intent: ConsoleToastIntent,
+    content: React.ReactNode,
+    options?: ConsoleToastOptions,
+  ) => {
+    notificationApi[intent]({
+      className: 'aevatar-console-toast',
+      closable: true,
+      duration: options?.duration ?? TOAST_DURATION[intent],
+      key: options?.key,
+      onClose: options?.onClose,
+      pauseOnHover: true,
+      placement: 'topRight',
+      role: intent === 'error' || intent === 'warning' ? 'alert' : 'status',
+      styles: {
+        root: {
+          border: `1px solid ${token.colorBorderSecondary}`,
+          borderRadius: token.borderRadiusLG,
+          maxWidth: 'min(360px, calc(100vw - 32px))',
+          padding: `${token.paddingSM}px ${token.padding}px`,
+          width: 'max-content',
+        },
+        title: {
+          fontSize: token.fontSize,
+          lineHeight: token.lineHeight,
+          marginBottom: 0,
+          paddingInlineEnd: token.paddingXL,
+        },
+      },
+      title: content,
+    });
+  };
+
+  return {
+    error: (content, options) => show('error', content, options),
+    info: (content, options) => show('info', content, options),
+    success: (content, options) => show('success', content, options),
+    warning: (content, options) => show('warning', content, options),
+  };
+}
+
+export const ConsoleToastProvider: React.FC<{
+  readonly children: React.ReactNode;
+}> = ({ children }) => (
+  <App
+    component="div"
+    notification={{ placement: 'topRight', top: CONSOLE_TOAST_TOP }}
+    style={{ display: 'contents' }}
+  >
+    {children}
+  </App>
+);
+
+export function useConsoleToast(): ConsoleToastApi {
+  const { notification } = App.useApp();
+  const { token } = theme.useToken();
+  return React.useMemo(
+    () => createConsoleToastApi(notification, token),
+    [notification, token],
+  );
+}
diff --git a/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.test.tsx b/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.test.tsx
index e03a3bae65..79d2a9b6d2 100644
--- a/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.test.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.test.tsx
@@ -1,9 +1,9 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import React from "react";
-import InventoryReadinessState from "./InventoryReadinessState";
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import InventoryReadinessState from './InventoryReadinessState';
 
-describe("InventoryReadinessState", () => {
-  it("renders loading state without presenting an empty inventory", () => {
+describe('InventoryReadinessState', () => {
+  it('renders a table skeleton without presenting loading copy or an empty inventory', () => {
     render(
       <InventoryReadinessState
         description="Keep the current inventory visible until the request resolves."
@@ -12,45 +12,64 @@ describe("InventoryReadinessState", () => {
       />,
     );
 
-    expect(screen.getByText("Loading inventory")).toBeTruthy();
-    expect(screen.getByText("Keep the current inventory visible until the request resolves.")).toBeTruthy();
-    expect(screen.getByText("Loading inventory").closest("[aria-busy='true']")).toBeTruthy();
+    expect(screen.getByRole('status')).toHaveAttribute('aria-busy', 'true');
+    expect(screen.getByRole('status')).toHaveAttribute('data-variant', 'table');
+    expect(screen.getAllByTestId('aevatar-content-skeleton-row')).toHaveLength(
+      4,
+    );
+    expect(screen.getAllByTestId('aevatar-content-skeleton-cell')).toHaveLength(
+      32,
+    );
+    expect(
+      screen.getAllByTestId('aevatar-content-skeleton-row')[0],
+    ).toHaveStyle('min-width: 1100px');
+    expect(screen.getByText('Loading inventory')).toHaveClass(
+      'aevatar-loading-visually-hidden',
+    );
+    expect(
+      screen.queryByText(
+        'Keep the current inventory visible until the request resolves.',
+      ),
+    ).toBeNull();
+    expect(screen.queryByText('No inventory')).toBeNull();
   });
 
-  it("renders error action without falling through to empty state", () => {
+  it('renders error action without falling through to empty state', () => {
     const retry = jest.fn();
 
     render(
       <InventoryReadinessState
-        action={{ label: "Retry inventory", onClick: retry }}
+        action={{ label: 'Retry inventory', onClick: retry }}
         description="The inventory query failed."
         kind="error"
         title="Inventory unavailable"
       />,
     );
 
-    fireEvent.click(screen.getByRole("button", { name: "Retry inventory" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Retry inventory' }));
 
     expect(retry).toHaveBeenCalledTimes(1);
-    expect(screen.getByText("Inventory unavailable")).toBeTruthy();
-    expect(screen.queryByText("No inventory")).toBeNull();
+    expect(screen.getByText('Inventory unavailable')).toBeTruthy();
+    expect(screen.queryByText('No inventory')).toBeNull();
   });
 
-  it("renders empty state with an operator action", () => {
+  it('renders empty state with an operator action', () => {
     const refine = jest.fn();
 
     render(
       <InventoryReadinessState
-        action={{ label: "Refine scope", onClick: refine }}
+        action={{ label: 'Refine scope', onClick: refine }}
         description="Try a narrower Team, App, or Namespace."
         kind="empty"
         title="No inventory"
       />,
     );
 
-    fireEvent.click(screen.getByRole("button", { name: "Refine scope" }));
+    fireEvent.click(screen.getByRole('button', { name: 'Refine scope' }));
 
     expect(refine).toHaveBeenCalledTimes(1);
-    expect(screen.getByText("Try a narrower Team, App, or Namespace.")).toBeTruthy();
+    expect(
+      screen.getByText('Try a narrower Team, App, or Namespace.'),
+    ).toBeTruthy();
   });
 });
diff --git a/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.tsx b/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.tsx
index 231d5e0e92..bb91b3f840 100644
--- a/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.tsx
@@ -1,15 +1,8 @@
-import {
-  Alert,
-  Button,
-  Empty,
-  Skeleton,
-  Space,
-  Typography,
-  theme,
-} from "antd";
-import React from "react";
+import { Alert, Button, Empty, Space, Typography, theme } from 'antd';
+import React from 'react';
+import AevatarContentSkeleton from './AevatarContentSkeleton';
 
-export type InventoryReadinessKind = "empty" | "error" | "loading";
+export type InventoryReadinessKind = 'empty' | 'error' | 'loading';
 
 type InventoryReadinessAction = {
   label: string;
@@ -28,31 +21,23 @@ export const InventoryReadinessState: React.FC<
 > = ({ action, description, kind, title }) => {
   const { token } = theme.useToken();
 
-  if (kind === "loading") {
+  if (kind === 'loading') {
     return (
-      <div
-        aria-busy="true"
-        style={{
-          display: "flex",
-          flexDirection: "column",
-          gap: 14,
-          padding: 24,
-        }}
-      >
-        <Space direction="vertical" size={4}>
-          <Typography.Text strong style={{ color: token.colorTextHeading }}>
-            {title}
-          </Typography.Text>
-          <Typography.Text style={{ color: token.colorTextSecondary }}>
-            {description}
-          </Typography.Text>
-        </Space>
-        <Skeleton active paragraph={{ rows: 4 }} title={false} />
-      </div>
+      <AevatarContentSkeleton
+        ariaLabel={
+          typeof title === 'string' || typeof title === 'number'
+            ? String(title)
+            : 'Loading inventory'
+        }
+        columnWidths={[96, 136, '1.4fr', '1fr', '1fr', 96, 152, 128]}
+        rows={4}
+        tableMinWidth={1100}
+        variant="table"
+      />
     );
   }
 
-  if (kind === "error") {
+  if (kind === 'error') {
     return (
       <div style={{ padding: 18 }}>
         <Alert
diff --git a/apps/aevatar-console-web/src/shared/ui/aevatarPageShells.tsx b/apps/aevatar-console-web/src/shared/ui/aevatarPageShells.tsx
index 7ea8d41726..85204eafef 100644
--- a/apps/aevatar-console-web/src/shared/ui/aevatarPageShells.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/aevatarPageShells.tsx
@@ -7,11 +7,11 @@ import {
   Grid,
   Space,
   Tag,
-  Tooltip,
   Typography,
   theme,
 } from 'antd';
 import React from 'react';
+import AevatarTooltip from './AevatarTooltip';
 import {
   AEVATAR_GLOBAL_UI_SPEC,
   aevatarDrawerBodyStyle,
@@ -416,7 +416,7 @@ export const AevatarBackButton: React.FC<AevatarBackButtonProps> = ({
   const label = ariaLabel ?? t("shared.ui.aevatarpageshells.back", "Back");
 
   return (
-    <Tooltip title={title ?? label}>
+    <AevatarTooltip title={title ?? label}>
       <Button
         aria-label={label}
         className={className}
@@ -427,7 +427,7 @@ export const AevatarBackButton: React.FC<AevatarBackButtonProps> = ({
         style={{ ...backButtonStyle, ...style }}
         type="text"
       />
-    </Tooltip>
+    </AevatarTooltip>
   );
 };
 
@@ -472,7 +472,7 @@ export const AevatarHelpTooltip: React.FC<{
   const { token } = theme.useToken();
 
   return (
-    <Tooltip
+    <AevatarTooltip
       placement="topLeft"
       styles={{ container: helpTooltipContentStyle }}
       title={<div>{content}</div>}
@@ -485,7 +485,7 @@ export const AevatarHelpTooltip: React.FC<{
       >
         <InfoCircleOutlined />
       </button>
-    </Tooltip>
+    </AevatarTooltip>
   );
 };
 
diff --git a/apps/aevatar-console-web/src/shared/ui/compactText.tsx b/apps/aevatar-console-web/src/shared/ui/compactText.tsx
index bfc2b835aa..d2dc7ca977 100644
--- a/apps/aevatar-console-web/src/shared/ui/compactText.tsx
+++ b/apps/aevatar-console-web/src/shared/ui/compactText.tsx
@@ -1,5 +1,6 @@
-import { Tag, Tooltip, Typography } from "antd";
+import { Tag, Typography } from "antd";
 import React from "react";
+import AevatarTooltip from './AevatarTooltip';
 import { isMachineIdentifierValue } from "./userFacingIdentifiers";
 
 export const aevatarMonoFontFamily = '"IBM Plex Mono", "SF Mono", monospace';
@@ -79,7 +80,7 @@ export const AevatarCompactText: React.FC<AevatarCompactTextProps> = ({
     </Typography.Text>
   );
 
-  return displayValue !== value ? <Tooltip title={value}>{content}</Tooltip> : content;
+  return displayValue !== value ? <AevatarTooltip title={value}>{content}</AevatarTooltip> : content;
 };
 
 type AevatarCompactTagProps = {
@@ -131,5 +132,5 @@ export const AevatarCompactTag: React.FC<AevatarCompactTagProps> = ({
     </Tag>
   );
 
-  return displayValue !== value ? <Tooltip title={value}>{tag}</Tooltip> : tag;
+  return displayValue !== value ? <AevatarTooltip title={value}>{tag}</AevatarTooltip> : tag;
 };
diff --git a/apps/aevatar-console-web/src/shared/workflows/WorkflowExecutionLogsPanel.tsx b/apps/aevatar-console-web/src/shared/workflows/WorkflowExecutionLogsPanel.tsx
new file mode 100644
index 0000000000..7698497c2b
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/WorkflowExecutionLogsPanel.tsx
@@ -0,0 +1,1650 @@
+import {
+  CheckCircleOutlined,
+  ClockCircleOutlined,
+  CloseCircleOutlined,
+  CloseOutlined,
+  CopyOutlined,
+  DownOutlined,
+  MinusCircleOutlined,
+  PauseCircleOutlined,
+} from '@ant-design/icons';
+import { Alert, Button, Segmented, Tag, Typography } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+import {
+  type ExecutionLogItem,
+  type ExecutionLogStatus,
+  type ExecutionTrace,
+  formatDurationBetween,
+  formatExecutionLogsClipboard,
+  normalizeExecutionLogStatus,
+  type WorkflowExecutionNodeSnapshot,
+} from '@/shared/studio/execution';
+import { AevatarLoadingDots } from '@/shared/ui/AevatarLoading';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import {
+  type ConsoleToastApi,
+  useConsoleToast,
+} from '@/shared/ui/ConsoleToast';
+import {
+  getUserFacingIdentifierLabel,
+  sanitizeUserFacingText,
+} from '@/shared/ui/userFacingIdentifiers';
+
+export type WorkflowExecutionLogsModel = {
+  readonly completedAtUtc: string | null;
+  readonly eventCount: number;
+  readonly outputText: string;
+  readonly startedAtUtc: string | null;
+  readonly status: string;
+  readonly trace: ExecutionTrace;
+  readonly workflowName: string;
+};
+
+type WorkflowExecutionLogsPanelProps = {
+  readonly activeLogIndex?: number | null;
+  readonly ariaLabel?: string;
+  readonly collapseButtonRef?: React.Ref<React.ElementRef<typeof Button>>;
+  readonly collapseControlsId?: string;
+  readonly error?: string;
+  readonly execution: WorkflowExecutionLogsModel | null;
+  readonly height?: number;
+  readonly id?: string;
+  readonly onClear?: () => void;
+  readonly onCollapse?: () => void;
+  readonly onSelectLog?: (index: number | null) => void;
+  readonly workflowNodes?: readonly WorkflowExecutionNodeSnapshot[];
+};
+
+type OverviewMode = 'nodes' | 'events';
+type DetailPanelState = 'both' | 'input' | 'output';
+type OverviewEntryType = 'node' | 'run' | 'event';
+type ExecutionOverviewStatus = ExecutionLogStatus | 'not-run' | 'pending';
+
+type ExecutionOverviewEntry = {
+  readonly category: NonNullable<ExecutionLogItem['category']>;
+  readonly completedAt: string;
+  readonly entryId: string;
+  readonly eventCount: number;
+  readonly eventType: string;
+  readonly inputText: string;
+  readonly interactionText: string;
+  readonly logIndex: number;
+  readonly logIndexes: readonly number[];
+  readonly meta: string;
+  readonly outputText: string;
+  readonly payloadText: string;
+  readonly pendingText: string;
+  readonly previewText: string;
+  readonly rawText: string;
+  readonly rowType: OverviewEntryType;
+  readonly startedAt: string;
+  readonly status: ExecutionOverviewStatus;
+  readonly statusLog?: ExecutionLogItem;
+  readonly stepId: string;
+  readonly subtitle: string;
+  readonly title: string;
+};
+
+type MutableExecutionOverviewEntry = {
+  category: NonNullable<ExecutionLogItem['category']>;
+  completedAt: string;
+  entryId: string;
+  eventCount: number;
+  eventType: string;
+  inputText: string;
+  interactionText: string;
+  logIndex: number;
+  logIndexes: number[];
+  meta: string;
+  outputText: string;
+  payloadText: string;
+  pendingText: string;
+  previewText: string;
+  rawText: string;
+  rowType: OverviewEntryType;
+  startedAt: string;
+  status: ExecutionOverviewStatus;
+  statusLog?: ExecutionLogItem;
+  stepId: string;
+  subtitle: string;
+  title: string;
+};
+
+type ExecutionTokenUsage = {
+  readonly completionTokens: number;
+  readonly promptTokens: number;
+  readonly totalTokens: number;
+};
+
+type ExecutionPanelCssVariables = React.CSSProperties &
+  Record<`--${string}`, string | number>;
+
+const categoryLabels: Record<
+  NonNullable<ExecutionLogItem['category']>,
+  string
+> = {
+  custom: 'Custom',
+  lifecycle: 'Run',
+  output: 'Output',
+  raw: 'Raw',
+  snapshot: 'Snapshot',
+  step: 'Step',
+  usage: 'Usage',
+};
+
+const categoryColors: Record<
+  NonNullable<ExecutionLogItem['category']>,
+  string
+> = {
+  custom: 'default',
+  lifecycle: 'blue',
+  output: 'green',
+  raw: 'volcano',
+  snapshot: 'geekblue',
+  step: 'cyan',
+  usage: 'gold',
+};
+
+const statusColors: Record<ExecutionOverviewStatus, string> = {
+  error: 'red',
+  'not-run': 'default',
+  pending: 'default',
+  recorded: 'default',
+  running: 'processing',
+  success: 'green',
+  waiting: 'orange',
+};
+
+const nodeDetailBlockHeight = 230;
+const overviewRowHeight = 80;
+const workflowStudioExecutionPanelCss = `
+.workflow-studio-execution-panel__body {
+  grid-template-columns: var(--workflow-execution-panel-columns);
+}
+
+.workflow-studio-execution-panel__overview {
+  border-right: var(--workflow-execution-panel-overview-border-right);
+  grid-template-rows: min-content minmax(0, 1fr);
+}
+
+@media (max-width: 720px) {
+  .workflow-studio-execution-panel__body {
+    align-content: start;
+    grid-auto-rows: max-content;
+    grid-template-columns: minmax(0, 1fr);
+    overflow-y: auto;
+  }
+
+  .workflow-studio-execution-panel__overview {
+    border-bottom: 1px solid #edf2f7;
+    border-right: 0;
+    grid-template-rows: min-content max-content;
+  }
+
+  .workflow-studio-execution-panel__details {
+    min-height: 280px;
+  }
+}
+`;
+
+function formatConsoleDateTime(value: string | null | undefined): string {
+  if (!value) {
+    return '';
+  }
+
+  const date = new Date(value);
+  if (!Number.isFinite(date.getTime())) {
+    return value;
+  }
+
+  return date.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit',
+  });
+}
+
+function sanitizeVisibleText(value: string | null | undefined): string {
+  return sanitizeUserFacingText(value) || '';
+}
+
+function isDetailPaneVisible(
+  state: DetailPanelState,
+  pane: 'input' | 'output',
+): boolean {
+  return state === 'both' || state === pane;
+}
+
+function toggleDetailPanelState(
+  state: DetailPanelState,
+  pane: 'input' | 'output',
+): DetailPanelState {
+  if (pane === 'input') {
+    return state === 'output' ? 'both' : state === 'both' ? 'output' : 'input';
+  }
+
+  return state === 'input' ? 'both' : state === 'both' ? 'input' : 'output';
+}
+
+function isTerminalStepLog(log: ExecutionLogItem | undefined): boolean {
+  return log?.tone === 'completed' || log?.tone === 'failed';
+}
+
+function readStatusLabel(status: ExecutionOverviewStatus): string {
+  switch (status) {
+    case 'error':
+      return t('teamMemberWorkflowStudio.executionPanel.status.error', 'Error');
+    case 'not-run':
+      return t(
+        'teamMemberWorkflowStudio.executionPanel.status.notRun',
+        'Not run',
+      );
+    case 'pending':
+      return t(
+        'teamMemberWorkflowStudio.executionPanel.status.pending',
+        'Pending',
+      );
+    case 'recorded':
+      return t(
+        'teamMemberWorkflowStudio.executionPanel.status.recorded',
+        'Recorded',
+      );
+    case 'success':
+      return t(
+        'teamMemberWorkflowStudio.executionPanel.status.success',
+        'Success',
+      );
+    case 'waiting':
+      return t(
+        'teamMemberWorkflowStudio.executionPanel.status.waiting',
+        'Waiting',
+      );
+    default:
+      return t(
+        'teamMemberWorkflowStudio.executionPanel.status.running',
+        'Running',
+      );
+  }
+}
+
+function renderStatusIcon(status: ExecutionOverviewStatus): React.ReactNode {
+  switch (status) {
+    case 'error':
+      return <CloseCircleOutlined style={{ color: '#dc2626' }} />;
+    case 'not-run':
+      return <MinusCircleOutlined style={{ color: '#94a3b8' }} />;
+    case 'pending':
+      return <ClockCircleOutlined style={{ color: '#94a3b8' }} />;
+    case 'recorded':
+      return <CheckCircleOutlined style={{ color: '#64748b' }} />;
+    case 'success':
+      return <CheckCircleOutlined style={{ color: '#16a34a' }} />;
+    case 'waiting':
+      return <PauseCircleOutlined style={{ color: '#d97706' }} />;
+    default:
+      return (
+        <span
+          data-testid="workflow-execution-running-indicator"
+          style={{
+            alignItems: 'center',
+            display: 'inline-flex',
+            height: 18,
+            justifyContent: 'center',
+            overflow: 'visible',
+            width: 18,
+          }}
+        >
+          <AevatarLoadingDots color="#2563eb" decorative gap={2} size="small" />
+        </span>
+      );
+  }
+}
+
+function buildOutputText(
+  explicitOutputValue: string,
+  logs: readonly ExecutionLogItem[],
+): string {
+  const explicitOutput = String(explicitOutputValue || '').trim();
+  if (explicitOutput) {
+    return explicitOutput;
+  }
+
+  const finishedLog = [...logs]
+    .reverse()
+    .find((log) => log.category === 'output' && log.clipboardText.trim());
+  return finishedLog?.clipboardText.trim() || '';
+}
+
+function readJsonObject(text: string): Record<string, unknown> | null {
+  try {
+    const parsed = JSON.parse(text);
+    return parsed && typeof parsed === 'object' && !Array.isArray(parsed)
+      ? (parsed as Record<string, unknown>)
+      : null;
+  } catch {
+    return null;
+  }
+}
+
+function readTokenNumber(
+  record: Record<string, unknown>,
+  ...keys: string[]
+): number {
+  for (const key of keys) {
+    const value = record[key];
+    if (typeof value === 'number' && Number.isFinite(value)) {
+      return value;
+    }
+
+    if (typeof value === 'string') {
+      const parsed = Number(value);
+      if (Number.isFinite(parsed)) {
+        return parsed;
+      }
+    }
+  }
+
+  return 0;
+}
+
+function buildTokenUsage(
+  logs: readonly ExecutionLogItem[],
+): ExecutionTokenUsage {
+  return logs
+    .filter((log) => log.category === 'usage' && log.payloadText)
+    .reduce(
+      (total, log) => {
+        const payload = readJsonObject(log.payloadText || '');
+        if (!payload) {
+          return total;
+        }
+
+        return {
+          completionTokens:
+            total.completionTokens +
+            readTokenNumber(payload, 'completionTokens', 'completion_tokens'),
+          promptTokens:
+            total.promptTokens +
+            readTokenNumber(payload, 'promptTokens', 'prompt_tokens'),
+          totalTokens:
+            total.totalTokens +
+            readTokenNumber(payload, 'totalTokens', 'total_tokens'),
+        };
+      },
+      {
+        completionTokens: 0,
+        promptTokens: 0,
+        totalTokens: 0,
+      },
+    );
+}
+
+function buildOverviewEntries(
+  logs: readonly ExecutionLogItem[],
+): ExecutionOverviewEntry[] {
+  const activeEntryIndexByStepId = new Map<string, number>();
+  const entries: MutableExecutionOverviewEntry[] = [];
+
+  logs.forEach((log, logIndex) => {
+    const category = log.category || 'custom';
+    const status = normalizeExecutionLogStatus(log);
+
+    if (category !== 'step' || !log.stepId) {
+      const eventStatus: ExecutionLogStatus =
+        status === 'error' ? 'error' : 'recorded';
+      entries.push({
+        category,
+        completedAt:
+          eventStatus === 'recorded' || eventStatus === 'error'
+            ? log.timestamp
+            : '',
+        entryId: `event:${logIndex}:${log.eventType || log.title}`,
+        eventCount: 1,
+        eventType: log.eventType || '',
+        inputText: '',
+        interactionText: '',
+        logIndex,
+        logIndexes: [logIndex],
+        meta: log.meta,
+        outputText: category === 'output' ? log.clipboardText.trim() : '',
+        payloadText: (log.payloadText || log.clipboardText || '').trim(),
+        pendingText: '',
+        previewText: log.previewText,
+        rawText: (log.rawText || '').trim(),
+        rowType: category === 'lifecycle' ? 'run' : 'event',
+        startedAt: log.timestamp,
+        status: eventStatus,
+        statusLog: log,
+        stepId: '',
+        subtitle: sanitizeVisibleText(log.meta) || categoryLabels[category],
+        title: getUserFacingIdentifierLabel(
+          log.title,
+          categoryLabels[category],
+        ),
+      });
+      return;
+    }
+
+    const activeIndex = activeEntryIndexByStepId.get(log.stepId);
+    const activeEntry =
+      typeof activeIndex === 'number' ? entries[activeIndex] : undefined;
+
+    const createNodeEntry = (): MutableExecutionOverviewEntry => ({
+      category,
+      completedAt: '',
+      entryId: `node:${log.stepId}:${logIndex}`,
+      eventCount: 1,
+      eventType: log.eventType || '',
+      inputText: log.tone === 'started' ? log.clipboardText.trim() : '',
+      interactionText: log.tone === 'run' ? log.clipboardText.trim() : '',
+      logIndex,
+      logIndexes: [logIndex],
+      meta: log.meta,
+      outputText:
+        log.tone === 'completed' || log.tone === 'failed'
+          ? log.clipboardText.trim()
+          : '',
+      payloadText: (log.payloadText || '').trim(),
+      pendingText: log.tone === 'pending' ? log.clipboardText.trim() : '',
+      previewText: log.previewText,
+      rawText: (log.rawText || '').trim(),
+      rowType: 'node',
+      startedAt: log.timestamp,
+      status,
+      statusLog: log,
+      stepId: log.stepId || '',
+      subtitle: sanitizeVisibleText(log.meta) || categoryLabels[category],
+      title: getUserFacingIdentifierLabel(
+        log.stepId,
+        log.title || categoryLabels[category],
+      ),
+    });
+
+    if (log.tone === 'started') {
+      entries.push(createNodeEntry());
+      activeEntryIndexByStepId.set(log.stepId, entries.length - 1);
+      return;
+    }
+
+    if (activeEntry && !isTerminalStepLog(activeEntry.statusLog)) {
+      activeEntry.eventCount += 1;
+      activeEntry.eventType = log.eventType || activeEntry.eventType;
+      activeEntry.logIndex = logIndex;
+      activeEntry.logIndexes.push(logIndex);
+      activeEntry.meta = log.meta || activeEntry.meta;
+      activeEntry.payloadText = (
+        log.payloadText || activeEntry.payloadText
+      ).trim();
+      activeEntry.previewText = log.previewText || activeEntry.previewText;
+      activeEntry.rawText = (log.rawText || activeEntry.rawText).trim();
+      activeEntry.status = status;
+      activeEntry.statusLog = log;
+      activeEntry.subtitle =
+        sanitizeVisibleText(log.meta) || activeEntry.subtitle;
+
+      if (log.tone === 'pending') {
+        activeEntry.pendingText = log.clipboardText.trim();
+      }
+
+      if (log.tone === 'run') {
+        activeEntry.interactionText = log.clipboardText.trim();
+      }
+
+      if (log.tone === 'completed' || log.tone === 'failed') {
+        activeEntry.completedAt = log.timestamp;
+        activeEntry.outputText = log.clipboardText.trim();
+        activeEntryIndexByStepId.delete(log.stepId);
+      }
+      return;
+    }
+
+    const nextEntry = createNodeEntry();
+    if (log.tone === 'completed' || log.tone === 'failed') {
+      nextEntry.completedAt = log.timestamp;
+    } else {
+      activeEntryIndexByStepId.set(log.stepId, entries.length);
+    }
+    entries.push(nextEntry);
+  });
+
+  return entries;
+}
+
+function buildNodeOverviewEntries(
+  entries: readonly ExecutionOverviewEntry[],
+  workflowNodes: WorkflowExecutionLogsPanelProps['workflowNodes'],
+  runIsTerminal: boolean,
+): ExecutionOverviewEntry[] {
+  const loggedNodeEntries = entries.filter((entry) => entry.rowType === 'node');
+  if (!workflowNodes?.length) {
+    return loggedNodeEntries;
+  }
+
+  const loggedEntriesByStepId = new Map<string, ExecutionOverviewEntry[]>();
+  loggedNodeEntries.forEach((entry) => {
+    const matchingEntries = loggedEntriesByStepId.get(entry.stepId) ?? [];
+    matchingEntries.push(entry);
+    loggedEntriesByStepId.set(entry.stepId, matchingEntries);
+  });
+
+  const definitionStepIds = new Set<string>();
+  const orderedEntries: ExecutionOverviewEntry[] = [];
+  workflowNodes.forEach((node) => {
+    const stepId = node.stepId.trim();
+    if (!stepId || definitionStepIds.has(stepId)) {
+      return;
+    }
+
+    definitionStepIds.add(stepId);
+    const matchingEntries = loggedEntriesByStepId.get(stepId);
+    if (matchingEntries?.length) {
+      orderedEntries.push(...matchingEntries);
+      return;
+    }
+
+    orderedEntries.push({
+      category: 'step',
+      completedAt: '',
+      entryId: `node-definition:${stepId}`,
+      eventCount: 0,
+      eventType: '',
+      inputText: '',
+      interactionText: '',
+      logIndex: -1,
+      logIndexes: [],
+      meta: sanitizeVisibleText(node.targetRole),
+      outputText: '',
+      payloadText: '',
+      pendingText: '',
+      previewText: '',
+      rawText: '',
+      rowType: 'node',
+      startedAt: '',
+      status: runIsTerminal ? 'not-run' : 'pending',
+      stepId,
+      subtitle:
+        sanitizeVisibleText(node.subtitle) ||
+        sanitizeVisibleText(node.stepType) ||
+        categoryLabels.step,
+      title: getUserFacingIdentifierLabel(stepId, node.title || stepId),
+    });
+  });
+
+  orderedEntries.push(
+    ...loggedNodeEntries.filter(
+      (entry) => !definitionStepIds.has(entry.stepId),
+    ),
+  );
+  return orderedEntries;
+}
+
+function findSelectedEntry(
+  entries: readonly ExecutionOverviewEntry[],
+  activeLogIndex: number | null | undefined,
+): ExecutionOverviewEntry | null {
+  if (typeof activeLogIndex !== 'number') {
+    return null;
+  }
+
+  const direct = entries.find((entry) =>
+    entry.logIndexes.includes(activeLogIndex),
+  );
+  if (direct) {
+    return direct;
+  }
+  return null;
+}
+
+function isEntrySelected(
+  entry: ExecutionOverviewEntry,
+  selectedEntry: ExecutionOverviewEntry | null,
+): boolean {
+  return entry.entryId === selectedEntry?.entryId;
+}
+
+function renderMetric(label: string, value: React.ReactNode): React.ReactNode {
+  return (
+    <span
+      style={{
+        alignItems: 'baseline',
+        display: 'inline-flex',
+        gap: 5,
+        whiteSpace: 'nowrap',
+      }}
+    >
+      <Typography.Text style={{ color: '#64748b', fontSize: 11 }}>
+        {label}
+      </Typography.Text>
+      <Typography.Text strong style={{ color: '#111827', fontSize: 12 }}>
+        {value}
+      </Typography.Text>
+    </span>
+  );
+}
+
+function renderDataBlock(
+  label: string,
+  value: string,
+  emptyText: string,
+  options: {
+    readonly danger?: boolean;
+    readonly height?: number;
+    readonly maxHeight?: number;
+    readonly testId?: string;
+  } = {},
+): React.ReactNode {
+  const text = sanitizeVisibleText(value);
+  const blockHeight = options.height;
+
+  return (
+    <div
+      style={{
+        alignContent: 'start',
+        display: 'grid',
+        gap: 6,
+        minHeight: 0,
+        minWidth: 0,
+      }}
+    >
+      <Typography.Text
+        style={{
+          color: options.danger ? '#b91c1c' : '#64748b',
+          fontSize: 11,
+          fontWeight: 700,
+          textTransform: 'uppercase',
+        }}
+      >
+        {label}
+      </Typography.Text>
+      <pre
+        data-testid={options.testId}
+        style={{
+          background: text ? '#f8fafc' : '#ffffff',
+          border: `1px solid ${options.danger ? '#fecaca' : '#e5e7eb'}`,
+          borderRadius: 6,
+          color: text ? (options.danger ? '#991b1b' : '#334155') : '#94a3b8',
+          fontFamily:
+            'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+          fontSize: 12,
+          height: blockHeight,
+          lineHeight: '18px',
+          margin: 0,
+          maxHeight: blockHeight ? undefined : (options.maxHeight ?? 180),
+          minHeight: 50,
+          overflow: 'auto',
+          padding: '9px 10px',
+          whiteSpace: 'pre-wrap',
+          wordBreak: 'break-word',
+        }}
+      >
+        {text || emptyText}
+      </pre>
+    </div>
+  );
+}
+
+function formatEntryClipboard(entry: ExecutionOverviewEntry): string {
+  const lines = [
+    `[${entry.startedAt}] ${entry.title}`,
+    entry.subtitle,
+    entry.inputText ? `Input:\n${entry.inputText}` : '',
+    entry.pendingText ? `Prompt:\n${entry.pendingText}` : '',
+    entry.interactionText ? `Interaction:\n${entry.interactionText}` : '',
+    entry.outputText ? `Output:\n${entry.outputText}` : '',
+    entry.payloadText ? `Payload:\n${entry.payloadText}` : '',
+  ].filter(Boolean);
+
+  return lines.join('\n\n');
+}
+
+async function copyToClipboard(
+  text: string,
+  successText: string,
+  failureText: string,
+  toast: ConsoleToastApi,
+): Promise<void> {
+  if (!text.trim()) {
+    return;
+  }
+
+  const clipboard = globalThis.navigator?.clipboard;
+  if (!clipboard?.writeText) {
+    toast.error(failureText);
+    return;
+  }
+
+  try {
+    await clipboard.writeText(text);
+    toast.success(successText);
+  } catch {
+    toast.error(failureText);
+  }
+}
+
+function renderOverviewRow(
+  entry: ExecutionOverviewEntry,
+  selected: boolean,
+  onSelectLog?: (index: number | null) => void,
+  ref?: React.Ref<HTMLButtonElement>,
+): React.ReactNode {
+  const selectable = entry.logIndex >= 0;
+  const duration =
+    entry.startedAt && entry.completedAt
+      ? formatDurationBetween(entry.startedAt, entry.completedAt)
+      : '';
+
+  return (
+    <button
+      aria-pressed={selected}
+      data-testid={`workflow-execution-log-row-${entry.rowType}-${entry.stepId || entry.logIndex}`}
+      disabled={!selectable}
+      key={entry.entryId}
+      onClick={() => {
+        if (selectable) {
+          onSelectLog?.(entry.logIndex);
+        }
+      }}
+      ref={ref}
+      style={{
+        appearance: 'none',
+        background: selected ? '#eef4ff' : '#ffffff',
+        border: `1px solid ${selected ? '#b7cdfd' : '#e5e7eb'}`,
+        borderRadius: 6,
+        boxSizing: 'border-box',
+        color: 'inherit',
+        cursor: selectable ? 'pointer' : 'default',
+        display: 'grid',
+        gap: 6,
+        height: overviewRowHeight,
+        minHeight: overviewRowHeight,
+        overflow: 'hidden',
+        padding: '8px 10px',
+        textAlign: 'left',
+        width: '100%',
+      }}
+      type="button"
+    >
+      <span
+        style={{
+          alignItems: 'center',
+          display: 'grid',
+          gap: 8,
+          gridTemplateColumns: '18px minmax(0, 1fr) max-content',
+          minWidth: 0,
+        }}
+      >
+        {renderStatusIcon(entry.status)}
+        <span
+          style={{
+            display: 'grid',
+            gap: 1,
+            minWidth: 0,
+          }}
+        >
+          <Typography.Text
+            strong
+            style={{
+              color: '#111827',
+              display: 'block',
+              fontSize: 12,
+              lineHeight: '17px',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+            }}
+          >
+            {entry.title}
+          </Typography.Text>
+          <Typography.Text
+            style={{
+              color: '#64748b',
+              fontSize: 11,
+              lineHeight: '15px',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+            }}
+          >
+            {entry.subtitle || categoryLabels[entry.category]}
+          </Typography.Text>
+        </span>
+        <Typography.Text style={{ color: '#94a3b8', fontSize: 11 }}>
+          {formatConsoleDateTime(entry.startedAt)}
+        </Typography.Text>
+      </span>
+      <span
+        style={{
+          alignItems: 'center',
+          display: 'flex',
+          flexWrap: 'nowrap',
+          gap: 5,
+          minWidth: 0,
+          overflow: 'hidden',
+        }}
+      >
+        <Tag color={statusColors[entry.status]} style={{ marginInlineEnd: 0 }}>
+          {readStatusLabel(entry.status)}
+        </Tag>
+        <Tag
+          color={categoryColors[entry.category]}
+          style={{ marginInlineEnd: 0 }}
+        >
+          {categoryLabels[entry.category]}
+        </Tag>
+        {duration ? (
+          <Typography.Text style={{ color: '#64748b', fontSize: 11 }}>
+            {duration}
+          </Typography.Text>
+        ) : null}
+        {entry.eventCount > 1 ? (
+          <Typography.Text style={{ color: '#64748b', fontSize: 11 }}>
+            {t(
+              'teamMemberWorkflowStudio.executionPanel.eventCount',
+              '{count} events',
+              { count: entry.eventCount },
+            )}
+          </Typography.Text>
+        ) : null}
+      </span>
+    </button>
+  );
+}
+
+function renderNodeInputPane(
+  entry: ExecutionOverviewEntry,
+  blockHeight = nodeDetailBlockHeight,
+): React.ReactNode {
+  const interactionContext = entry.meta.trim();
+
+  return (
+    <div
+      style={{
+        alignContent: 'start',
+        alignSelf: 'start',
+        display: 'grid',
+        gap: 10,
+        minHeight: 0,
+        minWidth: 0,
+      }}
+    >
+      {renderDataBlock(
+        t('teamMemberWorkflowStudio.executionPanel.nodeInput', 'Input'),
+        entry.inputText,
+        t(
+          'teamMemberWorkflowStudio.executionPanel.emptyNodeInput',
+          'No input captured for this node.',
+        ),
+        { height: blockHeight, testId: 'workflow-execution-node-input-block' },
+      )}
+      {entry.pendingText
+        ? renderDataBlock(
+            t('teamMemberWorkflowStudio.executionPanel.nodePrompt', 'Prompt'),
+            [interactionContext, entry.pendingText]
+              .filter(Boolean)
+              .join('\n\n'),
+            '',
+            { maxHeight: Math.max(90, Math.floor(blockHeight / 2)) },
+          )
+        : null}
+      {entry.interactionText
+        ? renderDataBlock(
+            t(
+              'teamMemberWorkflowStudio.executionPanel.nodeInteraction',
+              'Interaction',
+            ),
+            [interactionContext, entry.interactionText]
+              .filter(Boolean)
+              .join('\n\n'),
+            '',
+            { maxHeight: Math.max(90, Math.floor(blockHeight / 2)) },
+          )
+        : null}
+    </div>
+  );
+}
+
+function renderNodeOutputPane(
+  entry: ExecutionOverviewEntry,
+  blockHeight = nodeDetailBlockHeight,
+): React.ReactNode {
+  const outputIsError = entry.status === 'error';
+
+  return renderDataBlock(
+    outputIsError
+      ? t('teamMemberWorkflowStudio.executionPanel.error', 'Error')
+      : t('teamMemberWorkflowStudio.executionPanel.nodeOutput', 'Output'),
+    entry.outputText,
+    t(
+      'teamMemberWorkflowStudio.executionPanel.emptyNodeOutput',
+      'No output captured for this node.',
+    ),
+    {
+      danger: outputIsError,
+      height: blockHeight,
+      testId: 'workflow-execution-node-output-block',
+    },
+  );
+}
+
+function renderSelectedDetails(
+  entry: ExecutionOverviewEntry | null,
+  detailPanelState: DetailPanelState,
+): React.ReactNode {
+  if (!entry) {
+    return (
+      <div
+        style={{
+          alignItems: 'center',
+          color: '#64748b',
+          display: 'flex',
+          fontSize: 12,
+          justifyContent: 'center',
+          minHeight: 0,
+          padding: 16,
+          textAlign: 'center',
+        }}
+      >
+        {t(
+          'teamMemberWorkflowStudio.executionPanel.selectLog',
+          'Select a log entry to inspect its input, output, and raw event data.',
+        )}
+      </div>
+    );
+  }
+
+  const jsonText = [
+    entry.eventType ? `eventType: ${entry.eventType}` : '',
+    entry.payloadText || entry.rawText,
+  ]
+    .filter(Boolean)
+    .join('\n\n');
+
+  if (entry.rowType !== 'node') {
+    return renderDataBlock(
+      t(
+        'teamMemberWorkflowStudio.executionPanel.eventPayload',
+        'Event payload',
+      ),
+      jsonText || sanitizeVisibleText(entry.previewText),
+      t(
+        'teamMemberWorkflowStudio.executionPanel.emptyEventPayload',
+        'No event payload was captured.',
+      ),
+      { maxHeight: 260 },
+    );
+  }
+
+  const showInput = isDetailPaneVisible(detailPanelState, 'input');
+  const showOutput = isDetailPaneVisible(detailPanelState, 'output');
+
+  return (
+    <div
+      style={{
+        alignItems: 'start',
+        display: 'grid',
+        gap: 10,
+        gridTemplateColumns:
+          showInput && showOutput
+            ? 'minmax(0, 1fr) minmax(0, 1fr)'
+            : 'minmax(0, 1fr)',
+        minHeight: 0,
+        minWidth: 0,
+      }}
+    >
+      {showInput ? renderNodeInputPane(entry) : null}
+      {showOutput ? renderNodeOutputPane(entry) : null}
+    </div>
+  );
+}
+
+const WorkflowExecutionLogsPanel: React.FC<WorkflowExecutionLogsPanelProps> = ({
+  activeLogIndex,
+  ariaLabel = t(
+    'shared.workflowExecutionLogs.consoleAria',
+    'Workflow run console',
+  ),
+  collapseButtonRef,
+  collapseControlsId,
+  error,
+  execution,
+  height = 210,
+  id,
+  onClear,
+  onCollapse,
+  onSelectLog,
+  workflowNodes,
+}) => {
+  const toast = useConsoleToast();
+  const [overviewMode, setOverviewMode] = React.useState<OverviewMode>('nodes');
+  const [detailPanelState, setDetailPanelState] =
+    React.useState<DetailPanelState>('both');
+  const trace = execution?.trace ?? null;
+  const logs = trace?.logs ?? [];
+  const entries = React.useMemo(() => buildOverviewEntries(logs), [logs]);
+  const runStatus: ExecutionLogStatus =
+    execution?.status === 'failed'
+      ? 'error'
+      : execution?.status === 'succeeded' || execution?.status === 'completed'
+        ? 'success'
+        : 'running';
+  const runIsTerminal =
+    runStatus !== 'running' || Boolean(execution?.completedAtUtc);
+  const nodeEntries = React.useMemo(
+    () => buildNodeOverviewEntries(entries, workflowNodes, runIsTerminal),
+    [entries, runIsTerminal, workflowNodes],
+  );
+  const eventEntries = entries.filter((entry) => entry.rowType !== 'node');
+  const latestExecutionNodeEntry = React.useMemo(() => {
+    const latestStepId = trace?.latestStepId;
+    if (!latestStepId) {
+      return null;
+    }
+
+    for (let index = nodeEntries.length - 1; index >= 0; index -= 1) {
+      if (nodeEntries[index]?.stepId === latestStepId) {
+        return nodeEntries[index];
+      }
+    }
+
+    return null;
+  }, [nodeEntries, trace?.latestStepId]);
+  const liveFollowEntry =
+    runStatus === 'running' && !execution?.completedAtUtc
+      ? latestExecutionNodeEntry
+      : null;
+  const controlledSelectedEntry = findSelectedEntry(entries, activeLogIndex);
+  const baseSelectedEntry =
+    (overviewMode === 'nodes' && controlledSelectedEntry?.rowType !== 'node'
+      ? liveFollowEntry
+      : controlledSelectedEntry) ||
+    liveFollowEntry ||
+    entries.find((entry) => entry.status === 'error') ||
+    nodeEntries.find((entry) => entry.logIndex >= 0) ||
+    entries.find((entry) => entry.logIndex >= 0) ||
+    null;
+  const hasExecutionContent = Boolean(error || execution);
+  const outputText = execution
+    ? buildOutputText(execution.outputText, logs)
+    : '';
+  const tokenUsage = React.useMemo(() => buildTokenUsage(logs), [logs]);
+  const duration = execution
+    ? formatDurationBetween(execution.startedAtUtc, execution.completedAtUtc)
+    : '';
+  const totalStepCount = new Set(nodeEntries.map((entry) => entry.stepId)).size;
+  const visibleEntries = overviewMode === 'nodes' ? nodeEntries : eventEntries;
+  const selectedEntry =
+    visibleEntries.find((entry) => isEntrySelected(entry, baseSelectedEntry)) ||
+    visibleEntries.find((entry) => entry.logIndex >= 0) ||
+    (baseSelectedEntry?.status === 'error' ? baseSelectedEntry : null);
+  const selectableEntries = visibleEntries.filter(
+    (entry) => entry.logIndex >= 0,
+  );
+  const overviewRowRefs = React.useRef(new Map<string, HTMLButtonElement>());
+  const lastAutoFollowTargetRef = React.useRef('');
+  const previousExecutionSessionRef = React.useRef(
+    execution?.startedAtUtc || '',
+  );
+  React.useEffect(() => {
+    const executionSession = execution?.startedAtUtc || '';
+    if (
+      executionSession &&
+      previousExecutionSessionRef.current !== executionSession &&
+      runStatus === 'running'
+    ) {
+      setOverviewMode('nodes');
+    }
+    previousExecutionSessionRef.current = executionSession;
+  }, [execution?.startedAtUtc, runStatus]);
+  const liveFollowTargetKey = liveFollowEntry
+    ? `${execution?.startedAtUtc || ''}:${liveFollowEntry.entryId}`
+    : '';
+  React.useEffect(() => {
+    if (!liveFollowEntry || !onSelectLog) {
+      return;
+    }
+
+    if (lastAutoFollowTargetRef.current === liveFollowTargetKey) {
+      return;
+    }
+
+    lastAutoFollowTargetRef.current = liveFollowTargetKey;
+    onSelectLog(liveFollowEntry.logIndex);
+  }, [liveFollowEntry, liveFollowTargetKey, onSelectLog]);
+  React.useEffect(() => {
+    if (overviewMode !== 'nodes' || !liveFollowEntry) {
+      return;
+    }
+
+    overviewRowRefs.current
+      .get(liveFollowEntry.entryId)
+      ?.scrollIntoView?.({ block: 'nearest' });
+  }, [liveFollowTargetKey, overviewMode]);
+  const handleOverviewKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLElement>) => {
+      if (!selectableEntries.length || !onSelectLog) {
+        return;
+      }
+
+      if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') {
+        return;
+      }
+
+      event.preventDefault();
+      const selectedVisibleIndex = selectableEntries.findIndex((entry) =>
+        isEntrySelected(entry, selectedEntry),
+      );
+      const fallbackIndex =
+        event.key === 'ArrowDown' ? -1 : selectableEntries.length;
+      const currentIndex =
+        selectedVisibleIndex >= 0 ? selectedVisibleIndex : fallbackIndex;
+      const nextIndex =
+        event.key === 'ArrowDown'
+          ? Math.min(currentIndex + 1, selectableEntries.length - 1)
+          : Math.max(currentIndex - 1, 0);
+
+      onSelectLog(selectableEntries[nextIndex]?.logIndex ?? null);
+    },
+    [onSelectLog, selectableEntries, selectedEntry],
+  );
+
+  if (!hasExecutionContent) {
+    return null;
+  }
+
+  return (
+    <aside
+      aria-label={ariaLabel}
+      id={id}
+      style={{
+        background: '#ffffff',
+        borderTop: '1px solid #dbe3ee',
+        display: 'grid',
+        flex: `0 0 ${height}px`,
+        gridTemplateRows: 'min-content minmax(0, 1fr)',
+        height,
+        minHeight: 0,
+      }}
+    >
+      <section
+        data-testid="member-run-result-panel"
+        style={{
+          display: 'contents',
+        }}
+      >
+        {error && !execution ? (
+          <div style={{ padding: '10px 14px' }}>
+            <Alert message={error} showIcon type="error" />
+          </div>
+        ) : execution ? (
+          <>
+            <div
+              style={{
+                alignItems: 'center',
+                borderBottom: '1px solid #edf2f7',
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: 12,
+                justifyContent: 'space-between',
+                minHeight: 42,
+                padding: '7px 14px',
+              }}
+            >
+              <div
+                style={{
+                  alignItems: 'center',
+                  display: 'flex',
+                  flexWrap: 'wrap',
+                  gap: 9,
+                  minWidth: 0,
+                }}
+              >
+                <Typography.Text
+                  strong
+                  style={{ color: '#111827', fontSize: 13 }}
+                >
+                  {t('teamMemberWorkflowStudio.executionPanel.logs', 'Logs')}
+                </Typography.Text>
+                <Typography.Text
+                  style={{
+                    color: '#64748b',
+                    fontSize: 12,
+                    maxWidth: 240,
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                  }}
+                >
+                  {execution.workflowName}
+                </Typography.Text>
+                <Tag
+                  color={statusColors[runStatus]}
+                  style={{ marginInlineEnd: 0 }}
+                >
+                  {execution.status}
+                </Tag>
+                {duration
+                  ? renderMetric(
+                      t(
+                        'teamMemberWorkflowStudio.executionPanel.duration',
+                        'Duration',
+                      ),
+                      duration,
+                    )
+                  : null}
+              </div>
+              <div
+                style={{
+                  alignItems: 'center',
+                  display: 'flex',
+                  flexWrap: 'wrap',
+                  gap: 10,
+                }}
+              >
+                {renderMetric(
+                  t('teamMemberWorkflowStudio.executionPanel.events', 'Events'),
+                  execution.eventCount,
+                )}
+                {renderMetric(
+                  t('teamMemberWorkflowStudio.executionPanel.steps', 'Steps'),
+                  totalStepCount,
+                )}
+                {renderMetric(
+                  t('teamMemberWorkflowStudio.executionPanel.output', 'Output'),
+                  outputText ? '1' : '0',
+                )}
+                {tokenUsage.totalTokens > 0
+                  ? renderMetric(
+                      t(
+                        'teamMemberWorkflowStudio.executionPanel.tokens',
+                        'Tokens',
+                      ),
+                      tokenUsage.totalTokens,
+                    )
+                  : null}
+                <AevatarTooltip
+                  title={t(
+                    'teamMemberWorkflowStudio.executionPanel.copyAll',
+                    'Copy all logs',
+                  )}
+                >
+                  <Button
+                    aria-label={t(
+                      'teamMemberWorkflowStudio.executionPanel.copyAll',
+                      'Copy all logs',
+                    )}
+                    icon={<CopyOutlined />}
+                    onClick={() =>
+                      void copyToClipboard(
+                        formatExecutionLogsClipboard(trace),
+                        t(
+                          'teamMemberWorkflowStudio.executionPanel.copyAllDone',
+                          'Copied all logs.',
+                        ),
+                        t(
+                          'teamMemberWorkflowStudio.executionPanel.copyFailed',
+                          'Could not copy logs.',
+                        ),
+                        toast,
+                      )
+                    }
+                    size="small"
+                    type="text"
+                  />
+                </AevatarTooltip>
+                {onCollapse ? (
+                  <AevatarTooltip
+                    title={t(
+                      'shared.workflowExecutionLogs.collapse',
+                      'Collapse workflow logs',
+                    )}
+                  >
+                    <Button
+                      aria-label={t(
+                        'shared.workflowExecutionLogs.collapse',
+                        'Collapse workflow logs',
+                      )}
+                      aria-controls={collapseControlsId}
+                      aria-expanded={true}
+                      icon={<DownOutlined />}
+                      onClick={onCollapse}
+                      ref={collapseButtonRef}
+                      size="small"
+                      type="text"
+                    />
+                  </AevatarTooltip>
+                ) : null}
+                <AevatarTooltip
+                  title={t(
+                    'teamMemberWorkflowStudio.executionPanel.clear',
+                    'Clear logs',
+                  )}
+                >
+                  <Button
+                    aria-label={t(
+                      'teamMemberWorkflowStudio.executionPanel.clear',
+                      'Clear logs',
+                    )}
+                    icon={<CloseOutlined />}
+                    onClick={onClear}
+                    size="small"
+                    type="text"
+                  />
+                </AevatarTooltip>
+              </div>
+              {error ? (
+                <div style={{ flexBasis: '100%' }}>
+                  <Alert message={error} showIcon type="error" />
+                </div>
+              ) : null}
+            </div>
+
+            <div
+              className="workflow-studio-execution-panel__body"
+              style={
+                {
+                  '--workflow-execution-panel-columns': visibleEntries.length
+                    ? 'minmax(300px, 0.82fr) minmax(420px, 1.18fr)'
+                    : 'minmax(420px, 1fr)',
+                  display: 'grid',
+                  gap: 0,
+                  minHeight: 0,
+                  minWidth: 0,
+                } as ExecutionPanelCssVariables
+              }
+            >
+              <section
+                className="workflow-studio-execution-panel__overview"
+                style={
+                  {
+                    '--workflow-execution-panel-overview-border-right':
+                      visibleEntries.length ? '1px solid #edf2f7' : '0',
+                    display: 'grid',
+                    minHeight: 0,
+                    minWidth: 0,
+                    padding: '10px 12px 12px',
+                  } as ExecutionPanelCssVariables
+                }
+              >
+                <div
+                  style={{
+                    alignItems: 'center',
+                    display: 'flex',
+                    gap: 8,
+                    justifyContent: 'space-between',
+                    marginBottom: 8,
+                    minWidth: 0,
+                  }}
+                >
+                  <div
+                    style={{
+                      alignItems: 'center',
+                      display: 'flex',
+                      gap: 7,
+                      minWidth: 0,
+                    }}
+                  >
+                    <ClockCircleOutlined style={{ color: '#64748b' }} />
+                    <Typography.Text strong style={{ fontSize: 13 }}>
+                      {t(
+                        'teamMemberWorkflowStudio.executionPanel.overview',
+                        'Overview',
+                      )}
+                    </Typography.Text>
+                  </div>
+                  <Segmented
+                    onChange={(value) => setOverviewMode(value as OverviewMode)}
+                    options={[
+                      {
+                        label: t(
+                          'teamMemberWorkflowStudio.executionPanel.nodes',
+                          'Nodes',
+                        ),
+                        value: 'nodes',
+                      },
+                      {
+                        label: t(
+                          'teamMemberWorkflowStudio.executionPanel.events',
+                          'Events',
+                        ),
+                        value: 'events',
+                      },
+                    ]}
+                    size="small"
+                    value={overviewMode}
+                  />
+                </div>
+                <div
+                  aria-label={t(
+                    'teamMemberWorkflowStudio.executionPanel.logsOverview',
+                    'Logs overview',
+                  )}
+                  onKeyDown={handleOverviewKeyDown}
+                  role="listbox"
+                  tabIndex={0}
+                  style={{
+                    display: 'grid',
+                    gap: 8,
+                    alignContent: 'start',
+                    gridAutoRows: `${overviewRowHeight}px`,
+                    minHeight: 0,
+                    overflow: 'auto',
+                    paddingRight: 3,
+                  }}
+                >
+                  {visibleEntries.length ? (
+                    visibleEntries.map((entry) =>
+                      renderOverviewRow(
+                        entry,
+                        isEntrySelected(entry, selectedEntry),
+                        onSelectLog,
+                        (element) => {
+                          if (element) {
+                            overviewRowRefs.current.set(entry.entryId, element);
+                          } else {
+                            overviewRowRefs.current.delete(entry.entryId);
+                          }
+                        },
+                      ),
+                    )
+                  ) : (
+                    <Typography.Text style={{ color: '#64748b', fontSize: 12 }}>
+                      {overviewMode === 'nodes'
+                        ? execution.eventCount
+                          ? t(
+                              'teamMemberWorkflowStudio.executionPanel.rawFrames',
+                              '{count} run event(s) received. Waiting for the first node to start.',
+                              { count: execution.eventCount },
+                            )
+                          : t(
+                              'teamMemberWorkflowStudio.executionPanel.emptyLogs',
+                              'Node logs will appear after the workflow draft runs.',
+                            )
+                        : t(
+                            'teamMemberWorkflowStudio.executionPanel.emptyEvidence',
+                            'Runtime events will appear here when the backend emits them.',
+                          )}
+                    </Typography.Text>
+                  )}
+                </div>
+              </section>
+
+              {visibleEntries.length ? (
+                <section
+                  aria-label={t(
+                    'teamMemberWorkflowStudio.executionPanel.logDetails',
+                    'Log details',
+                  )}
+                  className="workflow-studio-execution-panel__details"
+                  style={{
+                    display: 'grid',
+                    gridTemplateRows: 'min-content minmax(0, 1fr)',
+                    minHeight: 0,
+                    minWidth: 0,
+                    padding: '10px 14px 12px',
+                  }}
+                >
+                  <div
+                    style={{
+                      alignItems: 'center',
+                      display: 'flex',
+                      flexWrap: 'wrap',
+                      gap: 8,
+                      justifyContent: 'space-between',
+                      marginBottom: 8,
+                      minWidth: 0,
+                    }}
+                  >
+                    <div
+                      style={{
+                        alignItems: 'center',
+                        display: 'flex',
+                        gap: 8,
+                        minWidth: 0,
+                      }}
+                    >
+                      {selectedEntry ? (
+                        <>
+                          {renderStatusIcon(selectedEntry.status)}
+                          <Typography.Text
+                            strong
+                            style={{
+                              fontSize: 13,
+                              overflow: 'hidden',
+                              textOverflow: 'ellipsis',
+                              whiteSpace: 'nowrap',
+                            }}
+                          >
+                            {selectedEntry.title}
+                          </Typography.Text>
+                          <Tag
+                            color={statusColors[selectedEntry.status]}
+                            style={{ marginInlineEnd: 0 }}
+                          >
+                            {readStatusLabel(selectedEntry.status)}
+                          </Tag>
+                        </>
+                      ) : null}
+                    </div>
+                    <div
+                      style={{
+                        alignItems: 'center',
+                        display: 'flex',
+                        flexWrap: 'wrap',
+                        gap: 8,
+                      }}
+                    >
+                      {selectedEntry?.rowType === 'node' ? (
+                        <div
+                          style={{
+                            alignItems: 'center',
+                            background: '#f8fafc',
+                            border: '1px solid #e5e7eb',
+                            borderRadius: 6,
+                            display: 'inline-flex',
+                            gap: 2,
+                            padding: 2,
+                          }}
+                        >
+                          {(['input', 'output'] as const).map((pane) => {
+                            const active = isDetailPaneVisible(
+                              detailPanelState,
+                              pane,
+                            );
+                            const label =
+                              pane === 'input'
+                                ? t(
+                                    'teamMemberWorkflowStudio.executionPanel.nodeInput',
+                                    'Input',
+                                  )
+                                : t(
+                                    'teamMemberWorkflowStudio.executionPanel.nodeOutput',
+                                    'Output',
+                                  );
+
+                            return (
+                              <Button
+                                aria-pressed={active}
+                                key={pane}
+                                onClick={() =>
+                                  setDetailPanelState((current) =>
+                                    toggleDetailPanelState(current, pane),
+                                  )
+                                }
+                                size="small"
+                                style={{
+                                  background: active
+                                    ? '#ffffff'
+                                    : 'transparent',
+                                  borderColor: active
+                                    ? '#dbe3ee'
+                                    : 'transparent',
+                                  boxShadow: active
+                                    ? '0 1px 2px rgba(15, 23, 42, 0.06)'
+                                    : 'none',
+                                  color: active ? '#111827' : '#64748b',
+                                  fontWeight: active ? 600 : 400,
+                                }}
+                                type="text"
+                              >
+                                {label}
+                              </Button>
+                            );
+                          })}
+                        </div>
+                      ) : null}
+                      {overviewMode === 'events' && selectedEntry ? (
+                        <AevatarTooltip
+                          title={t(
+                            'teamMemberWorkflowStudio.executionPanel.copySelected',
+                            'Copy selected log',
+                          )}
+                        >
+                          <Button
+                            aria-label={t(
+                              'teamMemberWorkflowStudio.executionPanel.copySelected',
+                              'Copy selected log',
+                            )}
+                            icon={<CopyOutlined />}
+                            onClick={() =>
+                              void copyToClipboard(
+                                formatEntryClipboard(selectedEntry),
+                                t(
+                                  'teamMemberWorkflowStudio.executionPanel.copySelectedDone',
+                                  'Copied selected log.',
+                                ),
+                                t(
+                                  'teamMemberWorkflowStudio.executionPanel.copyFailed',
+                                  'Could not copy logs.',
+                                ),
+                                toast,
+                              )
+                            }
+                            size="small"
+                            type="text"
+                          />
+                        </AevatarTooltip>
+                      ) : null}
+                    </div>
+                  </div>
+                  <div
+                    style={{
+                      minHeight: 0,
+                      overflow: 'auto',
+                      paddingRight: 2,
+                    }}
+                  >
+                    {renderSelectedDetails(selectedEntry, detailPanelState)}
+                  </div>
+                </section>
+              ) : null}
+            </div>
+            <style>{workflowStudioExecutionPanelCss}</style>
+          </>
+        ) : null}
+      </section>
+    </aside>
+  );
+};
+
+export default WorkflowExecutionLogsPanel;
diff --git a/apps/aevatar-console-web/src/shared/workflows/WorkflowPanelResizeHandle.tsx b/apps/aevatar-console-web/src/shared/workflows/WorkflowPanelResizeHandle.tsx
new file mode 100644
index 0000000000..080b8b99b3
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/WorkflowPanelResizeHandle.tsx
@@ -0,0 +1,72 @@
+import React from 'react';
+import type { WorkflowPanelResizeHandleProps } from './useWorkflowPanelResize';
+
+type WorkflowPanelResizeHandleComponentProps =
+  WorkflowPanelResizeHandleProps & {
+    readonly ariaLabel: string;
+    readonly className?: string;
+    readonly orientation: 'horizontal' | 'vertical';
+  };
+
+const WorkflowPanelResizeHandle: React.FC<
+  WorkflowPanelResizeHandleComponentProps
+> = ({
+  ariaLabel,
+  className,
+  max,
+  min,
+  onKeyDown,
+  onMouseDown,
+  orientation,
+  value,
+}) => {
+  const vertical = orientation === 'vertical';
+  return (
+    <hr
+      aria-label={ariaLabel}
+      aria-orientation={orientation}
+      aria-valuemax={max}
+      aria-valuemin={min}
+      aria-valuenow={value}
+      className={className}
+      onKeyDown={onKeyDown}
+      onMouseDown={onMouseDown}
+      style={
+        vertical
+          ? {
+              background: '#cbd5e1',
+              borderBottom: 0,
+              borderLeft: '3px solid #ffffff',
+              borderRight: '3px solid #ffffff',
+              borderTop: 0,
+              boxSizing: 'border-box',
+              cursor: 'col-resize',
+              flex: '0 0 10px',
+              height: '100%',
+              margin: 0,
+              minHeight: 0,
+              position: 'relative',
+              zIndex: 3,
+            }
+          : {
+              background: '#cbd5e1',
+              borderBottom: '4px solid #ffffff',
+              borderLeft: 0,
+              borderRight: 0,
+              borderTop: '4px solid #ffffff',
+              boxSizing: 'border-box',
+              cursor: 'row-resize',
+              flex: '0 0 12px',
+              height: 12,
+              margin: 0,
+              position: 'relative',
+              width: '100%',
+              zIndex: 3,
+            }
+      }
+      tabIndex={0}
+    />
+  );
+};
+
+export default WorkflowPanelResizeHandle;
diff --git a/apps/aevatar-console-web/src/shared/workflows/WorkflowRunInputPanel.tsx b/apps/aevatar-console-web/src/shared/workflows/WorkflowRunInputPanel.tsx
new file mode 100644
index 0000000000..f315cdcfae
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/WorkflowRunInputPanel.tsx
@@ -0,0 +1,476 @@
+import {
+  CloseOutlined,
+  FileImageOutlined,
+  FileOutlined,
+  PaperClipOutlined,
+  PlayCircleOutlined,
+} from '@ant-design/icons';
+import { Button, Input, Typography } from 'antd';
+import React from 'react';
+import AevatarTooltip from '@/shared/ui/AevatarTooltip';
+import { t } from '@/shared/i18n/messages';
+import WorkflowSidePanel from './WorkflowSidePanel';
+
+type DraftRunVariant = {
+  readonly kind: 'draft';
+  readonly acceptedFileTypes?: string;
+  readonly files: readonly File[];
+  readonly onFilesAdd: (files: readonly File[]) => void;
+  readonly onFileRemove: (index: number) => void;
+};
+
+type PublishedRunVariant = {
+  readonly acceptedFileTypes?: string;
+  readonly files: readonly File[];
+  readonly inputError?: string;
+  readonly kind: 'published';
+  readonly onFilesAdd: (files: readonly File[]) => void;
+  readonly onFileRemove: (index: number) => void;
+};
+
+type WorkflowRunInputPanelProps = {
+  readonly canRun: boolean;
+  readonly disabledReason?: string;
+  readonly height?: React.CSSProperties['height'];
+  readonly inputDisabled?: boolean;
+  readonly onClose: () => void;
+  readonly onRun: () => void;
+  readonly onRunMessageChange: (message: string) => void;
+  readonly open: boolean;
+  readonly pending: boolean;
+  readonly runMessage: string;
+  readonly variant: DraftRunVariant | PublishedRunVariant;
+  readonly width?: number;
+};
+
+const DEFAULT_ACCEPTED_FILE_TYPES = [
+  'image/png',
+  'image/jpeg',
+  'image/webp',
+  'audio/mpeg',
+  'audio/wav',
+  'audio/wave',
+  'audio/x-wav',
+  'video/mp4',
+  'application/pdf',
+  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  'text/csv',
+  'text/plain',
+  'text/markdown',
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+].join(',');
+
+const attachmentToolbarStyle: React.CSSProperties = {
+  alignItems: 'center',
+  display: 'flex',
+  flexWrap: 'wrap',
+  gap: 8,
+  minWidth: 0,
+};
+
+const attachmentListStyle: React.CSSProperties = {
+  alignItems: 'center',
+  display: 'flex',
+  flex: '1 1 220px',
+  flexWrap: 'wrap',
+  gap: 6,
+  minWidth: 0,
+};
+
+const attachmentChipStyle: React.CSSProperties = {
+  alignItems: 'center',
+  background: '#f8fafc',
+  border: '1px solid #dbe3ee',
+  borderRadius: 8,
+  color: '#334155',
+  display: 'inline-flex',
+  gap: 6,
+  maxWidth: '100%',
+  minHeight: 28,
+  minWidth: 0,
+  padding: '3px 5px 3px 8px',
+};
+
+const attachmentNameStyle: React.CSSProperties = {
+  fontSize: 12,
+  fontWeight: 700,
+  lineHeight: '16px',
+  maxWidth: 168,
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+};
+
+const attachmentMetaStyle: React.CSSProperties = {
+  color: '#64748b',
+  flex: '0 0 auto',
+  fontSize: 11,
+  lineHeight: '14px',
+};
+
+const attachmentEmptyStyle: React.CSSProperties = {
+  color: '#64748b',
+  fontSize: 12,
+  lineHeight: '18px',
+};
+
+const fileDropZoneStyle: React.CSSProperties = {
+  alignItems: 'center',
+  background: '#fbfcfe',
+  border: '1px dashed #cbd5e1',
+  borderRadius: 8,
+  color: '#475569',
+  display: 'grid',
+  gap: 10,
+  justifyItems: 'start',
+  minHeight: 84,
+  padding: '12px',
+};
+
+function formatFileSize(bytes: number): string {
+  if (!Number.isFinite(bytes) || bytes <= 0) {
+    return '0 B';
+  }
+
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+
+  const kib = bytes / 1024;
+  if (kib < 1024) {
+    return `${kib.toFixed(kib >= 10 ? 0 : 1)} KB`;
+  }
+
+  const mib = kib / 1024;
+  return `${mib.toFixed(mib >= 10 ? 0 : 1)} MB`;
+}
+
+function getFileIcon(file: File): React.ReactNode {
+  return file.type.startsWith('image/') ? (
+    <FileImageOutlined />
+  ) : (
+    <FileOutlined />
+  );
+}
+
+function getAttachmentKey(file: File): string {
+  return [file.name, file.size, file.lastModified, file.type || 'file'].join(
+    ':',
+  );
+}
+
+const WorkflowRunInputPanel: React.FC<WorkflowRunInputPanelProps> = ({
+  canRun,
+  disabledReason,
+  height,
+  inputDisabled = false,
+  onClose,
+  onRun,
+  onRunMessageChange,
+  open,
+  pending,
+  runMessage,
+  variant,
+  width = 420,
+}) => {
+  const fileInputRef = React.useRef<HTMLInputElement | null>(null);
+  const inputLocked = pending || inputDisabled;
+  const fileVariant = variant;
+  const inputError = variant.kind === 'published' ? variant.inputError : '';
+
+  if (!open) {
+    return null;
+  }
+
+  const addFiles = (nextFiles: readonly File[]) => {
+    if (nextFiles.length > 0) {
+      fileVariant.onFilesAdd(nextFiles);
+    }
+  };
+
+  return (
+    <WorkflowSidePanel
+      ariaLabel={t(
+        variant.kind === 'draft'
+          ? 'teamMemberWorkflowStudio.draftRunPanel.sectionAria'
+          : 'workflowActivityVNext.editor.publishedRunPanel.sectionAria',
+        variant.kind === 'draft' ? 'Draft run panel' : 'Published run panel',
+      )}
+      bodyStyle={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 0,
+        overflow: 'hidden',
+        padding: 0,
+      }}
+      closeAriaLabel={t(
+        variant.kind === 'draft'
+          ? 'teamMemberWorkflowStudio.draftRunPanel.closeAria'
+          : 'workflowActivityVNext.editor.publishedRunPanel.closeAria',
+        variant.kind === 'draft'
+          ? 'Close draft run panel'
+          : 'Close published run panel',
+      )}
+      height={height}
+      onClose={onClose}
+      title={
+        <span style={{ alignItems: 'center', display: 'inline-flex', gap: 8 }}>
+          <PlayCircleOutlined />
+          <span>
+            {t(
+              variant.kind === 'draft'
+                ? 'teamMemberWorkflowStudio.draftRunPanel.title'
+                : 'workflowActivityVNext.editor.publishedRunPanel.title',
+              variant.kind === 'draft' ? 'Draft run' : 'Published run',
+            )}
+          </span>
+        </span>
+      }
+      width={width}
+    >
+      <div
+        style={{
+          alignContent: 'start',
+          display: 'grid',
+          flex: '1 1 auto',
+          gap: 28,
+          minHeight: 0,
+          overflow: 'auto',
+          padding: '28px 24px 24px',
+        }}
+      >
+        <section
+          style={{
+            display: 'grid',
+            gap: 12,
+          }}
+        >
+          <div style={{ display: 'grid', gap: 4 }}>
+            <Typography.Text strong>
+              {t(
+                variant.kind === 'draft'
+                  ? 'teamMemberWorkflowStudio.draftRunPanel.messageLabel'
+                  : 'workflowActivityVNext.editor.publishedRunPanel.messageLabel',
+                variant.kind === 'draft'
+                  ? 'Draft run input'
+                  : 'Published run input',
+              )}
+            </Typography.Text>
+            <Typography.Text style={{ color: '#64748b' }}>
+              {t(
+                variant.kind === 'draft'
+                  ? 'teamMemberWorkflowStudio.draftRunPanel.emptyInputHint'
+                  : 'workflowActivityVNext.editor.publishedRunPanel.inputHint',
+                variant.kind === 'draft'
+                  ? 'Leave blank to run this draft without user input.'
+                  : 'Leave blank to start this published workflow without user input.',
+              )}
+            </Typography.Text>
+          </div>
+          <Input.TextArea
+            aria-label={t(
+              variant.kind === 'draft'
+                ? 'teamMemberWorkflowStudio.draftRunPanel.messageLabel'
+                : 'workflowActivityVNext.editor.publishedRunPanel.messageLabel',
+              variant.kind === 'draft'
+                ? 'Draft run input'
+                : 'Published run input',
+            )}
+            aria-invalid={Boolean(inputError)}
+            autoSize={{ minRows: 7, maxRows: 10 }}
+            disabled={inputLocked}
+            onChange={(event) => onRunMessageChange(event.target.value)}
+            placeholder={t(
+              variant.kind === 'draft'
+                ? 'teamMemberWorkflowStudio.draftRunPanel.messagePlaceholder'
+                : 'workflowActivityVNext.editor.publishedRunPanel.messagePlaceholder',
+              variant.kind === 'draft'
+                ? 'Optional input sent to this workflow draft run'
+                : 'Optional input sent to this published workflow run',
+            )}
+            style={{ fontSize: 15 }}
+            value={runMessage}
+          />
+          {inputError ? (
+            <Typography.Text role="alert" type="danger">
+              {inputError}
+            </Typography.Text>
+          ) : null}
+        </section>
+
+        <section
+          style={{
+            display: 'grid',
+            gap: 10,
+          }}
+        >
+          <div style={{ display: 'grid', gap: 4 }}>
+            <Typography.Text strong>
+              {t('teamMemberWorkflowStudio.draftRunPanel.filesLabel', 'Files')}
+            </Typography.Text>
+            <Typography.Text style={{ color: '#64748b' }}>
+              {t(
+                variant.kind === 'draft'
+                  ? 'teamMemberWorkflowStudio.draftRunPanel.filesHint'
+                  : 'workflowActivityVNext.editor.publishedRunPanel.filesHint',
+                variant.kind === 'draft'
+                  ? 'Attach files for this draft run.'
+                  : 'Attach files for this published workflow run.',
+              )}
+            </Typography.Text>
+          </div>
+          <input
+            ref={fileInputRef}
+            aria-label={t(
+              'teamMemberWorkflowStudio.draftRunPanel.attachFilesInput',
+              'Attach files',
+            )}
+            accept={
+              fileVariant.acceptedFileTypes ?? DEFAULT_ACCEPTED_FILE_TYPES
+            }
+            data-testid="workflow-run-file-input"
+            multiple
+            onChange={(event) => {
+              addFiles(Array.from(event.target.files ?? []));
+              event.currentTarget.value = '';
+            }}
+            style={{ display: 'none' }}
+            type="file"
+          />
+          <div
+            data-testid="workflow-run-file-drop-zone"
+            onDragOver={(event) => {
+              event.preventDefault();
+              event.dataTransfer.dropEffect = inputLocked ? 'none' : 'copy';
+            }}
+            onDrop={(event) => {
+              event.preventDefault();
+              if (!inputLocked) {
+                addFiles(Array.from(event.dataTransfer.files ?? []));
+              }
+            }}
+            style={fileDropZoneStyle}
+          >
+            <div style={attachmentToolbarStyle}>
+              <AevatarTooltip
+                title={t(
+                  'teamMemberWorkflowStudio.draftRunPanel.attachFiles',
+                  'Attach files',
+                )}
+              >
+                <Button
+                  aria-label={t(
+                    'teamMemberWorkflowStudio.draftRunPanel.attachFilesButton',
+                    'Add files',
+                  )}
+                  disabled={inputLocked}
+                  icon={<PaperClipOutlined />}
+                  onClick={() => fileInputRef.current?.click()}
+                >
+                  {t(
+                    'teamMemberWorkflowStudio.draftRunPanel.addFiles',
+                    'Add files',
+                  )}
+                </Button>
+              </AevatarTooltip>
+              <Typography.Text style={{ color: '#64748b', fontSize: 12 }}>
+                {t(
+                  'teamMemberWorkflowStudio.draftRunPanel.dropFiles',
+                  'Drop files here',
+                )}
+              </Typography.Text>
+            </div>
+            <div style={attachmentListStyle}>
+              {fileVariant.files.length === 0 ? (
+                <span style={attachmentEmptyStyle}>
+                  {t(
+                    'teamMemberWorkflowStudio.draftRunPanel.noFilesAttached',
+                    'No files attached',
+                  )}
+                </span>
+              ) : (
+                fileVariant.files.map((file, index) => (
+                  <span
+                    key={getAttachmentKey(file)}
+                    data-testid="workflow-run-file-chip"
+                    style={attachmentChipStyle}
+                  >
+                    {getFileIcon(file)}
+                    <AevatarTooltip
+                      title={`${file.name} · ${file.type || 'file'} · ${formatFileSize(file.size)}`}
+                    >
+                      <span style={attachmentNameStyle}>{file.name}</span>
+                    </AevatarTooltip>
+                    <span style={attachmentMetaStyle}>
+                      {formatFileSize(file.size)}
+                    </span>
+                    <Button
+                      aria-label={t(
+                        'teamMemberWorkflowStudio.draftRunPanel.removeFile',
+                        'Remove {name}',
+                        { name: file.name },
+                      )}
+                      disabled={inputLocked}
+                      icon={<CloseOutlined />}
+                      onClick={() => fileVariant.onFileRemove(index)}
+                      size="small"
+                      type="text"
+                    />
+                  </span>
+                ))
+              )}
+            </div>
+          </div>
+          <Typography.Text style={{ color: '#64748b', fontSize: 12 }}>
+            {t(
+              'teamMemberWorkflowStudio.draftRunPanel.filesLimitHint',
+              'Images, documents, audio, video, CSV, and text files up to 10 MB.',
+            )}
+          </Typography.Text>
+        </section>
+      </div>
+
+      <div
+        style={{
+          borderTop: '1px solid #e5e7eb',
+          display: 'grid',
+          gap: 10,
+          padding: '20px 24px 24px',
+        }}
+      >
+        <Button
+          disabled={!canRun}
+          icon={<PlayCircleOutlined />}
+          loading={pending}
+          onClick={onRun}
+          size="large"
+          style={{
+            boxShadow: canRun
+              ? '0 12px 24px rgba(15, 23, 42, 0.14)'
+              : undefined,
+            height: 54,
+            width: '100%',
+          }}
+          title={canRun ? undefined : disabledReason}
+          type="primary"
+        >
+          {t(
+            variant.kind === 'draft'
+              ? 'teamMemberWorkflowStudio.draftRunPanel.startDraftRun'
+              : 'workflowActivityVNext.editor.publishedRunPanel.startRun',
+            variant.kind === 'draft'
+              ? 'Start draft run'
+              : 'Start published run',
+          )}
+        </Button>
+        {!canRun && disabledReason ? (
+          <Typography.Text style={{ color: '#6b7280', fontSize: 12 }}>
+            {disabledReason}
+          </Typography.Text>
+        ) : null}
+      </div>
+    </WorkflowSidePanel>
+  );
+};
+
+export default WorkflowRunInputPanel;
diff --git a/apps/aevatar-console-web/src/shared/workflows/WorkflowSidePanel.tsx b/apps/aevatar-console-web/src/shared/workflows/WorkflowSidePanel.tsx
new file mode 100644
index 0000000000..87e8331165
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/WorkflowSidePanel.tsx
@@ -0,0 +1,100 @@
+import { CloseOutlined } from '@ant-design/icons';
+import { Button, Typography } from 'antd';
+import React from 'react';
+import { t } from '@/shared/i18n/messages';
+
+type WorkflowSidePanelProps = {
+  readonly ariaLabel: string;
+  readonly bodyStyle?: React.CSSProperties;
+  readonly children: React.ReactNode;
+  readonly closeAriaLabel?: string;
+  readonly closeDisabled?: boolean;
+  readonly height?: React.CSSProperties['height'];
+  readonly onClose: () => void;
+  readonly subtitle?: React.ReactNode;
+  readonly title: React.ReactNode;
+  readonly width: number;
+};
+
+export const workflowSidePanelBodyStyle: React.CSSProperties = {
+  display: 'grid',
+  flex: 1,
+  gap: 16,
+  minHeight: 0,
+  overflow: 'auto',
+  padding: '18px 20px 20px',
+};
+
+const WorkflowSidePanel: React.FC<WorkflowSidePanelProps> = ({
+  ariaLabel,
+  bodyStyle,
+  children,
+  closeAriaLabel,
+  closeDisabled = false,
+  height,
+  onClose,
+  subtitle,
+  title,
+  width,
+}) => (
+  <aside
+    aria-label={ariaLabel}
+    style={{
+      background: '#ffffff',
+      borderLeft: '1px solid #e5e7eb',
+      boxShadow: '-12px 0 28px rgba(15, 23, 42, 0.08)',
+      display: 'flex',
+      flex: `0 0 ${width}px`,
+      flexDirection: 'column',
+      height,
+      minHeight: 0,
+      overflow: 'hidden',
+      position: 'relative',
+      width,
+      zIndex: 2,
+    }}
+  >
+    <header
+      style={{
+        alignItems: 'flex-start',
+        borderBottom: '1px solid #eef2f7',
+        display: 'flex',
+        gap: 12,
+        justifyContent: 'space-between',
+        padding: '16px 20px 14px',
+      }}
+    >
+      <div style={{ display: 'grid', gap: 4, minWidth: 0 }}>
+        <Typography.Text strong style={{ color: '#111827', fontSize: 16 }}>
+          {title}
+        </Typography.Text>
+        {subtitle ? (
+          <Typography.Text style={{ color: '#6b7280' }}>
+            {subtitle}
+          </Typography.Text>
+        ) : null}
+      </div>
+      <Button
+        aria-label={
+          closeAriaLabel || t('teamMemberWorkflowStudio.common.close', 'Close')
+        }
+        disabled={closeDisabled}
+        icon={<CloseOutlined />}
+        onClick={onClose}
+        size="small"
+        style={{ height: 28, width: 28 }}
+        type="text"
+      />
+    </header>
+    <div
+      style={{
+        ...workflowSidePanelBodyStyle,
+        ...bodyStyle,
+      }}
+    >
+      {children}
+    </div>
+  </aside>
+);
+
+export default WorkflowSidePanel;
diff --git a/apps/aevatar-console-web/src/shared/workflows/activityExecution.test.ts b/apps/aevatar-console-web/src/shared/workflows/activityExecution.test.ts
new file mode 100644
index 0000000000..b15887cbef
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/activityExecution.test.ts
@@ -0,0 +1,146 @@
+import type { WorkflowActivityRunDetail } from '@/shared/models/workflowActivity';
+import {
+  adaptActivityRunToExecutionLogs,
+  isTerminalActivityRunStatus,
+} from './activityExecution';
+
+function createRun(): WorkflowActivityRunDetail {
+  return {
+    diagnostics: [],
+    finalError: '',
+    finalOutput: 'Order 42 is ready.',
+    input: 'Review order 42',
+    statistics: {
+      completedSteps: 1,
+      requestedSteps: 1,
+      roleReplyCount: 0,
+      stepTypeCounts: { llm_call: 1 },
+      totalSteps: 1,
+    },
+    steps: [
+      {
+        branchKey: '',
+        completedAtUtc: '2026-08-10T10:00:01Z',
+        durationMs: 1000,
+        error: '',
+        nextStepId: '',
+        outputPreview: 'Order 42 is ready.',
+        requestedAtUtc: '2026-08-10T10:00:00Z',
+        requestParameters: { prompt: 'Review order 42' },
+        stepId: 'step-verify',
+        stepType: 'llm_call',
+        success: true,
+        suspensionContent: '',
+        suspensionPrompt: '',
+        suspensionTimeoutSeconds: null,
+        suspensionType: '',
+        targetRole: 'reviewer',
+        toolApproval: null,
+        usage: {
+          completionTokens: 3,
+          cost: 0,
+          promptTokens: 5,
+          totalTokens: 8,
+        },
+      },
+    ],
+    summary: {
+      runId: 'run-alpha',
+      runOrigin: 'published-service',
+      scopeId: 'scope-alpha',
+      startedAtUtc: '2026-08-10T10:00:00Z',
+      stateVersion: 4,
+      status: 'completed',
+      success: true,
+      updatedAtUtc: '2026-08-10T10:00:01Z',
+      workflowName: 'Order review',
+    },
+    timeline: [],
+    usageTotals: {
+      completionTokens: 3,
+      cost: 0,
+      promptTokens: 5,
+      totalTokens: 8,
+    },
+    recoveryCapability: {
+      retryFailedStep: {
+        eligibility: 0,
+        unavailableReasonCode: 0,
+        unavailableReason: '',
+        recommendedActions: [],
+        startingStepId: '',
+        reusesPriorStepOutputs: false,
+        mayIncurModelOrToolCost: false,
+      },
+      runAgain: {
+        eligibility: 0,
+        unavailableReasonCode: 0,
+        unavailableReason: '',
+        recommendedActions: [],
+        startingStepId: '',
+        reusesPriorStepOutputs: false,
+        mayIncurModelOrToolCost: false,
+      },
+      workflowDefinitionRevisionId: 'revision-alpha',
+      workflowDefinitionVersion: 3,
+    },
+    lineage: {
+      availability: 0,
+      retryFork: {
+        availability: 0,
+        sourceRunId: '',
+        originalRunId: '',
+        attempt: 0,
+        startAtStepId: '',
+        childRuns: [],
+      },
+      subWorkflow: {
+        availability: 0,
+        parentRunId: '',
+        parentActorId: '',
+        parentStepId: '',
+        rootRunId: '',
+        depth: 0,
+        childRuns: [],
+      },
+      unavailableReason: '',
+    },
+  };
+}
+
+describe('adaptActivityRunToExecutionLogs', () => {
+  it('maps authoritative Activity steps into the shared execution trace', () => {
+    const execution = adaptActivityRunToExecutionLogs(createRun());
+
+    expect(execution.status).toBe('completed');
+    expect(execution.outputText).toBe('Order 42 is ready.');
+    expect(execution.trace.stepStates.get('step-verify')).toMatchObject({
+      status: 'completed',
+      stepType: 'llm_call',
+      targetRole: 'reviewer',
+    });
+    expect(execution.trace.logs).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({ stepId: 'step-verify', tone: 'started' }),
+        expect.objectContaining({ stepId: 'step-verify', tone: 'completed' }),
+      ]),
+    );
+  });
+
+  it('treats a timed-out Activity run as terminal', () => {
+    const completedRun = createRun();
+    const run: WorkflowActivityRunDetail = {
+      ...completedRun,
+      summary: {
+        ...completedRun.summary,
+        status: 'timed_out',
+        success: false,
+      },
+    };
+
+    const execution = adaptActivityRunToExecutionLogs(run);
+
+    expect(isTerminalActivityRunStatus(run.summary.status)).toBe(true);
+    expect(execution.completedAtUtc).toBe(run.summary.updatedAtUtc);
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/workflows/activityExecution.ts b/apps/aevatar-console-web/src/shared/workflows/activityExecution.ts
new file mode 100644
index 0000000000..6f5b6b43ec
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/activityExecution.ts
@@ -0,0 +1,243 @@
+import { t } from '@/shared/i18n/messages';
+import type { WorkflowActivityRunDetail } from '@/shared/models/workflowActivity';
+import type {
+  ExecutionLogItem,
+  ExecutionTrace,
+  StepExecutionState,
+} from '@/shared/studio/execution';
+import type { WorkflowExecutionLogsModel } from './WorkflowExecutionLogsPanel';
+
+function formatRecord(value: unknown): string {
+  if (value === null || value === undefined) return '';
+  if (typeof value === 'string') return value;
+
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+
+function preview(value: string): string {
+  const text = value.trim();
+  return text.length > 180 ? `${text.slice(0, 177)}...` : text;
+}
+
+function createStepState(
+  step: WorkflowActivityRunDetail['steps'][number],
+): StepExecutionState {
+  const waiting = Boolean(step.suspensionType);
+  return {
+    branchKey: step.branchKey,
+    completedAt: step.completedAtUtc,
+    error: step.error,
+    nextStepId: step.nextStepId,
+    startedAt: step.requestedAtUtc,
+    status: waiting
+      ? 'waiting'
+      : step.completedAtUtc
+        ? step.success === false
+          ? 'failed'
+          : 'completed'
+        : step.requestedAtUtc
+          ? 'active'
+          : 'idle',
+    stepId: step.stepId,
+    stepType: step.stepType,
+    success: step.success,
+    targetRole: step.targetRole,
+  };
+}
+
+export function buildActivityExecutionTrace(
+  run: WorkflowActivityRunDetail,
+): ExecutionTrace {
+  const logs: ExecutionLogItem[] = [];
+  const stepStates = new Map<string, StepExecutionState>();
+  const traversedEdges = new Set<string>();
+
+  if (run.summary.startedAtUtc) {
+    logs.push({
+      category: 'lifecycle',
+      clipboardText: run.input,
+      interaction: null,
+      meta: run.summary.workflowName,
+      previewText: preview(run.input),
+      stepId: null,
+      timestamp: run.summary.startedAtUtc,
+      title: t('shared.studio.execution.run.started', 'Run started'),
+      tone: 'run',
+      eventType: 'RUN_STARTED',
+    });
+  }
+
+  for (const step of run.steps) {
+    if (!step.stepId.trim()) continue;
+
+    stepStates.set(step.stepId, createStepState(step));
+    if (step.nextStepId)
+      traversedEdges.add(`${step.stepId}->${step.nextStepId}`);
+
+    const requestText = formatRecord(step.requestParameters);
+    if (step.requestedAtUtc) {
+      logs.push({
+        category: 'step',
+        clipboardText: requestText,
+        interaction: null,
+        meta: [step.stepType, step.targetRole].filter(Boolean).join(' · '),
+        payloadText: requestText,
+        previewText: preview(requestText),
+        stepId: step.stepId,
+        timestamp: step.requestedAtUtc,
+        title: `${step.stepId} started`,
+        tone: 'started',
+        eventType: 'ACTIVITY_STEP_REQUESTED',
+      });
+    }
+
+    if (step.suspensionType) {
+      const suspensionText = step.suspensionPrompt || step.suspensionContent;
+      logs.push({
+        category: 'step',
+        clipboardText: suspensionText,
+        interaction: null,
+        meta: step.suspensionType,
+        previewText: preview(suspensionText),
+        stepId: step.stepId,
+        timestamp:
+          step.completedAtUtc ||
+          step.requestedAtUtc ||
+          run.summary.updatedAtUtc,
+        title: `${step.stepId} waiting`,
+        tone: 'pending',
+        eventType: 'ACTIVITY_STEP_SUSPENDED',
+      });
+    } else if (step.completedAtUtc) {
+      const resultText = step.error || step.outputPreview;
+      logs.push({
+        category: 'step',
+        clipboardText: resultText,
+        interaction: null,
+        meta: [step.stepType, step.branchKey ? `branch ${step.branchKey}` : '']
+          .filter(Boolean)
+          .join(' · '),
+        previewText: preview(resultText),
+        stepId: step.stepId,
+        timestamp: step.completedAtUtc,
+        title: `${step.stepId} ${step.success === false ? 'failed' : 'completed'}`,
+        tone: step.success === false ? 'failed' : 'completed',
+        eventType: 'ACTIVITY_STEP_COMPLETED',
+      });
+    }
+  }
+
+  for (const event of run.timeline) {
+    const payloadText = formatRecord(event.data);
+    logs.push({
+      category: 'custom',
+      clipboardText: event.content || event.message || payloadText,
+      eventType: event.kind || event.stage,
+      interaction: null,
+      meta: [event.stage, event.agentId].filter(Boolean).join(' · '),
+      payloadText,
+      previewText: preview(event.message || event.content || payloadText),
+      stepId: event.stepId || null,
+      timestamp: event.timestampUtc,
+      title: event.message || event.kind || event.stage || 'Activity event',
+      tone: 'run',
+    });
+  }
+
+  if (run.finalOutput) {
+    logs.push({
+      category: 'output',
+      clipboardText: run.finalOutput,
+      interaction: null,
+      meta: '',
+      previewText: preview(run.finalOutput),
+      stepId: null,
+      timestamp: run.summary.updatedAtUtc,
+      title: t('shared.studio.execution.run.finished', 'Run finished'),
+      tone: 'run',
+      eventType: 'RUN_FINISHED',
+    });
+  }
+
+  if (run.finalError) {
+    logs.push({
+      category: 'lifecycle',
+      clipboardText: run.finalError,
+      interaction: null,
+      meta: '',
+      previewText: preview(run.finalError),
+      stepId: null,
+      timestamp: run.summary.updatedAtUtc,
+      title: t('shared.studio.execution.run.failed', 'Run failed'),
+      tone: 'failed',
+      eventType: 'RUN_ERROR',
+    });
+  }
+
+  if (run.usageTotals.totalTokens > 0) {
+    const payloadText = formatRecord(run.usageTotals);
+    logs.push({
+      category: 'usage',
+      clipboardText: payloadText,
+      interaction: null,
+      meta: `total ${run.usageTotals.totalTokens}`,
+      payloadText,
+      previewText: preview(payloadText),
+      stepId: null,
+      timestamp: run.summary.updatedAtUtc,
+      title: t('shared.workflowExecutionLogs.tokenUsage', 'Token usage'),
+      tone: 'run',
+      eventType: 'ACTIVITY_USAGE',
+    });
+  }
+
+  let defaultLogIndex: number | null = null;
+  for (let index = logs.length - 1; index >= 0; index -= 1) {
+    if (logs[index].stepId) {
+      defaultLogIndex = index;
+      break;
+    }
+  }
+
+  return {
+    defaultLogIndex,
+    latestStepId: run.steps.at(-1)?.stepId || null,
+    logs,
+    stepStates,
+    traversedEdges,
+  };
+}
+
+export function adaptActivityRunToExecutionLogs(
+  run: WorkflowActivityRunDetail,
+): WorkflowExecutionLogsModel {
+  const trace = buildActivityExecutionTrace(run);
+  const terminal = isTerminalActivityRunStatus(run.summary.status);
+
+  return {
+    completedAtUtc: terminal ? run.summary.updatedAtUtc : null,
+    eventCount: trace.logs.length,
+    outputText: run.finalOutput,
+    startedAtUtc: run.summary.startedAtUtc,
+    status: run.summary.status,
+    trace,
+    workflowName: run.summary.workflowName,
+  };
+}
+
+export function isTerminalActivityRunStatus(status: string): boolean {
+  return [
+    'completed',
+    'succeeded',
+    'failed',
+    'timed_out',
+    'timedout',
+    'canceled',
+    'cancelled',
+    'stopped',
+  ].includes(status.trim().toLowerCase());
+}
diff --git a/apps/aevatar-console-web/src/shared/workflows/executionDetail.ts b/apps/aevatar-console-web/src/shared/workflows/executionDetail.ts
new file mode 100644
index 0000000000..08e67248d6
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/executionDetail.ts
@@ -0,0 +1,64 @@
+import type { RuntimeEventAccumulator } from '@/shared/agui/runtimeEventSemantics';
+import { buildExecutionTrace } from '@/shared/studio/execution';
+import type {
+  StudioExecutionDetail,
+  StudioExecutionFrame,
+} from '@/shared/studio/models';
+import type { WorkflowExecutionLogsModel } from './WorkflowExecutionLogsPanel';
+
+type StreamingExecutionDetailInput = {
+  readonly accumulator: RuntimeEventAccumulator;
+  readonly completedAtUtc?: string | null;
+  readonly error?: string | null;
+  readonly executionId: string;
+  readonly frames: readonly StudioExecutionFrame[];
+  readonly prompt: string;
+  readonly serviceId: string;
+  readonly startedAtUtc: string;
+  readonly status: string;
+  readonly workflowName: string;
+};
+
+export function createStreamingExecutionDetail(
+  input: StreamingExecutionDetailInput,
+): StudioExecutionDetail {
+  const output =
+    input.error ||
+    input.accumulator.finalOutput ||
+    input.accumulator.assistantText ||
+    '';
+
+  return {
+    actorId: input.accumulator.actorId || null,
+    auditSource: 'invoke-session',
+    completedAtUtc: input.completedAtUtc ?? null,
+    error: input.error ?? null,
+    executionId: input.accumulator.runId || input.executionId,
+    frames: [...input.frames],
+    output,
+    prompt: input.prompt,
+    serviceId: input.serviceId || null,
+    startedAtUtc: input.startedAtUtc,
+    status: input.status,
+    workflowName: input.workflowName,
+  };
+}
+
+export function adaptExecutionDetailToLogs(
+  detail: StudioExecutionDetail | null,
+): WorkflowExecutionLogsModel | null {
+  if (!detail) return null;
+
+  const trace = buildExecutionTrace(detail);
+  if (!trace) return null;
+
+  return {
+    completedAtUtc: detail.completedAtUtc,
+    eventCount: detail.frames.length,
+    outputText: detail.output ?? '',
+    startedAtUtc: detail.startedAtUtc,
+    status: detail.status,
+    trace,
+    workflowName: detail.workflowName,
+  };
+}
diff --git a/apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.test.ts b/apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.test.ts
new file mode 100644
index 0000000000..6ef72d7e17
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.test.ts
@@ -0,0 +1,124 @@
+import { type AGUIEvent, AGUIEventType } from '@aevatar-react-sdk/types';
+import { waitForWorkflowNodeStartPaint } from './streamingExecutionPresentation';
+
+function createAnimationFrameScheduler() {
+  const callbacks = new Map<number, FrameRequestCallback>();
+  let nextHandle = 1;
+  const scheduler = {
+    cancel: jest.fn((handle: number) => {
+      callbacks.delete(handle);
+    }),
+    request: jest.fn((callback: FrameRequestCallback) => {
+      const handle = nextHandle;
+      nextHandle += 1;
+      callbacks.set(handle, callback);
+      return handle;
+    }),
+  };
+
+  return {
+    callbackCount: () => callbacks.size,
+    runNext(timestamp: number) {
+      const next = callbacks.entries().next().value as
+        | [number, FrameRequestCallback]
+        | undefined;
+      if (!next) {
+        throw new Error('Expected a pending animation frame callback.');
+      }
+      callbacks.delete(next[0]);
+      next[1](timestamp);
+    },
+    scheduler,
+  };
+}
+
+function createStepRequestEvent(): AGUIEvent {
+  const payload = {
+    input: 'Alpha input',
+    stepId: 'step-alpha',
+    stepType: 'assign',
+  };
+  return {
+    name: 'aevatar.step.request',
+    payload,
+    timestamp: Date.parse('2026-09-03T09:30:00Z'),
+    type: AGUIEventType.CUSTOM,
+    value: payload,
+  } as AGUIEvent;
+}
+
+describe('waitForWorkflowNodeStartPaint', () => {
+  it('does not schedule presentation work for non-node events', async () => {
+    const { scheduler } = createAnimationFrameScheduler();
+
+    await waitForWorkflowNodeStartPaint(
+      {
+        runId: 'run-alpha',
+        timestamp: Date.parse('2026-09-03T09:30:00Z'),
+        type: AGUIEventType.RUN_STARTED,
+      } as AGUIEvent,
+      undefined,
+      scheduler,
+    );
+
+    expect(scheduler.request).not.toHaveBeenCalled();
+  });
+
+  it('resumes node event consumption only after a paint boundary', async () => {
+    const { callbackCount, runNext, scheduler } =
+      createAnimationFrameScheduler();
+    let resolved = false;
+    const waiting = waitForWorkflowNodeStartPaint(
+      createStepRequestEvent(),
+      undefined,
+      scheduler,
+    ).then(() => {
+      resolved = true;
+    });
+
+    expect(callbackCount()).toBe(1);
+    expect(resolved).toBe(false);
+    runNext(0);
+    expect(callbackCount()).toBe(1);
+    expect(resolved).toBe(false);
+    runNext(16);
+    await waiting;
+    expect(resolved).toBe(true);
+  });
+
+  it('cancels a pending paint boundary when the run is aborted', async () => {
+    const { callbackCount, scheduler } = createAnimationFrameScheduler();
+    const controller = new AbortController();
+    const waiting = waitForWorkflowNodeStartPaint(
+      createStepRequestEvent(),
+      controller.signal,
+      scheduler,
+    );
+
+    expect(callbackCount()).toBe(1);
+    controller.abort();
+    await waiting;
+
+    expect(callbackCount()).toBe(0);
+    expect(scheduler.cancel).toHaveBeenCalledWith(1);
+  });
+
+  it('cancels the second frame when the run is aborted after the first frame', async () => {
+    const { callbackCount, runNext, scheduler } =
+      createAnimationFrameScheduler();
+    const controller = new AbortController();
+    const waiting = waitForWorkflowNodeStartPaint(
+      createStepRequestEvent(),
+      controller.signal,
+      scheduler,
+    );
+
+    runNext(0);
+    expect(callbackCount()).toBe(1);
+    controller.abort();
+    await waiting;
+
+    expect(callbackCount()).toBe(0);
+    expect(scheduler.cancel).toHaveBeenCalledWith(2);
+  });
+});
diff --git a/apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.ts b/apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.ts
new file mode 100644
index 0000000000..5edfb85e01
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.ts
@@ -0,0 +1,71 @@
+import {
+  extractStepRequest,
+  type RuntimeEvent,
+} from '@/shared/agui/runtimeEventSemantics';
+
+export type WorkflowAnimationFrameScheduler = {
+  readonly cancel: (handle: number) => void;
+  readonly request: (callback: FrameRequestCallback) => number;
+};
+
+function resolveBrowserAnimationFrameScheduler(): WorkflowAnimationFrameScheduler | null {
+  if (
+    typeof window === 'undefined' ||
+    typeof window.requestAnimationFrame !== 'function' ||
+    (typeof document !== 'undefined' && document.visibilityState === 'hidden')
+  ) {
+    return null;
+  }
+
+  return {
+    cancel: (handle) => window.cancelAnimationFrame?.(handle),
+    request: (callback) => window.requestAnimationFrame(callback),
+  };
+}
+
+export async function waitForWorkflowNodeStartPaint(
+  event: RuntimeEvent,
+  signal?: AbortSignal,
+  scheduler: WorkflowAnimationFrameScheduler | null = resolveBrowserAnimationFrameScheduler(),
+): Promise<void> {
+  if (!extractStepRequest(event) || signal?.aborted || !scheduler) {
+    return;
+  }
+
+  await new Promise<void>((resolve) => {
+    let firstFrameHandle: number | null = null;
+    let secondFrameHandle: number | null = null;
+    let settled = false;
+
+    const finish = () => {
+      if (settled) return;
+      settled = true;
+      signal?.removeEventListener('abort', handleAbort);
+      resolve();
+    };
+    const handleAbort = () => {
+      if (firstFrameHandle !== null) {
+        scheduler.cancel(firstFrameHandle);
+        firstFrameHandle = null;
+      }
+      if (secondFrameHandle !== null) {
+        scheduler.cancel(secondFrameHandle);
+        secondFrameHandle = null;
+      }
+      finish();
+    };
+
+    signal?.addEventListener('abort', handleAbort, { once: true });
+    firstFrameHandle = scheduler.request(() => {
+      firstFrameHandle = null;
+      if (signal?.aborted) {
+        finish();
+        return;
+      }
+      secondFrameHandle = scheduler.request(() => {
+        secondFrameHandle = null;
+        finish();
+      });
+    });
+  });
+}
diff --git a/apps/aevatar-console-web/src/shared/workflows/useWorkflowPanelResize.ts b/apps/aevatar-console-web/src/shared/workflows/useWorkflowPanelResize.ts
new file mode 100644
index 0000000000..c634d6bc57
--- /dev/null
+++ b/apps/aevatar-console-web/src/shared/workflows/useWorkflowPanelResize.ts
@@ -0,0 +1,311 @@
+import React from 'react';
+
+export const WORKFLOW_SIDE_PANEL_DEFAULT_WIDTH = 420;
+export const WORKFLOW_SIDE_PANEL_MIN_WIDTH = 320;
+export const WORKFLOW_SIDE_PANEL_MAX_WIDTH = 640;
+export const WORKFLOW_CANVAS_MIN_WIDTH = 360;
+export const WORKFLOW_EXECUTION_PANEL_MIN_HEIGHT = 160;
+export const WORKFLOW_EXECUTION_PANEL_MAX_HEIGHT = 520;
+export const WORKFLOW_EXECUTION_PANEL_MAX_HEIGHT_RATIO = 0.6;
+export const WORKFLOW_PANEL_RESIZE_KEYBOARD_STEP = 24;
+
+type ResizeContainerRef = React.RefObject<HTMLElement | null>;
+
+type UseWorkflowPanelResizeOptions = {
+  readonly editorRegionRef: ResizeContainerRef;
+  readonly executionPanelMaxHeight?: number;
+  readonly executionPanelMaxHeightRatio?: number;
+  readonly initialExecutionPanelHeight: number;
+  readonly mainRef: ResizeContainerRef;
+};
+
+export type WorkflowPanelResizeHandleProps = {
+  readonly max: number;
+  readonly min: number;
+  readonly onKeyDown: React.KeyboardEventHandler<HTMLHRElement>;
+  readonly onMouseDown: React.MouseEventHandler<HTMLHRElement>;
+  readonly value: number;
+};
+
+function clampDimension(value: number, min: number, max: number): number {
+  return Math.min(Math.max(value, min), max);
+}
+
+function resolveSidePanelMaxWidth(container: HTMLElement | null): number {
+  if (!container?.clientWidth) return WORKFLOW_SIDE_PANEL_MAX_WIDTH;
+  return Math.max(
+    WORKFLOW_SIDE_PANEL_MIN_WIDTH,
+    Math.min(
+      WORKFLOW_SIDE_PANEL_MAX_WIDTH,
+      container.clientWidth - WORKFLOW_CANVAS_MIN_WIDTH,
+    ),
+  );
+}
+
+function resolveExecutionPanelMaxHeight(
+  container: HTMLElement | null,
+  maximum: number,
+  ratio: number,
+): number {
+  if (!container?.clientHeight) return maximum;
+  return Math.max(
+    WORKFLOW_EXECUTION_PANEL_MIN_HEIGHT,
+    Math.min(maximum, Math.floor(container.clientHeight * ratio)),
+  );
+}
+
+export function useWorkflowPanelResize({
+  editorRegionRef,
+  executionPanelMaxHeight = WORKFLOW_EXECUTION_PANEL_MAX_HEIGHT,
+  executionPanelMaxHeightRatio = WORKFLOW_EXECUTION_PANEL_MAX_HEIGHT_RATIO,
+  initialExecutionPanelHeight,
+  mainRef,
+}: UseWorkflowPanelResizeOptions) {
+  const resizeCleanupRef = React.useRef<(() => void) | null>(null);
+  const [sidePanelWidth, setSidePanelWidth] = React.useState(
+    WORKFLOW_SIDE_PANEL_DEFAULT_WIDTH,
+  );
+  const [executionPanelHeight, setExecutionPanelHeight] = React.useState(
+    initialExecutionPanelHeight,
+  );
+  const [sidePanelMaxWidth, setSidePanelMaxWidth] = React.useState(
+    WORKFLOW_SIDE_PANEL_MAX_WIDTH,
+  );
+  const [resolvedExecutionPanelMaxHeight, setExecutionPanelMaxHeight] =
+    React.useState(executionPanelMaxHeight);
+
+  const refreshAvailableBounds = React.useCallback(() => {
+    resizeCleanupRef.current?.();
+    const nextSidePanelMaxWidth = resolveSidePanelMaxWidth(
+      editorRegionRef.current,
+    );
+    const nextExecutionPanelMaxHeight = resolveExecutionPanelMaxHeight(
+      mainRef.current,
+      executionPanelMaxHeight,
+      executionPanelMaxHeightRatio,
+    );
+
+    setSidePanelMaxWidth(nextSidePanelMaxWidth);
+    setExecutionPanelMaxHeight(nextExecutionPanelMaxHeight);
+    setSidePanelWidth((currentWidth) =>
+      clampDimension(
+        currentWidth,
+        WORKFLOW_SIDE_PANEL_MIN_WIDTH,
+        nextSidePanelMaxWidth,
+      ),
+    );
+    setExecutionPanelHeight((currentHeight) =>
+      clampDimension(
+        currentHeight,
+        WORKFLOW_EXECUTION_PANEL_MIN_HEIGHT,
+        nextExecutionPanelMaxHeight,
+      ),
+    );
+  }, [
+    editorRegionRef,
+    executionPanelMaxHeight,
+    executionPanelMaxHeightRatio,
+    mainRef,
+  ]);
+
+  React.useLayoutEffect(() => {
+    refreshAvailableBounds();
+    const observer =
+      typeof ResizeObserver === 'undefined'
+        ? null
+        : new ResizeObserver(refreshAvailableBounds);
+    const containers = [editorRegionRef.current, mainRef.current].filter(
+      (container): container is HTMLElement => Boolean(container),
+    );
+    containers.forEach((container) => {
+      observer?.observe(container);
+    });
+    window.addEventListener('resize', refreshAvailableBounds);
+
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener('resize', refreshAvailableBounds);
+      resizeCleanupRef.current?.();
+    };
+  }, [editorRegionRef, mainRef, refreshAvailableBounds]);
+
+  const attachResizeListeners = React.useCallback(
+    (
+      cursor: 'col-resize' | 'row-resize',
+      onMouseMove: (event: MouseEvent) => void,
+    ) => {
+      resizeCleanupRef.current?.();
+      const previousCursor = document.body.style.cursor;
+      const previousUserSelect = document.body.style.userSelect;
+      document.body.style.cursor = cursor;
+      document.body.style.userSelect = 'none';
+
+      const cleanup = () => {
+        window.removeEventListener('mousemove', onMouseMove);
+        window.removeEventListener('mouseup', cleanup);
+        document.body.style.cursor = previousCursor;
+        document.body.style.userSelect = previousUserSelect;
+        if (resizeCleanupRef.current === cleanup) {
+          resizeCleanupRef.current = null;
+        }
+      };
+
+      resizeCleanupRef.current = cleanup;
+      window.addEventListener('mousemove', onMouseMove);
+      window.addEventListener('mouseup', cleanup);
+    },
+    [],
+  );
+
+  const updateSidePanelWidth = React.useCallback(
+    (nextWidth: number) => {
+      setSidePanelWidth(
+        clampDimension(
+          nextWidth,
+          WORKFLOW_SIDE_PANEL_MIN_WIDTH,
+          resolveSidePanelMaxWidth(editorRegionRef.current),
+        ),
+      );
+    },
+    [editorRegionRef],
+  );
+
+  const updateExecutionPanelHeight = React.useCallback(
+    (nextHeight: number) => {
+      setExecutionPanelHeight(
+        clampDimension(
+          nextHeight,
+          WORKFLOW_EXECUTION_PANEL_MIN_HEIGHT,
+          resolveExecutionPanelMaxHeight(
+            mainRef.current,
+            executionPanelMaxHeight,
+            executionPanelMaxHeightRatio,
+          ),
+        ),
+      );
+    },
+    [executionPanelMaxHeight, executionPanelMaxHeightRatio, mainRef],
+  );
+
+  const startSidePanelResize = React.useCallback(
+    (event: React.MouseEvent<HTMLHRElement>) => {
+      event.preventDefault();
+      event.currentTarget.focus();
+      const startX = event.clientX;
+      const startWidth = sidePanelWidth;
+      const maxWidth = resolveSidePanelMaxWidth(editorRegionRef.current);
+      attachResizeListeners('col-resize', (moveEvent) => {
+        setSidePanelWidth(
+          clampDimension(
+            startWidth + (startX - moveEvent.clientX),
+            WORKFLOW_SIDE_PANEL_MIN_WIDTH,
+            maxWidth,
+          ),
+        );
+      });
+    },
+    [attachResizeListeners, editorRegionRef, sidePanelWidth],
+  );
+
+  const startExecutionPanelResize = React.useCallback(
+    (event: React.MouseEvent<HTMLHRElement>) => {
+      event.preventDefault();
+      event.currentTarget.focus();
+      const startY = event.clientY;
+      const startHeight = executionPanelHeight;
+      const maxHeight = resolveExecutionPanelMaxHeight(
+        mainRef.current,
+        executionPanelMaxHeight,
+        executionPanelMaxHeightRatio,
+      );
+      attachResizeListeners('row-resize', (moveEvent) => {
+        setExecutionPanelHeight(
+          clampDimension(
+            startHeight + (startY - moveEvent.clientY),
+            WORKFLOW_EXECUTION_PANEL_MIN_HEIGHT,
+            maxHeight,
+          ),
+        );
+      });
+    },
+    [
+      attachResizeListeners,
+      executionPanelHeight,
+      executionPanelMaxHeight,
+      executionPanelMaxHeightRatio,
+      mainRef,
+    ],
+  );
+
+  const handleSidePanelResizeKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLHRElement>) => {
+      const direction =
+        event.key === 'ArrowLeft' ? 1 : event.key === 'ArrowRight' ? -1 : 0;
+      if (direction) {
+        event.preventDefault();
+        updateSidePanelWidth(
+          sidePanelWidth + direction * WORKFLOW_PANEL_RESIZE_KEYBOARD_STEP,
+        );
+      } else if (event.key === 'Home') {
+        event.preventDefault();
+        updateSidePanelWidth(WORKFLOW_SIDE_PANEL_MIN_WIDTH);
+      } else if (event.key === 'End') {
+        event.preventDefault();
+        updateSidePanelWidth(resolveSidePanelMaxWidth(editorRegionRef.current));
+      }
+    },
+    [editorRegionRef, sidePanelWidth, updateSidePanelWidth],
+  );
+
+  const handleExecutionPanelResizeKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLHRElement>) => {
+      const direction =
+        event.key === 'ArrowUp' ? 1 : event.key === 'ArrowDown' ? -1 : 0;
+      if (direction) {
+        event.preventDefault();
+        updateExecutionPanelHeight(
+          executionPanelHeight +
+            direction * WORKFLOW_PANEL_RESIZE_KEYBOARD_STEP,
+        );
+      } else if (event.key === 'Home') {
+        event.preventDefault();
+        updateExecutionPanelHeight(WORKFLOW_EXECUTION_PANEL_MIN_HEIGHT);
+      } else if (event.key === 'End') {
+        event.preventDefault();
+        updateExecutionPanelHeight(
+          resolveExecutionPanelMaxHeight(
+            mainRef.current,
+            executionPanelMaxHeight,
+            executionPanelMaxHeightRatio,
+          ),
+        );
+      }
+    },
+    [
+      executionPanelHeight,
+      executionPanelMaxHeight,
+      executionPanelMaxHeightRatio,
+      mainRef,
+      updateExecutionPanelHeight,
+    ],
+  );
+
+  return {
+    executionPanelHandleProps: {
+      max: resolvedExecutionPanelMaxHeight,
+      min: WORKFLOW_EXECUTION_PANEL_MIN_HEIGHT,
+      onKeyDown: handleExecutionPanelResizeKeyDown,
+      onMouseDown: startExecutionPanelResize,
+      value: executionPanelHeight,
+    } satisfies WorkflowPanelResizeHandleProps,
+    executionPanelHeight,
+    sidePanelHandleProps: {
+      max: sidePanelMaxWidth,
+      min: WORKFLOW_SIDE_PANEL_MIN_WIDTH,
+      onKeyDown: handleSidePanelResizeKeyDown,
+      onMouseDown: startSidePanelResize,
+      value: sidePanelWidth,
+    } satisfies WorkflowPanelResizeHandleProps,
+    sidePanelWidth,
+  };
+}
diff --git a/apps/aevatar-console-web/tests/fixtures/nyxidServiceSession.ts b/apps/aevatar-console-web/tests/fixtures/nyxidServiceSession.ts
new file mode 100644
index 0000000000..3c171b9ada
--- /dev/null
+++ b/apps/aevatar-console-web/tests/fixtures/nyxidServiceSession.ts
@@ -0,0 +1,32 @@
+import type { NyxIDAuthSession } from '@/shared/auth/session';
+
+// Deliberately unsigned test credential. It can only be used with mocked HTTP.
+export function createNyxIDServiceSession(
+  claims: Record<string, unknown> = {},
+): NyxIDAuthSession {
+  const expiresAt = Date.now() + 3_600_000;
+  const payload = Buffer.from(
+    JSON.stringify({
+      sub: 'user-test',
+      token_type: 'access',
+      exp: Math.floor(expiresAt / 1000),
+      allow_all_services: false,
+      allowed_service_ids: [
+        'user-service-github',
+        'user-service-personal',
+        'user-service-slack',
+        'user-service-model',
+      ],
+      ...claims,
+    }),
+  ).toString('base64url');
+  return {
+    tokens: {
+      accessToken: `eyJhbGciOiJSUzI1NiJ9.${payload}.TEST_ONLY_SIGNATURE`,
+      tokenType: 'Bearer',
+      expiresIn: 3600,
+      expiresAt,
+    },
+    user: { sub: 'user-test' },
+  };
+}
diff --git a/apps/aevatar-console-web/tests/reactQueryTestUtils.tsx b/apps/aevatar-console-web/tests/reactQueryTestUtils.tsx
index db5ec2b99d..0b6f5a167d 100644
--- a/apps/aevatar-console-web/tests/reactQueryTestUtils.tsx
+++ b/apps/aevatar-console-web/tests/reactQueryTestUtils.tsx
@@ -9,6 +9,7 @@ import {
   resolveAntdLocale,
   resolveProIntl,
 } from '../src/shared/i18n/localeProvider';
+import { ConsoleToastProvider } from '../src/shared/ui/ConsoleToast';
 
 const activeQueryClients = new Set<QueryClient>();
 
@@ -39,7 +40,9 @@ export function renderWithQueryClient(
   const view = render(
     <ConfigProvider locale={resolveAntdLocale('en-US')}>
       <ProConfigProvider intl={resolveProIntl('en-US')}>
-        <QueryClientProvider client={queryClient}>{ui}</QueryClientProvider>
+        <ConsoleToastProvider>
+          <QueryClientProvider client={queryClient}>{ui}</QueryClientProvider>
+        </ConsoleToastProvider>
       </ProConfigProvider>
     </ConfigProvider>,
   );
diff --git a/docs/canon/frontend-design.md b/docs/canon/frontend-design.md
index 824b024bd5..f5a4c4764f 100644
--- a/docs/canon/frontend-design.md
+++ b/docs/canon/frontend-design.md
@@ -405,3 +405,85 @@ npm --prefix apps/aevatar-console-web run build
 bash tools/docs/lint.sh
 git diff --check
 ```
+
+## 13. Workflow Activity vNext 的 NyxID 视觉对齐规范
+
+本节是 `/scopes/:scopeId/workflow-activity-vnext` 的局部视觉合同，来源于
+2026-08-05 对 `https://nyx.chrono-ai.fun/` 的已登录桌面与移动端实测。
+它只约束视觉结构、组件密度和响应式行为，不改变该工作台既有的信息架构、
+产品语义、身份边界、真实 API 数据源、路由、认证或本地化合同。
+
+### 13.1 来源、优先级与允许偏差
+
+- NyxID 是该命名空间在布局、排版比例、间距、控件尺寸、表格密度、容器层级、滚动和响应式行为上的视觉参考。
+- Aevatar 现有颜色 token 是唯一允许保留的视觉差异；状态色继续表达 Aevatar 的运行语义，不复制 NyxID 的品牌紫色。
+- 字体家族继续使用 Aevatar 的 `AlibabaSans`，但字号、字重和行高按本节度量执行；不得为了追随参考站引入未随仓库交付的字体资源。
+- NyxID 实测部分大容器为 14px 圆角。Aevatar 遵守仓库不超过 8px 的组件圆角约束，工作台容器统一使用 8px，控件使用 6-8px。这是唯一的几何偏差。
+- 本节不得覆盖 Workflow Activity vNext 的 17-frame baseline、backend-honest deviations 或 user-path completion evidence。
+
+### 13.2 Shell 与页面骨架
+
+| 区域 | 桌面 | 移动端 |
+|---|---:|---:|
+| 全局顶栏 | 52px 高，1px 下边框 | 52px 高，保留品牌、账户、语言与菜单入口 |
+| 本地侧栏 | 200px 宽，从顶栏下方开始 | `< 768px` 隐藏，由顶栏菜单打开同一组导航 |
+| 主内容水平内边距 | 40px；中等宽度 32px/24px | 16px |
+| 主内容顶部内边距 | 24px | 16px |
+| 主内容底部内边距 | 32px 加 safe area | 32px 加 safe area |
+| 页面标题 | 28px/28px，700 | 22px/22px，700 |
+| 页面说明 | 12px/17px，400 | 12px/17px，400 |
+
+- 顶栏品牌、面包屑和全局账户动作稳定占位，不因页面标题、加载状态或操作按钮变化而跳动。
+- 页面标题和说明位于主内容区，不放入卡片；页面级操作与标题或首个工具栏对齐。
+- 工作区使用满宽、单层容器。禁止卡片套卡片、营销式 hero、统计卡墙和装饰性渐变。
+- 桌面侧栏导航项高度 34px，字体 12px/17px、500，左右内边距 12px，图标与文字间距 9px；分组间通过留白而非额外卡片区分。
+
+### 13.3 间距与组件尺寸
+
+- 基础间距阶梯为 `4 / 8 / 12 / 16 / 24 / 32 / 40px`，页面不得复制近似但不相等的魔法值。
+- 页面标题到页签或首个工具栏保持 24-32px；页签到主体保持 16-24px。
+- 标准页签栏高度 32px，项间距 4px，单项水平内边距 12px、垂直内边距 8px；选中态使用 2px Aevatar 主色下划线，不使用填充胶囊。
+- 标准输入、选择器和紧凑按钮高度 32-36px；图标按钮固定 32px 方形。主操作可以使用 36px 高度，但不得因 loading 或标签变化改变尺寸。
+- 表单 label 使用 12px/17px、500；帮助文案使用 12px/17px、400。输入控件与其 label 间距 8-10px，一个字段组到下一个字段组间距 20-24px。
+- 一组并列操作间距 8px；工具栏主区与次区使用 `space-between`，窄屏时按任务顺序换行或堆叠。
+
+### 13.4 表格、列表与操作
+
+- 表格容器有 1px Aevatar 中性边框、8px 圆角、白色工作面和极轻阴影；表格本身不再嵌套第二层边框卡片。
+- 表头高度 32px，字号 10px/14px、600、大写；字距固定为 `1.5px`，这是数据表头的可扫描性规则，不扩散到普通文本。
+- 正文使用 12px/17px、400；普通单行记录高度 53-60px。标题+说明的首列可以达到 60px，但不得回到 72px 以上的稀疏行。
+- 单元格水平内边距 12px，垂直内边距 10px；行分隔线使用 1px 中性色，不依赖斑马纹。
+- 行 hover 只改变背景或边框颜色，不改变尺寸。整行可进入详情时，应有一个明确的主要导航目标。
+- 行内常规命令优先使用一个主要文本或图标+文本操作；其余操作收敛到带可访问名称和 tooltip 的省略号菜单。禁止并排堆放三个以上同权重文本按钮。
+- 状态 badge 使用文本加语义提示，不只靠颜色；高度 22-24px、字号 11-12px，圆角不超过 8px。
+- 桌面/平板表头可 sticky；纵向滚动由表格容器拥有，页面不得因为表格内容产生水平滚动。
+- 移动端保持语义表格，并在有边界的容器中水平滚动；不得将同一张宽表默认改造成卡片列表。首个重要列应稳定在视觉起点，长值在单元格内截断或换行，不扩大页面宽度。
+
+### 13.5 页面映射
+
+| vNext 页面 | NyxID 视觉模式 | Aevatar 实施要求 |
+|---|---|---|
+| Workflows | 服务列表的标题、页签/工具栏、紧凑表格 | 搜索与筛选同行；表格至少显示 6-8 行；主要操作清晰，其余进入菜单 |
+| New workflow | 详情页的单层 section 与选择控件 | 四种创建方式作为同层可选择列表/块，不做营销卡片墙；选择后复用同一表单容器 |
+| Workflow editor | 详情页标题动作 + 全宽工具面 | 顶栏和页面标题保持 NyxID 密度；Canvas 继续 full-bleed，面板不套装饰卡片 |
+| Activity | Sessions/服务表格 | 采用 32px 表头、53-60px 行高、单一详情目标和容器内滚动 |
+| Run detail | 服务详情页的标题、页签与单层详情块 | 状态和恢复动作靠近标题；摘要、页签、步骤表按单层垂直节奏排列 |
+| Settings | Account Settings 的标题、32px 页签和表单面板 | 三个 section 改为横向页签；表单使用单一边框容器；dirty save actions 位于容器底部并在移动端可见 |
+
+### 13.6 响应式与可访问性
+
+- 断点语义固定：桌面 `>= 1200px`，平板 `768-1199px`，移动 `< 768px`。
+- 移动端隐藏固定侧栏，顶栏菜单打开同一导航；不得再增加一条永久横向导航带占用首屏高度。
+- 移动端页签可横向滚动但不换成下拉框，保证当前 section 和相邻 section 可见。
+- 宽表格使用局部横向滚动，滚动容器可获得键盘焦点并有清晰名称；页面 `scrollWidth` 不得大于 `clientWidth`。
+- 标题、工具栏、表单按钮和恢复动作必须在 390px 宽度无重叠；最长单词、ID 和错误信息必须换行、截断或在局部滚动区域内展示。
+- 所有图标按钮有可访问名称；不熟悉的图标提供 tooltip；focus-visible 使用 Aevatar 主色高对比轮廓。
+- `prefers-reduced-motion` 下关闭非必要 transition；loading、hover、open/close 状态不得引发布局跳动。
+
+### 13.7 验收视口与证据
+
+- 桌面：`1440x900` 或更宽，检查顶栏、200px 侧栏、标题区、工具栏、至少 6 行数据和局部滚动。
+- 平板：`834x1112`，检查侧栏/内容压缩、表格局部滚动、编辑器面板和 Settings 页签。
+- 移动：`390x844`，检查顶栏菜单、页签、表格横向滚动、所有主要动作、safe area 和无页面级横向溢出。
+- 逐页覆盖 Workflows、New workflow 四种模式、Workflow editor canvas/YAML、Activity、Run detail 各页签、Settings 三个 section，以及 loading/empty/error/disabled 状态。
+- 视觉验证必须使用真实页面和真实后端状态；截图可以作为证据，但不允许为截图注入生产 mock 数据。
diff --git a/docs/performance/workflow-canvas-benchmark.md b/docs/performance/workflow-canvas-benchmark.md
new file mode 100644
index 0000000000..ab5b5c9387
--- /dev/null
+++ b/docs/performance/workflow-canvas-benchmark.md
@@ -0,0 +1,145 @@
+# Workflow Canvas Benchmark
+
+The workflow canvas benchmark measures the real Studio `GraphCanvas` in a
+production Umi bundle without authentication or backend requests. The route is
+registered only when `AEVATAR_WORKFLOW_CANVAS_BENCHMARK=1` is present during
+config evaluation. Ordinary builds do not contain the route.
+
+The benchmark keeps all state in the current page. It does not persist or
+restore a viewport or any result through local storage, session storage, or a
+server.
+
+## Graph fixtures
+
+The deterministic fixture sizes are exactly 100, 500, and 1000 nodes. Node IDs,
+positions, Studio node data, and edges are stable across runs. Every node links
+to its next node and the node after that when those targets exist. Therefore,
+the fixture has `2N - 3` edges: 197, 997, and 1997 respectively.
+
+Each node contains the complete `StudioGraphNodeData` contract, including its
+step identity and type, role, parameter summary, branch count, execution state,
+and focus state. Positions use a fixed 40-column grid and are finite. Initial
+node dimensions are fixed at 268 by 120 pixels to provide deterministic geometry
+before browser measurement completes. The topology scenario adds one node and
+two edges while replacing only the branch source and new node references.
+
+## Policies and scenarios
+
+Every graph size runs under the full 2x2 policy matrix so MiniMap and visible
+element rendering can each be compared while holding the other toggle fixed:
+
+| Policy | MiniMap | Visible elements only |
+| --- | --- | --- |
+| `full-graph-with-minimap` | on | off |
+| `full-graph-without-minimap` | off | off |
+| `visible-elements-with-minimap` | on | on |
+| `visible-elements-without-minimap` | off | on |
+
+Each policy runs these scenarios:
+
+- `initial-load`: navigation, initial graph commit, node measurement, and the
+  first stable Studio fit.
+- `drag`: a real pointer drag of a hit-tested Studio node, with its changed
+  on-screen position verified.
+- `selection`: real pointer clicks that select one hit-tested Studio node, then
+  move selection to a second node and clear the first.
+- `pan`: a long real pointer pan between unobstructed canvas points, with
+  viewport translation verified and zoom held constant. Under visible-element
+  rendering, mounted node IDs must prove that at least one node exits the
+  viewport and at least one new node enters it.
+- `zoom-same-band`: a non-expanding control zoom that changes scale without
+  crossing the compact-node threshold.
+- `zoom-threshold`: control zooms that cross the compact-node threshold.
+- `status-update`: one immutable execution-status update.
+- `topology-add`: one node and two edges added with unaffected references
+  retained.
+
+## Result contract
+
+The page runtime-validates each result before appending it to its typed in-page
+store. The runner validates it again before writing artifacts. Each result has
+exactly this shape:
+
+```ts
+{
+  buildMode: 'production';
+  browser: string;
+  graph: { nodes: 100 | 500 | 1000; edges: number };
+  policy: { minimap: boolean; visibleElementsOnly: boolean };
+  scenario:
+    | 'initial-load'
+    | 'drag'
+    | 'selection'
+    | 'pan'
+    | 'zoom-same-band'
+    | 'zoom-threshold'
+    | 'status-update'
+    | 'topology-add';
+  durationMs: number;
+  longTasks: number;
+  renderedNodeCount: number;
+  changedNodeReferences: number;
+  usedHeapBytes: number | null;
+}
+```
+
+`renderedNodeCount` is the total number of Studio node commit callbacks invoked
+during the scenario, including repeat commits for the same node.
+`changedNodeReferences` compares every node array actually delivered by
+`GraphCanvas` to React Flow against the array present when the scenario began,
+then accumulates the changed node IDs. This reports all fixture nodes on initial
+load, two when selection moves between nodes, one for drag and status update,
+two for topology add, and zero for pan and zoom without letting a later
+measurement update erase an earlier reference change. The drag scenario commits
+the new position back through the same immutable owner-update path used by
+product wrappers. A buffered Long Tasks observer provides
+`longTasks`. Chromium's `performance.memory` is sampled when exposed and is
+otherwise reported as `null`; unavailable values are never invented.
+
+The JSON artifact envelope also records the runner OS, architecture, CPU model,
+logical CPU count, total memory, production build commit when available, system
+Chrome version, and user agent. React Profiler commit samples are included only
+when the production runtime exposes them. The Markdown artifact states when
+profiling is unavailable and reports `Complete: yes/no` plus the captured result
+count as `Results: X/96`, including for partial failure artifacts.
+
+CI gates schema validity, graph density, policy/scenario coverage, render-count
+invariants, compact-band behavior, and exact reference-change counts. Timing,
+long-task frequency, and heap values have no absolute pass/fail thresholds.
+
+## CI and local commands
+
+CI installs dependencies, runs the existing checks, and builds with the route
+enabled:
+
+```bash
+pnpm --dir apps/aevatar-console-web install --frozen-lockfile
+AEVATAR_WORKFLOW_CANVAS_BENCHMARK=1 pnpm --dir apps/aevatar-console-web build
+pnpm --dir apps/aevatar-console-web benchmark:workflow-canvas
+```
+
+The benchmark command starts `max preview` on port 4174 and serves the already
+built `apps/aevatar-console-web/dist` directory. It does not trigger another
+build. Playwright uses the GitHub runner's installed system Chrome through
+`channel: 'chrome'`; it does not download a browser.
+
+Outputs are written to:
+
+- `apps/aevatar-console-web/artifacts/workflow-canvas-benchmark/results.json`
+- `apps/aevatar-console-web/artifacts/workflow-canvas-benchmark/summary.md`
+
+CI uploads that directory as the `workflow-canvas-benchmark` artifact even when
+the benchmark fails, so partial evidence remains available.
+
+## Comparing runs
+
+Durations, long tasks, and heap use vary with CPU contention, memory pressure,
+Chrome version, runner image, and production bundle. Compare results only when
+the build mode, browser/build identity, viewport, runner class, fixture size,
+policy, and scenario match. Use repeated CI runs and distributions rather than
+a single duration as a regression threshold. Reference-change and render-count
+invariants are stable semantic signals and remain suitable for CI gates.
+
+The local production build and browser benchmark were not run for this change.
+The frontend incremental-validation policy delegates the full production build
+and browser benchmark to GitHub CI.
diff --git a/docs/superpowers/plans/2026-08-06-content-skeletons.md b/docs/superpowers/plans/2026-08-06-content-skeletons.md
new file mode 100644
index 0000000000..50360465f6
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-06-content-skeletons.md
@@ -0,0 +1,630 @@
+# Console Content Skeletons Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace first-load blank, loading-copy, spinner, and premature-empty states on approved console primary surfaces with reusable structure-matching skeletons.
+
+**Architecture:** Add one shared `AevatarContentSkeleton` with table, list, and canvas presets. Pages keep query ownership and existing error/empty branches; they render a preset only for initial loading without usable data, while background refetch keeps content visible.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6 Skeleton/theme tokens, TanStack Query 5, Jest 29, Testing Library, Biome 2.
+
+---
+
+## File Map
+
+- Create `apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.tsx`: semantic shared table/list/canvas skeleton presets.
+- Create `apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.test.tsx`: shared contract and preset geometry tests.
+- Modify `apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.tsx`: delegate loading to the shared table preset.
+- Modify `apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.test.tsx`: assert structure skeleton loading semantics.
+- Modify catalog pages and their tests: Workflows, Primitives, Topology actors, Services, Deployments, Runtime GAgents, and Governance.
+- Modify `apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.tsx` and its test: tree skeleton for primary Files navigation.
+- Modify Mission Wall stage, styles, and page test: dark canvas skeleton for initial runtime loading.
+
+### Task 1: Shared Structure Skeletons
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.tsx`
+- Create: `apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.test.tsx`
+- Modify: `apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.tsx`
+- Modify: `apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.test.tsx`
+
+- [ ] **Step 1: Write a failing readiness table-skeleton test**
+
+Update the existing readiness loading test to require a table preset, a hidden accessible label, no visible description, and no empty state:
+
+```tsx
+expect(screen.getByRole("status")).toHaveAttribute("aria-busy", "true");
+expect(screen.getByRole("status")).toHaveAttribute("data-variant", "table");
+expect(screen.getAllByTestId("aevatar-content-skeleton-row")).toHaveLength(4);
+expect(screen.queryByText("Keep the current inventory visible until the request resolves.")).toBeNull();
+expect(screen.queryByText("No inventory")).toBeNull();
+```
+
+- [ ] **Step 2: Run readiness test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand \
+  src/shared/ui/InventoryReadinessState.test.tsx
+```
+
+Expected: FAIL because readiness still renders visible loading prose and has no `data-variant="table"` contract.
+
+- [ ] **Step 3: Implement the table preset and integrate readiness**
+
+Create the shared component with the exported API from the design, implement its table renderer, and change only the readiness loading branch. Normalize row counts to at least one and table columns to a small default set. Use stable test IDs and theme tokens.
+
+```tsx
+if (kind === "loading") {
+  return (
+    <AevatarContentSkeleton
+      ariaLabel={String(title)}
+      columnWidths={[96, "1.6fr", "1fr", "1fr", 112]}
+      rows={4}
+      variant="table"
+    />
+  );
+}
+```
+
+- [ ] **Step 4: Run readiness test and verify GREEN**
+
+Run the Step 2 command again. Expected: PASS.
+
+- [ ] **Step 5: Write failing direct list and canvas preset tests**
+
+Create `AevatarContentSkeleton.test.tsx`. Confirm the already implemented table contract, then require list and canvas geometry that is not implemented yet:
+
+```tsx
+render(
+  <AevatarContentSkeleton
+    ariaLabel="Loading workflow catalog"
+    columnWidths={[120, "2fr", "1fr"]}
+    rows={3}
+    variant="table"
+  />,
+);
+expect(screen.getAllByTestId("aevatar-content-skeleton-row")).toHaveLength(3);
+expect(screen.getAllByTestId("aevatar-content-skeleton-cell")).toHaveLength(9);
+
+rerender(
+  <AevatarContentSkeleton
+    ariaLabel="Loading connectors"
+    listLayout="grid"
+    rows={4}
+    variant="list"
+  />,
+);
+expect(screen.getByRole("status")).toHaveAttribute("data-list-layout", "grid");
+
+rerender(
+  <AevatarContentSkeleton
+    ariaLabel="Loading workflow runs"
+    className="mission-wall-stage-skeleton"
+    variant="canvas"
+  />,
+);
+expect(screen.getByRole("status")).toHaveClass("mission-wall-stage-skeleton");
+expect(screen.getAllByTestId("aevatar-content-skeleton-node").length).toBeGreaterThan(1);
+```
+
+- [ ] **Step 6: Run direct preset test and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand \
+  src/shared/ui/AevatarContentSkeleton.test.tsx
+```
+
+Expected: FAIL because the component does not yet render list-layout metadata or canvas nodes.
+
+- [ ] **Step 7: Implement list and canvas presets**
+
+Implement the exported API exactly as designed. Normalize row counts to at least one and table columns to a small default set. Use stable test IDs and theme tokens:
+
+```tsx
+export type AevatarContentSkeletonVariant = "canvas" | "list" | "table";
+
+export type AevatarContentSkeletonProps = {
+  readonly ariaLabel: string;
+  readonly className?: string;
+  readonly columnWidths?: readonly (number | string)[];
+  readonly listLayout?: "grid" | "stack" | "tree";
+  readonly rows?: number;
+  readonly style?: React.CSSProperties;
+  readonly variant: AevatarContentSkeletonVariant;
+};
+
+return (
+  <div
+    aria-busy="true"
+    className={className}
+    data-list-layout={variant === "list" ? listLayout : undefined}
+    data-variant={variant}
+    role="status"
+    style={rootStyle}
+  >
+    <span className="aevatar-loading-visually-hidden">{ariaLabel}</span>
+    <div aria-hidden="true">{renderPreset()}</div>
+  </div>
+);
+```
+
+- [ ] **Step 8: Run both shared tests and verify GREEN**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand \
+  src/shared/ui/AevatarContentSkeleton.test.tsx \
+  src/shared/ui/InventoryReadinessState.test.tsx
+```
+
+Expected: both test files PASS with no warnings.
+
+- [ ] **Step 9: Commit the shared component batch**
+
+```bash
+git add apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.tsx \
+  apps/aevatar-console-web/src/shared/ui/AevatarContentSkeleton.test.tsx \
+  apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.tsx \
+  apps/aevatar-console-web/src/shared/ui/InventoryReadinessState.test.tsx
+git commit -m "Add shared content skeleton presets"
+```
+
+### Task 2: Primary Catalog Tables
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflows/index.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflows/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/actors/index.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/actors/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/services/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/Deployments/index.test.tsx`
+
+- [ ] **Step 1: Write failing initial-loading tests**
+
+Use an unresolved Promise in Workflows and Topology. Assert page chrome remains visible, the table skeleton is present, and empty copy is absent. Strengthen the existing Services and Deployments deferred-query tests to assert `data-variant="table"` and that visible loading descriptions are absent.
+
+```tsx
+expect(await screen.findByRole("status")).toHaveAttribute("data-variant", "table");
+expect(screen.getByText("Find workflows")).toBeInTheDocument();
+expect(screen.queryByText("No workflows matched the current filters.")).toBeNull();
+```
+
+For Topology, resolve the pending actor query to `[]` and assert the skeleton is replaced by the existing no-target state.
+
+- [ ] **Step 2: Run tests and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand \
+  src/pages/workflows/index.test.tsx \
+  src/pages/actors/index.test.tsx \
+  src/pages/services/index.test.tsx \
+  src/pages/Deployments/index.test.tsx
+```
+
+Expected: FAIL because Workflows renders loading text, Topology renders an empty state, and readiness does not yet expose the expected page behavior until Task 1 is integrated.
+
+- [ ] **Step 3: Integrate table presets**
+
+Insert this table preset before Workflows' current `filteredRows.length === 0` branch; preserve the current empty and populated branches without modification:
+
+```tsx
+{catalogQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.workflows.index.loading.workflow.catalog", "Loading workflow catalog")}
+    columnWidths={["1.4fr", "1fr", "1fr", "1.2fr", 160]}
+    rows={4}
+    variant="table"
+  />
+) : filteredRows.length === 0 ? (
+```
+
+The line above must flow directly into the page's current `<Empty>` branch, followed by its current `<Table<WorkflowLibraryRow>>` branch.
+
+Insert this branch before Topology's current `displayActors.length > 0` branch:
+
+```tsx
+{actorsQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.actors.index.reading", "Reading traceable objects")}
+    columnWidths={["1.4fr", "1fr", "1fr", "1.2fr", 160]}
+    rows={4}
+    variant="table"
+  />
+) : displayActors.length > 0 ? (
+```
+
+Preserve the current actor table and no-target branches after that insertion. Do not alter Services or Deployments production pages beyond the shared readiness integration from Task 1.
+
+- [ ] **Step 4: Run tests and verify GREEN**
+
+Run the Task 2 command again. Expected: all four files PASS.
+
+- [ ] **Step 5: Commit the catalog table batch**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflows/index.tsx \
+  apps/aevatar-console-web/src/pages/workflows/index.test.tsx \
+  apps/aevatar-console-web/src/pages/actors/index.tsx \
+  apps/aevatar-console-web/src/pages/actors/index.test.tsx \
+  apps/aevatar-console-web/src/pages/services/index.test.tsx \
+  apps/aevatar-console-web/src/pages/Deployments/index.test.tsx
+git commit -m "Add skeletons to primary catalog tables"
+```
+
+### Task 3: Primary Lists, Cards, and File Tree
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/primitives/index.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/primitives/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/gagents/index.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/gagents/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.test.tsx`
+
+- [ ] **Step 1: Write failing list-loading tests**
+
+Use pending API promises and assert the correct list layout:
+
+```tsx
+expect(await screen.findByRole("status")).toHaveAttribute("data-variant", "list");
+expect(screen.getByRole("status")).toHaveAttribute("data-list-layout", "grid");
+expect(screen.queryByText("没有匹配的连接器")).toBeNull();
+```
+
+GAgents must assert both main inventories use stack skeletons while unresolved. Files must assert the workflow and script groups render tree skeletons instead of `Loading workflows...` or `Loading scripts...` text.
+
+- [ ] **Step 2: Run tests and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand \
+  src/pages/primitives/index.test.tsx \
+  src/pages/gagents/index.test.tsx \
+  src/pages/studio/components/StudioFilesPage.test.tsx
+```
+
+Expected: FAIL because these surfaces still render Empty components or visible loading copy.
+
+- [ ] **Step 3: Integrate list presets**
+
+Insert this grid list preset before Primitives' current `filteredRows.length === 0` branch; preserve the current empty and populated branches:
+
+```tsx
+{primitivesQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.primitives.index.loading.connectors", "Loading connectors")}
+    listLayout="grid"
+    rows={4}
+    variant="list"
+  />
+) : filteredRows.length === 0 ? (
+```
+
+The line above must flow directly into the page's current `<Empty>` branch, followed by the current card catalog branch.
+
+Insert the GAgent Kinds loading branch before the current empty result:
+
+```tsx
+{gAgentKindsQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel="Loading runtime GAgent kinds"
+    listLayout="stack"
+    rows={5}
+    variant="list"
+  />
+) : filteredKinds.length === 0 ? (
+```
+
+Inside Actor Registry, keep query errors first, then insert:
+
+```tsx
+) : gAgentActorsQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel="Loading actor registry"
+    listLayout="stack"
+    rows={4}
+    variant="list"
+  />
+) : actorGroups.length === 0 ? (
+```
+
+Inside the expanded `workflows/` folder, insert:
+
+```tsx
+{workflows.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.studio.studiofilespage.loading.workflows", "Loading workflows")}
+    listLayout="tree"
+    rows={3}
+    variant="list"
+  />
+) : filteredWorkflows.length > 0 ? (
+```
+
+Inside the expanded, scoped `scripts/` folder, insert:
+
+```tsx
+{scripts.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.studio.studiofilespage.loading.scripts", "Loading scripts")}
+    listLayout="tree"
+    rows={3}
+    variant="list"
+  />
+) : filteredScripts.length > 0 ? (
+```
+
+Preserve each existing populated and empty branch. Do not change detail/editor content loading.
+
+- [ ] **Step 4: Run tests and verify GREEN**
+
+Run the Task 3 command again. Expected: all three files PASS.
+
+- [ ] **Step 5: Commit the list batch**
+
+```bash
+git add apps/aevatar-console-web/src/pages/primitives/index.tsx \
+  apps/aevatar-console-web/src/pages/primitives/index.test.tsx \
+  apps/aevatar-console-web/src/pages/gagents/index.tsx \
+  apps/aevatar-console-web/src/pages/gagents/index.test.tsx \
+  apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.tsx \
+  apps/aevatar-console-web/src/pages/studio/components/StudioFilesPage.test.tsx
+git commit -m "Add skeletons to primary resource lists"
+```
+
+### Task 4: Governance Catalog Tables
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/governance/components/GovernanceWorkbench.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/governance/index.test.tsx`
+
+- [ ] **Step 1: Write failing policy, binding, and endpoint loading tests**
+
+For each route view, leave the corresponding query pending and assert a table skeleton replaces loading copy while the view heading/action remains present:
+
+```tsx
+expect(await screen.findByRole("status")).toHaveAttribute("data-variant", "table");
+expect(screen.queryByText("Loading policies...")).toBeNull();
+expect(screen.getByRole("button", { name: "新建策略" })).toBeInTheDocument();
+```
+
+- [ ] **Step 2: Run the governance test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/governance/index.test.tsx
+```
+
+Expected: FAIL because Ant Design's empty slot still renders loading copy.
+
+- [ ] **Step 3: Render explicit skeleton branches**
+
+For each catalog view, branch before the real `Table`:
+
+```tsx
+{policiesQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.governance.governanceworkbench.copy.77", "Loading policies")}
+    columnWidths={["1.4fr", "1fr", "1fr", 120]}
+    rows={4}
+    variant="table"
+  />
+) : (
+  <Table<ServicePolicySnapshot>
+    columns={policyTableColumns}
+    dataSource={policiesQuery.data?.policies ?? []}
+    locale={{
+      emptyText: t(
+        "pages.governance.governanceworkbench.copy.78",
+        "This service has no governance policies yet.",
+      ),
+    }}
+    pagination={{ pageSize: 8, showSizeChanger: false }}
+    rowKey="policyId"
+    size="middle"
+  />
+)}
+```
+
+Render bindings with its own loading contract:
+
+```tsx
+{bindingsQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.governance.governanceworkbench.copy.80", "Loading bindings")}
+    columnWidths={["1.2fr", "1fr", "1.4fr", 120]}
+    rows={4}
+    variant="table"
+  />
+) : (
+  <Table<ServiceBindingSnapshot>
+    columns={bindingTableColumns}
+    dataSource={bindingsQuery.data?.bindings ?? []}
+    locale={{
+      emptyText: t(
+        "pages.governance.governanceworkbench.copy.81",
+        "This service has no binding dependencies yet.",
+      ),
+    }}
+    pagination={{ pageSize: 8, showSizeChanger: false }}
+    rowKey="bindingId"
+    size="middle"
+  />
+)}
+```
+
+Render endpoints with its own loading contract:
+
+```tsx
+{endpointsQuery.isLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.governance.governanceworkbench.copy.86", "Loading endpoint catalog")}
+    columnWidths={["1.2fr", "1fr", "1.4fr", "1fr", 120]}
+    rows={4}
+    variant="table"
+  />
+) : (
+  <Table<ServiceEndpointExposureSnapshot>
+    columns={endpointTableColumns}
+    dataSource={endpointsQuery.data?.endpoints ?? []}
+    locale={{
+      emptyText: t(
+        "pages.governance.governanceworkbench.copy.87",
+        "This service has no endpoint catalog yet.",
+      ),
+    }}
+    pagination={{ pageSize: 8, showSizeChanger: false }}
+    rowKey="endpointId"
+    size="middle"
+  />
+)}
+```
+
+- [ ] **Step 4: Run governance test and verify GREEN**
+
+Run the Task 4 command again. Expected: PASS.
+
+- [ ] **Step 5: Commit the governance batch**
+
+```bash
+git add apps/aevatar-console-web/src/pages/governance/components/GovernanceWorkbench.tsx \
+  apps/aevatar-console-web/src/pages/governance/index.test.tsx
+git commit -m "Add skeletons to governance catalogs"
+```
+
+### Task 5: Mission Wall Canvas
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/MissionWall/components/MissionStage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/MissionWall/missionWallStyles.ts`
+- Modify: `apps/aevatar-console-web/src/pages/MissionWall/index.test.tsx`
+
+- [ ] **Step 1: Write a failing runtime-loading canvas test**
+
+Keep the initial auth or snapshot request unresolved, render Mission Wall, and assert the primary stage exposes a canvas skeleton without the old visible loading title:
+
+```tsx
+expect(await screen.findByRole("status")).toHaveAttribute("data-variant", "canvas");
+expect(screen.getByRole("status")).toHaveClass("mission-wall-stage-skeleton");
+expect(screen.queryByText("Loading workflow runs")).toBeNull();
+```
+
+- [ ] **Step 2: Run Mission Wall test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/MissionWall/index.test.tsx
+```
+
+Expected: FAIL because the stage still renders its text state panel.
+
+- [ ] **Step 3: Integrate and theme the canvas preset**
+
+Separate loading from real empty states:
+
+```tsx
+{isRuntimeLoading ? (
+  <AevatarContentSkeleton
+    ariaLabel={t("pages.missionwall.state.loadingTitle", "Loading workflow runs")}
+    className="mission-wall-stage-skeleton"
+    variant="canvas"
+  />
+) : !focusRun || !graphHasNodes ? (
+  <div className="mission-wall-state-panel">
+    <div className="mission-wall-state-panel__kicker">
+      {t("pages.missionwall.state.emptyKicker", "Waiting for runs")}
+    </div>
+    <div className="mission-wall-state-panel__title">
+      {focusRun
+        ? selectedPublishedWorkflowWithoutRun
+          ? t("pages.missionwall.state.publishedWorkflowTitle", "No visible run")
+          : t("pages.missionwall.state.auditPendingTitle", "No step flow for this run yet")
+        : t("pages.missionwall.state.emptyTitle", "No published workflows are visible")}
+    </div>
+  </div>
+) : (
+  <WorkflowReplayCanvas graph={graph} />
+)}
+```
+
+Add Mission Wall CSS that maps skeleton fills and borders to `--wall-panel-soft`, `--wall-line`, and `--wall-muted`, preserves stage height, and keeps the existing responsive breakpoints.
+
+- [ ] **Step 4: Run Mission Wall test and verify GREEN**
+
+Run the Task 5 command again. Expected: PASS.
+
+- [ ] **Step 5: Commit the Mission Wall batch**
+
+```bash
+git add apps/aevatar-console-web/src/pages/MissionWall/components/MissionStage.tsx \
+  apps/aevatar-console-web/src/pages/MissionWall/missionWallStyles.ts \
+  apps/aevatar-console-web/src/pages/MissionWall/index.test.tsx
+git commit -m "Add a Mission Wall loading skeleton"
+```
+
+### Task 6: Focused Verification and Pull Request
+
+**Files:**
+- Modify only if verification exposes a task-related defect.
+
+- [ ] **Step 1: Run the frontend scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/dev
+```
+
+Record `affectedPackages`, `relatedTests`, and `staticCheckFiles`. Do not replace analyzer output with a full-suite fallback.
+
+- [ ] **Step 2: Run all changed and related tests**
+
+Run the union of the focused test commands from Tasks 1–5 plus any extra analyzer-reported related tests. Expected: PASS.
+
+- [ ] **Step 3: Run changed-file static checks and stability guard**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec biome lint \
+  src/shared/ui/AevatarContentSkeleton.tsx \
+  src/shared/ui/AevatarContentSkeleton.test.tsx \
+  src/shared/ui/InventoryReadinessState.tsx \
+  src/shared/ui/InventoryReadinessState.test.tsx \
+  src/pages/workflows/index.tsx \
+  src/pages/workflows/index.test.tsx \
+  src/pages/actors/index.tsx \
+  src/pages/actors/index.test.tsx \
+  src/pages/services/index.test.tsx \
+  src/pages/Deployments/index.test.tsx \
+  src/pages/primitives/index.tsx \
+  src/pages/primitives/index.test.tsx \
+  src/pages/gagents/index.tsx \
+  src/pages/gagents/index.test.tsx \
+  src/pages/studio/components/StudioFilesPage.tsx \
+  src/pages/studio/components/StudioFilesPage.test.tsx \
+  src/pages/governance/components/GovernanceWorkbench.tsx \
+  src/pages/governance/index.test.tsx \
+  src/pages/MissionWall/components/MissionStage.tsx \
+  src/pages/MissionWall/missionWallStyles.ts \
+  src/pages/MissionWall/index.test.tsx
+bash tools/ci/test_stability_guards.sh
+```
+
+If no affected typecheck target exists, skip local typechecking and record that GitHub CI owns it. Do not run a local production build.
+
+- [ ] **Step 4: Browser-smoke intended loading states**
+
+Start the console dev server only after confirming required configuration. Verify representative table, list, and Mission Wall canvas skeletons at desktop and mobile breakpoints. Do not hand off a URL if authentication or API startup prevents the intended screens from rendering; stop any server started only for a failed preview.
+
+- [ ] **Step 5: Review and commit any verification-only fixes**
+
+```bash
+git diff --check
+git status --short
+git diff --stat origin/dev...HEAD
+```
+
+Stage only files listed in this plan and commit an imperative, single-purpose message if verification required changes.
+
+- [ ] **Step 6: Push and create the pull request**
+
+Push `feat/2026-08-06_content-skeletons` and create a PR targeting `dev`. Include problem/solution, affected paths, exact focused commands and results, and:
+
+The PR `Local verification` section must list each focused Jest command from Tasks 1-5 with its observed PASS count, followed by the exact changed-file Biome command from Step 3 and the test-stability guard result. End the section with: `Full frontend suite/build: deferred to GitHub CI by personal local workflow policy`.
+
+Do not babysit CI unless the user asks.
diff --git a/docs/superpowers/plans/2026-08-06-standardize-failure-toast.md b/docs/superpowers/plans/2026-08-06-standardize-failure-toast.md
new file mode 100644
index 0000000000..c830111008
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-06-standardize-failure-toast.md
@@ -0,0 +1,443 @@
+# Standardized Failure Toast Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Render Aevatar failure toasts as compact, dismissible top-right notifications that pause on hover and close automatically after eight seconds.
+
+**Architecture:** Keep `ConsoleToast` as the single shared toast API and replace its Ant Design `message` adapter with the context-bound `notification` adapter. Keep business failure classification in `runFailurePresentation`, where every typed failure receives the approved eight-second duration and the existing content is reorganized into a token-backed compact hierarchy.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6 `App`/`notification`/`Typography`, Jest 29, Testing Library, Biome
+
+---
+
+### Task 1: Route the shared toast API through Ant Design notification
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/shared/ui/ConsoleToast.test.tsx`
+- Modify: `apps/aevatar-console-web/src/shared/ui/ConsoleToast.tsx`
+
+- [x] **Step 1: Write the failing shared-adapter test**
+
+Create `ConsoleToast.test.tsx` with a typed notification stub. The first test must call the public hook and prove that an error is sent to the top-right notification API with a close control, hover pause, the supplied duration/key/callback, and compact token-backed surface styles.
+
+```tsx
+import { act, renderHook } from '@testing-library/react';
+import { App } from 'antd';
+import type { NotificationInstance } from 'antd/es/notification/interface';
+import React from 'react';
+import { useConsoleToast } from './ConsoleToast';
+
+function createNotificationStub(): jest.Mocked<NotificationInstance> {
+  return {
+    destroy: jest.fn(),
+    error: jest.fn(),
+    info: jest.fn(),
+    open: jest.fn(),
+    success: jest.fn(),
+    warning: jest.fn(),
+  };
+}
+
+describe('ConsoleToast', () => {
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('opens a compact dismissible top-right error notification', () => {
+    const notification = createNotificationStub();
+    const onClose = jest.fn();
+    const content = <span>Request failed</span>;
+    jest.spyOn(App, 'useApp').mockReturnValue({
+      notification,
+    } as ReturnType<typeof App.useApp>);
+
+    const { result } = renderHook(() => useConsoleToast());
+    act(() => {
+      result.current.error(content, {
+        duration: 8,
+        key: 'request-failure',
+        onClose,
+      });
+    });
+
+    expect(notification.error).toHaveBeenCalledTimes(1);
+    const config = notification.error.mock.calls[0][0];
+    expect(config).toMatchObject({
+      className: 'aevatar-console-toast',
+      closable: true,
+      duration: 8,
+      key: 'request-failure',
+      onClose,
+      pauseOnHover: true,
+      placement: 'topRight',
+      role: 'alert',
+    });
+    expect(config.title).toBe(content);
+    expect(config.styles).toMatchObject({
+      root: {
+        maxWidth: 'calc(100vw - 32px)',
+        width: 360,
+      },
+      title: {
+        marginBottom: 0,
+      },
+    });
+  });
+
+  it('uses status semantics and the short default for success', () => {
+    const notification = createNotificationStub();
+    jest.spyOn(App, 'useApp').mockReturnValue({
+      notification,
+    } as ReturnType<typeof App.useApp>);
+
+    const { result } = renderHook(() => useConsoleToast());
+    act(() => {
+      result.current.success('Saved');
+    });
+
+    expect(notification.success).toHaveBeenCalledWith(
+      expect.objectContaining({ duration: 3, role: 'status' }),
+    );
+  });
+});
+```
+
+- [x] **Step 2: Run the test and verify RED**
+
+Run from `apps/aevatar-console-web`:
+
+```bash
+pnpm exec jest src/shared/ui/ConsoleToast.test.tsx --runInBand
+```
+
+Expected: FAIL because `ConsoleToast` still calls the message instance and never calls `notification.error`.
+
+- [x] **Step 3: Implement the notification adapter**
+
+Replace the message types with notification types, read `notification` and theme tokens from the existing Ant Design contexts, and keep the public toast methods unchanged.
+
+```tsx
+import { App, theme } from 'antd';
+import type {
+  ArgsProps,
+  NotificationInstance,
+} from 'antd/es/notification/interface';
+import React from 'react';
+
+type ConsoleToastOptions = Pick<ArgsProps, 'duration' | 'key' | 'onClose'>;
+type ConsoleToastIntent = 'error' | 'info' | 'success' | 'warning';
+
+type ConsoleToastSurfaceToken = Pick<
+  ReturnType<typeof theme.useToken>['token'],
+  | 'borderRadiusLG'
+  | 'boxShadowSecondary'
+  | 'colorBorderSecondary'
+  | 'fontSize'
+  | 'lineHeight'
+  | 'padding'
+  | 'paddingSM'
+>;
+
+export type ConsoleToastApi = {
+  readonly [Intent in ConsoleToastIntent]: (
+    content: React.ReactNode,
+    options?: ConsoleToastOptions,
+  ) => void;
+};
+
+const TOAST_DURATION: Readonly<Record<ConsoleToastIntent, number>> = {
+  error: 5,
+  info: 3,
+  success: 3,
+  warning: 5,
+};
+
+function createConsoleToastApi(
+  notificationApi: NotificationInstance,
+  token: ConsoleToastSurfaceToken,
+): ConsoleToastApi {
+  const show = (
+    intent: ConsoleToastIntent,
+    content: React.ReactNode,
+    options?: ConsoleToastOptions,
+  ) => {
+    notificationApi[intent]({
+      className: 'aevatar-console-toast',
+      closable: true,
+      duration: options?.duration ?? TOAST_DURATION[intent],
+      key: options?.key,
+      onClose: options?.onClose,
+      pauseOnHover: true,
+      placement: 'topRight',
+      role: intent === 'error' || intent === 'warning' ? 'alert' : 'status',
+      styles: {
+        root: {
+          border: `1px solid ${token.colorBorderSecondary}`,
+          borderRadius: token.borderRadiusLG,
+          boxShadow: token.boxShadowSecondary,
+          maxWidth: 'calc(100vw - 32px)',
+          padding: `${token.paddingSM}px ${token.padding}px`,
+          width: 360,
+        },
+        title: {
+          fontSize: token.fontSize,
+          lineHeight: token.lineHeight,
+          marginBottom: 0,
+        },
+      },
+      title: content,
+    });
+  };
+
+  return {
+    error: (content, options) => show('error', content, options),
+    info: (content, options) => show('info', content, options),
+    success: (content, options) => show('success', content, options),
+    warning: (content, options) => show('warning', content, options),
+  };
+}
+
+export const ConsoleToastProvider: React.FC<{
+  readonly children: React.ReactNode;
+}> = ({ children }) => (
+  <App component="div" style={{ display: 'contents' }}>
+    {children}
+  </App>
+);
+
+export function useConsoleToast(): ConsoleToastApi {
+  const { notification } = App.useApp();
+  const { token } = theme.useToken();
+  return React.useMemo(
+    () => createConsoleToastApi(notification, token),
+    [notification, token],
+  );
+}
+```
+
+- [x] **Step 4: Run the test and verify GREEN**
+
+```bash
+pnpm exec jest src/shared/ui/ConsoleToast.test.tsx --runInBand
+```
+
+Expected: PASS with 2 tests and 0 failures.
+
+- [x] **Step 5: Commit the shared adapter**
+
+```bash
+git add apps/aevatar-console-web/src/shared/ui/ConsoleToast.tsx \
+  apps/aevatar-console-web/src/shared/ui/ConsoleToast.test.tsx
+git commit -m "Standardize console toast notifications"
+```
+
+### Task 2: Apply the approved failure hierarchy and eight-second duration
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+
+- [x] **Step 1: Write the failing duration and hierarchy expectations**
+
+Change every expected duration in the classification table to `8`. Extend the accessible-action test with explicit compact hierarchy expectations:
+
+```tsx
+const message = screen.getByText('Try again after the quota window resets.');
+const guidance = screen.getByText(
+  'Wait for the quota window to reset before trying again.',
+);
+expect(message).toBeVisible();
+expect(message).toHaveClass('ant-typography');
+expect(guidance).toHaveClass('ant-typography-secondary');
+```
+
+- [x] **Step 2: Run the test and verify RED**
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx --runInBand
+```
+
+Expected: FAIL because current categories still use `0`, `3`, or `5` seconds and the guidance is a plain `div`.
+
+- [x] **Step 3: Implement one failure duration and token-backed hierarchy**
+
+Import `Typography`, define one duration constant, replace every category-specific duration with it, and render message/guidance/retry timing with Ant Design typography.
+
+```tsx
+import { Button, Space, Typography } from 'antd';
+
+const RUN_FAILURE_TOAST_DURATION_SECONDS = 8;
+
+// In every category definition:
+duration: RUN_FAILURE_TOAST_DURATION_SECONDS,
+
+export const RunFailureToastContent: React.FC<{
+  readonly onAction?: (action: RunFailureAction) => void;
+  readonly presentation: RunFailurePresentation;
+}> = ({ onAction, presentation }) => {
+  const correlationId = presentation.correlationId;
+  return (
+    <div
+      style={{
+        alignItems: 'flex-start',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 4,
+        textAlign: 'left',
+      }}
+    >
+      <Typography.Text strong>{presentation.message}</Typography.Text>
+      <Typography.Text type="secondary">
+        {presentation.guidance}
+      </Typography.Text>
+      {presentation.retryAfterSeconds !== undefined ? (
+        <Typography.Text type="secondary">
+          {t(
+            'workflowActivityVNext.failure.retryAfter',
+            'Try again in {seconds} seconds.',
+            { seconds: presentation.retryAfterSeconds },
+          )}
+        </Typography.Text>
+      ) : null}
+      <Space size="small" wrap>
+        {onAction ? (
+          <Button
+            onClick={() => onAction(presentation.action)}
+            size="small"
+            type="link"
+          >
+            {presentation.actionLabel}
+          </Button>
+        ) : null}
+        {correlationId ? (
+          <Button
+            onClick={() => {
+              void navigator.clipboard?.writeText(correlationId);
+            }}
+            size="small"
+            type="link"
+          >
+            {t(
+              'workflowActivityVNext.failure.copyTrackingId',
+              'Copy tracking ID',
+            )}
+          </Button>
+        ) : null}
+      </Space>
+    </div>
+  );
+};
+```
+
+- [x] **Step 4: Run the failure-presentation test and verify GREEN**
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx --runInBand
+```
+
+Expected: PASS with 13 tests and 0 failures.
+
+- [x] **Step 5: Commit the failure policy**
+
+```bash
+git add \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx
+git commit -m "Refine workflow failure toast presentation"
+```
+
+### Task 3: Run focused verification and deliver the pull request
+
+**Files:**
+- Verify all files changed on the branch.
+
+- [x] **Step 1: Analyze the affected frontend scope**
+
+From the repository root:
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . \
+  --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Expected: Jest is the affected runner; the two changed production files and three changed test files are listed as frontend scope.
+
+- [x] **Step 2: Run dependency-related tests for changed production files**
+
+From `apps/aevatar-console-web`, using the analyzer's changed source list:
+
+```bash
+pnpm exec jest --findRelatedTests \
+  src/shared/ui/ConsoleToast.tsx \
+  src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx \
+  --runInBand
+```
+
+Expected: all dependency-related tests selected by Jest pass. Do not replace this command with the full frontend suite.
+
+- [x] **Step 3: Run the changed test files explicitly**
+
+```bash
+pnpm exec jest \
+  src/shared/ui/ConsoleToast.test.tsx \
+  src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx \
+  src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx \
+  --runInBand
+```
+
+Expected: all three changed test suites pass.
+
+- [x] **Step 4: Run required test and changed-file static guards**
+
+From the repository root:
+
+```bash
+bash tools/ci/test_stability_guards.sh
+pnpm --dir apps/aevatar-console-web exec biome check \
+  src/shared/ui/ConsoleToast.tsx \
+  src/shared/ui/ConsoleToast.test.tsx \
+  src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx \
+  src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx \
+  src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: the stability guard and Biome checks pass. Skip local full typecheck and build; GitHub CI owns them.
+
+- [x] **Step 5: Review the complete task diff**
+
+```bash
+git status --short
+git diff --check origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+git diff --stat origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+git diff origin/feat/2026-08-04_workflow-activity-vnext...HEAD -- \
+  docs/superpowers/specs/2026-08-06-standardize-failure-toast-design.md \
+  docs/superpowers/plans/2026-08-06-standardize-failure-toast.md \
+  apps/aevatar-console-web/src/shared/ui/ConsoleToast.tsx \
+  apps/aevatar-console-web/src/shared/ui/ConsoleToast.test.tsx \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.tsx \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/runFailurePresentation.test.tsx \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: only the toast design, plan, shared adapter, failure presentation, and their tests are present.
+
+- [x] **Step 6: Push and create the focused pull request**
+
+```bash
+git push -u origin fix/2026-08-06_standardize-failure-toast
+gh pr create \
+  --base feat/2026-08-04_workflow-activity-vnext \
+  --head fix/2026-08-06_standardize-failure-toast \
+  --title "Standardize Workflow Activity failure toasts" \
+  --body-file /tmp/standardize-failure-toast-pr.md
+```
+
+The pull request body must contain the problem and selected solution, the seven changed paths, the exact focused verification commands and results, and this statement:
+
+```markdown
+- Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+```
+
+Stop after reporting the PR URL. Do not wait for CI unless the user asks.
diff --git a/docs/superpowers/plans/2026-08-06-workflow-published-invoke.md b/docs/superpowers/plans/2026-08-06-workflow-published-invoke.md
new file mode 100644
index 0000000000..a851bc7c5e
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-06-workflow-published-invoke.md
@@ -0,0 +1,70 @@
+# Workflow Published Invoke Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make Workflow Activity vNext Run available only for an observed publication and execute it through the published service Invoke endpoint from a visible input drawer.
+
+**Architecture:** Publication observation supplies an explicit `{ publishedServiceId, revisionId, workflowId }` target. The editor run hook consumes that target and reuses its existing SSE and Activity observation state machine while replacing Draft Run YAML submission with service-scoped `streamChat`. A focused Drawer component presents input and run result without moving the canvas.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6, TanStack Query, Jest, Testing Library, Biome.
+
+---
+
+### Task 1: Lock the published-run contract with failing tests
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] Add a test that renders a valid saved workflow with no publication and asserts the real `Run` button is disabled with a publish-first reason.
+- [ ] Add a test that completes Publish observation, opens Run, and asserts an Ant Design dialog named `Run published workflow` is visible without scrolling.
+- [ ] Add a test that submits Input and expects `runtimeRunsApi.streamChat(scopeId, { prompt }, signal, { serviceId: publishedServiceId })` while `streamDraftRun` remains unused.
+- [ ] Run only those tests and verify RED because current Run is enabled before Publish, renders a region below the canvas, and calls Draft Run.
+
+Run:
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/index.test.tsx --runInBand -t 'requires an observed publication|opens the published run drawer|invokes the exact published service'
+```
+
+### Task 2: Replace Draft Run with an explicit published Invoke target
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowPublishedRunDrawer.tsx`
+
+- [ ] Introduce a `WorkflowPublishedInvocationTarget` containing distinct `workflowId`, `revisionId`, and `publishedServiceId` fields.
+- [ ] Change `editor.run` and `editor.runAgain` to require that target and call service-scoped `runtimeRunsApi.streamChat` with only the prompt.
+- [ ] Delete YAML serialization from the run submission path while retaining SSE parsing, stable run identification, retry locking, and Activity observation.
+- [ ] Derive one Run availability state in `WorkflowEditorPage`: observed publication, valid unchanged saved document, no unapplied changes, and no active write/run lock.
+- [ ] Render the input and existing result content inside `WorkflowPublishedRunDrawer`; show published service and revision and focus Input when opened.
+- [ ] Close and route-change behavior must preserve the active run for the same workflow and abort/clear state for a different workflow.
+- [ ] Run the three Task 1 tests and verify GREEN.
+
+### Task 3: Update dependent run-flow tests
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] Update existing editor run arrangements to first supply an observed publication receipt.
+- [ ] Replace expectations for `streamDraftRun` and `workflowYamls` with `streamChat` and the exact service route target.
+- [ ] Keep coverage for required Input, backend field errors, double-submit protection, run-again snapshots, unidentified streams, route-change isolation, and Activity observation.
+- [ ] Run the related Workflow Activity test file directly and verify zero failures.
+
+Run:
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/index.test.tsx --runInBand
+```
+
+### Task 4: Focused verification and delivery
+
+**Files:**
+- Verify all files changed from `origin/feat/2026-08-04_workflow-activity-vnext`.
+
+- [ ] Run `frontend_change_scope.py --base origin/feat/2026-08-04_workflow-activity-vnext`.
+- [ ] Run dependency-related Jest tests for changed source files and every changed test file explicitly.
+- [ ] Run Biome only for analyzer `staticCheckFiles`; do not run full typecheck or production build.
+- [ ] Review the complete diff for identity mixing, stale publication enablement, focus/accessibility, and unrelated changes.
+- [ ] Commit with AbigailDeng identity, push the branch, and open a ready PR targeting `feat/2026-08-04_workflow-activity-vnext` with `Closes #3222` only if the updated acceptance criteria fully cover the issue.
+- [ ] Check GitHub mergeability and resolve branch conflicts; full frontend verification remains delegated to GitHub CI.
diff --git a/docs/superpowers/plans/2026-08-07-workflow-catalogue-frontend.md b/docs/superpowers/plans/2026-08-07-workflow-catalogue-frontend.md
new file mode 100644
index 0000000000..fef244faac
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-07-workflow-catalogue-frontend.md
@@ -0,0 +1,453 @@
+# Workflow Catalogue Frontend Integration Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace the Workflow Activity vNext browser-owned draft/committed catalogue join with the backend scope workflow catalogue query.
+
+**Architecture:** Add the backend response and query types to the scope models, decode the contract at `scopesApi`, and consume it with one cancellable cursor query in `WorkflowsPage`. The page renders backend ordering and capabilities directly; existing write operations remain unchanged and invalidate the new catalogue after their observations complete.
+
+**Tech Stack:** React 19, TypeScript 5.6, TanStack React Query 5, Ant Design 6, Jest 29, Testing Library.
+
+---
+
+## File Map
+
+- Modify `apps/aevatar-console-web/src/shared/models/scopes.ts`: own the strong frontend representation of the backend scope workflow catalogue contract.
+- Modify `apps/aevatar-console-web/src/shared/api/scopesApi.ts`: decode the catalogue response and build the typed query URL with cancellation.
+- Create `apps/aevatar-console-web/src/shared/api/scopesApi.test.ts`: verify URL, signal, and boundary decoding behavior.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`: replace two list queries and browser semantics with the backend cursor query.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`: verify catalogue views, search, pagination, capabilities, identity isolation, and mutation refresh behavior.
+- Modify `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`: add stable layout for the pagination command below the table.
+
+### Task 1: Add The Typed Scope Catalogue API
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/models/scopes.ts`
+- Modify: `apps/aevatar-console-web/src/shared/api/scopesApi.ts`
+- Create: `apps/aevatar-console-web/src/shared/api/scopesApi.test.ts`
+
+- [ ] **Step 1: Write the failing API contract test**
+
+Create `scopesApi.test.ts` with an authenticated fetch fixture. Return one camel-case catalogue response containing an overlapping row and assert that this call:
+
+```ts
+const controller = new AbortController();
+const response = await scopesApi.queryWorkflowCatalogue(
+  {
+    scopeId: 'scope alpha',
+    view: 'drafts',
+    query: '审批 flow',
+    cursor: 'next token',
+    take: 25,
+  },
+  controller.signal,
+);
+```
+
+requests:
+
+```text
+/api/scopes/scope%20alpha/workflow-catalogue?view=drafts&query=%E5%AE%A1%E6%89%B9+flow&cursor=next+token&take=25
+```
+
+Assert `init.signal === controller.signal`, the decoded `workflowId` is `wf-alpha`, all four capability values are retained, committed facts remain distinct, `nextPageToken` is retained, and a `null` committed object decodes as `null` in a second row.
+
+- [ ] **Step 2: Run the API test to verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest src/shared/api/scopesApi.test.ts --runInBand
+```
+
+Expected: FAIL because `queryWorkflowCatalogue` and the catalogue model types do not exist.
+
+- [ ] **Step 3: Add exact catalogue model types**
+
+Add these public shapes to `scopes.ts`:
+
+```ts
+export type ScopeWorkflowCatalogueView = 'all' | 'drafts';
+
+export interface ScopeWorkflowCatalogueActionCapability {
+  available: boolean;
+  unavailableReason: string | null;
+}
+
+export interface ScopeWorkflowCatalogueRowCapabilities {
+  open: ScopeWorkflowCatalogueActionCapability;
+  activity: ScopeWorkflowCatalogueActionCapability;
+  rename: ScopeWorkflowCatalogueActionCapability;
+  delete: ScopeWorkflowCatalogueActionCapability;
+}
+
+export interface ScopeWorkflowCatalogueCommittedFacts {
+  serviceKey: string;
+  workflowName: string;
+  actorId: string;
+  activeRevisionId: string;
+  deploymentId: string;
+  deploymentStatus: string;
+}
+
+export interface ScopeWorkflowCatalogueRow {
+  scopeId: string;
+  workflowId: string;
+  name: string;
+  description: string;
+  hasDraftSource: boolean;
+  hasCommittedSource: boolean;
+  updatedAtUtc: string;
+  updatedAtSource: string;
+  capabilities: ScopeWorkflowCatalogueRowCapabilities;
+  sourceWatermarkUtc: string;
+  committed: ScopeWorkflowCatalogueCommittedFacts | null;
+}
+
+export interface ScopeWorkflowCatalogueResponse {
+  items: ScopeWorkflowCatalogueRow[];
+  nextPageToken: string | null;
+  freshness: {
+    refreshWatermarkUtc: string | null;
+    sourceVersionSemantics: string;
+  };
+  search: {
+    searchableFields: string[];
+    caseSemantics: string;
+    unicodeNormalization: string;
+    maximumQueryLength: number;
+    emptyQuerySemantics: string;
+    workflowIdSemantics: string;
+  };
+}
+
+export interface ScopeWorkflowCatalogueQuery {
+  scopeId: string;
+  view: ScopeWorkflowCatalogueView;
+  query?: string;
+  cursor?: string;
+  take?: number;
+}
+```
+
+- [ ] **Step 4: Implement strict boundary decoders and the API method**
+
+In `scopesApi.ts`, add focused decoders using the existing `expectRecord`, `expectArray`, `readBoolean`, `readNumber`, `readNullableString`, `readString`, and `readStringArray` helpers. Decode both camel-case and Pascal-case keys, matching the existing API boundary style.
+
+Add:
+
+```ts
+queryWorkflowCatalogue(
+  input: ScopeWorkflowCatalogueQuery,
+  signal?: AbortSignal,
+): Promise<ScopeWorkflowCatalogueResponse> {
+  return requestJson(
+    withQuery(
+      `/api/scopes/${encodeURIComponent(input.scopeId)}/workflow-catalogue`,
+      {
+        view: input.view,
+        query: input.query?.trim() || undefined,
+        cursor: input.cursor,
+        take: input.take,
+      },
+    ),
+    decodeScopeWorkflowCatalogueResponse,
+    { signal },
+  );
+}
+```
+
+Import `withQuery` from the HTTP client. Do not reuse `ScopeWorkflowSummary`; the catalogue has a different semantic contract.
+
+- [ ] **Step 5: Run the API test to verify GREEN**
+
+Run the same focused Jest command. Expected: PASS with no warnings.
+
+- [ ] **Step 6: Commit the API increment**
+
+```bash
+git add apps/aevatar-console-web/src/shared/models/scopes.ts \
+  apps/aevatar-console-web/src/shared/api/scopesApi.ts \
+  apps/aevatar-console-web/src/shared/api/scopesApi.test.ts
+git commit -m "Add scope workflow catalogue client"
+```
+
+### Task 2: Replace Client Catalogue Semantics With The Backend Query
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+
+- [ ] **Step 1: Replace catalogue mocks and write failing page tests**
+
+Extend the `scopesApi` mock with `queryWorkflowCatalogue`. Replace the catalogue setup in the directly affected tests with responses shaped as:
+
+```ts
+{
+  items: [catalogueRow],
+  nextPageToken: null,
+  freshness: {
+    refreshWatermarkUtc: '2026-08-04T10:00:00Z',
+    sourceVersionSemantics: 'max source timestamp',
+  },
+  search: {
+    searchableFields: ['name', 'description', 'workflowId'],
+    caseSemantics: 'ordinal ignore case',
+    unicodeNormalization: 'FormKC',
+    maximumQueryLength: 128,
+    emptyQuerySemantics: 'no filter',
+    workflowIdSemantics: 'exact or prefix',
+  },
+}
+```
+
+Add focused tests proving:
+
+```ts
+expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledWith(
+  expect.objectContaining({ scopeId: 'scope-alpha', view: 'all', take: 50 }),
+  expect.any(AbortSignal),
+);
+expect(mockStudioApi.listWorkflowDrafts).not.toHaveBeenCalled();
+expect(mockScopesApi.listWorkflows).not.toHaveBeenCalled();
+```
+
+Also assert the selector offers `All workflows` and `Drafts`, does not offer Active or Archived, and a legacy `?view=archived` URL queries `view=all`.
+
+Add a server-order assertion using two rows whose timestamps would have caused the old browser sort to reverse them.
+
+- [ ] **Step 2: Run only the new catalogue page tests to verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  --runInBand \
+  --testNamePattern='backend catalogue|All workflows|legacy catalogue|backend row order'
+```
+
+Expected: FAIL because the page still calls and merges the two old sources.
+
+- [ ] **Step 3: Implement backend view state, debounce, and infinite query**
+
+In `WorkflowsPage.tsx`:
+
+- Replace `WorkflowView` with `ScopeWorkflowCatalogueView`.
+- Make `readWorkflowView` return only `all` or `drafts`, defaulting all other values to `all`.
+- Remove `toDraftRow`, `toCommittedRow`, both old list queries, `draftWorkflowIds`, and the merge/filter/sort memo.
+- Keep raw input state and derive a debounced query with a local effect and 300 ms timer cleanup.
+- Use `useInfiniteQuery` with a query key containing scope, view, and debounced query.
+
+Use this query shape:
+
+```ts
+const catalogue = useInfiniteQuery({
+  queryKey: [
+    'workflow-activity-vnext',
+    'workflow-catalogue',
+    scopeId,
+    view,
+    debouncedQuery,
+  ],
+  initialPageParam: undefined as string | undefined,
+  queryFn: ({ pageParam, signal }) =>
+    scopesApi.queryWorkflowCatalogue(
+      {
+        scopeId,
+        view,
+        query: debouncedQuery || undefined,
+        cursor: pageParam,
+        take: 50,
+      },
+      signal,
+    ),
+  getNextPageParam: (lastPage) => lastPage.nextPageToken ?? undefined,
+  retry: false,
+});
+```
+
+Map loaded items to presentation rows without changing order. Use `committed?.activeRevisionId`, `deploymentId`, and `deploymentStatus`, defaulting presentation-only missing strings to empty strings. Keep every identity in its named field.
+
+Write only `view=drafts` to the URL; omit `view=all` as the default. Keep trimmed `q` in the URL.
+
+- [ ] **Step 4: Render cursor pagination without disturbing existing rows**
+
+Below `TableScrollRegion`, render a stable pagination action only when `catalogue.hasNextPage` is true:
+
+```tsx
+<div className="wa-vnext__pagination-actions">
+  <Button
+    loading={catalogue.isFetchingNextPage}
+    onClick={() => void catalogue.fetchNextPage()}
+  >
+    {t('workflowActivityVNext.workflows.loadMore', 'Load more')}
+  </Button>
+</div>
+```
+
+Add a compact flex rule in `styles.ts` that reserves stable spacing and right-aligns the command on desktop while stretching it on small screens.
+
+- [ ] **Step 5: Run the focused page tests to verify GREEN**
+
+Run the exact command from Step 2. Expected: PASS.
+
+- [ ] **Step 6: Write and verify RED tests for search cancellation and pagination**
+
+Use fake timers to type `审批`, assert no second query before 300 ms, advance timers, and assert the new request receives `query: '审批'` plus an AbortSignal.
+
+Return a first page with `nextPageToken: '1'`, click Load more, and assert the next request carries `cursor: '1'`; then resolve the second page and assert both pages render in backend order. Also reject a next-page request, assert the first page remains visible with a local pagination error, then retry the same cursor successfully.
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  --runInBand \
+  --testNamePattern='debounces backend catalogue search|loads the next catalogue page'
+```
+
+Expected before final implementation adjustments: FAIL on the new assertions. After implementing timer cleanup and next-page rendering: PASS.
+
+- [ ] **Step 7: Commit the query migration increment**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts
+git commit -m "Use backend workflow catalogue query"
+```
+
+### Task 3: Honor Backend Capabilities And Refresh The Catalogue
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx`
+
+- [ ] **Step 1: Write failing capability and refresh tests**
+
+Add one row with `activity.available=false`, `rename.available=false`, and `delete.available=false`; assert Activity is disabled and Rename/Delete menu entries are absent even when source flags might otherwise imply availability.
+
+Add mutation assertions that successful rename, delete, and observed archive each call:
+
+```ts
+expect(mockScopesApi.queryWorkflowCatalogue).toHaveBeenCalledTimes(2);
+```
+
+Do not assert a refresh through `listWorkflowDrafts` or cache writes to the removed committed query key.
+
+- [ ] **Step 2: Run the capability tests to verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  --runInBand \
+  --testNamePattern='backend catalogue capabilities|refreshes the catalogue after rename|refreshes the catalogue after delete|refreshes the catalogue after archive'
+```
+
+Expected: FAIL because actions and mutation refreshes still use old source facts and query instances.
+
+- [ ] **Step 3: Bind actions to capabilities and catalogue refresh**
+
+- Disable Open and Activity when their backend capability is unavailable. Do not construct client navigation for a disabled action.
+- Include Rename and Delete menu entries only when their backend capability is available.
+- Continue deriving Archive only through `canArchiveWorkflow` because the backend catalogue capability set does not define Archive.
+- Resolve the archive command identity from `getWorkflowDetail`: require the exact `workflowId`, then pass the backend-provided `publishedServiceId`, `serviceAppId`, `serviceNamespace`, and `deploymentId`. Never parse `serviceKey` or substitute `workflowId` for `publishedServiceId`.
+- Replace successful `drafts.refetch()` and `committed.refetch()` calls with `catalogue.refetch()`.
+- Remove the old committed query cache write after archive observation.
+- Make archive observation read `view=all` from `queryWorkflowCatalogue`, use the exact workflow ID as `query`, follow `nextPageToken` until exhausted, and select only the exact `workflowId` from the returned rows. Do not call `listWorkflows` as a fallback.
+- Simplify error reporting to one catalogue error signature and one retry handler.
+
+- [ ] **Step 4: Run the focused capability tests to verify GREEN**
+
+Run the exact command from Step 2. Expected: PASS.
+
+- [ ] **Step 5: Run the complete directly affected test files**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest \
+  src/shared/api/scopesApi.test.ts \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  --runInBand
+```
+
+Expected: both suites pass. Fix only failures caused by the catalogue migration; preserve unrelated assertions and behavior.
+
+- [ ] **Step 6: Commit the capability increment**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx \
+  apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx
+git commit -m "Honor workflow catalogue capabilities"
+```
+
+### Task 4: Focused Validation And Pull Request Delivery
+
+**Files:**
+- Review all task files and the two planning documents.
+
+- [ ] **Step 1: Run the frontend scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . \
+  --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Read the reported affected tests and `staticCheckFiles`. Do not expand to a full frontend command.
+
+- [ ] **Step 2: Run the required test stability guard**
+
+```bash
+bash tools/ci/test_stability_guards.sh
+```
+
+Expected: PASS because the timer-based debounce test uses Jest fake timers rather than repository polling helpers.
+
+- [ ] **Step 3: Run changed-file static checks only**
+
+Use Biome against exactly the analyzer's TypeScript/TSX `staticCheckFiles`, for example:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec biome lint \
+  src/shared/models/scopes.ts \
+  src/shared/api/scopesApi.ts \
+  src/shared/api/scopesApi.test.ts \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  src/pages/workflow-activity-vnext/workflows/WorkflowsPage.tsx \
+  src/pages/workflow-activity-vnext/styles.ts
+```
+
+Do not run local `tsc`, full lint, full test, or production build. No reliable affected-only typecheck target exists, so GitHub CI owns full type verification.
+
+- [ ] **Step 4: Review and commit any validation-only fixes**
+
+Run:
+
+```bash
+git diff --check
+git status --short
+git diff origin/feat/2026-08-04_workflow-activity-vnext...HEAD -- \
+  apps/aevatar-console-web \
+  docs/superpowers/specs/2026-08-07-workflow-catalogue-frontend-design.md \
+  docs/superpowers/plans/2026-08-07-workflow-catalogue-frontend.md
+```
+
+Stage only task files and use `Fix workflow catalogue frontend validation` if a final validation commit is necessary.
+
+- [ ] **Step 5: Push and create the pull request**
+
+Push `feat/2026-08-07_workflow-catalogue-frontend` and create a PR targeting `feat/2026-08-04_workflow-activity-vnext`.
+
+The PR body must contain Problem and solution, Impacted paths, and Local verification. Record every exact focused command and result, plus:
+
+```text
+Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+```
+
+Stop after returning the PR URL. Do not babysit CI.
diff --git a/docs/superpowers/plans/2026-08-10-published-run-readiness-recovery.md b/docs/superpowers/plans/2026-08-10-published-run-readiness-recovery.md
new file mode 100644
index 0000000000..6c60234544
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-10-published-run-readiness-recovery.md
@@ -0,0 +1,57 @@
+# Published Run Readiness Recovery Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Enable published Workflow Activity Run after a fresh editor mount by restoring the exact active revision and published service from the authoritative workflow detail.
+
+**Architecture:** Keep draft authoring state and published invocation state separate. `WorkflowEditorPage` reads the exact scope workflow detail and restores a typed invocation target only from matching authoritative identities; the existing observer remains responsible for a receipt from a new Publish command, which takes precedence while it is active.
+
+**Tech Stack:** React 19, TypeScript, TanStack Query, Jest, Testing Library, Biome.
+
+---
+
+### Task 1: Lock Fresh-Session Published Run Behavior
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] Add a test whose draft and scope workflow detail share `workflowId = "wf-committed-source"` while the detail exposes `activeRevisionId = "rev-existing"` and `publishedServiceId = "svc-existing"`.
+- [ ] Render a fresh editor, wait for Run to become enabled, open it, and assert that the drawer shows `rev-existing` and `svc-existing`.
+- [ ] Run only that test and verify it fails because the current editor requires a same-session publication receipt.
+
+Run:
+
+```bash
+pnpm exec jest src/pages/workflow-activity-vnext/index.test.tsx --runInBand -t 'restores an authoritative publication when opening a published workflow'
+```
+
+### Task 2: Restore the Authoritative Publication
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+
+- [ ] Query `scopesApi.getWorkflowDetail(activeScopeId, activeWorkflowId)` with a route-scoped query key and no retries.
+- [ ] Derive a restored invocation target only from an available exact scope/workflow match with non-blank `activeRevisionId` and `publishedServiceId`.
+- [ ] Prefer a same-session Publish receipt; suppress the restored invocation target while a replacement Publish submission is active.
+- [ ] Keep the receipt observer scoped to newly accepted Publish commands and derive the restored target's document version from the initial editor revision.
+- [ ] Run the focused regression test and verify it passes.
+
+### Task 3: Protect Existing Behavior
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [ ] Give editor tests an explicit unpublished workflow detail by default so every test declares its publication state honestly.
+- [ ] Run dependency-related tests for the changed editor page and the changed test file.
+- [ ] Run the repository test stability guard because a frontend test changed.
+- [ ] Run Biome only on analyzer-reported static-check files.
+
+### Task 4: Deliver the Focused Fix
+
+**Files:**
+- Review all files changed from `origin/feat/2026-08-04_workflow-activity-vnext`.
+
+- [ ] Run `frontend_change_scope.py` with the feature branch as base and record its exact commands.
+- [ ] Review the diff for identity mixing, stale route state, and unrelated changes.
+- [ ] Stage only this task's files, commit, push, and open a ready pull request targeting `feat/2026-08-04_workflow-activity-vnext`.
+- [ ] Record focused test/static-check results and delegate the full frontend suite, typecheck, and build to GitHub CI.
diff --git a/docs/superpowers/plans/2026-08-10-resizable-workflow-run-panels.md b/docs/superpowers/plans/2026-08-10-resizable-workflow-run-panels.md
new file mode 100644
index 0000000000..6a6fcfed65
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-10-resizable-workflow-run-panels.md
@@ -0,0 +1,57 @@
+# Resizable Workflow Run Panels Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Keep Published Run bounded to the canvas workspace while restoring accessible side-panel and Logs resizing, a collapsed Logs dock, and automatic expansion for each explicit run.
+
+**Architecture:** Extract the existing Studio resize state and event contract into shared workflow primitives, then consume those primitives from both Studio and Workflow Activity vNext. Keep execution data visibility separate from dock expansion so collapse never clears facts and incoming SSE frames never override a manual collapse.
+
+**Tech Stack:** React, TypeScript, Ant Design, Jest, Testing Library, Biome
+
+---
+
+### Task 1: Lock Product Behavior With Regression Tests
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+
+- [x] Add a test that opens Published Run, verifies its shared workspace height, finds the vertical `Resize published run panel` separator, and changes the panel width with ArrowLeft/ArrowRight while respecting min/max values.
+- [x] Add a test that verifies the Logs dock is collapsed before execution, automatically expands on Start, exposes the horizontal `Resize workflow run console` separator, changes height with ArrowUp/ArrowDown, and can be manually collapsed without clearing execution data.
+- [x] Run the two focused tests before production edits and confirm they fail because the separators and collapsed dock do not exist and the panel is content-sized.
+
+### Task 2: Share Resize Behavior
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/shared/workflows/useWorkflowPanelResize.ts`
+- Create: `apps/aevatar-console-web/src/shared/workflows/WorkflowPanelResizeHandle.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/index.tsx`
+
+- [x] Move the established 420px side-panel default, width and height clamping, mouse listener cleanup, and 24px keyboard steps into `useWorkflowPanelResize`.
+- [x] Render separators through `WorkflowPanelResizeHandle` with `role=separator`, orientation/value ARIA attributes, visible resize cursors, and the existing neutral divider treatment.
+- [x] Replace Studio's local resize implementation with the shared hook and component without changing its current tests or behavior.
+
+### Task 3: Bound Published Run And Add The Logs Dock
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+- Modify: `apps/aevatar-console-web/src/shared/workflows/WorkflowExecutionLogsPanel.tsx`
+
+- [x] Give the desktop run workspace one bounded height and make Canvas, YAML, and Run Input consume `height: 100%`; keep the Run Input body scrollable and its action footer anchored.
+- [x] Render the shared vertical resize handle only while Run Input is open and pass the resulting width to `WorkflowRunInputPanel`.
+- [x] Keep a compact Logs bar in the shell footer, default it to collapsed, and separate expand/collapse from clear.
+- [x] On Start, preserve execution data visibility, reset selection, and expand Logs exactly once. Render the horizontal resize handle and the shared Logs console only while expanded.
+- [x] Hide fine-grained resize handles and restore natural stacked heights at the mobile breakpoint.
+- [x] Run the focused tests and confirm both pass.
+
+### Task 4: Focused Verification And Delivery
+
+**Files:**
+- Modify: `docs/superpowers/specs/2026-08-10-shared-workflow-run-console-design.md`
+
+- [x] Run the frontend scope analyzer against `origin/feat/2026-08-04_workflow-activity-vnext`.
+- [x] Run explicit changed Jest tests and Jest `--findRelatedTests` only for changed source files.
+- [x] Run Biome only on analyzer `staticCheckFiles`, then run `bash tools/ci/test_stability_guards.sh`, `bash tools/docs/lint.sh`, and `git diff --check`.
+- [x] Use the existing authenticated Chrome tab to verify desktop drag sizing, bounded Published Run height, collapsed/expanded Logs, and the relevant mobile viewport without starting a remote run.
+- [ ] Review the complete diff, stage only task files, commit, push, and update PR #3389 with exact verification evidence. Full frontend suite, typecheck, and production build remain delegated to GitHub CI.
diff --git a/docs/superpowers/plans/2026-08-10-workflow-edge-selection-visibility.md b/docs/superpowers/plans/2026-08-10-workflow-edge-selection-visibility.md
new file mode 100644
index 0000000000..c8a4bfb9c5
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-10-workflow-edge-selection-visibility.md
@@ -0,0 +1,271 @@
+# Workflow Edge Selection Visibility Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make a selected workflow connection immediately distinguishable at fitted canvas zoom without changing normal edge semantics or workflow behavior.
+
+**Architecture:** Keep selection decoration in the shared `GraphCanvas` so Team member Workflow Studio and Workflow Activity vNext continue to use one implementation. Decorate only the selected edge by strengthening its path and marker while preserving every unrelated edge property and restoring the original presentation on deselection.
+
+**Tech Stack:** React 19, TypeScript, `@xyflow/react`, Jest, Testing Library, Biome
+
+---
+
+## File Structure
+
+- Modify `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx`: add focused coverage for selected and unselected edge presentation.
+- Modify `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx`: strengthen the selected path and clone an object marker definition with the selected color.
+- Update `docs/superpowers/plans/2026-08-10-workflow-edge-selection-visibility.md`: mark completed steps as implementation proceeds.
+
+### Task 1: Lock the selected-edge visual contract
+
+**Files:**
+- Test: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx`
+
+- [ ] **Step 1: Add the failing component test**
+
+Add this test inside the existing `describe('GraphCanvas', ...)` block:
+
+```tsx
+it('makes the selected edge visually distinct without changing other edges', () => {
+  const styledEdges = [
+    {
+      ...edges[0],
+      markerEnd: {
+        color: '#2F6FEC',
+        height: 11,
+        type: 'arrowclosed',
+        width: 11,
+      },
+      style: {
+        opacity: 0.9,
+        stroke: '#2F6FEC',
+        strokeWidth: 2.5,
+      },
+    },
+    {
+      ...edges[0],
+      id: 'edge:publish:archive:linear',
+      markerEnd: {
+        color: '#8B5CF6',
+        height: 11,
+        type: 'arrowclosed',
+        width: 11,
+      },
+      source: 'step:publish',
+      style: {
+        stroke: '#8B5CF6',
+        strokeWidth: 2.5,
+      },
+      target: 'step:archive',
+    },
+  ];
+
+  render(
+    <GraphCanvas
+      edges={styledEdges}
+      nodes={nodes}
+      selectedEdgeId="edge:assert:publish:linear"
+      variant="studio"
+    />,
+  );
+
+  const reactFlowProps = mockReactFlowRender.mock.calls.at(-1)?.[0] as any;
+  const selectedEdge = reactFlowProps.edges[0];
+  const unselectedEdge = reactFlowProps.edges[1];
+
+  expect(selectedEdge.selected).toBe(true);
+  expect(selectedEdge.style).toEqual(
+    expect.objectContaining({
+      filter: 'drop-shadow(0 0 3px rgba(22, 119, 255, 0.55))',
+      opacity: 0.9,
+      stroke: 'var(--ant-color-primary)',
+      strokeWidth: 4,
+    }),
+  );
+  expect(selectedEdge.markerEnd).toEqual({
+    color: '#1677ff',
+    height: 11,
+    type: 'arrowclosed',
+    width: 11,
+  });
+  expect(unselectedEdge).toEqual(
+    expect.objectContaining({
+      markerEnd: styledEdges[1].markerEnd,
+      selected: false,
+      style: styledEdges[1].style,
+    }),
+  );
+});
+```
+
+- [ ] **Step 2: Run the test and verify the visual contract fails**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/graphs/GraphCanvas.test.tsx
+```
+
+Expected: FAIL because the selected edge still has `strokeWidth: 3`, has no drop-shadow filter, and retains the original marker color.
+
+### Task 2: Implement the shared selected-edge decoration
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx:573`
+- Test: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx`
+
+- [ ] **Step 1: Add selected-edge presentation constants**
+
+Place these constants beside the other `GraphCanvas` presentation constants:
+
+```tsx
+const SELECTED_EDGE_COLOR = '#1677ff';
+const SELECTED_EDGE_FILTER =
+  'drop-shadow(0 0 3px rgba(22, 119, 255, 0.55))';
+const SELECTED_EDGE_STROKE_WIDTH = 4;
+```
+
+- [ ] **Step 2: Apply the stronger path and marker presentation**
+
+Update the decorated edge returned from `localEdges.map(...)` so the selected edge uses the new constants and an object marker definition is cloned rather than mutated:
+
+```tsx
+return {
+  ...edge,
+  selected: isSelected,
+  markerEnd:
+    isSelected && edge.markerEnd && typeof edge.markerEnd === 'object'
+      ? {
+          ...edge.markerEnd,
+          color: SELECTED_EDGE_COLOR,
+        }
+      : edge.markerEnd,
+  style: {
+    ...edge.style,
+    filter: isSelected ? SELECTED_EDGE_FILTER : edge.style?.filter,
+    stroke: isSelected
+      ? 'var(--ant-color-primary)'
+      : edge.style?.stroke,
+    strokeWidth: isSelected
+      ? SELECTED_EDGE_STROKE_WIDTH
+      : (edge.style?.strokeWidth ?? 1.5),
+  },
+  labelStyle: {
+    ...edge.labelStyle,
+    fill: isSelected
+      ? 'var(--ant-color-primary)'
+      : edge.labelStyle?.fill,
+  },
+};
+```
+
+String marker references remain unchanged because their shared marker definition cannot be safely recolored from `GraphCanvas`.
+
+- [ ] **Step 3: Run the focused test and verify it passes**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/graphs/GraphCanvas.test.tsx
+```
+
+Expected: PASS for the complete `GraphCanvas.test.tsx` suite, including the new selected-edge contract.
+
+- [ ] **Step 4: Commit the test-driven implementation**
+
+```bash
+git add apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx \
+  apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx
+git commit -m "Improve workflow edge selection visibility"
+```
+
+### Task 3: Run focused frontend validation
+
+**Files:**
+- Verify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx`
+- Verify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx`
+
+- [ ] **Step 1: Analyze the affected frontend scope**
+
+Run from the repository root:
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . \
+  --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Expected: `aevatar-console-web` is the affected package, the two graph files are listed for static checking, and the analyzer identifies Jest as the relevant runner.
+
+- [ ] **Step 2: Run every dependency-related test reported by the analyzer**
+
+Use the analyzer's exact dependency-related Jest paths and explicitly include:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/graphs/GraphCanvas.test.tsx
+```
+
+Expected: all scoped suites pass. Do not substitute a full frontend test run.
+
+- [ ] **Step 3: Run changed-file Biome checks**
+
+```bash
+pnpm --dir apps/aevatar-console-web exec biome check \
+  src/shared/graphs/GraphCanvas.tsx \
+  src/shared/graphs/GraphCanvas.test.tsx
+```
+
+Expected: both files pass. Do not run a local production build or full TypeScript check; GitHub CI owns those checks.
+
+- [ ] **Step 4: Review the final diff**
+
+```bash
+git diff origin/feat/2026-08-04_workflow-activity-vnext...HEAD -- \
+  apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx \
+  apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx \
+  docs/superpowers/specs/2026-08-10-workflow-edge-selection-visibility-design.md \
+  docs/superpowers/plans/2026-08-10-workflow-edge-selection-visibility.md
+git diff --check
+```
+
+Expected: the diff contains only the agreed edge-selection presentation, its test, and planning documents, with no publish changes or whitespace errors.
+
+### Task 4: Verify the authenticated editor and update PR #3276
+
+**Files:**
+- Browser verify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx`
+- PR update: `https://github.com/aevatarAI/aevatar/pull/3276`
+
+- [ ] **Step 1: Reuse the authenticated local editor**
+
+Open the existing Chrome tab at:
+
+```text
+http://127.0.0.1:5174/scopes/ccb108c4-dcb3-473a-a0f7-e9859bb2f2a0/workflow-activity-vnext/workflows/e4c08548f56b473eb965c94df542463d
+```
+
+Expected: `weekly_report_five_nodes` renders with five nodes and four edges, without an authentication wall, startup failure, blank page, or initial API error.
+
+- [ ] **Step 2: Select one edge and inspect the result**
+
+Click one connection only. Do not invoke Save, Publish, Run, or Delete.
+
+Expected: the selected path has a computed 4 px stroke, a visible blue drop shadow, a synchronized selected arrow marker, and is immediately distinguishable from adjacent unselected edges at the fitted zoom.
+
+- [ ] **Step 3: Push the implementation commit**
+
+```bash
+git push origin HEAD:fix/2026-08-06_one-click-workflow-publish
+```
+
+Expected: PR #3276 updates without force-pushing.
+
+- [ ] **Step 4: Update the PR verification evidence**
+
+Record the exact focused Jest and Biome commands and results in PR #3276. State explicitly:
+
+```markdown
+- Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+```
+
+Do not wait for CI after the PR update unless the user requests CI monitoring.
diff --git a/docs/superpowers/plans/2026-08-11-workflow-account-identity.md b/docs/superpowers/plans/2026-08-11-workflow-account-identity.md
new file mode 100644
index 0000000000..8d2a36011f
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-11-workflow-account-identity.md
@@ -0,0 +1,48 @@
+# Workflow Activity Account Identity Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make every Workflow Activity vNext route render one subject-safe account identity in the global header and Settings account surface.
+
+**Architecture:** A shared React Query hook owns `/api/auth/me` for the vNext surface. A pure resolver merges missing presentation fields from the stored NyxID session only when backend and stored subjects match, and exposes the same resolved data to the shell and Settings.
+
+**Tech Stack:** React 19, TypeScript, TanStack React Query, Jest, Testing Library
+
+---
+
+### Task 1: Specify identity resolution
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.test.ts`
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/resolveWorkflowActivityAccount.ts`
+- Modify: `apps/aevatar-console-web/src/shared/studio/models.ts`
+
+- [x] **Step 1: Write failing tests for matching subject fallback, subject mismatch, and authoritative sign-out**
+- [x] **Step 2: Run the new Jest file and confirm it fails because the resolver does not exist**
+- [x] **Step 3: Add the top-level auth subject type and implement the minimal pure resolver**
+- [x] **Step 4: Run the new Jest file and confirm all resolver cases pass**
+
+### Task 2: Make the vNext shell the identity consumer
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/account/useWorkflowActivityAccount.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/WorkflowActivityVNextShell.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/SettingsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/accountIdentity.ts`
+
+- [x] **Step 1: Add a failing Settings integration test that reproduces the missing avatar with a matching stored session**
+- [x] **Step 2: Run the focused integration test and confirm the header still renders `Account`**
+- [x] **Step 3: Add the shared account hook, remove the route-level shell prop, and feed Settings the resolved auth session**
+- [x] **Step 4: Run the integration and resolver tests and confirm they pass**
+
+### Task 3: Focused validation and delivery
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: pull request description for the follow-up identity-fix PR
+
+- [x] **Step 1: Run the frontend scope analyzer against `origin/feat/2026-08-04_workflow-activity-vnext`**
+- [x] **Step 2: Run dependency-related Jest tests and explicit changed test files**
+- [x] **Step 3: Run Biome only on analyzer `staticCheckFiles`; skip local full typecheck/build**
+- [x] **Step 4: Inspect the complete diff and browser-smoke Settings and Workflows in the user's Chrome**
+- [x] **Step 5: Stage only task files, commit, push, and create the follow-up PR with exact validation evidence**
diff --git a/docs/superpowers/plans/2026-08-20-workflow-template-route.md b/docs/superpowers/plans/2026-08-20-workflow-template-route.md
new file mode 100644
index 0000000000..990278771e
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-20-workflow-template-route.md
@@ -0,0 +1,136 @@
+# Workflow Template Route Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:executing-plans to implement this plan task-by-task with verification checkpoints.
+
+**Goal:** Make the vNext workflow template browser addressable at `/workflows/new/templates`, remove duplicated page copy, and present a truthful product message when the deployed backend does not expose the template contract.
+
+**Architecture:** Add a route and navigation helper for the template creation surface. Keep `NewWorkflowPage` responsible for the creation chooser and its existing Describe/Import flows; render a dedicated `WorkflowTemplatesPage` for the template shell and compose the existing browser without its duplicate heading. Classify an initial catalogue 404 at the page boundary while preserving the raw error in technical details.
+
+**Tech Stack:** React, TypeScript, Umi route config, React Testing Library, Jest, TanStack Query, Ant Design.
+
+---
+
+### Task 1: Lock the canonical route and URL builder
+
+**Files:**
+- Modify: `apps/aevatar-console-web/config/routes.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.ts`
+- Test: `apps/aevatar-console-web/src/routesConfig.test.ts`
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.test.ts`
+
+- [ ] **Step 1: Write the failing route and navigation tests**
+
+  Add a route assertion for `/scopes/:scopeId/workflow-activity-vnext/workflows/new/templates`, assert it uses `./workflow-activity-vnext`, and assert its index is before `/workflows/:workflowId`. Add a navigation test asserting `buildWorkflowActivityTemplatesHref('scope with space')` returns `/scopes/scope%20with%20space/workflow-activity-vnext/workflows/new/templates`.
+
+- [ ] **Step 2: Run the focused tests and verify they fail for missing route/helper**
+
+  Run:
+
+  ```bash
+  pnpm --dir apps/aevatar-console-web exec jest src/routesConfig.test.ts src/pages/workflow-activity-vnext/navigation.test.ts --runInBand
+  ```
+
+  Expected result: the route lookup and missing helper assertions fail before production changes.
+
+- [ ] **Step 3: Add the route and helper**
+
+  Insert the explicit template route immediately after the existing `/workflows/new` route and before `/workflows/:workflowId`. Add `buildWorkflowActivityTemplatesHref` by appending `/templates` to `buildWorkflowActivityNewHref`.
+
+- [ ] **Step 4: Run the focused tests and verify they pass**
+
+  Re-run the command from Step 2 and expect all route and navigation assertions to pass.
+
+### Task 2: Make template selection navigate instead of changing local mode
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.tsx`
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplatesPage.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx`
+
+- [ ] **Step 1: Write failing navigation and hierarchy tests**
+
+  In the existing creation tests, change the template selection assertion to expect `history.push('/scopes/scope-alpha/workflow-activity-vnext/workflows/new/templates')` and render the template surface by changing `mockLocation` to that path. Add an index test that renders the template pathname, waits for the template fixture, and asserts exactly one `Start from a template` heading plus one `Browse public templates, inspect details, or create a draft directly.` paragraph. Add an assertion that `Change method` pushes the existing `/workflows/new` URL.
+
+- [ ] **Step 2: Run the affected tests and verify the expected failures**
+
+  Run:
+
+  ```bash
+  pnpm --dir apps/aevatar-console-web exec jest src/pages/workflow-activity-vnext/index.test.tsx src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx --runInBand
+  ```
+
+  Expected result: template selection still uses local state and the dedicated route does not render.
+
+- [ ] **Step 3: Implement route-owned rendering**
+
+  In `index.tsx`, check `pathname.endsWith('/workflows/new/templates')` before `/workflows/new` and render `WorkflowTemplatesPage`. In `NewWorkflowPage`, remove the template browser import, the `template` creation mode branch, and the template-specific shell title/description. Keep the chooser item but make `selectMode('template')` push `buildWorkflowActivityTemplatesHref(scopeId)` and return without setting local mode. The new page composes `WorkflowActivityVNextShell`, uses the single title and description from the spec, renders `WorkflowTemplateBrowser`, and maps `Change method` to `buildWorkflowActivityNewHref(scopeId)`.
+
+- [ ] **Step 4: Remove duplicate browser-owned heading and description**
+
+  Keep `WorkflowTemplateBrowser` responsible for its toolbar, list, pagination, alerts, detail modal, and actions. Remove only its inner `Typography.Title`, inner supporting paragraph, and the obsolete page-level `Change method` wrapper so the dedicated page owns the hierarchy.
+
+- [ ] **Step 5: Run the affected tests and verify they pass**
+
+  Re-run the command from Step 2. All existing template list/detail/instantiate assertions must pass, with the new route and one-heading assertions green.
+
+### Task 3: Present a contextual 404 state without hiding the technical error
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Test: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx`
+
+- [ ] **Step 1: Write the failing 404 presentation test**
+
+  Configure `listWorkflowTemplates` to reject with an error carrying `status: 404`, render the canonical template pathname, and assert the visible alert message is `Templates are not available in this environment.` while `HTTP 404 Not Found` remains visible inside the technical details disclosure. Assert the retry action remains available.
+
+- [ ] **Step 2: Run the focused test and verify it fails with the generic 404 copy**
+
+  Run:
+
+  ```bash
+  pnpm --dir apps/aevatar-console-web exec jest src/pages/workflow-activity-vnext/index.test.tsx src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx --runInBand
+  ```
+
+- [ ] **Step 3: Add a narrow 404 classifier and render the contextual message**
+
+  Add a local `isStatus(error, 404)` check using the existing `isStudioApiStatus` helper. For a browser list failure with status 404, render the product message as the alert `message`, place `errorMessage(browserFailure.message)` in `TechnicalDetails`, and keep `Retry`. Leave non-404 errors on the existing generic failure message and description.
+
+- [ ] **Step 4: Run the focused tests and verify the 404 behavior passes**
+
+  Re-run the focused Jest command and confirm the contextual message, technical detail, and retry assertions pass.
+
+### Task 4: Focused validation, browser verification, and PR update
+
+**Files:**
+- Modify: affected source and test files from Tasks 1-3 only
+
+- [ ] **Step 1: Run the frontend scope analyzer against the PR base**
+
+  ```bash
+  python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+  ```
+
+- [ ] **Step 2: Read the affected runner instructions and run only affected tests/static checks**
+
+  Run every changed/new Jest file reported by the analyzer and the changed-file Biome/static checks. Do not run the full frontend test suite, package-wide typecheck, or production build.
+
+- [ ] **Step 3: Verify the real page in the existing Chrome tab**
+
+  Navigate the already open localhost tab to the creation chooser, click `Use template`, confirm the address becomes `/workflows/new/templates`, confirm one page heading, use `Change method`, then return to the template URL and confirm the authenticated remote request still reports 404 until backend PR #3484 is deployed.
+
+- [ ] **Step 4: Review the complete diff and stage only current-task files**
+
+  Exclude the pre-existing untracked `findings.md`, `progress.md`, and `task_plan.md`. Run `git diff --check` and inspect the complete staged diff.
+
+- [ ] **Step 5: Commit, push, and update PR #3495**
+
+  ```bash
+  git commit -m "Fix workflow template route and unavailable state"
+  git push origin feat/2026-08-18_workflow-template-browser
+  gh pr edit 3495 --repo aevatarAI/aevatar --body-file /tmp/workflow-template-pr-body.md
+  ```
+
+  Include the exact focused commands and state that the full frontend suite/build is delegated to GitHub CI.
diff --git a/docs/superpowers/plans/2026-08-21-workflow-template-tooltips.md b/docs/superpowers/plans/2026-08-21-workflow-template-tooltips.md
new file mode 100644
index 0000000000..0b4adf7c08
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-21-workflow-template-tooltips.md
@@ -0,0 +1,110 @@
+# Workflow Template Tooltips Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Remove non-informative template catalogue content and establish one accessible tooltip component across console-web.
+
+**Architecture:** Add `AevatarTooltip` under shared UI as the sole Ant Tooltip adapter, migrate all business consumers without changing their existing content or placement overrides, and enforce that boundary with a TypeScript-AST test. Simplify the template table to its distinguishing facts and use the shared adapter for the step-count explanation.
+
+**Tech Stack:** React 19, TypeScript, Ant Design 6, Jest, Testing Library, Biome.
+
+---
+
+### Task 1: Add The Shared Tooltip Adapter
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/shared/ui/AevatarTooltip.tsx`
+- Create: `apps/aevatar-console-web/src/shared/ui/AevatarTooltip.test.tsx`
+
+- [ ] **Step 1: Write the failing component tests**
+
+Test that hover and focus display the supplied content and that an explicit placement override remains accepted.
+
+- [ ] **Step 2: Run the component test and verify RED**
+
+Run: `pnpm exec jest src/shared/ui/AevatarTooltip.test.tsx --runInBand --runTestsByPath`
+
+Expected: FAIL because `AevatarTooltip` does not exist.
+
+- [ ] **Step 3: Implement the minimal adapter**
+
+Wrap Ant Design `Tooltip`, preserve `TooltipProps`, and default `trigger` to `['hover', 'focus']`, `placement` to `top`, `mouseEnterDelay` to `0.2`, and the content container to a readable maximum width while merging consumer styles.
+
+- [ ] **Step 4: Run the component test and verify GREEN**
+
+Run the Task 1 Jest command and expect all tests to pass.
+
+### Task 2: Migrate Existing Tooltip Consumers
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/shared/ui/AevatarTooltipImportGuard.test.ts`
+- Modify: every console-web source file that directly imports `Tooltip` from `antd`
+
+- [ ] **Step 1: Write the failing import-boundary test**
+
+Parse TypeScript and TSX source imports with the TypeScript compiler API and fail when any file except `AevatarTooltip.tsx` imports the named `Tooltip` export from `antd`.
+
+- [ ] **Step 2: Run the guard and verify RED**
+
+Run: `pnpm exec jest src/shared/ui/AevatarTooltipImportGuard.test.ts --runInBand --runTestsByPath`
+
+Expected: FAIL and list the current direct-import files.
+
+- [ ] **Step 3: Mechanically migrate consumers**
+
+Replace JSX `Tooltip` elements with `AevatarTooltip`, remove `Tooltip` from Ant imports, add the shared adapter import, and update `AevatarHelpTooltip` to compose the adapter.
+
+- [ ] **Step 4: Run the guard and direct shared tests**
+
+Run both shared tooltip test files by path and expect them to pass.
+
+### Task 3: Simplify The Template Catalogue And Add Step Help
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/styles.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+
+- [ ] **Step 1: Update the page regression and verify RED**
+
+Require five table columns, no `Reads` or `Workflow inputs`, no decorative marker, and a step-count tooltip that opens on hover and focus.
+
+- [ ] **Step 2: Run the focused page test and verify RED**
+
+Run: `pnpm exec jest src/pages/workflow-activity-vnext/workflows/NewWorkflowPage.test.tsx --runInBand --runTestsByPath -t "renders only decision-useful template facts with step help"`
+
+Expected: FAIL against the six-column marker implementation.
+
+- [ ] **Step 3: Implement the table and copy change**
+
+Delete marker selection and icon imports, remove the reads header/cell/column, change the identity layout to text-only, rebalance the five columns, and wrap the step summary in `AevatarTooltip` with localized explanatory content.
+
+- [ ] **Step 4: Run the complete changed page test**
+
+Run the complete `NewWorkflowPage.test.tsx` by path and expect all tests to pass.
+
+### Task 4: Focused Verification And Delivery
+
+**Files:** all changed task files only.
+
+- [ ] **Step 1: Analyze affected frontend scope**
+
+Run the `frontend_change_scope.py` analyzer against `feat/2026-08-18_workflow-template-browser`.
+
+- [ ] **Step 2: Run dependency-related and directly changed tests**
+
+Use Jest `--findRelatedTests` for changed source files and run every changed/new test file explicitly.
+
+- [ ] **Step 3: Run changed-file static checks and repository test guard**
+
+Run Biome only on analyzer `staticCheckFiles`, `bash tools/ci/test_stability_guards.sh`, and `git diff --check`.
+
+- [ ] **Step 4: Verify in the existing Chrome tab**
+
+Reuse the user's existing browser tab, verify desktop and 390px layouts, removed content, hover/focus tooltip, scrolling, and absence of document-level horizontal overflow.
+
+- [ ] **Step 5: Commit, push, and create the pull request**
+
+Stage only task files, commit with an imperative message, push `fix/2026-08-21_workflow-template-tooltips`, create a stacked PR against `feat/2026-08-18_workflow-template-browser`, and record exact focused verification while delegating the full frontend suite/build to GitHub CI.
diff --git a/docs/superpowers/plans/2026-08-31-workflow-vnext-home.md b/docs/superpowers/plans/2026-08-31-workflow-vnext-home.md
new file mode 100644
index 0000000000..f9bd8688b2
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-31-workflow-vnext-home.md
@@ -0,0 +1,83 @@
+# Workflow vNext Home Implementation Plan (Historical)
+
+> Superseded on 2026-09-14 by the account-scoped `/workflows` resolver in
+> [the current home specification](../specs/2026-08-31-workflow-vnext-home-design.md).
+> The completed tasks below record the original implementation; do not use the
+> fixed-scope assertions or constants as requirements for new work.
+
+**Goal:** Make the fixed-scope Workflow Activity vNext workflow catalogue the console home without modifying the existing Teams page implementation or breaking explicit login return targets.
+
+**Architecture:** Keep `src/shared/navigation/consoleHome.ts` as the single semantic owner of default console navigation. Make the unscoped home aliases in `config/routes.ts` consume that constant, while leaving scoped Team routes and all Teams page files unchanged.
+
+**Tech Stack:** TypeScript, Umi route configuration, Jest, Biome
+
+---
+
+### Task 1: Lock The Home Navigation Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/navigation/consoleHome.test.ts`
+- Modify: `apps/aevatar-console-web/src/routesConfig.test.ts`
+
+- [x] **Step 1: Update the shared home test**
+
+Assert that `WORKFLOW_ACTIVITY_VNEXT_HOME_ROUTE`, `getConsoleHomeRoute()`, and `CONSOLE_HOME_ROUTE` all equal the fixed workflow catalogue path.
+
+- [x] **Step 2: Update the route contract test**
+
+Import `CONSOLE_HOME_ROUTE` and assert that `/`, `/overview`, and `/scopes` redirect to it, `/scopes` is hidden and does not mount `./teams`, and `/scopes/:scopeId/teams` still mounts `./teams`.
+
+- [x] **Step 3: Run the changed tests and verify RED**
+
+Run:
+
+```bash
+pnpm exec jest src/shared/navigation/consoleHome.test.ts src/routesConfig.test.ts --runInBand
+```
+
+Expected: FAIL because the shared home still equals `/scopes` and `/scopes` still mounts `./teams`.
+
+### Task 2: Point Default Navigation At Workflow Activity vNext
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/navigation/consoleHome.ts`
+- Modify: `apps/aevatar-console-web/config/routes.ts`
+
+- [x] **Step 1: Define the fixed Workflow Activity home**
+
+Replace the Teams home constant with a named Workflow Activity vNext home constant and retain `CONSOLE_HOME_ROUTE` as its public default-navigation alias.
+
+- [x] **Step 2: Redirect unscoped home aliases**
+
+Import `CONSOLE_HOME_ROUTE` into `config/routes.ts`. Redirect `/`, `/overview`, and `/scopes` to it; make `/scopes` hidden and remove its Teams name/component fields.
+
+- [x] **Step 3: Run the changed tests and verify GREEN**
+
+Run:
+
+```bash
+pnpm exec jest src/shared/navigation/consoleHome.test.ts src/routesConfig.test.ts --runInBand
+```
+
+Expected: PASS with both changed test suites green.
+
+### Task 3: Focused Validation And Delivery
+
+**Files:**
+- Review all files changed from `feat/2026-08-04_workflow-activity-vnext`
+
+- [x] **Step 1: Analyze affected frontend scope**
+
+Run the `frontend-incremental-pr` analyzer with base `feat/2026-08-04_workflow-activity-vnext` and use its output to select exact tests and changed-file static checks.
+
+- [x] **Step 2: Run focused tests and static checks**
+
+Run changed test files explicitly, related tests for changed production files, and Biome only for analyzer-reported static-check files. Do not run a full frontend test, typecheck, or build.
+
+- [x] **Step 3: Review semantic drift and the full diff**
+
+Search the changed navigation area for stale Teams-home assertions, confirm no `src/pages/teams/**` file changed, and inspect `git diff --check` plus the complete base diff.
+
+- [x] **Step 4: Commit and deliver**
+
+Stage only this task's tracked files, commit with an imperative single-purpose message, push the branch, and create a PR targeting `feat/2026-08-04_workflow-activity-vnext`. Record exact focused commands and state that the full frontend suite/build is delegated to GitHub CI.
diff --git a/docs/superpowers/plans/2026-09-02-workflow-configuration-guidance.md b/docs/superpowers/plans/2026-09-02-workflow-configuration-guidance.md
new file mode 100644
index 0000000000..0c07f4ece0
--- /dev/null
+++ b/docs/superpowers/plans/2026-09-02-workflow-configuration-guidance.md
@@ -0,0 +1,190 @@
+# Frontend-Only Workflow Configuration Guidance Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use
+> `superpowers:executing-plans` to implement this plan task-by-task. Steps use
+> checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make workflow step Configuration understandable without changing or
+adding a backend contract.
+
+**Architecture:** Keep `WorkflowNodeInspector` on the existing workflow
+parameter draft/update path. Extend only the static frontend field schema and
+presentation copy; do not discover or infer server-owned capabilities.
+
+**Tech Stack:** React, TypeScript, Ant Design, Jest, Testing Library, Umi.
+
+---
+
+### Task 1: Remove The Backend-Dependent Design
+
+**Files:**
+
+- Remove from the branch diff:
+  `src/platform/Aevatar.GAgentService.Hosting/Endpoints/WorkflowCapabilityHttpContracts.cs`
+- Restore to the base version:
+  `src/platform/Aevatar.GAgentService.Hosting/Endpoints/ScopeWorkflowEndpoints.cs`
+- Restore to the base version:
+  `test/Aevatar.GAgentService.Integration.Tests/ScopeWorkflowEndpointsTests.cs`
+- Restore to the base version:
+  `test/Aevatar.GAgentService.Integration.Tests/GAgentServiceHostingServiceCollectionExtensionsTests.cs`
+- Restore capability client additions in:
+  `apps/aevatar-console-web/src/shared/studio/api.ts`
+- Restore capability decoder tests in:
+  `apps/aevatar-console-web/src/shared/studio/api.test.ts`
+- Remove:
+  `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowToolCallConfiguration.tsx`
+- Remove:
+  `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowToolCallConfiguration.test.tsx`
+- Remove:
+  `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/toolCallConfiguration.ts`
+- Remove:
+  `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/toolCallConfiguration.test.ts`
+
+- [ ] **Step 1: Mechanically reverse the branch's capability endpoint and
+  client commits without rewriting branch history.**
+
+- [ ] **Step 2: Confirm the diff contains no files under `src/` or `test/`.**
+
+Run:
+
+```bash
+git diff --name-only origin/feat/2026-08-04_workflow-activity-vnext...HEAD -- src test
+```
+
+Expected after the correction commit: no output.
+
+### Task 2: Specify The Frontend-Only Inspector Behavior
+
+**Files:**
+
+- Modify:
+  `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.test.tsx`
+- Modify:
+  `apps/aevatar-console-web/src/shared/studio/nodeConfigFields.structured.test.ts`
+
+- [ ] **Step 1: Add a failing inspector test.**
+
+The test renders a `tool_call` draft with these existing parameters:
+
+```ts
+{
+  tool: 'nyxid_proxy',
+  arguments: '{"query":{"request":"$input"}}',
+}
+```
+
+It asserts that `Tool name`, `Arguments JSON`, `Required`, `Optional`, and the
+argument-contract guidance are visible without mocking any capability API.
+
+- [ ] **Step 2: Run the test and verify RED.**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.test.tsx \
+  --runInBand
+```
+
+Expected: FAIL because the current inspector still renders the removed dynamic
+capability picker or lacks the arguments field.
+
+- [ ] **Step 3: Add a failing schema test.**
+
+Assert that `getStudioNodeConfigurationSchema('tool_call')` exposes `tool` as a
+required single-line value and `arguments` as an optional multi-line string.
+
+- [ ] **Step 4: Run the schema test and verify RED.**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  src/shared/studio/nodeConfigFields.structured.test.ts --runInBand
+```
+
+Expected: FAIL because `arguments` is not yet part of the static schema.
+
+### Task 3: Implement Honest Field Guidance
+
+**Files:**
+
+- Modify:
+  `apps/aevatar-console-web/src/shared/studio/nodeConfigFieldSchemas.ts`
+- Modify:
+  `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowNodeInspector.tsx`
+- Modify:
+  `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.en-US.ts`
+- Modify:
+  `apps/aevatar-console-web/src/locales/workflowActivityVNextMessages.zh-CN.ts`
+- Modify translation entries in:
+  `apps/aevatar-console-web/src/locales/en-US.ts`
+- Modify translation entries in:
+  `apps/aevatar-console-web/src/locales/zh-CN.ts`
+
+- [ ] **Step 1: Extend the static tool-call schema.**
+
+Add `arguments` as a `multi-line` string field. Its input value is raw text and
+therefore continues to serialize as a string.
+
+- [ ] **Step 2: Render requirement state and persistent helper copy.**
+
+Each field header shows `Required` or `Optional`. Beneath the control, render
+its explicit description; when no description exists, render its placeholder
+as a persistent example so help remains visible after a value is entered.
+
+- [ ] **Step 3: Keep the existing inspector hierarchy improvements.**
+
+Retain step purpose, Settings, collapsed Technical details, collapsed Advanced
+JSON, localized errors, `Cancel`, and `Apply step`. Remove all `scopeId`,
+capability state, discovery queries, readiness queries, and operation-specific
+presentation.
+
+- [ ] **Step 4: Run the two focused tests and verify GREEN.**
+
+Run the exact commands from Task 2. Expected: PASS.
+
+### Task 4: Verify And Deliver
+
+**Files:** all frontend and documentation files changed by Tasks 1-3.
+
+- [ ] **Step 1: Run the frontend change-scope analyzer.**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+- [ ] **Step 2: Run every analyzer-selected related test and changed-file
+  static check.**
+
+Do not run a full frontend test suite, full TypeScript check, or production
+build. GitHub CI owns full verification.
+
+- [ ] **Step 3: Inspect the running page at desktop and mobile widths.**
+
+Reuse the existing browser tab and the development server connected to the
+configured remote backend. Confirm no overlap, clipped text, or capability API
+request occurs.
+
+- [ ] **Step 4: Review and stage only this task's files.**
+
+```bash
+git diff --check
+git diff --name-status origin/feat/2026-08-04_workflow-activity-vnext...HEAD
+```
+
+- [ ] **Step 5: Commit and push.**
+
+```bash
+git commit -m "Keep workflow configuration guidance frontend-only"
+git push origin feat/2026-09-02_workflow-configuration-guidance
+```
+
+- [ ] **Step 6: Update PR #3574.**
+
+Record the exact focused commands and results, plus:
+
+```text
+Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+```
diff --git a/docs/superpowers/plans/2026-09-03-live-run-node-tracking.md b/docs/superpowers/plans/2026-09-03-live-run-node-tracking.md
new file mode 100644
index 0000000000..d7a319678e
--- /dev/null
+++ b/docs/superpowers/plans/2026-09-03-live-run-node-tracking.md
@@ -0,0 +1,269 @@
+# Live Run Node Tracking Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make the live Workflow Run console treat the currently executing node as the primary selection, keep it visible as execution advances, and render a stable compact running indicator.
+
+**Architecture:** Keep transport decoding and node projection unchanged because `buildExecutionTrace` already materializes `aevatar.step.request` as a running node. Put live-follow policy in the shared `WorkflowExecutionLogsPanel`, which owns Nodes/Events presentation and can synchronize its controlled log selection with both the detail pane and existing canvas decoration. Raw events remain an explicit Events view and never become the implicit content of the Nodes view.
+
+**Tech Stack:** React 19, TypeScript, Ant Design, Testing Library, Jest, shared Aevatar loading primitives.
+
+---
+
+### Task 1: Protect The Live Node Contract
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.test.tsx`
+
+- [x] **Step 1: Add a controlled execution-panel harness**
+
+Create a test harness that owns `activeLogIndex`, renders a running `StudioExecutionDetail`, and accepts deterministic frame updates through Testing Library `rerender`.
+
+- [x] **Step 2: Prove Nodes does not render lifecycle Events before a step starts**
+
+Render a running execution containing only `RUN_STARTED`; assert the Nodes segment stays active, the Run-start event row and Event payload are absent, and the node-waiting state is rendered.
+
+- [x] **Step 3: Prove the first running node becomes primary**
+
+Append an `aevatar.step.request` frame for `step-alpha`; assert its row says `Running`, is selected, owns the detail pane, and contains the shared three-dot running indicator.
+
+- [x] **Step 4: Prove live follow advances without stealing focus within one step**
+
+Render a completed `step-alpha` and running `step-beta`, select `step-alpha` manually, then append running `step-gamma`. Assert the manual selection remains during `step-beta`, the transition to `step-gamma` selects it, and its row receives `scrollIntoView({ block: 'nearest' })` without DOM focus.
+
+- [x] **Step 5: Run the new cases and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest \
+  --runInBand \
+  --runTestsByPath \
+  src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.test.tsx \
+  --testNamePattern 'keeps raw events out|follows each newly running node'
+```
+
+Expected: FAIL because Nodes currently falls back to Events, selection stays on the first node, no scroll-follow exists, and running status uses the Ant Design spinner.
+
+### Task 2: Implement Shared Live Follow
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/workflows/WorkflowExecutionLogsPanel.tsx`
+
+- [x] **Step 1: Keep Nodes and Events semantically separate**
+
+When `overviewMode === 'nodes'`, render only projected node entries. If no node has started, retain the existing truthful waiting/empty copy rather than substituting event rows or event details.
+
+- [x] **Step 2: Resolve the latest execution-owned node entry**
+
+Match `trace.latestStepId` to the newest projected attempt for that step. While the execution is non-terminal, use that entry as the default selection when no valid controlled node selection exists.
+
+- [x] **Step 3: Synchronize on node transitions**
+
+Track the last auto-followed node entry ID in a ref. When a different live node attempt becomes current, call `onSelectLog(entry.logIndex)` exactly once. Do not repeat that call for additional frames on the same node, so a user's manual inspection remains stable until execution advances.
+
+- [x] **Step 4: Keep the current node visible**
+
+Register rendered row elements by entry ID and call `scrollIntoView({ block: 'nearest' })` when the live-follow target changes while Nodes is visible. Do not call `.focus()`.
+
+- [x] **Step 5: Replace the clipped spinner**
+
+Replace `LoadingOutlined` with `AevatarLoadingDots` inside a fixed `18px` inline-flex indicator box. Use the shared reduced-motion-aware loading implementation and mark the visual as decorative because the adjacent `Running` text carries status semantics.
+
+- [x] **Step 6: Run the focused component tests and verify GREEN**
+
+Run the Task 1 Jest command and expect both new cases plus the existing clipboard case to pass.
+
+### Task 3: Verify And Deliver The Incremental PR
+
+**Files:**
+- Review: all files changed by Tasks 1 and 2
+
+- [x] **Step 1: Run changed-file analysis**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py \
+  --repo . \
+  --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+- [x] **Step 2: Preflight dependency-related tests**
+
+Use `jest --listTests --findRelatedTests` for `WorkflowExecutionLogsPanel.tsx`; reject unrelated fan-out and otherwise run the same bounded related-test command. Run the changed component test explicitly.
+
+- [x] **Step 3: Run focused static and repository guards**
+
+Run analyzer-reported Biome checks, `bash tools/ci/test_stability_guards.sh`, `git diff --check`, and the vNext baseline verifier. Skip local package-wide `tsc` and production build because the personal incremental policy delegates those to GitHub CI.
+
+- [x] **Step 4: Review and deliver**
+
+Review the full base diff, stage only the task's plan, shared component, locale copy, and focused/integration tests, commit with an imperative single-purpose message, push `fix/2026-09-03_live-run-node-tracking`, and create a PR targeting `feat/2026-08-04_workflow-activity-vnext`. Include the required design-baseline declaration and exact focused verification evidence; do not wait for CI.
+
+### Task 4: Preserve Each Node Start Across Batched SSE Frames
+
+**Files:**
+- Create: `docs/superpowers/specs/2026-09-03-live-workflow-node-presentation-design.md`
+- Create: `apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.ts`
+- Create: `apps/aevatar-console-web/src/shared/workflows/streamingExecutionPresentation.test.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/hooks/useWorkflowEditor.ts`
+- Modify: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/hooks/useTeamMemberWorkflowStudio.ts`
+
+- [x] **Step 1: Add a single-chunk page regression test**
+
+Make `parseBackendSSEStream` yield two complete node lifecycles synchronously.
+Install a controlled `requestAnimationFrame` queue, start a published run, and
+assert that `step-alpha` is visible as Running while `step-beta` is absent until
+the two callbacks representing a completed paint boundary are released.
+
+- [x] **Step 2: Run the page regression and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand \
+  --runTestsByPath src/pages/workflow-activity-vnext/index.test.tsx \
+  --testNamePattern 'presents each node start from one SSE chunk'
+```
+
+Expected: FAIL because the current stream loop consumes both node lifecycles
+before React paints and the first observable state already contains both rows.
+
+- [x] **Step 3: Add the shared paint-boundary helper and unit tests**
+
+Implement `waitForWorkflowNodeStartPaint(event, signal, scheduler)` in
+`streamingExecutionPresentation.ts`. Use `extractStepRequest(event)` as the
+typed semantic detector. Schedule two animation frames for a node-start event,
+resolve only from the second callback, return immediately for other events, and
+cancel pending callbacks when the abort signal fires.
+
+- [x] **Step 4: Integrate both workflow execution consumers**
+
+After `setLiveRunExecution(...)` in `useWorkflowEditor.ts` and after
+`setExecutionDetail(...)` in `useTeamMemberWorkflowStudio.ts`, call:
+
+```ts
+await waitForWorkflowNodeStartPaint(event, controller.signal);
+```
+
+Do not apply this wait to the parser or unrelated SSE consumers.
+
+- [x] **Step 5: Verify GREEN and update the pull request**
+
+Run the new helper test, the named page regression, the analyzer-selected
+related tests, changed-file Biome, `bash tools/ci/test_stability_guards.sh`, the
+vNext baseline verifier, and `git diff --check`. Review the base diff, commit,
+push the existing branch, and update PR #3580 with the new commands and design
+decision. Full frontend typecheck, suite, and production build remain delegated
+to GitHub CI.
+
+### Task 5: Present The Submitted Node Inventory Up Front
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/workflows/WorkflowExecutionLogsPanel.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/locales/en-US.ts`
+- Modify: `apps/aevatar-console-web/src/locales/zh-CN.ts`
+
+- [x] **Step 1: Write definition-first component regressions**
+
+Pass three distinct workflow node snapshots to `ControlledExecutionPanel`.
+With only `RUN_STARTED`, assert that all three node rows exist in definition
+order, remain disabled, and say `Pending`. After adding the first step request,
+assert that only the first row becomes Running and selected while the later rows
+remain Pending. Add a terminal execution case asserting that definition nodes
+without an attempt say `Not run`.
+
+- [x] **Step 2: Update the single-chunk page regression**
+
+Keep the existing controlled animation-frame boundary, but replace the old
+assertion that `step-beta` is absent with:
+
+```ts
+const betaRow = within(logs).getByTestId(
+  'workflow-execution-log-row-node-step-beta',
+);
+expect(betaRow).toHaveTextContent('Pending');
+expect(betaRow).toBeDisabled();
+```
+
+After the first paint boundary, query the row again and assert that its real
+runtime attempt is Running, selected, and enabled.
+
+- [x] **Step 3: Run the focused cases and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec jest --runInBand \
+  --runTestsByPath \
+  src/pages/team-member-workflow-studio/components/WorkflowStudioExecutionPanel.test.tsx \
+  src/pages/workflow-activity-vnext/index.test.tsx \
+  --testNamePattern 'shows submitted nodes before they start|marks unentered nodes as not run|presents each node start from one SSE chunk'
+```
+
+Expected: FAIL because `buildNodeOverviewEntries` currently drops every
+definition node without a matching runtime log entry.
+
+- [x] **Step 4: Merge definition placeholders with runtime attempts**
+
+Extend the presentation-only status union with `pending` and `not-run`. Build a
+placeholder entry for each unique definition node without a logged attempt:
+
+```ts
+function createDefinitionNodeEntry(
+  node: WorkflowExecutionNodeSnapshot,
+  status: 'pending' | 'not-run',
+): ExecutionOverviewEntry {
+  const stepId = node.stepId.trim();
+  return {
+    category: 'step',
+    completedAt: '',
+    entryId: `node-definition:${stepId}`,
+    eventCount: 0,
+    eventType: '',
+    inputText: '',
+    interactionText: '',
+    logIndex: -1,
+    logIndexes: [],
+    meta: node.targetRole,
+    outputText: '',
+    payloadText: '',
+    pendingText: '',
+    previewText: '',
+    rawText: '',
+    rowType: 'node',
+    startedAt: '',
+    status,
+    stepId,
+    subtitle: node.subtitle,
+    title: getUserFacingIdentifierLabel(stepId, node.title || stepId),
+  };
+}
+```
+
+Keep placeholders nonselectable and without timestamps or details. Replace a
+placeholder with all real attempt entries when logs for that step exist, and
+append runtime-only nodes after the definition order. In Workflow Activity,
+capture `buildWorkflowExecutionNodeSnapshots(editor.document)` in component
+state when the published run starts so edits made during that run cannot alter
+its submitted inventory; reset that snapshot when changing workflow routes.
+
+- [x] **Step 5: Add honest status copy and visuals**
+
+Map `pending` to the existing localized Pending label and a neutral clock icon.
+Add `teamMemberWorkflowStudio.executionPanel.status.notRun` with English
+`Not run` and Chinese `未运行`, rendered with a neutral minus icon. Keep
+interaction-level `waiting` separate because it describes a node that has
+already started and is waiting for input or a signal.
+
+- [x] **Step 6: Verify GREEN and deliver the PR update**
+
+Run the focused RED command and the dependency-analyzer-selected related tests,
+then changed-file Biome, `bash tools/ci/test_stability_guards.sh`, the vNext
+baseline verifier, and `git diff --check`. Review the base diff, stage only Task
+5 files plus this plan, commit, push the existing branch, and update PR #3580.
+Package-wide typecheck, the full frontend suite, and production build remain
+delegated to GitHub CI.
diff --git a/docs/superpowers/plans/2026-09-03-nyxid-review-return-route.md b/docs/superpowers/plans/2026-09-03-nyxid-review-return-route.md
new file mode 100644
index 0000000000..310ff7f029
--- /dev/null
+++ b/docs/superpowers/plans/2026-09-03-nyxid-review-return-route.md
@@ -0,0 +1,365 @@
+# NyxID Service Access Review Return Route Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Preserve the initiating Account settings URL through the complete NyxID service-access-review flow so Workflow Activity vNext returns to its scoped Account route instead of legacy Settings.
+
+**Architecture:** Product surfaces construct their own canonical URLs, while `NyxIDAuthClient` only sanitizes, persists, and restores caller-owned return targets. A discriminated option union makes the review target mandatory, and the callback page sanitizes error navigation before back or retry actions.
+
+**Tech Stack:** React 19, TypeScript 5.6, Umi, Jest 29, Testing Library, Biome, pnpm
+
+---
+
+## File Map
+
+- `apps/aevatar-console-web/src/shared/auth/client.ts`: typed redirect contract and pending OAuth return-target round trip.
+- `apps/aevatar-console-web/src/shared/auth/client.test.ts`: review persistence, success, denial, failure, and unsafe-target regressions.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.ts`: canonical vNext Settings URL builder.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.test.ts`: route-builder contract.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/SettingsPage.tsx`: scoped route owner for Settings tabs and Account review.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.tsx`: semantically named Account route consumer.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx`: explicit review option contract.
+- `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`: integrated vNext Account initiation assertion.
+- `apps/aevatar-console-web/src/pages/settings/accountContent.tsx`: legacy Settings owns its local review return URL.
+- `apps/aevatar-console-web/src/pages/settings/index.test.tsx`: legacy return behavior remains explicit.
+- `apps/aevatar-console-web/src/pages/auth/callback/index.tsx`: sanitized callback error target and type-safe retry branches.
+- `apps/aevatar-console-web/src/pages/auth/callback/index.test.tsx`: scoped success, failure, retry, and unsafe fallback coverage.
+
+### Task 1: Make The Auth Contract Preserve Caller-Owned Review Routes
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/auth/client.test.ts`
+- Modify: `apps/aevatar-console-web/src/shared/auth/client.ts`
+
+- [ ] **Step 1: Change the review tests to use a distinct scoped route**
+
+Define one explicit test value and replace every review constant assertion:
+
+```ts
+const reviewReturnTo =
+  '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account';
+```
+
+For review initiation, assert that pending state keeps the supplied value:
+
+```ts
+await new NyxIDAuthClient(runtimeConfig).loginWithRedirect({
+  flow: 'serviceAccessReview',
+  returnTo: reviewReturnTo,
+});
+
+expect(pending).toEqual(
+  expect.objectContaining({
+    flow: 'serviceAccessReview',
+    returnTo: reviewReturnTo,
+    state: authorizeUrl.searchParams.get('state'),
+  }),
+);
+```
+
+Use the same distinct value in success, backend failure, and OAuth denial
+fixtures and assertions. Add a tampered pending-state case whose `returnTo` is
+`//evil.example/account`; assert the callback error contains
+`CONSOLE_HOME_ROUTE`.
+
+- [ ] **Step 2: Run the auth regression test and confirm the old override fails**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest src/shared/auth/client.test.ts --runInBand
+```
+
+Expected: FAIL because review pending state or callback results contain
+`/settings?section=account` instead of the scoped route.
+
+- [ ] **Step 3: Replace the permissive option interface with a discriminated union**
+
+Implement the exported option type:
+
+```ts
+export type LoginRedirectOptions =
+  | {
+      readonly flow?: 'signIn';
+      readonly returnTo?: string;
+      readonly prompt?: 'none' | 'consent' | 'login';
+    }
+  | {
+      readonly flow: 'serviceAccessReview';
+      readonly returnTo: string;
+      readonly prompt?: never;
+    };
+```
+
+Delete `SERVICE_ACCESS_REVIEW_RETURN_TO`. Make return resolution independent of
+flow while keeping its signature suitable for both pending and current options:
+
+```ts
+function resolveReturnTo(returnTo?: string | null): string {
+  return sanitizeReturnTo(returnTo);
+}
+```
+
+Use `resolveReturnTo(options.returnTo)` before persisting and
+`resolveReturnTo(storedPending?.pending.returnTo)` when restoring. Keep:
+
+```ts
+const prompt = flow === 'serviceAccessReview' ? 'consent' : options.prompt;
+```
+
+- [ ] **Step 4: Run the auth test and confirm the round trip passes**
+
+Run the Step 2 command again.
+
+Expected: PASS, including custom scoped return values and unsafe pending-state
+fallback.
+
+### Task 2: Give Each Settings Surface Ownership Of Its Route
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.test.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/navigation.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/AccountPanel.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/settings/SettingsPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/settings/accountContent.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/settings/index.test.tsx`
+
+- [ ] **Step 1: Add failing canonical Settings route tests**
+
+Add these assertions to `navigation.test.ts`:
+
+```ts
+expect(buildWorkflowActivitySettingsHref('scope with space', 'ai')).toBe(
+  '/scopes/scope%20with%20space/workflow-activity-vnext/settings',
+);
+expect(buildWorkflowActivitySettingsHref('scope-alpha', 'account')).toBe(
+  '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account',
+);
+expect(buildWorkflowActivitySettingsHref('scope-alpha', 'advanced')).toBe(
+  '/scopes/scope-alpha/workflow-activity-vnext/settings?section=advanced',
+);
+```
+
+Rename every Account panel test prop to `accountSettingsHref`. Add a successful
+review test that clicks `Manage service access` and asserts:
+
+```ts
+expect(mockLoginWithRedirect).toHaveBeenCalledWith({
+  flow: 'serviceAccessReview',
+  returnTo:
+    '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account',
+});
+```
+
+- [ ] **Step 2: Run the route and panel tests and confirm the new API fails**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest src/pages/workflow-activity-vnext/navigation.test.ts src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx --runInBand
+```
+
+Expected: FAIL because the builder and renamed prop do not exist.
+
+- [ ] **Step 3: Implement the canonical builder and vNext ownership**
+
+In `navigation.ts`, add:
+
+```ts
+export type WorkflowActivitySettingsSection = 'ai' | 'account' | 'advanced';
+
+export function buildWorkflowActivitySettingsHref(
+  scopeId: string,
+  section: WorkflowActivitySettingsSection,
+): string {
+  const base = buildWorkflowActivitySectionHref(scopeId, 'settings');
+  return section === 'ai' ? base : `${base}?section=${section}`;
+}
+```
+
+In `SettingsPage.tsx`, import the type and builder, remove the pathname-based
+`settingsSectionHref`, and build every Settings tab href with `scopeId`. Pass:
+
+```tsx
+<AccountPanel
+  accountSettingsHref={buildWorkflowActivitySettingsHref(scopeId, 'account')}
+  identity={accountIdentity}
+/>
+```
+
+In `AccountPanel.tsx`, rename the prop and use `accountSettingsHref` for both
+the sign-in recovery URL and review `returnTo`.
+
+- [ ] **Step 4: Move the legacy URL into legacy Settings**
+
+Remove the deleted shared constant import and define:
+
+```ts
+const LEGACY_ACCOUNT_SETTINGS_HREF = '/settings?section=account';
+```
+
+Pass that local constant to the legacy review call. Keep the legacy integration
+assertion expecting `/settings?section=account` and update no vNext expectation
+to use the legacy path.
+
+- [ ] **Step 5: Run the affected Settings tests**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest src/pages/workflow-activity-vnext/navigation.test.ts src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx src/pages/workflow-activity-vnext/index.test.tsx src/pages/settings/index.test.tsx --runInBand
+```
+
+Expected: PASS with vNext producing the scoped Account href and legacy Settings
+producing only its local legacy href.
+
+### Task 3: Make Callback Error Navigation Safe And Route-Preserving
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/auth/callback/index.test.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/auth/callback/index.tsx`
+
+- [ ] **Step 1: Change callback tests to scoped review routes and add unsafe input**
+
+Remove the deleted route constant from the client mock. Change review success,
+denial, localized failure, and retry fixtures to:
+
+```ts
+const reviewReturnTo =
+  '/scopes/scope-alpha/workflow-activity-vnext/settings?section=account';
+```
+
+Assert both retry and the back link retain `reviewReturnTo`. Add a structured
+review error with `returnTo: '//evil.example/account'` and assert the back link
+uses `CONSOLE_HOME_ROUTE` and retry passes that same safe target.
+
+- [ ] **Step 2: Run the callback test and confirm unsafe or legacy behavior fails**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest src/pages/auth/callback/index.test.tsx --runInBand
+```
+
+Expected: FAIL because the implementation still imports the deleted constant,
+falls back to legacy Settings, or accepts a protocol-relative error target.
+
+- [ ] **Step 3: Sanitize callback error targets and split retry variants**
+
+Import `sanitizeReturnTo`, remove the shared route constant, and resolve error
+navigation with:
+
+```ts
+const fallbackReturnTo =
+  flow === 'serviceAccessReview' ? CONSOLE_HOME_ROUTE : '/login';
+const returnTo =
+  typeof record?.returnTo === 'string'
+    ? sanitizeReturnTo(record.returnTo)
+    : fallbackReturnTo;
+```
+
+Make retry options type-correct by branching:
+
+```ts
+if (callbackError.flow === 'serviceAccessReview') {
+  await client.loginWithRedirect({
+    flow: 'serviceAccessReview',
+    returnTo: callbackError.returnTo,
+  });
+} else {
+  await client.loginWithRedirect({
+    flow: 'signIn',
+    returnTo: callbackError.returnTo,
+    ...(callbackError.reason === 'requiredServiceAccessMissing'
+      ? { prompt: 'consent' as const }
+      : {}),
+  });
+}
+```
+
+- [ ] **Step 4: Run the callback test and confirm safe round trips pass**
+
+Run the Step 2 command again.
+
+Expected: PASS for scoped success, denial, failure, retry, back navigation, and
+unsafe fallback.
+
+### Task 4: Focused Verification And Delivery
+
+**Files:**
+- Verify all files listed in the File Map.
+
+- [ ] **Step 1: Run the frontend change-scope analyzer**
+
+Run:
+
+```bash
+python3 /Users/abigaildeng/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Expected: the report lists the changed frontend files, explicit Jest files, and
+changed-file static checks. Do not run a full frontend test, typecheck, lint, or
+build locally.
+
+- [ ] **Step 2: Run every directly changed Jest file together**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest src/shared/auth/client.test.ts src/pages/auth/callback/index.test.tsx src/pages/settings/index.test.tsx src/pages/workflow-activity-vnext/navigation.test.ts src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx src/pages/workflow-activity-vnext/index.test.tsx --runInBand
+```
+
+Expected: all suites PASS.
+
+- [ ] **Step 3: Run dependency-related Jest coverage**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --findRelatedTests src/shared/auth/client.ts src/pages/auth/callback/index.tsx src/pages/settings/accountContent.tsx src/pages/workflow-activity-vnext/navigation.ts src/pages/workflow-activity-vnext/settings/AccountPanel.tsx src/pages/workflow-activity-vnext/settings/SettingsPage.tsx --runInBand
+```
+
+Expected: every discovered related suite PASS.
+
+- [ ] **Step 4: Run changed-file static checks**
+
+Run Biome only with source and test paths reported by the scope analyzer:
+
+```bash
+pnpm --dir apps/aevatar-console-web exec biome check src/shared/auth/client.ts src/shared/auth/client.test.ts src/pages/auth/callback/index.tsx src/pages/auth/callback/index.test.tsx src/pages/settings/accountContent.tsx src/pages/settings/index.test.tsx src/pages/workflow-activity-vnext/navigation.ts src/pages/workflow-activity-vnext/navigation.test.ts src/pages/workflow-activity-vnext/settings/AccountPanel.tsx src/pages/workflow-activity-vnext/settings/AccountPanel.test.tsx src/pages/workflow-activity-vnext/settings/SettingsPage.tsx src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: the changed-file Biome check exits 0.
+
+- [ ] **Step 5: Run the test stability guard**
+
+Run:
+
+```bash
+bash tools/ci/test_stability_guards.sh
+```
+
+Expected: the guard exits 0. Full-project TypeScript verification and the full
+frontend suite/build are delegated to GitHub CI.
+
+- [ ] **Step 6: Review and commit only task files**
+
+Review `git diff --check`, the complete diff against the target base, and
+`git status --short`. Stage only the design, plan, source, and test files from
+this task, then commit:
+
+```bash
+git commit -m "Fix NyxID review return routing"
+```
+
+Expected: the worktree is clean and the branch contains the design commit plus
+one focused implementation commit.
+
+- [ ] **Step 7: Push and create the pull request**
+
+Push `fix/2026-09-03_nyxid-review-return-route` and create a ready PR targeting
+`feat/2026-08-04_workflow-activity-vnext`. The PR body records the problem,
+route-ownership solution, affected paths, exact focused commands and results,
+and that GitHub CI owns the full frontend typecheck, suite, and build.
diff --git a/docs/superpowers/plans/2026-09-03-workflow-canvas-scaling.md b/docs/superpowers/plans/2026-09-03-workflow-canvas-scaling.md
new file mode 100644
index 0000000000..d948f00f44
--- /dev/null
+++ b/docs/superpowers/plans/2026-09-03-workflow-canvas-scaling.md
@@ -0,0 +1,567 @@
+# Workflow Canvas Scaling Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Scale the shared React Flow Canvas and its vNext editor, Run Detail, and template-preview consumers to 1000-node workflows without implementing viewport persistence.
+
+**Architecture:** Keep React Flow as the interaction engine, but give it stable semantic element references and stable configuration props. Move graph reconciliation into pure helpers, keep drag state local, separate Run Detail selection from graph derivation, and make layout/fit work conditional on actual topology needs. Add an opt-in production benchmark route and Chromium runner so CI records render, timing, and memory evidence without shipping the route in ordinary builds.
+
+**Tech Stack:** React 19, TypeScript, `@xyflow/react@12.10.1`, Jest/Testing Library, Biome, Playwright Test with system Chrome, GitHub Actions.
+
+---
+
+### Task 1: Stable Graph Element References
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.ts`
+- Create: `apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.test.ts`
+
+- [ ] **Step 1: Write failing reference-reconciliation tests**
+
+Cover unchanged elements, a single changed node, a selection transition, a
+single changed execution status, and unchanged edges. Use distinct IDs and
+assert identity with `toBe`, for example:
+
+```ts
+const previous = createNodes(500);
+const incoming = previous.map((node) =>
+  node.id === 'step:250'
+    ? { ...node, position: { x: 900, y: 320 } }
+    : { ...node, data: { ...node.data } },
+);
+
+const next = reconcileGraphNodes(previous, incoming, 'step:10');
+
+expect(next[250]).not.toBe(previous[250]);
+expect(next[249]).toBe(previous[249]);
+expect(next[251]).toBe(previous[251]);
+expect(next[10]?.selected).toBe(true);
+```
+
+Test that a subsequent selection from `step:10` to `step:11` replaces only
+those two node objects. Test edges with a status-only node update and require
+every edge reference to remain identical.
+
+- [ ] **Step 2: Run the new test and verify RED**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/graphs/reconcileGraphElements.test.ts
+```
+
+Expected: FAIL because `reconcileGraphNodes` and `reconcileGraphEdges` do not
+exist.
+
+- [ ] **Step 3: Implement semantic reconciliation**
+
+Implement exported generic helpers with these contracts:
+
+```ts
+export function reconcileGraphNodes<NodeType extends Node>(
+  previous: readonly NodeType[],
+  incoming: readonly NodeType[],
+  selectedNodeId?: string,
+): NodeType[];
+
+export function reconcileGraphEdges<EdgeType extends Edge>(
+  previous: readonly EdgeType[],
+  incoming: readonly EdgeType[],
+): EdgeType[];
+```
+
+Index previous elements by ID. Compare node position and the shallow semantic
+fields used by the repository, including a shallow comparison of `data`,
+`style`, and measured/dimension fields while ignoring selection until the last
+step. Reuse the previous node when semantic content matches. Set selection only
+when its boolean value changes. Preserve input ordering, additions, and
+removals, and return the previous array itself when every element and order is
+unchanged.
+
+Edges use the same rule for ID, endpoints, handles, type, label, data, style,
+labelStyle, marker ends, hidden/animated/selectable/deletable, and z-index.
+They return the previous array when no semantic edge changed.
+
+- [ ] **Step 4: Run the new test and verify GREEN**
+
+Run the Step 2 command. Expected: PASS with all reference assertions green.
+
+- [ ] **Step 5: Commit the task**
+
+```bash
+git add apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.ts apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.test.ts
+git commit -m "Preserve graph element references"
+```
+
+### Task 2: Shared Canvas Render And Interaction Boundaries
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx`
+- Modify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx`
+- Use: `apps/aevatar-console-web/src/shared/graphs/reconcileGraphElements.ts`
+
+- [ ] **Step 1: Add failing Canvas behavior tests**
+
+Extend the React Flow mock so tests can feed node changes and zoom snapshots.
+Add assertions that:
+
+```ts
+expect(firstProps.nodeTypes).toBe(secondProps.nodeTypes);
+expect(firstProps.proOptions).toBe(secondProps.proOptions);
+expect(firstProps.onNodesChange).toBe(secondProps.onNodesChange);
+expect(firstProps.onlyRenderVisibleElements).toBe(true);
+```
+
+Drive one position change through `onNodesChange` and assert the untouched
+nodes passed back to React Flow retain identity. Rerender with a new selection
+and assert only old/new selected nodes change identity. Render the Studio node
+against zoom snapshots `0.80`, `0.75`, and `0.40`; prove the selector result is
+the compact boolean and that compact mode omits parameter and role details.
+
+Mock `requestAnimationFrame`, `fitView`, and `onMoveStart`. Assert the first
+non-empty topology schedules one fit, replacing a topology before a user move
+schedules one new fit, and a later topology change after a non-null move event
+does not schedule a fit. A newly selected added node is the explicit focus
+exception. Selection-only and position-only rerenders never fit.
+
+- [ ] **Step 2: Run the Canvas test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/graphs/GraphCanvas.test.tsx
+```
+
+Expected: FAIL on unstable props, missing culling/LOD behavior, recreated
+references, and the three-attempt fit loop.
+
+- [ ] **Step 3: Stabilize GraphCanvas**
+
+Make `nodes` and `edges` readonly props. Initialize local state from owned
+copies, then reconcile incoming Studio elements with Task 1 helpers. Keep
+`applyNodeChanges` as the only drag-time node transform; do not run a second
+full node-decoration pass on every drag.
+
+Move these invariants to module scope:
+
+```ts
+const STUDIO_NODE_TYPES = { studioWorkflowNode: MemoStudioWorkflowNode };
+const STUDIO_PRO_OPTIONS = { hideAttribution: true } as const;
+const STUDIO_MINIMAP_NODE_COLOR = (node: Node) =>
+  getStudioGraphCategory(
+    (node.data as StudioGraphNodeData | undefined)?.stepType || '',
+  ).color;
+```
+
+Wrap the Studio node in `React.memo`. Replace the continuous zoom selector
+with:
+
+```ts
+const compact = useStore(
+  (state) => state.transform[2] < STUDIO_NODE_COMPACT_ZOOM,
+);
+```
+
+Do not render `.studio-workflow-node__body` in compact mode. Pass
+`onlyRenderVisibleElements` for the Studio variant.
+
+Use `useCallback` for React Flow handlers. Replace the three-attempt fit loop
+with one animation-frame request per eligible topology reason. Track the last
+topology key and whether a non-null viewport move event established a manual
+viewport. Allow an added-and-selected node to receive explicit focus; otherwise
+manual navigation suppresses later automatic topology fits. Keep Controls fit
+available and do not introduce viewport storage or layout callbacks.
+
+Retain existing default-variant selection presentation and Studio deletion,
+connection, context-menu, and drag-stop semantics.
+
+- [ ] **Step 4: Run the Canvas test and verify GREEN**
+
+Run the Step 2 command. Expected: PASS.
+
+- [ ] **Step 5: Commit the task**
+
+```bash
+git add apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx
+git commit -m "Optimize shared workflow canvas rendering"
+```
+
+### Task 3: Studio Canvas Wrapper Stability
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvasRegion.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEditorSurface.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx`
+- Create: `apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.test.tsx`
+
+- [ ] **Step 1: Add a failing wrapper stability test**
+
+Mock `GraphCanvas`, render `WorkflowStudioCanvas` with stable readonly arrays,
+rerender with an unrelated prop change, and assert:
+
+```ts
+expect(secondProps.nodes).toBe(nodes);
+expect(secondProps.edges).toBe(edges);
+expect(secondProps.autoFitKey).toBe(firstProps.autoFitKey);
+```
+
+Test that changing only selection does not change `autoFitKey`, while adding a
+node does. Add an editor-page assertion that the callback props passed through
+the wrapper remain stable across an unrelated state update.
+
+- [ ] **Step 2: Run related wrapper tests and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.test.tsx src/pages/workflow-activity-vnext/index.test.tsx
+```
+
+Expected: FAIL because arrays, topology keys, and inline editor callbacks are
+unstable.
+
+- [ ] **Step 3: Stabilize wrapper props and memo boundaries**
+
+Pass readonly `nodes` and `edges` directly to `GraphCanvas`. Memoize the
+topology key from the node and edge arrays:
+
+```ts
+const autoFitKey = React.useMemo(
+  () => JSON.stringify({
+    edges: edges.map(({ id }) => id),
+    nodes: nodes.map(({ id }) => id),
+  }),
+  [edges, nodes],
+);
+```
+
+Memoize the empty-state node and wrap `WorkflowStudioCanvas`,
+`WorkflowStudioCanvasRegion`, and `WorkflowStudioEditorSurface` with
+`React.memo` without custom comparators.
+
+In `WorkflowEditorPage`, convert callbacks that cross the editor-to-Canvas
+boundary to `useCallback` with exact dependencies. Do not move editing state or
+introduce an in-memory resource registry.
+
+- [ ] **Step 4: Run related tests and verify GREEN**
+
+Run the Step 2 command. Expected: PASS.
+
+- [ ] **Step 5: Commit the task**
+
+```bash
+git add apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.tsx apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvasRegion.tsx apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioEditorSurface.tsx apps/aevatar-console-web/src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.test.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/workflows/WorkflowEditorPage.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/index.test.tsx
+git commit -m "Stabilize workflow canvas wrappers"
+```
+
+### Task 4: Conditional Automatic Layout
+
+**Files:**
+- Modify: `apps/aevatar-console-web/src/shared/studio/graph.ts`
+- Modify: `apps/aevatar-console-web/src/shared/studio/graph.test.ts`
+
+- [ ] **Step 1: Add failing complete and partial layout tests**
+
+Export no test-only production API. Instead, use a Jest module spy on an
+exported `buildAutoLayoutPositions` helper or extract the decision into an
+exported pure `needsStudioAutoLayout` function. Prove:
+
+```ts
+expect(needsStudioAutoLayout(steps, completePositions)).toBe(false);
+expect(needsStudioAutoLayout(steps, partialPositions)).toBe(true);
+```
+
+Also assert complete saved positions are returned exactly and partial saved
+positions remain fixed while missing nodes receive deterministic, finite,
+non-overlapping fallback positions.
+
+- [ ] **Step 2: Run the graph helper test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/studio/graph.test.ts
+```
+
+Expected: FAIL because the auto-layout decision helper is absent and the
+builder always calculates automatic positions.
+
+- [ ] **Step 3: Short-circuit automatic layout**
+
+Sanitize positions first. Implement:
+
+```ts
+export function needsStudioAutoLayout(
+  steps: readonly StudioGraphStep[],
+  savedPositions: Readonly<Record<string, XYPosition>>,
+): boolean {
+  return steps.some((step) => savedPositions[step.id] === undefined);
+}
+```
+
+Call `buildAutoLayoutPositions` only when the helper returns `true`; otherwise
+use an empty fallback map. Keep saved positions authoritative for known steps,
+ignore unknown/invalid positions as today, and preserve deterministic legacy
+and partial-layout behavior.
+
+- [ ] **Step 4: Run the graph helper test and verify GREEN**
+
+Run the Step 2 command. Expected: PASS.
+
+- [ ] **Step 5: Commit the task**
+
+```bash
+git add apps/aevatar-console-web/src/shared/studio/graph.ts apps/aevatar-console-web/src/shared/studio/graph.test.ts
+git commit -m "Skip unnecessary workflow auto layout"
+```
+
+### Task 5: Incremental Run Detail Graph Updates
+
+**Files:**
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.ts`
+- Create: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.test.ts`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx`
+- Modify: `apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx`
+
+- [ ] **Step 1: Add failing execution graph reference tests**
+
+Move the pure execution graph builder and its presentation helpers into the new
+module. Add fixtures with three distinct step IDs. Build once, change one
+step's execution status, reconcile again, and assert:
+
+```ts
+expect(next.nodes[changedIndex]).not.toBe(previous.nodes[changedIndex]);
+expect(next.nodes[unchangedIndex]).toBe(previous.nodes[unchangedIndex]);
+expect(next.nodes[unchangedIndex]?.data).toBe(
+  previous.nodes[unchangedIndex]?.data,
+);
+expect(next.edges[0]).toBe(previous.edges[0]);
+```
+
+Build again with only a different selected step and require all graph element
+references to stay unchanged because selection is not graph data.
+
+- [ ] **Step 2: Run execution and Run Detail tests and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/workflow-activity-vnext/activity/executionGraph.test.ts src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+```
+
+Expected: FAIL because the incremental module is absent and the page builder
+embeds selection in every rebuild.
+
+- [ ] **Step 3: Extract and reconcile the execution graph**
+
+Export a pure builder that does not accept `selectedStepId` and never writes
+`executionFocused` from UI selection. Add:
+
+```ts
+export function reconcileExecutionGraph(
+  previous: ExecutionGraphView | undefined,
+  next: ExecutionGraphView,
+): ExecutionGraphView;
+```
+
+Use Task 1 helpers to preserve node and edge references, and preserve the
+ordered-step array when its member references and order are unchanged. In the
+page, derive the raw graph with `useMemo`, retain the previous reconciled value
+with a ref, and keep `selectedNodeId` as the only graph selection input.
+
+Memoize the GraphCanvas callbacks. Preserve all current graph topology,
+status labels, selected-step fallback, timeline, duration, and error behavior.
+
+- [ ] **Step 4: Run execution and Run Detail tests and verify GREEN**
+
+Run the Step 2 command. Expected: PASS.
+
+- [ ] **Step 5: Commit the task**
+
+```bash
+git add apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.ts apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/executionGraph.test.ts apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.tsx apps/aevatar-console-web/src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx
+git commit -m "Reuse unchanged run graph elements"
+```
+
+### Task 6: Repeatable Production Scale Benchmark
+
+**Files:**
+- Modify: `apps/aevatar-console-web/package.json`
+- Modify: `apps/aevatar-console-web/pnpm-lock.yaml`
+- Modify: `apps/aevatar-console-web/config/config.ts`
+- Modify: `apps/aevatar-console-web/config/routes.ts`
+- Modify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx`
+- Modify: `apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx`
+- Create: `apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.tsx`
+- Create: `apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.ts`
+- Create: `apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts`
+- Create: `apps/aevatar-console-web/playwright.performance.config.ts`
+- Create: `apps/aevatar-console-web/performance/workflowCanvas.performance.spec.ts`
+- Create: `docs/performance/workflow-canvas-benchmark.md`
+- Modify: `.github/workflows/ci.yml`
+
+- [ ] **Step 1: Add failing deterministic benchmark fixture tests**
+
+Create deterministic 100/500/1000-node graph fixtures with two outgoing edges
+per non-terminal node and full Studio node data. Test exact node/edge counts,
+unique IDs, finite positions, representative content, and deterministic output.
+Define and validate a result schema containing:
+
+```ts
+type WorkflowCanvasBenchmarkResult = {
+  buildMode: 'production';
+  browser: string;
+  graph: { nodes: 100 | 500 | 1000; edges: number };
+  policy: { minimap: boolean; visibleElementsOnly: boolean };
+  scenario: 'initial-load' | 'drag' | 'selection' | 'pan' | 'zoom-same-band' |
+    'zoom-threshold' | 'status-update' | 'topology-add';
+  durationMs: number;
+  longTasks: number;
+  renderedNodeCount: number;
+  changedNodeReferences: number;
+  usedHeapBytes: number | null;
+};
+```
+
+- [ ] **Step 2: Run the fixture test and verify RED**
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts
+```
+
+Expected: FAIL because the fixture and schema do not exist.
+
+- [ ] **Step 3: Implement the opt-in benchmark surface**
+
+Implement the fixture and a functional benchmark page that renders the real
+Studio `GraphCanvas`. Gate the route at config evaluation time:
+
+```ts
+const workflowCanvasBenchmarkEnabled =
+  process.env.AEVATAR_WORKFLOW_CANVAS_BENCHMARK === '1';
+```
+
+Ordinary builds must not register the route. The page accepts only the
+supported graph sizes, exposes explicit scenario controls to the Playwright
+runner, and compares visible-element rendering and MiniMap enabled/disabled
+policies. Add optional `showMiniMap`, `onlyRenderVisibleElements`, and
+`onStudioNodeRender` inputs to `GraphCanvas`; production consumers retain the
+measured defaults, while the benchmark supplies explicit variants. The Studio
+node calls the narrow instrumentation callback without putting benchmark state
+in node data. The page observes long tasks, samples `performance.memory` when
+available, and writes each result to a typed in-page result store exposed to
+the runner. It must not call backend APIs or require authentication.
+
+- [ ] **Step 4: Add the production Chromium runner and CI artifact**
+
+Add `@playwright/test` as a pinned dev dependency. Configure the performance
+project to use the GitHub runner's installed Chrome channel and the already
+built Umi `dist` directory. Add scripts that do not rebuild during preview.
+
+Extend the existing `console-web` job after its production build:
+
+```yaml
+- name: Benchmark workflow Canvas
+  env:
+    AEVATAR_WORKFLOW_CANVAS_BENCHMARK: '1'
+  run: pnpm --dir apps/aevatar-console-web benchmark:workflow-canvas
+
+- name: Upload workflow Canvas benchmark
+  if: always()
+  uses: actions/upload-artifact@v4
+  with:
+    name: workflow-canvas-benchmark
+    path: apps/aevatar-console-web/artifacts/workflow-canvas-benchmark
+```
+
+Ensure the benchmark-enabled environment is present during the existing build,
+not only during preview. The runner executes every scenario at 100, 500, and
+1000 nodes and writes machine-readable JSON plus a concise Markdown summary.
+Semantic reference assertions may gate CI; timing and heap values are recorded
+as baselines and must not use flaky absolute thresholds.
+
+- [ ] **Step 5: Document execution and evidence semantics**
+
+Document the exact CI commands, graph density, scenarios, metrics, artifact
+paths, runner hardware variability, Chrome/build identification, and how to
+compare later results. State that local production build/benchmark execution
+is intentionally deferred to GitHub CI by the personal frontend validation
+policy. Do not fill unavailable local production numbers with estimates.
+
+- [ ] **Step 6: Run focused fixture and configuration tests**
+
+Run:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts
+```
+
+Expected: PASS. Do not run the local production build or production browser
+benchmark.
+
+- [ ] **Step 7: Commit the task**
+
+```bash
+git add .github/workflows/ci.yml apps/aevatar-console-web/package.json apps/aevatar-console-web/pnpm-lock.yaml apps/aevatar-console-web/config/config.ts apps/aevatar-console-web/config/routes.ts apps/aevatar-console-web/src/shared/graphs/GraphCanvas.tsx apps/aevatar-console-web/src/shared/graphs/GraphCanvas.test.tsx apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/index.tsx apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.ts apps/aevatar-console-web/src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts apps/aevatar-console-web/playwright.performance.config.ts apps/aevatar-console-web/performance/workflowCanvas.performance.spec.ts docs/performance/workflow-canvas-benchmark.md
+git commit -m "Add workflow canvas scale benchmark"
+```
+
+### Task 7: Focused Validation And Pull Request Delivery
+
+**Files:**
+- Review all files changed since `4b2878e213efcacf3406cc36096dfdd2b86b5cbe`.
+
+- [ ] **Step 1: Run the frontend change-scope analyzer**
+
+```bash
+python3 ~/.codex/skills/frontend-incremental-pr/scripts/frontend_change_scope.py --repo . --base origin/feat/2026-08-04_workflow-activity-vnext
+```
+
+Record every related test and `staticCheckFiles` entry. Do not substitute a
+full frontend command.
+
+- [ ] **Step 2: Run every directly changed and dependency-related test**
+
+At minimum, run the directly changed test files in one explicit Jest command:
+
+```bash
+pnpm --dir apps/aevatar-console-web jest --runInBand src/shared/graphs/reconcileGraphElements.test.ts src/shared/graphs/GraphCanvas.test.tsx src/shared/studio/graph.test.ts src/pages/team-member-workflow-studio/components/WorkflowStudioCanvas.test.tsx src/pages/workflow-activity-vnext/index.test.tsx src/pages/workflow-activity-vnext/activity/executionGraph.test.ts src/pages/workflow-activity-vnext/activity/RunDetailPage.test.tsx src/pages/workflow-activity-vnext/workflows/WorkflowTemplateBrowser.test.ts src/pages/workflow-canvas-benchmark/benchmarkGraph.test.ts
+```
+
+Add only analyzer-reported related tests not already listed. Do not run the
+full suite.
+
+- [ ] **Step 3: Run required guards and changed-file static checks**
+
+```bash
+bash tools/ci/test_stability_guards.sh
+bash tools/docs/lint.sh
+pnpm --dir apps/aevatar-console-web biome:lint --write=false <analyzer staticCheckFiles>
+git diff --check
+```
+
+Run a typecheck only if the analyzer reports a repository-native affected
+target. Otherwise record that GitHub CI owns full typecheck. Never run a local
+production build.
+
+- [ ] **Step 4: Review behavior and complete a two-stage code review**
+
+Review the full diff for scope, reference semantics, React Flow correctness,
+benchmark route gating, frontend identity rules, and the viewport-persistence
+non-goal. Request spec-compliance review first, then code-quality review. Fix
+all Critical and Important findings and rerun only affected focused checks.
+
+- [ ] **Step 5: Push and create the pull request**
+
+Push `feat/2026-09-03_workflow-canvas-scaling` and create a PR targeting
+`feat/2026-08-04_workflow-activity-vnext`. The PR body must include problem and
+solution, affected paths, exact local commands/results, production benchmark
+artifact instructions, and:
+
+```markdown
+## Deferred
+
+- Viewport persistence and cross-session restoration remain tracked by #3576
+  and #3577. This PR does not use browser-local state as authority.
+
+## Local verification
+
+- Related tests: `<actual focused commands and results>`
+- Changed-file static checks: `<actual commands and results>`
+- Full frontend suite/build: deferred to GitHub CI by personal local workflow policy
+```
+
+Do not wait for CI after reporting the PR URL.
diff --git a/docs/superpowers/specs/2026-08-06-content-skeletons-design.md b/docs/superpowers/specs/2026-08-06-content-skeletons-design.md
new file mode 100644
index 0000000000..2190c0b619
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-06-content-skeletons-design.md
@@ -0,0 +1,114 @@
+# Console Content Skeletons Design
+
+## Goal
+
+Replace sparse loading copy, spinners, and premature empty states on full-page and primary-list surfaces with reusable skeletons that preserve the geometry of the content being loaded.
+
+## Scope
+
+This change covers initial loading for these primary surfaces:
+
+- Workflows catalog table
+- Services catalog table
+- Deployments service table
+- Primitives connector-card catalog
+- Topology traceable-objects table
+- Governance policies, bindings, and endpoints tables
+- Runtime GAgents kind list and actor-registry list
+- Files primary resource tree
+- Mission Wall primary stage
+
+Existing structure-matching skeletons in Teams home, Team Members, Team Automations, and Published Runs remain unchanged.
+
+The change excludes detail drawers, editor content, chat conversations and messages, Run Console selectors, Settings forms, button submissions, polling, and background refresh indicators.
+
+## Interaction Model
+
+Page titles, descriptions, filters, and actions that do not depend on loaded data remain visible during initial loading. Only the primary data region becomes a skeleton.
+
+The skeleton appears only while the initial request is pending and no usable data exists. Background refetching keeps the current content visible and continues to use existing lightweight refresh feedback.
+
+Loading, empty, and error are separate states:
+
+1. Pending initial request renders a structure skeleton.
+2. Successful empty response renders the existing empty state.
+3. Failed request renders the existing error state and retry action.
+4. Successful populated response renders the real content.
+
+## Shared Component
+
+Create `src/shared/ui/AevatarContentSkeleton.tsx` with one semantic loading contract and three visual presets:
+
+```ts
+export type AevatarContentSkeletonVariant = "canvas" | "list" | "table";
+
+export type AevatarContentSkeletonProps = {
+  readonly ariaLabel: string;
+  readonly className?: string;
+  readonly columnWidths?: readonly (number | string)[];
+  readonly listLayout?: "grid" | "stack" | "tree";
+  readonly rows?: number;
+  readonly style?: React.CSSProperties;
+  readonly variant: AevatarContentSkeletonVariant;
+};
+```
+
+The component uses Ant Design `Skeleton` primitives and theme tokens. Its root renders `role="status"` and `aria-busy="true"`. The visual blocks are `aria-hidden`; the supplied label remains available to assistive technology through visually hidden text.
+
+### Table Preset
+
+The table preset renders a muted header band and three to five stable rows. `columnWidths` controls both header and body tracks so each page can approximate its real table without recreating skeleton markup.
+
+The preset owns horizontal overflow and a minimum content width derived from its tracks. Mobile users see the same horizontal scrolling behavior as the final tables.
+
+### List Preset
+
+The list preset supports three layouts:
+
+- `stack`: repeated inventory rows with a title, secondary line, and action placeholder.
+- `grid`: responsive repeated cards for Primitives.
+- `tree`: compact indented lines for the Files resource browser.
+
+The preset contains no product copy and does not infer resource semantics.
+
+### Canvas Preset
+
+The canvas preset renders a stable toolbar/header strip, a small group of node-like blocks, and connecting-content placeholders. It accepts `className` and `style` so Mission Wall can use its existing dark CSS variables and full-height stage geometry.
+
+## Page Integration
+
+Workflows, Primitives, Topology, Runtime GAgents, Files, and Mission Wall add explicit initial-loading branches before their existing empty branches.
+
+Services and Deployments continue using `InventoryReadinessState`; its loading branch delegates to the table skeleton and uses the existing `title` as the accessible label. Visible loading title and description are removed from that branch, while error and empty branches remain unchanged.
+
+Governance replaces loading copy in the Ant Design table empty slot with an explicit table skeleton before rendering each table. Existing table and empty-state behavior remains unchanged after the query settles.
+
+No page moves query ownership, changes query keys, or changes API behavior.
+
+## Responsive Behavior
+
+Skeleton containers use the same parent layout and width constraints as the final content. Grid lists collapse through `auto-fit`; tree lists remain compact; table presets scroll horizontally inside the existing content band. Stable row heights and minimum heights prevent request completion from shifting surrounding controls.
+
+Mission Wall keeps its existing desktop and mobile layout rules. Its canvas skeleton is styled within `.mission-wall` and does not introduce a second color system.
+
+## Accessibility
+
+- One status region announces each primary loading surface.
+- Skeleton shapes are decorative and hidden from assistive technology.
+- Existing headings, filters, and available actions retain their semantics.
+- Empty and error messages are not mounted until the query resolves or fails.
+- Motion uses the design-system skeleton animation and respects the project's reduced-motion CSS behavior.
+
+## Testing
+
+Shared tests verify every preset, row/column configuration, semantic status contract, and decorative shape behavior.
+
+Page tests use unresolved promises to prove that:
+
+- The correct skeleton is present during initial loading.
+- Real empty copy is absent while the request is unresolved.
+- Page chrome remains visible.
+- Resolving with empty data replaces the skeleton with the existing empty state.
+- Resolving with data replaces the skeleton with the real list or canvas.
+
+Only directly related Jest files, changed-file Biome checks, and the repository test-stability guard run locally. Full frontend typechecking, test suite, and production build remain delegated to GitHub CI under the personal frontend validation policy.
diff --git a/docs/superpowers/specs/2026-08-06-standardize-failure-toast-design.md b/docs/superpowers/specs/2026-08-06-standardize-failure-toast-design.md
new file mode 100644
index 0000000000..ddf59ec293
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-06-standardize-failure-toast-design.md
@@ -0,0 +1,101 @@
+# Standardized Failure Toast Design
+
+## Context
+
+Workflow Activity vNext routes typed backend failures through the shared
+`ConsoleToast` API. The API currently delegates to Ant Design `message`, which
+renders a wide top-center surface without a visible dismiss control. Actionable
+failure content can contain a title, guidance, and recovery actions, so the
+result obscures page context and does not follow the console's notification
+layout.
+
+The failure presentation already owns typed category, intent, recovery action,
+tracking ID, and deduplication data. This change must preserve those semantics
+and adjust only toast presentation and timing.
+
+## Selected Approach
+
+Keep `ConsoleToast` as the single application-level API, but render it through
+Ant Design `notification` instead of `message`. Notification supplies the
+required top-right placement, visible close control, hover-paused timer,
+stacking, and accessible dismissal behavior without introducing a second toast
+system or custom timer registry.
+
+The public `toast.error/info/success/warning` methods and the existing `key`,
+`duration`, and `onClose` options remain stable. Existing callers do not manage
+notification lifecycle or depend on Ant Design internals.
+
+## Visual Design
+
+The notification uses the compact information hierarchy selected from the
+approved visual comparison and the top-right placement selected from the
+alternative layout:
+
+- a semantic status icon appears at the leading edge;
+- the primary message is the first, strongest line;
+- guidance and optional retry timing use secondary text;
+- recovery and tracking-ID actions remain in a compact action row;
+- the close icon occupies a separate top-right control and never competes with
+  recovery actions;
+- the desktop surface is approximately 360 pixels wide;
+- the mobile surface is constrained to the viewport with 16-pixel side margins;
+- spacing, radius, border, shadow, and colors use existing Aevatar and Ant
+  Design tokens rather than page-local hard-coded styling.
+
+## Behavior
+
+Workflow Activity failure notifications close automatically after eight
+seconds. Hovering pauses the timer, and the close control dismisses the
+notification immediately. Ant Design notification owns both behaviors.
+
+All typed run-failure categories use the same eight-second duration, including
+warning- and information-toned failures. Ordinary success and informational
+toasts outside this failure flow retain their shorter shared defaults.
+
+Existing notification keys continue to deduplicate repeated failures. Existing
+actions such as `Reload latest`, `Retry`, `Sign in again`, and `Copy tracking
+ID` retain their current callbacks and identity semantics.
+
+## Component Boundaries
+
+`ConsoleToast` owns the Ant Design notification adapter, placement, dismiss
+behavior, intent mapping, and shared visual class. It does not classify business
+failures.
+
+`runFailurePresentation` continues to classify typed API and committed-run
+evidence, produce user-safe copy, and expose recovery actions. It changes only
+the duration policy from category-specific persistent or short-lived values to
+the approved eight-second failure duration.
+
+Workflow Activity pages continue to call the shared toast API with a stable key
+and the existing `RunFailureToastContent`. They do not add local portals,
+timers, or close state.
+
+## Accessibility
+
+The notification keeps Ant Design's accessible status announcement and close
+button. The close control has an accessible name and supports keyboard
+activation. Recovery actions remain real buttons with visible labels and native
+focus behavior. Information is not communicated by color alone because each
+notification combines intent, icon, text, and labeled actions.
+
+## Verification
+
+Test-driven implementation will add focused tests before production changes.
+The shared toast adapter tests will prove that notification receives the
+top-right placement, visible close control, hover pause, semantic intent,
+duration, key, and close callback. Failure-presentation tests will prove that
+all typed failure categories use eight seconds while action and tracking-ID
+behavior remains intact.
+
+Local verification is limited to dependency-related Jest tests, explicit new or
+changed test files, the frontend test-stability guard, and changed-file Biome
+checks. Full frontend test, typecheck, and production build remain delegated to
+GitHub CI by the personal frontend workflow policy.
+
+## Delivery
+
+The change is delivered as a focused follow-up pull request from
+`fix/2026-08-06_standardize-failure-toast` into
+`feat/2026-08-04_workflow-activity-vnext`. The pull request includes the exact
+focused validation commands and does not include unrelated frontend changes.
diff --git a/docs/superpowers/specs/2026-08-06-workflow-published-invoke-design.md b/docs/superpowers/specs/2026-08-06-workflow-published-invoke-design.md
new file mode 100644
index 0000000000..953401147c
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-06-workflow-published-invoke-design.md
@@ -0,0 +1,58 @@
+# Workflow Published Invoke Design
+
+## Context
+
+Workflow Activity vNext currently presents `Run` as a normal editor action, but the button opens an inline panel below the full-height canvas and the submission calls `/workflow/draft-run`. The user sees no visible response at the top of the page, and the execution bypasses the service revision created by Publish.
+
+The editor must treat Run as an invocation of a published workflow service. Draft identity, publication revision identity, and callable service identity remain separate:
+
+- `workflowId` identifies the workspace workflow draft and definition.
+- `revisionId` identifies the published service revision accepted by Publish.
+- `publishedServiceId` identifies the service targeted by Invoke.
+
+## Selected Approach
+
+Keep the existing publication observation and Activity run observation, but connect them through a publication-aware run contract. Publish produces a receipt containing the three identities. The editor enables Run only after that exact receipt is observed as the active serving workflow revision. Run opens a fixed Ant Design Drawer and invokes the published service through the existing service-scoped chat Invoke API.
+
+The editor records the local document version captured by the publication review. A local edit or a later save makes the current publication stale for the visible editor document. Run remains disabled until the latest saved workflow is published again, so the canvas and the executed revision cannot silently diverge.
+
+## User Flow
+
+1. A valid workflow can be saved and published to an explicitly selected service.
+2. While publication is being reviewed, submitted, or observed, Run is disabled.
+3. Once the selected revision is active serving, Run becomes enabled.
+4. Clicking Run opens a right-side drawer immediately, focuses the Input field, and shows the exact published service and revision.
+5. The user enters the required text input and selects Start run.
+6. The client calls `/api/scopes/{scopeId}/services/{publishedServiceId}/invoke/chat:stream`.
+7. SSE frames supply the stable run ID; the existing Activity read model remains authoritative for queued, running, completed, failed, and cancelled state.
+8. Closing and reopening the drawer preserves the accepted run and its result.
+
+## Enablement Rules
+
+Run is disabled when any of the following is true:
+
+- the workflow has not been published in the current editor session;
+- publication has not reached `observed` active-serving state;
+- the editor contains unapplied, unsaved, or saved-after-publication changes;
+- the workflow is structurally invalid;
+- a save or structural mutation is active.
+
+The disabled button remains a real disabled control. Its title explains the first recovery action: publish first, wait for publication, apply/save/publish the latest changes, or wait for the current editor update. After a run is accepted, the toolbar Run action can reopen the same drawer and result, while Start run remains disabled until the current submission or unresolved observation finishes.
+
+## Component Boundaries
+
+`useWorkflowPublication` continues to prove that the accepted workflow, service, and revision match authoritative read models. `useWorkflowEditor` owns input, invocation submission, SSE identity extraction, and Activity observation, but accepts an explicit published invocation target rather than serializing YAML. `WorkflowPublishedRunDrawer` owns the accessible Drawer presentation and delegates all state transitions to the hook.
+
+The vNext editor removes its Draft Run submission path. Other Draft Run consumers remain unchanged.
+
+## Error Handling
+
+- Empty input is rejected locally and never dispatched.
+- Backend prompt field errors stay attached to Input without clearing its value.
+- Invoke transport and API errors are shown in the run drawer; structured prompt validation remains attached to Input without replacing the backend message.
+- A stream ending without a run ID remains an unresolved observation and cannot be submitted again accidentally.
+- A route change aborts the previous stream and clears its publication target so an old service can never receive the new workflow's input.
+
+## Verification
+
+Focused UI tests prove that an unpublished workflow has a disabled Run button, an observed publication enables it, clicking it opens a Drawer, and submission calls `streamChat` with the exact `publishedServiceId` while never calling `streamDraftRun`. Existing run observation tests are updated to use the published Invoke contract. Changed-file Biome checks and dependency-related Jest tests provide local evidence; the full frontend suite, typecheck, and build remain delegated to GitHub CI.
diff --git a/docs/superpowers/specs/2026-08-07-workflow-catalogue-frontend-design.md b/docs/superpowers/specs/2026-08-07-workflow-catalogue-frontend-design.md
new file mode 100644
index 0000000000..b624e62eec
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-07-workflow-catalogue-frontend-design.md
@@ -0,0 +1,108 @@
+# Workflow Catalogue Frontend Integration Design
+
+## Goal
+
+Migrate the Workflow Activity vNext catalogue from two client-owned source queries to the backend-owned scope workflow catalogue contract.
+
+The page must stop joining draft and committed rows, stop filtering or sorting the complete catalogue in browser memory, and stop treating workflow, member, published service, deployment, or actor identities as interchangeable.
+
+## Backend Contract
+
+The frontend will call:
+
+```http
+GET /api/scopes/{scopeId}/workflow-catalogue?view=all|drafts&query={query}&cursor={cursor}&take=50
+```
+
+The API client will model and decode the complete response:
+
+- `items`
+- `nextPageToken`
+- `freshness`
+- `search`
+- row source facts
+- row capabilities
+- committed workflow facts
+
+The API belongs in `scopesApi` because its route, authorization boundary, and returned runtime facts are scope-owned. The query accepts an `AbortSignal` so React Query can cancel superseded searches and view changes.
+
+## Page Semantics
+
+The catalogue selector will contain only the backend-supported views:
+
+- `All workflows` maps to `view=all`.
+- `Drafts` maps to `view=drafts`.
+
+The product meaning of `Drafts` is unpublished workflow drafts. The current
+backend `view=drafts` transport is broader: it returns every row with a draft
+source, including published workflows that retain an editable draft. Until the
+backend contract exposes the narrower product view, the page excludes rows
+with an active committed revision from the Drafts presentation. This adapter
+must preserve the backend cursor even when every row on a loaded page is
+excluded, so later unpublished drafts remain reachable through pagination.
+
+The old `Active workflows` and `Archived` catalogue filters will be removed. Existing URL values outside `all|drafts`, including `active` and `archived`, will resolve to `all`. Archived workflows remain visible in `All workflows` and retain their row-level Archived status.
+
+Search text remains visible immediately and is written to the URL. A short debounce controls the server query. The query key contains `scopeId`, backend view, and debounced search text. React Query cancels the obsolete request when any of those values changes.
+
+The page will use cursor-based infinite querying with `take=50`. It will render returned pages in backend order and expose a Load more command while `nextPageToken` is present. The client may flatten loaded pages for rendering. It must not join or sort catalogue rows, and the only permitted row filter is the Drafts semantic adapter described above.
+
+## Row Mapping And Actions
+
+The page will map each backend row directly to its presentation model:
+
+- `workflowId` remains the only workflow route and Activity query identity.
+- `name`, `description`, and `updatedAtUtc` come directly from the catalogue row.
+- runtime fields come only from the optional `committed` object.
+- the ownership label remains the scope workspace label because the catalogue response does not expose a directory owner.
+
+`Open`, `Activity`, `Rename`, and `Delete` availability will come from the corresponding backend capability fields. Unavailable primary actions will be disabled rather than inferred from source flags. Rename and Delete menu entries will be present only when their capabilities are available.
+
+Archive is not part of the new catalogue capability contract. The existing archive eligibility policy remains based on committed deployment facts and deployment status. The catalogue does not expose the published service identity needed by the archive command, so confirmation resolves `publishedServiceId`, `serviceAppId`, `serviceNamespace`, and the authoritative `deploymentId` from the workflow detail read model. The frontend must not parse `serviceKey` or substitute `workflowId` for a service identity. Archive observation searches the catalogue in `view=all` and follows every returned cursor until the exact `workflowId` is found or the result is exhausted. After archive observation succeeds, the catalogue query is refreshed.
+
+Rename and Delete continue to use their existing command paths. After successful materialization or deletion, they refresh the catalogue query instead of refreshing the removed draft list query.
+
+## Loading And Failure States
+
+The two-source partial-failure model will be deleted. The first catalogue page has one loading state, one failure state, and one retry action. A manual catalogue refresh reuses the table loading state while the authoritative page is refetched.
+
+Loading another page keeps existing rows visible and disables the Load more command while the request is pending; it must not switch the table back to its loading skeleton. A next-page failure keeps existing rows visible, reports the failure beside the pagination action, and allows the same command to retry.
+
+An empty `items` result is authoritative for the selected backend view and search query.
+
+## Testing
+
+Implementation will follow test-first development.
+
+Focused API tests will verify:
+
+- exact route and query parameter encoding
+- `all` and `drafts` view values
+- cursor and `take` propagation
+- AbortSignal propagation
+- response decoding, including nullable committed facts and capabilities
+- distinct published service identity from the workflow detail contract
+
+Focused Workflow Activity tests will verify:
+
+- one catalogue request replaces the draft and committed list requests
+- only All workflows and Drafts are offered
+- URL restoration maps unsupported legacy values to All workflows
+- search is debounced and superseded requests are cancelable
+- Drafts is sent to the server instead of applied in browser memory
+- backend row order is preserved
+- Load more uses `nextPageToken` and appends the next page
+- a failed next page preserves loaded rows and retries the same cursor
+- row actions honor backend capabilities
+- archive resolves its distinct service identity, observes across catalogue pages, and refreshes the catalogue query
+- workflow routes never use member, service, deployment, or actor identities
+
+Local validation will run only directly related Jest files and changed-file static checks. Full frontend tests, typecheck, and production build remain delegated to GitHub CI.
+
+## Non-Goals
+
+- Adding frontend-only Active or Archived catalogue filters
+- Downloading every page to recreate those filters
+- Changing backend catalogue semantics
+- Changing archive, rename, delete, or workflow publication command contracts
+- Refactoring unrelated Workflow Activity pages
diff --git a/docs/superpowers/specs/2026-08-10-published-run-readiness-recovery-design.md b/docs/superpowers/specs/2026-08-10-published-run-readiness-recovery-design.md
new file mode 100644
index 0000000000..b5636e9551
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-10-published-run-readiness-recovery-design.md
@@ -0,0 +1,52 @@
+# Published Run Readiness Recovery Design
+
+## Context
+
+The Workflow catalogue renders `Published` from the authoritative committed
+facts returned by the scope workflow catalogue. Opening that row mounts a new
+editor session whose publication receipt starts empty, so Run is disabled until
+the user publishes again in that same session. The editor therefore treats a
+transient command receipt as durable publication state.
+
+## Semantic Decision
+
+Published Run readiness comes from the scope workflow detail read model for the
+exact route `scopeId + workflowId`. A publication receipt remains evidence for
+observing a newly accepted Publish command, but it is not the owner of an
+already active publication.
+
+`workflowId`, `activeRevisionId`, and `publishedServiceId` retain separate
+meanings. The editor may construct a published invocation target only when the
+detail is available, its scope and workflow identities match the route, and it
+contains non-blank active revision and published service identities.
+
+## Data Flow
+
+1. The editor loads its editable draft through `studioApi.getWorkflow`.
+2. In parallel, it reads `/api/scopes/:scopeId/workflows/:workflowId`.
+3. An authoritative active publication directly supplies the restored published
+   invocation target; the detail read itself is the current read-model evidence.
+4. The existing receipt observer remains responsible for a newly accepted
+   Publish command until its new active revision and callable service appear.
+5. A Publish started in the current editor session temporarily supersedes the
+   restored publication until the new receipt is observed.
+6. Route changes resolve publication state again for the new exact workflow ID.
+
+The editor records the current local document version when it adopts restored
+publication state. Later local edits make that target stale, preserving the
+existing save-and-publish-again protection.
+
+## Failure Behavior
+
+An unavailable, mismatched, unpublished, or uncallable workflow detail does not
+produce a target. Existing unauthorized, forbidden, delayed, and failed
+publication observation states remain unchanged. The editor never substitutes
+`workflowId` or `activeRevisionId` for `publishedServiceId`.
+
+## Verification
+
+Focused UI coverage must prove that a published workflow opened in a fresh
+editor session enables Run with the exact authoritative service and revision.
+Existing coverage must continue to prove that an unpublished workflow remains
+disabled, local edits stale the target, and a newly published workflow is not
+runnable until observation completes.
diff --git a/docs/superpowers/specs/2026-08-10-shared-workflow-run-console-design.md b/docs/superpowers/specs/2026-08-10-shared-workflow-run-console-design.md
new file mode 100644
index 0000000000..6ed533e558
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-10-shared-workflow-run-console-design.md
@@ -0,0 +1,109 @@
+# Shared Workflow Run Console Design
+
+## Problem
+
+Workflow Activity vNext introduced a separate published-run drawer even though
+Team Member Workflow Studio already owned the product's run input panel and
+execution Logs console. The duplicate drawer exposed publication identifiers,
+used a different layout, and rendered a bespoke result summary instead of the
+node/event console users already understand.
+
+## Component Ownership
+
+The reusable presentation components live under `shared/workflows`:
+
+- `WorkflowRunInputPanel` owns the right-side run input layout, attachments,
+  and primary run action. Its explicit `draft` and `published` variants share
+  the same file selection, drag-and-drop, removal, and file-only execution
+  behavior while keeping their labels and invocation ownership distinct.
+- `WorkflowExecutionLogsPanel` owns the Logs header, Nodes/Events overview,
+  node input/output details, copy actions, and clear action. It accepts a
+  normalized execution model and does not know how execution facts were
+  transported or stored.
+- `WorkflowSidePanel` is the shared panel shell used by run and YAML surfaces.
+
+The existing Studio components remain thin adapters so their public behavior
+does not change. The vNext editor consumes the shared components directly.
+
+## Workspace And Dock Layout
+
+On desktop, the Canvas/YAML surface and Run Input panel share one bounded
+workspace height. Additional Published Run controls such as Files scroll inside
+the panel body instead of increasing the workspace height; the primary Start
+action remains anchored at the bottom of the panel.
+
+The divider before the Run Input panel is a keyboard-accessible horizontal-size
+control. The divider above Logs is a keyboard-accessible vertical-size control.
+Both use the same width, height, clamping, pointer cleanup, and keyboard-step
+contract as Team Member Workflow Studio. Minimum dimensions preserve a usable
+canvas and maximum dimensions stay within the available editor viewport. The
+stored dimensions are re-clamped when either observed container changes size.
+
+Logs is a persistent bottom dock. It is collapsed before a run, can be expanded
+or collapsed independently of clearing execution data, and automatically
+expands when the user starts a new run. Manual collapse during a run is
+respected until the next explicit Start action; later SSE frames do not force
+the dock open again. The toggle exposes its controlled relationship and moves
+keyboard focus to the replacement control after each layout transition. Mobile
+layout stacks the surfaces and does not expose the fine-grained drag handles.
+
+## Data Contracts
+
+Draft Studio and Published Run SSE frames are normalized into
+`StudioExecutionDetail` and adapted with the same `buildExecutionTrace` path.
+Published workflow history is adapted from `WorkflowActivityRunDetail` by
+`adaptActivityRunToExecutionLogs`.
+
+The current browser SSE session owns real-time status, steps, output, and
+failure facts for the command the user just issued. Activity remains the
+durable authoritative historical read model, but an eventually consistent
+non-terminal Activity snapshot cannot overwrite fresher live completion facts.
+Once Activity materializes a terminal run, its normalized trace replaces the
+live session presentation.
+
+The run action is busy only while the current SSE request is active, including
+the interval after a terminal event arrives but before the stream closes. A
+stale accepted, pending, running, or waiting Activity snapshot does not keep the
+action disabled after that request ends.
+
+Live terminal status requires an explicit `RUN_FINISHED`, `RUN_ERROR`, or
+`RUN_STOPPED` fact. A clean stream end without one does not invent success.
+Workflow definition membership is ordering context, not execution evidence:
+nodes without matching runtime or Activity step facts are omitted rather than
+labeled Pending.
+
+The published invocation target remains the exact backend-provided
+`publishedServiceId`. The editor does not display, derive, or interchange
+`workflowId`, `revisionId`, and `publishedServiceId` in the run input surface.
+Published runs without files use the JSON chat stream request. Runs with files
+use the same service chat stream endpoint with multipart `payload` and `file`
+parts; the transport change does not change the published service identity.
+
+## Refresh And Clear Semantics
+
+An observed non-terminal Activity run is refreshed while it remains accepted,
+pending, running, or waiting. Terminal snapshots stop refreshing.
+
+Collapsing Logs only changes layout. Clearing Logs discards the current local
+console presentation but does not delete Activity history or mutate the
+authoritative run. Closing the run input panel leaves the Logs dock available,
+and reopening the panel preserves the current input.
+
+## Verification
+
+Focused tests cover:
+
+- preservation of Studio draft attachments and its existing Logs behavior;
+- exact published-service invocation and input validation;
+- absence of publication IDs from the shared run panel;
+- release of the published run action when the current SSE stream ends;
+- live completion facts taking precedence over stale non-terminal Activity;
+- omission of definition nodes that have no execution facts;
+- Activity step, output, and failure adaptation into the shared Logs console;
+- refresh of non-terminal Activity runs and persistence of Logs when the input
+  panel closes;
+- bounded Published Run height with an internally scrolling body and anchored
+  Start action;
+- keyboard and pointer resizing for the Run Input and Logs dividers;
+- collapsed-by-default Logs, Start-triggered expansion, and manual collapse
+  that remains respected for the active run.
diff --git a/docs/superpowers/specs/2026-08-10-workflow-edge-selection-visibility-design.md b/docs/superpowers/specs/2026-08-10-workflow-edge-selection-visibility-design.md
new file mode 100644
index 0000000000..e7d6c5d244
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-10-workflow-edge-selection-visibility-design.md
@@ -0,0 +1,45 @@
+# Workflow Edge Selection Visibility
+
+## Context
+
+Workflow Studio and Workflow Activity vNext both render editable workflow connections through the shared `GraphCanvas`. A normal linear connection is already rendered as a 2.5 px blue stroke. Selecting it currently changes the stroke to a similar blue and increases its width to only 3 px. At the fitted zoom used for workflows with several nodes, that 0.5 px difference is difficult to perceive. The arrow marker also keeps its normal appearance, so it does not reinforce the selection state.
+
+The edge is selected correctly in application state and React Flow. This change therefore addresses only the shared visual presentation. It does not alter workflow editing, deletion, saving, publishing, or backend behavior.
+
+## Design
+
+Selected edges will retain the existing Ant Design primary color while receiving three coordinated cues:
+
+- Increase the selected path stroke width to 4 px.
+- Add a restrained blue drop shadow around the selected path so the state remains visible after canvas zooming.
+- Update the arrow marker color to the same selected primary color.
+
+Normal linear and branch edges will retain their existing semantic colors and widths. Selection will remain static rather than animated to avoid unnecessary motion and visual noise in an operational editor.
+
+The styling will remain in the shared `GraphCanvas` edge decoration path so Team member Workflow Studio and Workflow Activity vNext use exactly the same behavior. No page-specific override or second edge component will be introduced.
+
+## State Flow
+
+The owning editor continues to provide `selectedEdgeId`. `GraphCanvas` compares that identifier with each rendered edge and decorates only the matching edge. Deselecting the edge restores the original edge style and marker configuration without mutating the source graph data.
+
+## Error Handling
+
+This is a deterministic presentation change and introduces no new asynchronous work or failure state. Existing editor error handling and toast behavior remain unchanged.
+
+## Verification
+
+Focused component coverage will verify that:
+
+- the selected edge receives the stronger stroke and drop shadow;
+- the selected arrow marker uses the selected color;
+- unselected edges preserve their original style and marker color;
+- selecting an edge still preserves its other edge configuration.
+
+The existing authenticated local Workflow Activity vNext editor will then be used for a browser smoke check at its current fitted zoom. The selected connection must be immediately distinguishable from adjacent unselected connections without invoking Save, Publish, Run, or Delete.
+
+## Scope Boundaries
+
+- No publish code or publication contract changes.
+- No workflow identity, routing, API, or backend changes.
+- No animation or custom edge renderer.
+- No changes to the meaning of linear and branch edge colors.
diff --git a/docs/superpowers/specs/2026-08-11-workflow-account-identity-design.md b/docs/superpowers/specs/2026-08-11-workflow-account-identity-design.md
new file mode 100644
index 0000000000..aca3d83713
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-11-workflow-account-identity-design.md
@@ -0,0 +1,22 @@
+# Workflow Activity Account Identity Design
+
+## Problem
+
+Workflow Activity vNext currently lets each route choose the header identity source. Settings passes `/api/auth/me` data into the shell, while Workflows, Activity, and editor routes omit that prop and let the header read the stored NyxID session. Because the current backend response does not include profile fields, the same browser session renders `Account` without an avatar on Settings and the real name and avatar elsewhere.
+
+## Decision
+
+Workflow Activity vNext will have one account identity owner. A shared hook will query `/api/auth/me`, combine it with the restorable NyxID session, and provide both the resolved backend session and the header principal. The shell will always consume this principal; individual routes will no longer provide account identity props.
+
+The backend response remains authoritative for authentication state. Stored NyxID profile fields may fill missing name, email, verification, picture, roles, and groups only when the backend subject exactly matches the stored NyxID `sub`. A mismatched or unknown subject must not reuse cached profile data. An explicitly unauthenticated backend response must render signed-out state even when a restorable browser session exists.
+
+## Components
+
+- `useWorkflowActivityAccount` owns the shared React Query request and identity resolution.
+- `resolveWorkflowActivityAccount` is a pure function that validates subject ownership and merges missing profile presentation fields.
+- `WorkflowActivityVNextShell` always renders the resolved principal from the shared hook.
+- `SettingsPage` reuses the hook's query state and resolved auth session for the Account panel.
+
+## Verification
+
+Focused tests will cover matching-subject fallback, mismatched-subject rejection, explicit signed-out authority, and the Settings route regression where the backend omits profile fields but the matching NyxID session contains the real name and avatar. Browser verification will use the user's existing Chrome session on both Settings and Workflows.
diff --git a/docs/superpowers/specs/2026-08-18-workflow-template-route-design.md b/docs/superpowers/specs/2026-08-18-workflow-template-route-design.md
new file mode 100644
index 0000000000..4702901a7a
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-18-workflow-template-route-design.md
@@ -0,0 +1,104 @@
+# Workflow Template Route And Page Semantics Design
+
+## Goal
+
+Make the Workflow Activity vNext template browser a real, addressable creation
+surface instead of transient state inside the generic New workflow page. The
+page must have one clear heading, survive refresh and browser navigation, and
+report an unavailable backend contract honestly without introducing a mock or
+local fallback.
+
+## Product Semantics
+
+Workflow templates are a workflow creation method. They are not workspace
+workflow resources and they are not an independent top-level catalogue in the
+current product model.
+
+The canonical route is therefore:
+
+```text
+/scopes/:scopeId/workflow-activity-vnext/workflows/new/templates
+```
+
+The generic creation chooser remains at `/workflows/new`. Choosing `Use
+template` navigates to the canonical template route. `Change method` navigates
+back to `/workflows/new`. Direct navigation, refresh, browser back, and browser
+forward must all reconstruct the same surface from the URL.
+
+## Page Hierarchy
+
+The template route owns one page-level heading:
+
+- Title: `Start from a template`
+- Description: `Browse public templates, inspect details, or create a draft directly.`
+- Header action: `Change method`
+
+The template browser component owns the catalogue controls, list, pagination,
+detail modal, creation actions, and catalogue states. It must not render a
+second page title or a second description. The workflow side navigation
+already provides a route back to the workflow collection, so this page does
+not add another competing `Back to workflows` action.
+
+## Component Boundaries
+
+`WorkflowActivityVNextPage` resolves the canonical template pathname before
+the dynamic workflow detail pathname and renders a dedicated
+`WorkflowTemplatesPage`.
+
+`WorkflowTemplatesPage` owns the shell title, description, and `Change method`
+navigation. It composes `WorkflowTemplateBrowser` with the current `scopeId`.
+
+`NewWorkflowPage` owns only the creation method chooser and the Describe and
+Import YAML creation flows. The template choice navigates instead of changing
+local component state.
+
+`WorkflowTemplateBrowser` remains responsible for template list, detail, and
+instantiate behavior. Its API contracts and identity handling do not change.
+
+## Backend Availability And Errors
+
+The frontend continues to call the real backend contracts introduced by
+backend PR #3484:
+
+```http
+GET /api/workflow-templates
+GET /api/workflow-templates/{templateId}
+POST /api/scopes/{scopeId}/workflow-templates/{templateId}:instantiate
+```
+
+The current remote backend based on `feature/integrate` does not contain these
+routes because PR #3484 is not merged or deployed. The frontend must not replace
+them with mock data, a local backend, a different path, or a successful empty
+response.
+
+For an HTTP 404 from the initial catalogue request, the primary product message
+is `Templates are not available in this environment.` The raw HTTP failure
+remains available in technical details. Other failures retain the general
+`Templates could not be loaded` message and retry action.
+
+## Testing
+
+Implementation follows test-first development. Focused tests will verify:
+
+- the canonical route exists before `/workflows/:workflowId`
+- the template URL builder encodes `scopeId`
+- `Use template` navigates to `/workflows/new/templates`
+- direct navigation renders the dedicated template page
+- the page contains exactly one `Start from a template` heading and one
+  supporting description
+- `Change method` navigates to `/workflows/new`
+- a catalogue 404 uses the environment-unavailable product message while
+  preserving `HTTP 404 Not Found` as technical detail
+- existing list, detail modal, and instantiate behavior remains covered
+
+Local validation runs only the affected Jest files and changed-file static
+checks. Full frontend tests, typecheck, and production build remain delegated
+to GitHub CI.
+
+## Non-Goals
+
+- Merging or deploying backend PR #3484
+- Starting a local backend or adding mock template data
+- Changing the workflow template API contract
+- Moving templates to a top-level workspace route
+- Refactoring unrelated Workflow Activity pages
diff --git a/docs/superpowers/specs/2026-08-21-workflow-template-tooltips-design.md b/docs/superpowers/specs/2026-08-21-workflow-template-tooltips-design.md
new file mode 100644
index 0000000000..bf5601218e
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-21-workflow-template-tooltips-design.md
@@ -0,0 +1,23 @@
+# Workflow Template Tooltip Design
+
+## Product Decision
+
+The template catalogue should show only facts that distinguish one template from another. The decorative template marker and the repeated `Workflow inputs` fact do not add decision value, so the catalogue removes both. The execution summary remains visible as `Runs N step(s)` and gains an explanatory tooltip for users who need context.
+
+## Shared Tooltip Contract
+
+`AevatarTooltip` becomes the only direct adapter around Ant Design `Tooltip` in console-web source. It accepts the Ant tooltip contract so existing placements and rich content remain compatible, while supplying consistent defaults for hover and keyboard-focus triggers, top placement, a short reveal delay, and a bounded readable content width.
+
+All existing direct Ant Tooltip usages migrate to this adapter. `AevatarHelpTooltip` remains a specialized help-button composition, but uses `AevatarTooltip` internally. A static source test rejects future direct `Tooltip` imports from `antd` outside the adapter.
+
+## Catalogue Layout
+
+The semantic table keeps five columns: Template, Connection, Does, Updated, and the unlabeled action column. Template rows contain name and description without a decorative icon track. The execution summary is focusable as well as hoverable and explains that the count is the number of configured workflow steps the template runs.
+
+## Accessibility And Localization
+
+Tooltips open on hover and focus. The step-count trigger remains ordinary text visually and receives a focus ring only during keyboard navigation. Tooltip copy is localized in the existing vNext English and Chinese catalogues and preserves singular/plural step wording.
+
+## Verification
+
+Component tests cover default and overridden tooltip behavior. A static import guard covers the repository-wide migration. The template browser regression asserts the removed content, five-column table, and hover/focus tooltip. Focused dependency tests, changed-file static checks, test-stability guards, and existing-browser desktop/mobile inspection complete delivery; full frontend validation remains delegated to GitHub CI.
diff --git a/docs/superpowers/specs/2026-08-31-workflow-vnext-home-design.md b/docs/superpowers/specs/2026-08-31-workflow-vnext-home-design.md
new file mode 100644
index 0000000000..d47719fc40
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-31-workflow-vnext-home-design.md
@@ -0,0 +1,66 @@
+# Workflow vNext Home Design
+
+## Product Decision
+
+Updated on 2026-09-14: the console opens the current account's Workflows catalogue.
+A fixed deployment scope incorrectly sends every account to the same workspace.
+`/workflows` is the unscoped home resolver; the existing authenticated account API
+owns the scope used to open the catalogue.
+
+This decision supersedes the earlier fixed-scope home and the original vNext
+preview-only entry restriction. Teams and members are not an intermediate home.
+
+## Semantic Ownership
+
+`CONSOLE_HOME_ROUTE` is `/workflows` and remains the shared owner of default
+navigation. Route configuration, login/callback fallback, protected-route
+fallback, and not-found recovery use it.
+
+`WorkflowHomePage` refreshes `GET /api/auth/me` through `studioApi.getAuthSession`
+and the existing account query key. It reads the response's explicit `scopeId`,
+then replaces the URL with
+`/scopes/:scopeId/workflow-activity-vnext/workflows` using the scoped route builder.
+The account subject, browser user ID, cached account, and deployment constants
+must never substitute for an authoritative scope.
+
+The `/api/auth/me` scope contract was checked against `feature/integrate` commit
+`0e3f7cdac58c55d6fe652308e8f63f6fa1373e97`. This change needs no backend endpoint
+or contract modification.
+
+## Navigation Behavior
+
+| Entry | Result |
+| --- | --- |
+| `/`, `/overview`, `/scopes` | Redirect to `/workflows` |
+| Successful login without a safe return target | Open `/workflows`, then resolve the account scope |
+| `/workflows` | Refresh account; replace URL with the scoped Workflows catalogue |
+| Login initiated from a safe protected deep link | Return to that original deep link, preserving query and fragment |
+| `/scopes/:scopeId/teams` | Existing scoped Teams page |
+
+The home resolver uses the existing vNext fullscreen presentation and page
+loading component. It does not duplicate the catalogue or require a Team or
+member to open Workflows. `/runtime/workflows` remains its own runtime surface;
+`/workflows` no longer aliases that route, including in login return sanitization.
+
+## Failure And Security Behavior
+
+- While the account refresh is pending, show loading without navigating from
+  cached identity. A failed refresh must not use the stale cached scope.
+- A failed request shows an unavailable state and Retry, which repeats the API
+  read. A successful response without a scope shows a distinct access message
+  and Retry; it does not create an implicit workspace.
+- When server authentication is enabled and the account or session is explicitly
+  unauthenticated, offer the existing login route without using its scope value.
+- When server authentication is disabled, an explicitly returned scope is usable.
+- External, protocol-relative, login, and callback return targets still pass
+  through the existing `sanitizeReturnTo` rules. Safe internal links remain intact.
+
+## Verification
+
+Route and auth contract tests protect the unscoped home, its aliases, scoped deep
+links, and existing Team routes. Home integration tests exercise a deferred API
+response, distinct/encoded scope IDs, stale-cache failure and retry, missing scope,
+and sign-in recovery using the real QueryClient and scope/route helpers.
+
+Run focused Jest tests and changed-file Biome checks. GitHub CI owns the complete
+frontend suite, typecheck, and production build.
diff --git a/docs/superpowers/specs/2026-09-02-workflow-configuration-guidance-design.md b/docs/superpowers/specs/2026-09-02-workflow-configuration-guidance-design.md
new file mode 100644
index 0000000000..3311bd676e
--- /dev/null
+++ b/docs/superpowers/specs/2026-09-02-workflow-configuration-guidance-design.md
@@ -0,0 +1,125 @@
+# Workflow Configuration Guidance Design
+
+## Goal
+
+Make the workflow node Configuration inspector understandable to a first-time
+user without adding or changing any backend API, runtime contract, or server
+implementation.
+
+## Boundary
+
+- The change is frontend-only under `apps/aevatar-console-web/` plus this
+  design documentation.
+- The frontend must use the workflow document and API contracts that already
+  exist on `feat/2026-08-04_workflow-activity-vnext`.
+- The browser must not infer NyxID capability availability, credentials,
+  readiness, risk, operation schemas, or remediation actions.
+- Aevatar service catalogue identities must not be presented as NyxID
+  UserService identities. They are different resources.
+- Existing step fields outside `parameters` remain preserved by the document
+  update path, but this inspector does not create or edit them.
+
+## Recommended Experience
+
+The inspector uses one quiet, task-focused hierarchy:
+
+1. The header names the step type and keeps the stable step ID out of the main
+   task title.
+2. A one-sentence purpose tells the user what the selected step does.
+3. Settings are the primary surface. Every field says whether it is required
+   or optional and shows either explanatory help or a persistent example.
+4. Technical details and raw JSON remain collapsed for advanced inspection.
+5. The footer uses `Cancel` and `Apply step`, and clearly indicates when edits
+   still need to be applied before the workflow can be saved.
+
+This hierarchy improves comprehension without inventing server-owned facts.
+
+## Tool Call
+
+`tool_call` stays on the existing parameter contract:
+
+```yaml
+parameters:
+  tool: nyxid_proxy
+  arguments: '{"query":{"request":"$input"}}'
+```
+
+The Settings surface exposes:
+
+- **Tool name** (required): the exact registered runtime tool name, with an
+  explicit explanation and a concrete example.
+- **Arguments** (optional): the existing string payload passed to the tool.
+  It opens in a beginner-oriented **Fields** mode and also provides a **JSON**
+  mode for pasting or editing the complete payload.
+
+Fields mode parses the current JSON object into recursive, manually editable
+rows. Each property has a name input, a value-type select, a value control that
+matches the selected type, and a remove action. Object and array values remain
+structured and provide their own add actions. Empty arguments start as an
+empty object. The supported value types are string, number, boolean, object,
+array, and null.
+
+JSON mode exposes the complete text payload and supports pasting. A valid edit
+rebuilds Fields mode. An invalid edit remains visible in JSON mode with a clear
+error; the inspector must not switch to Fields or replace that text with stale
+structured data. Edits made in Fields mode immediately update JSON mode.
+
+Fields mode rejects duplicate property names within the same object instead of
+silently collapsing one row during serialization. Numbers that would change
+when parsed and serialized by JavaScript, including unsafe integers,
+underflowing or overflowing exponents, and high-precision decimals, remain
+byte-for-byte intact in JSON mode. They cannot enter Fields mode because doing
+so could change their value. Users can keep those values in JSON mode or
+represent them as strings.
+
+The arguments editor deliberately serializes its object back to JSON text and
+preserves the final parameter as a string. It must not write an object into the
+workflow document because the current contract stores `parameters.arguments`
+as a string.
+
+The inspector does not offer a connected-action picker. Producing a truthful
+picker would require caller-visible NyxID capability discovery, and no existing
+frontend contract exposes that data. It also does not display fake readiness,
+risk, or setup status.
+
+## Validation And Draft Semantics
+
+- Required values block `Apply step` only when structurally invalid.
+- Optional values can remain empty and are removed through the existing
+  configuration normalizer.
+- Invalid raw JSON displays a localized summary while technical parser detail
+  stays collapsed.
+- Fields and JSON modes in the tool arguments editor share one local draft and
+  synchronize only from valid values.
+- Duplicate property names block apply until the rejected edit is corrected or
+  discarded; unsafe integers are editable only as raw JSON or strings.
+- Editing Advanced JSON for the complete step continues to synchronize the
+  arguments editor through the existing configuration draft.
+- Cancel and close retain the existing discard confirmation for unapplied edits.
+
+## Accessibility And Responsive Behavior
+
+- Existing field labels remain accessible names for inputs.
+- Required/optional text is visible and is not communicated by color alone.
+- The close action remains an icon button with an accessible label and tooltip.
+- The inspector remains an overlay at narrower canvas widths and a stable side
+  panel on wider screens; content scrolls without moving footer actions.
+
+## Verification
+
+Focused tests must prove:
+
+- a user sees step purpose, field requirement state, and persistent guidance;
+- tool arguments remain a string after editing and applying;
+- nested argument values render as fields with type-appropriate controls;
+- adding, removing, and changing argument value types update JSON mode;
+- valid JSON edits update Fields mode while invalid JSON remains intact;
+- duplicate property names never discard visible values, and unsafe integers
+  remain exact in JSON mode;
+- no workflow capability discovery/readiness client is required;
+- raw JSON errors and discard behavior still work;
+- existing workflow editor integration accepts the unchanged
+  `parametersText` callback contract.
+
+Only affected frontend tests and changed-file static checks run locally. The
+full frontend suite, typecheck, and production build are delegated to GitHub CI.
diff --git a/docs/superpowers/specs/2026-09-03-live-workflow-node-presentation-design.md b/docs/superpowers/specs/2026-09-03-live-workflow-node-presentation-design.md
new file mode 100644
index 0000000000..34abdf1d87
--- /dev/null
+++ b/docs/superpowers/specs/2026-09-03-live-workflow-node-presentation-design.md
@@ -0,0 +1,96 @@
+# Live Workflow Node Presentation Design
+
+## Problem
+
+The Run console currently consumes every normalized event yielded from an SSE
+response and calls React state setters for each event. A single network chunk
+can contain multiple complete node lifecycles. React batches those setter calls
+into one browser render, so several node rows can appear together and the user
+never sees the earlier nodes own the Running state.
+
+The UI therefore implies that the network chunk is one execution transition,
+while the runtime contract says that each `aevatar.step.request` is a distinct
+node-start fact.
+
+The console also currently uses runtime events to discover which nodes exist,
+even though both execution surfaces already hold the exact submitted workflow
+definition. This hides all future nodes until they start and makes the workflow
+look as though it is being constructed during execution.
+
+## Semantic Authority
+
+The submitted workflow definition is authoritative for the node inventory,
+identity, label, type, and order. The ordered normalized SSE events are
+authoritative for execution attempts and their status, timing, input, and
+output. In particular, `aevatar.step.request` starts one node attempt and
+`aevatar.step.completed` completes that attempt. HTTP response chunks are only
+transport envelopes and have no product meaning.
+
+The live Run console must present every observed node-start fact before it
+continues to another node-start fact from the same transport burst. It must not
+invent a historical timeline, delay lifecycle diagnostics, or replay nodes
+after the stream has already advanced.
+
+## Presentation Boundary
+
+A shared workflow presentation helper will run after the current event has
+been applied to the accumulator and committed to React state.
+
+- Non-node-start events return immediately.
+- A node-start event waits across a browser paint boundary before the consumer
+  asks the async iterator for another event.
+- The browser boundary uses two animation-frame callbacks: React can commit
+  before the first callback, one paint occurs, and stream consumption resumes
+  on the following frame.
+- There is no fixed millisecond dwell time. Fast workflows remain fast while
+  every started node receives at least one rendered Running frame.
+- Abort cancels pending frame callbacks and releases the waiter so route
+  changes, stop actions, and superseding runs cannot strand the stream loop.
+- Environments without animation frames return without fabricating a timer.
+
+Both published Workflow Activity runs and Team Member Workflow Studio draft
+runs use this helper. Chat and unrelated SSE consumers remain unchanged.
+
+## Definition And Runtime Merge
+
+The Nodes overview is built from the submitted definition snapshot before any
+node event arrives. Definition nodes appear in definition order as nonselectable
+`Pending` entries and do not manufacture log indexes, payloads, inputs, outputs,
+or timestamps. When a runtime attempt for a definition node arrives, its real
+log-backed entry replaces that node's placeholder. Additional attempts remain
+visible as separate runtime entries under the same definition position.
+
+After a run becomes terminal, definition nodes that never received a runtime
+attempt become `Not run`. Runtime nodes absent from the submitted definition are
+still appended after definition nodes so version skew remains observable rather
+than being silently discarded.
+
+## Interaction Contract
+
+The Nodes behavior after each render is:
+
+- every node from the submitted definition appears immediately;
+- future nodes are `Pending`, while never-entered nodes in a terminal run are
+  `Not run`;
+- the newest running node is selected and highlighted;
+- the active row scrolls into view without receiving DOM focus;
+- manual inspection remains stable until a different node attempt starts;
+- lifecycle Events remain explicit secondary diagnostics.
+
+The scheduling helper changes when React may consume the next node boundary;
+it does not change execution IDs, Activity reconciliation, output assembly,
+status calculation, or backend contracts.
+
+## Verification
+
+A component test will assert that all submitted definition nodes are visible as
+Pending before the first node event, then that runtime events promote only the
+current node to Running and select it. A terminal-run case will assert that
+unentered definition nodes become Not run. A page integration test will provide
+multiple node request/completion events in one synchronous async-generator
+burst. It will control animation-frame callbacks and assert that the first node
+is Running while later nodes remain Pending before the paint boundary is
+released, then that the second node becomes Running only after the first
+boundary. Focused helper tests cover non-node events and cancellation. Existing
+component tests continue to cover selection, scroll-follow, and the running
+indicator.
diff --git a/docs/superpowers/specs/2026-09-03-nyxid-review-return-route-design.md b/docs/superpowers/specs/2026-09-03-nyxid-review-return-route-design.md
new file mode 100644
index 0000000000..5d97e19956
--- /dev/null
+++ b/docs/superpowers/specs/2026-09-03-nyxid-review-return-route-design.md
@@ -0,0 +1,213 @@
+# NyxID Service Access Review Return Route Design
+
+## Problem
+
+The Workflow Activity vNext Account settings surface starts a NyxID service
+access review with the correct scoped return location:
+
+```text
+/scopes/:scopeId/workflow-activity-vnext/settings?section=account
+```
+
+The shared NyxID authentication client then replaces that caller-provided route
+with the legacy Account settings URL:
+
+```text
+/settings?section=account
+```
+
+After the user approves or denies access on NyxID, `/auth/callback` therefore
+returns to a different product surface from the one that initiated the review.
+The defect is not only an incorrect constant. A shared protocol adapter owns a
+concrete product route, and the `serviceAccessReview` option contract allows the
+caller to omit the return target even though the callback flow requires it.
+
+## Semantic Decision
+
+The product surface that initiates an authorization flow owns its return route.
+The shared NyxID authentication layer owns OAuth mechanics: it validates the
+route as a safe same-origin target, stores it with the pending PKCE state, and
+restores it on success or failure. It does not select a Settings implementation
+or export a Settings route.
+
+This is an ownership, contract, and runtime correction:
+
+- **Ownership:** legacy Settings and Workflow Activity vNext each construct
+  their own canonical Account settings route.
+- **Contract:** a service-access-review request must provide its return route at
+  compile time.
+- **Runtime:** success, denial, finalization failure, retry, and back navigation
+  preserve the sanitized pending route instead of substituting a legacy route.
+
+## Goals
+
+- Return a review initiated at Workflow Activity vNext to that same scoped
+  Account settings surface.
+- Remove all concrete Account settings route knowledge from shared auth code.
+- Make an omitted review return route a TypeScript error.
+- Keep NyxID review authorization on `prompt=consent` regardless of caller
+  options.
+- Preserve the initiating route through successful, denied, failed, and retried
+  callback paths.
+- Prevent external, protocol-relative, login, and callback targets from entering
+  callback navigation.
+- Give vNext Settings one canonical route builder based on `scopeId` and section
+  identity instead of deriving URLs from the current browser pathname.
+- Preserve the legacy Settings review flow at its own canonical legacy route.
+
+## Non-Goals
+
+- Remove or redirect the legacy `/settings` product surface.
+- Change NyxID OAuth endpoints, PKCE behavior, backend finalization, service
+  access semantics, or session persistence.
+- Introduce a generic route registry into the authentication layer.
+- Add compatibility aliases between legacy Settings and Workflow Activity
+  vNext Settings.
+- Redesign the Account settings UI.
+
+## Selected Design
+
+### Caller-owned authentication options
+
+Replace the permissive `LoginRedirectOptions` interface with a discriminated
+union. The sign-in variant keeps its optional `returnTo` and optional prompt.
+The review variant requires both the `serviceAccessReview` discriminant and a
+`returnTo` string. It does not expose a prompt override because review always
+uses `consent`:
+
+```ts
+type LoginRedirectOptions =
+  | {
+      readonly flow?: 'signIn';
+      readonly returnTo?: string;
+      readonly prompt?: 'none' | 'consent' | 'login';
+    }
+  | {
+      readonly flow: 'serviceAccessReview';
+      readonly returnTo: string;
+      readonly prompt?: never;
+    };
+```
+
+`loginWithRedirect()` continues to support an omitted options object as an
+ordinary sign-in. For either variant it sanitizes the supplied route before
+writing pending state. Review still forces `prompt=consent` when constructing
+the NyxID authorization URL.
+
+The shared `SERVICE_ACCESS_REVIEW_RETURN_TO` constant and the review-specific
+route override are deleted. Pending state remains the single correlation record
+for `flow` and `returnTo`.
+
+### Canonical Workflow Activity Settings routes
+
+Add `buildWorkflowActivitySettingsHref(scopeId, section)` to the existing
+Workflow Activity vNext navigation module. The builder encodes `scopeId`, uses
+the canonical `/scopes/:scopeId/workflow-activity-vnext/settings` base, omits the
+query for the default `ai` section, and adds `?section=account` or
+`?section=advanced` for the other supported settings sections.
+
+`SettingsPage` uses this builder for its settings tabs and for the Account
+panel's review destination. It does not build these routes from
+`location.pathname`; the typed `scopeId` prop is the route identity source.
+
+Rename the Account panel prop from the transport-shaped `returnTo` to
+`accountSettingsHref`. The name states what the caller is providing. The panel
+uses this href both to restart an invalid session and to start a service access
+review.
+
+### Legacy Settings ownership
+
+The legacy Account settings component defines its own local canonical Account
+settings href, `/settings?section=account`, and passes it explicitly to the auth
+client. This route is a property of that product surface, not a shared auth
+default. No legacy route is exported from the authentication module.
+
+### Callback navigation
+
+The auth client sanitizes a pending return target both when it is initially
+persisted and when it is restored. Restoring is treated as a trust boundary
+because local storage may contain stale or manually modified data.
+
+`/auth/callback` also sanitizes any structured error's `returnTo` before using
+it for retry or back navigation. A review error without a valid restored route
+falls back to `CONSOLE_HOME_ROUTE`, never to legacy Settings. Ordinary sign-in
+errors retain the existing `/login` fallback when no structured return target
+exists.
+
+The callback retry handler branches on the discriminant and constructs a valid
+option variant explicitly. Review retries pass the preserved route and rely on
+the auth client to force consent. Sign-in retries retain the existing prompt
+behavior needed for missing required access. This avoids weakening the union
+with a dynamically mixed option object.
+
+## Data Flow
+
+1. `SettingsPage` builds the canonical scoped Account href from `scopeId`.
+2. `AccountPanel` calls `loginWithRedirect` with
+   `flow: 'serviceAccessReview'` and that explicit href.
+3. `NyxIDAuthClient` sanitizes the href and persists it with the PKCE verifier,
+   OAuth state, and flow.
+4. The browser navigates to NyxID with `prompt=consent`.
+5. NyxID returns to `/auth/callback` with the matching state.
+6. The auth client loads the pending record, sanitizes the stored href again,
+   finalizes the session when applicable, and returns or throws with that href.
+7. The callback page uses the same href for successful replacement, error back
+   navigation, and a newly persisted retry request.
+
+For a vNext review, the resulting destination is always:
+
+```text
+/scopes/:scopeId/workflow-activity-vnext/settings?section=account
+```
+
+unless the stored target fails safety validation, in which case it is
+`CONSOLE_HOME_ROUTE`.
+
+## Error And Safety Rules
+
+- OAuth denial removes the matching pending record and reports the sanitized
+  initiating route in `NyxIDAuthCallbackError`.
+- Backend finalization failure removes pending state and reports the same
+  sanitized route.
+- A retry of either error starts a new PKCE transaction with the same route.
+- A missing, empty, external, protocol-relative, `/login`, or `/auth/callback`
+  review target resolves to `CONSOLE_HOME_ROUTE`.
+- Callback rendering never accepts a route merely because it starts with `/`;
+  it uses the shared return-target sanitizer.
+- No error path fabricates `/settings?section=account` when the pending state
+  did not contain that value.
+
+## Testing
+
+Focused frontend tests cover the ownership and round-trip contract:
+
+- Navigation tests prove the settings builder encodes the scope and emits the
+  default, Account, and Advanced canonical URLs.
+- `SettingsPage` or Account panel tests prove the vNext Account action receives
+  and submits the canonical scoped Account href.
+- Legacy Settings tests prove its Account action explicitly submits its local
+  legacy href.
+- Auth client tests prove the review href is sanitized and stored in pending
+  state, `prompt=consent` is forced, and callback success returns the stored
+  scoped href.
+- Auth client tests prove OAuth denial and backend finalization failures carry
+  the stored scoped href for back navigation and retry.
+- Callback tests prove retry preserves the scoped href and unsafe structured
+  error targets resolve to `CONSOLE_HOME_ROUTE`.
+- The exported discriminated union makes `serviceAccessReview` without
+  `returnTo` a compile-time error. All affected call sites are updated to one
+  valid union variant; GitHub CI owns the full-project TypeScript verification.
+
+Validation follows the repository's frontend incremental policy: run only the
+changed tests, related tests, and changed-file static checks, plus
+`bash tools/ci/test_stability_guards.sh` because tests change. Full frontend
+typecheck, test suite, and production build remain delegated to GitHub CI.
+
+## Rollout
+
+No backend, persistent-data, or deployment configuration migration is needed.
+Existing pending local-storage records are read through the same schema and are
+sanitized on restoration. A legacy review started before deployment retains its
+stored legacy route; new reviews return to the product surface that initiated
+them. The change is complete when focused validation passes and the pull request
+targets `feat/2026-08-04_workflow-activity-vnext`.
diff --git a/docs/superpowers/specs/2026-09-03-workflow-canvas-scaling-design.md b/docs/superpowers/specs/2026-09-03-workflow-canvas-scaling-design.md
new file mode 100644
index 0000000000..abbafbe4c6
--- /dev/null
+++ b/docs/superpowers/specs/2026-09-03-workflow-canvas-scaling-design.md
@@ -0,0 +1,225 @@
+# Workflow Canvas Scaling Design
+
+## Context
+
+Workflow Activity vNext renders its editor through the shared Studio Canvas:
+
+```text
+WorkflowEditorPage
+  -> WorkflowStudioEditorSurface
+  -> WorkflowStudioCanvasRegion
+  -> WorkflowStudioCanvas
+  -> GraphCanvas
+  -> @xyflow/react
+```
+
+Run Detail and workflow template preview also render through `GraphCanvas`.
+The current Canvas keeps drag positions local until drag stop, but it still
+performs avoidable graph-wide work during node changes. Several props lose
+referential stability, every Studio node subscribes to the continuous zoom
+value, offscreen nodes remain mounted, and Run Detail rebuilds all graph
+elements during ordinary page renders.
+
+The work is based on
+`origin/feat/2026-08-04_workflow-activity-vnext` at `4b2878e2`, with
+`@xyflow/react@12.10.1`.
+
+## Scope
+
+This change will:
+
+- preserve references for semantically unchanged nodes, node data, and edges;
+- stabilize React Flow configuration, handlers, arrays, and component
+  boundaries;
+- reduce node updates caused by zooming;
+- add a measured visible-element and level-of-detail policy for large graphs;
+- avoid unnecessary automatic layout and repeated fit calculations;
+- make initial fit, topology fit, new-node focus, manual navigation, and manual
+  fit deterministic within the current Canvas session;
+- stop Run Detail status and selection updates from rebuilding semantically
+  unchanged graph elements;
+- keep the shared Canvas correct for the vNext editor, Run Detail, and template
+  preview;
+- add repeatable scale regression coverage for 100, 500, and 1000 nodes and
+  record the measurement environment and results.
+
+## Explicit Non-Goals
+
+Viewport persistence is deferred. This branch will not:
+
+- save or restore viewport coordinates through the workflow layout contract;
+- claim cross-reload, cross-session, or cross-device viewport restoration;
+- add browser storage as a substitute for server authority;
+- modify the backend persistence contract tracked by issues #3576 and #3577;
+- change workflow YAML or execution semantics;
+- replace React Flow with a different graph renderer.
+
+Node-position persistence already present in the editor remains unchanged.
+The Canvas may track whether the user has manually navigated during the current
+mount solely to prevent disruptive automatic fits. That transient flag is not
+workflow state and is not persisted.
+
+## Design Principles
+
+### Reference Stability
+
+React Flow receives one stable node or edge object for each semantically
+unchanged element. A node object changes only when its position, dimensions,
+selection, or node data changes. An edge object changes only when its semantic
+content or selection presentation changes.
+
+`GraphCanvas` will no longer decorate every node and edge into a new object on
+each relevant render. Pure reconciliation helpers will compare the incoming
+element with the previously rendered element and reuse the previous object
+when the semantic content is unchanged. Selection reconciliation will update
+only the previously selected and newly selected objects. React Flow's
+`applyNodeChanges` remains responsible for gesture-local changes and retains
+the library's interaction semantics.
+
+Callers will pass their memoized arrays directly. They will not use
+`nodes={[...nodes]}` or `edges={[...edges]}`. `GraphCanvas` will accept readonly
+arrays at its boundary and copy only when the React Flow state API requires an
+owned array.
+
+### Stable React Boundaries
+
+The Studio node type table, fit options, React Flow options, MiniMap callback,
+and invariant styles will be module-level constants. Event handlers whose
+identity reaches React Flow will use `useCallback` and read the current values
+through dependencies or narrowly scoped refs where required.
+
+`StudioWorkflowNode`, `WorkflowStudioCanvas`, `WorkflowStudioCanvasRegion`, and
+`WorkflowStudioEditorSurface` will have explicit memo boundaries. Memoization
+is not used to hide unstable inputs: the caller arrays and callbacks must first
+be stable.
+
+### Zoom And Level Of Detail
+
+Studio nodes need only know whether the current zoom is below the compact
+threshold. Their React Flow store selector will return that boolean directly,
+so intermediate wheel or pinch values that remain on the same side of the
+threshold do not notify every mounted node.
+
+The compact representation will omit the parameter summary and secondary role
+detail. It retains the step identity, type/category, connection handles, and
+execution status needed for navigation and diagnosis. Crossing the threshold
+is the only zoom-driven custom-node render boundary.
+
+### Visible Elements And MiniMap
+
+The large-graph policy will be selected from benchmark evidence rather than
+assumption. The initial candidate is React Flow's
+`onlyRenderVisibleElements` for Studio graphs, because Studio nodes contain
+substantially more content than the default graph nodes. Correctness coverage
+will verify that selection, navigation, dragging, and nodes re-entering the
+viewport continue to work.
+
+The MiniMap stays available unless measurements show it dominates interaction
+cost at a repeatable graph-size threshold. If a threshold is justified, the
+Canvas will apply it consistently and keep Controls available for navigation.
+The threshold and evidence will be recorded in the benchmark report rather
+than embedded as an unexplained constant.
+
+### Automatic Layout And Viewport Movement
+
+`buildStudioGraphElements` will inspect sanitized saved positions before
+running automatic layout. If every current step has a valid saved position,
+automatic layout is skipped. Partial or absent layouts retain the existing
+deterministic fallback behavior and never move valid saved positions.
+
+Canvas movement follows this precedence within one mount:
+
+1. The first non-empty topology receives one measurement-aware initial fit.
+2. A newly added node may receive one focused reveal if it is outside the
+   current viewport.
+3. A topology replacement before manual navigation may receive one topology
+   fit.
+4. Once the user pans or zooms, later topology changes do not automatically
+   move the established viewport.
+5. The React Flow Controls fit action remains an explicit user command and is
+   always allowed.
+
+The current three-attempt animation-frame fit loop will be removed. Fitting
+will wait for the relevant nodes to be initialized and then run once for the
+specific reason. Selection, position-only changes, and execution-status
+changes do not trigger fit.
+
+### Run Detail Graph Updates
+
+Run Detail will separate graph topology from selection. Selection remains the
+`selectedNodeId` input to `GraphCanvas` and will not be copied into every
+execution node's data.
+
+Execution graph derivation will be memoized and reconciled by stable node and
+edge identity. A status update creates a new data and node object only for the
+affected step. Unchanged steps and all unchanged edges retain their previous
+references. The ordered step list remains derived from the authoritative run
+detail and is not turned into a second source of truth.
+
+## Benchmark Design
+
+A repository-owned benchmark fixture will generate representative Studio node
+content and deterministic edges for 100, 500, and 1000 nodes. It will exercise:
+
+- initial mount and first fit;
+- a single ungrouped-node drag;
+- selection from one node to another;
+- pan and zoom without and with a detail-threshold crossing;
+- one execution-status update;
+- one topology addition.
+
+The browser harness will record custom-node render counts, affected object
+reference counts, React commits where the production profiling runtime exposes
+them, long tasks or interaction frame timing, and browser heap measurements
+where Chromium exposes them. It will record browser version, build mode,
+hardware/runner description, graph size, and edge count with every result.
+
+The personal frontend validation policy forbids a local production build for
+this request. Local work will therefore verify the fixture and instrumentation
+with focused tests. The production build benchmark will run in GitHub CI and
+write its result as an artifact; the PR will distinguish locally observed
+development evidence from CI-owned production evidence.
+
+## Error Handling
+
+Performance helpers are pure and fail closed: invalid graph elements are left
+to existing React Flow validation, while missing optional benchmark metrics are
+reported as unavailable instead of fabricated. Benchmark failures include the
+scenario and graph size that failed.
+
+Canvas interaction callbacks keep their current behavior. A failed parent
+delete leaves local graph state unchanged. A failed layout callback does not
+introduce a second local persistence mechanism.
+
+## Verification
+
+Focused regression tests will prove:
+
+- dragging one node preserves unaffected node and data references;
+- selection changes preserve every unaffected node and edge reference;
+- stable parent rerenders keep React Flow arrays and configuration stable;
+- zoom updates within one detail band do not rerender every Studio node;
+- crossing the compact threshold changes the rendered detail intentionally;
+- the selected visible-element policy is passed to React Flow and preserves
+  viewport entry/exit behavior;
+- complete saved node positions skip automatic layout, while partial and
+  missing layouts retain deterministic placement;
+- automatic fit runs once for an eligible reason and does not run after manual
+  navigation for selection, status, or ordinary topology changes;
+- Run Detail status updates preserve unaffected node/data/edge references;
+- template preview and Run Detail retain their existing functional behavior;
+- 100, 500, and 1000 node fixtures execute the benchmark scenarios and produce
+  schema-valid measurement output.
+
+Local validation will consist only of directly related Jest files,
+changed-file Biome checks, the repository test-stability guard when tests are
+modified, and any repository-native affected typecheck reported by the scope
+analyzer. The full frontend suite, full typecheck, production build, and
+production benchmark remain GitHub CI responsibilities.
+
+## Delivery Boundary
+
+The pull request will reference #3578 and explicitly list the viewport
+persistence acceptance items as deferred on #3576 and #3577. It will not mark
+those items complete or describe the issue as fully closed until the
+authoritative server contract exists.
diff --git a/tools/ci/tests/test_ci_change_scope.py b/tools/ci/tests/test_ci_change_scope.py
new file mode 100644
index 0000000000..1465213c69
--- /dev/null
+++ b/tools/ci/tests/test_ci_change_scope.py
@@ -0,0 +1,139 @@
+#!/usr/bin/env python3
+"""Exercise the checked-in path filters, routing shell, and coverage condition."""
+
+import ast
+import fnmatch
+import os
+from pathlib import Path
+import re
+import subprocess
+import tempfile
+import textwrap
+import unittest
+
+
+REPO_ROOT = Path(__file__).resolve().parents[3]
+WORKFLOW = (REPO_ROOT / ".github/workflows/ci.yml").read_text()
+
+
+def block(source, header):
+    """Read an indented YAML block without requiring runner-side packages."""
+    lines = source.splitlines()
+    positions = [i for i, line in enumerate(lines) if line.strip() == header]
+    if len(positions) != 1:
+        raise AssertionError(f"Expected one {header!r} block, got {len(positions)}")
+    start = positions[0]
+    indent = len(lines[start]) - len(lines[start].lstrip())
+    end = start + 1
+    while end < len(lines):
+        line = lines[end]
+        if line.strip() and len(line) - len(line.lstrip()) <= indent:
+            break
+        end += 1
+    return textwrap.dedent("\n".join(lines[start + 1:end]))
+
+
+CHANGES = block(WORKFLOW, "changes:")
+FILTERS = block(CHANGES, "filters: |")
+RESOLVE = block(CHANGES, "- name: Resolve Change Scope")
+COVERAGE_CONDITION = block(block(WORKFLOW, "coverage-quality:"), "if: |")
+
+
+def path_matches(path, pattern):
+    # The routing filters use positive globs only. A leading **/ also matches
+    # zero directories, as in paths-filter's picomatch implementation.
+    return fnmatch.fnmatchcase(path, pattern) or (
+        pattern.startswith("**/") and fnmatch.fnmatchcase(path, pattern[3:])
+    )
+
+
+def resolve_scope(paths):
+    env = dict(os.environ)
+    for name, filter_name in re.findall(
+        r"(\w+): \$\{\{ steps\.filter\.outputs\.(\w+)_count \}\}",
+        block(RESOLVE, "env:"),
+    ):
+        patterns = [ast.literal_eval(line.strip()[2:])
+                    for line in block(FILTERS, f"{filter_name}:").splitlines()
+                    if line.strip()]
+        env[name] = str(sum(any(path_matches(path, p) for p in patterns) for path in paths))
+    with tempfile.TemporaryDirectory() as directory:
+        output = Path(directory) / "output"
+        output.touch()
+        env["GITHUB_OUTPUT"] = str(output)
+        subprocess.run(["bash", "-eu"], input=block(RESOLVE, "run: |"),
+                       text=True, env=env, check=True, capture_output=True)
+        return dict(line.split("=", 1) for line in output.read_text().splitlines())
+
+
+def coverage_runs(outputs, event="pull_request", base="dev", ref="refs/pull/1/merge"):
+    context = {
+        "github.event_name": event, "github.base_ref": base, "github.ref": ref,
+        **{f"needs.changes.outputs.{name}": value for name, value in outputs.items()},
+    }
+    expression = re.sub(r"(?:github|needs)\.[\w.]+",
+                        lambda match: repr(context[match[0]]), COVERAGE_CONDITION)
+    expression = " ".join(expression.replace("&&", "and").replace("||", "or").split())
+
+    def evaluate(node):
+        if isinstance(node, ast.Constant):
+            return node.value
+        if isinstance(node, ast.BoolOp):
+            values = [evaluate(value) for value in node.values]
+            return all(values) if isinstance(node.op, ast.And) else any(values)
+        if isinstance(node, ast.Compare) and len(node.ops) == 1:
+            left, right = evaluate(node.left), evaluate(node.comparators[0])
+            if isinstance(node.ops[0], ast.Eq):
+                return left == right
+            if isinstance(node.ops[0], ast.NotEq):
+                return left != right
+        raise AssertionError(f"Unsupported coverage expression: {ast.dump(node)}")
+
+    return evaluate(ast.parse(expression, mode="eval").body)
+
+
+class ChangeScopeTests(unittest.TestCase):
+    def test_job_outputs_are_connected_to_resolver(self):
+        step_id = re.search(r"^id: (\w+)$", RESOLVE, re.MULTILINE)[1]
+        outputs = block(CHANGES, "outputs:")
+        for name in ("docs_only", "frontend_only"):
+            self.assertIn(f"{name}: ${{{{ steps.{step_id}.outputs.{name} }}}}", outputs)
+        self.assertIn("needs: changes", block(WORKFLOW, "coverage-quality:"))
+
+    def test_pr_routing_depends_on_changed_files_on_every_base(self):
+        frontend = ["apps/aevatar-console-web/src/app.tsx",
+                    "apps/aevatar-console-web/.env.example",
+                    "apps/aevatar-console-web/pnpm-lock.yaml"]
+        cases = [
+            (frontend, True, False, False),
+            (["apps/aevatar-console-web/docs/home.md"], True, True, False),
+            (["docs/home.md"], False, True, False),
+            ([], False, False, True),
+        ]
+        for extra in ("src/Host.cs", "src/contracts.proto", "test/HostTests.cs",
+                      ".github/workflows/ci.yml", "tools/ci/coverage_quality_guard.sh",
+                      "Directory.Build.props", "Directory.Packages.props",
+                      "global.json", "docs/home.md"):
+            cases.append((frontend + [extra], False, False, True))
+            if extra != "docs/home.md":
+                cases.append(([extra], False, False, True))
+        for base in ("dev", "main", "feat/2026-08-04_workflow-activity-vnext", "another-base"):
+            for paths, frontend_only, docs_only, should_run in cases:
+                with self.subTest(base=base, paths=paths):
+                    outputs = resolve_scope(paths)
+                    self.assertEqual(outputs["frontend_only"], str(frontend_only).lower())
+                    self.assertEqual(outputs["docs_only"], str(docs_only).lower())
+                    self.assertEqual(coverage_runs(outputs, base=base), should_run)
+
+    def test_scheduled_manual_and_mainline_push_coverage_still_runs(self):
+        for paths in ([], ["docs/home.md"], ["apps/aevatar-console-web/src/app.tsx"]):
+            outputs = resolve_scope(paths)
+            for event, ref in (("schedule", "refs/heads/dev"),
+                               ("workflow_dispatch", "refs/heads/feature"),
+                               ("push", "refs/heads/main"), ("push", "refs/heads/dev")):
+                with self.subTest(paths=paths, event=event, ref=ref):
+                    self.assertTrue(coverage_runs(outputs, event=event, ref=ref))
+
+
+if __name__ == "__main__":
+    unittest.main()